@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap";.cover-picker{width:100%;margin-block:10px}.cover-picker-buttons{flex-wrap:wrap;gap:10px;display:flex}.cover-picker-buttons button{white-space:normal;flex:110px;min-height:48px!important;padding:10px!important;font-size:.875rem!important}.cover-upload{width:210px}.cover-upload .cover-picker{margin:0}.cover-upload .cover-picker-buttons{flex-direction:column}.cover-upload .cover-picker-buttons button{flex:auto}.cover-upload>img{max-height:180px}.cover-editor{max-height:94dvh;overflow:hidden;padding:0!important}.cover-editor[open]{flex-direction:column;display:flex}.cover-editor>header{flex-shrink:0;margin:0;padding:16px 20px}.cover-editor header h2{font-size:1.4rem}.cover-editor header p{color:var(--text-secondary);margin:2px 0;font-size:.8125rem}.cover-editor-body{overscroll-behavior:contain;min-height:0;padding:12px 20px;overflow-y:auto}.cover-mode{gap:6px;margin-bottom:12px;display:flex}.cover-mode button,.corner-select button{border:1px solid var(--border);border-radius:8px;flex:1;min-height:44px;padding:8px 12px}.cover-mode .active,.corner-select .active{background:var(--primary-active);color:var(--text-on-active)}.cover-workspace{background:var(--surface-secondary);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;min-height:180px;padding:25px;display:flex}.cover-source{-webkit-user-select:none;user-select:none;touch-action:none;width:-moz-fit-content;width:fit-content;max-width:100%;margin:auto;line-height:0;position:relative}.cover-source[hidden]{display:none}.cover-source>img{pointer-events:none;width:auto;max-width:100%;height:auto;max-height:42dvh;display:block}.cover-source svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cover-source polygon{fill:color-mix(in srgb,var(--accent) 12%,transparent);stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.cover-source>button{border:3px solid var(--text-on-dark);background:var(--primary);width:46px;height:46px;color:var(--text-on-dark);touch-action:none;box-shadow:0 0 0 1px var(--border);z-index:2;border-radius:50%;font-size:1rem;font-weight:700;line-height:1;position:absolute;transform:translate(-50%,-50%)}.cover-source>button.selected{outline:3px solid var(--accent);outline-offset:2px}.cover-preview img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:44dvh;margin:auto;display:block}.cover-tools{flex-wrap:wrap;gap:8px;margin-block:14px;display:flex}.cover-tools button{flex:110px;min-height:44px}.corner-tools>p{color:var(--text-secondary);font-size:.8125rem}.corner-select{grid-template-columns:1fr 1fr;gap:6px;display:grid}.corner-select button{font-size:.75rem}.corner-fine{justify-content:center;align-items:center;gap:20px;margin:14px 0;display:flex}.corner-loupe{background-repeat:no-repeat;background-color:var(--surface-secondary);border:2px solid var(--accent);border-radius:12px;flex-shrink:0;width:112px;height:112px;position:relative;overflow:hidden}.corner-loupe:before,.corner-loupe:after{content:"";background:var(--accent);pointer-events:none;position:absolute}.corner-loupe:before{width:1px;top:0;bottom:0;left:55px}.corner-loupe:after{height:1px;top:55px;left:0;right:0}.corner-arrows{grid-template-columns:repeat(3,44px);gap:4px;display:grid}.corner-arrows button{min-height:44px;padding:0}.corner-arrows button:first-child{grid-column:2}.corner-arrows button:nth-child(2){grid-area:2/1}.corner-arrows button:nth-child(3){grid-area:2/3}.corner-arrows button:nth-child(4){grid-area:3/2}.cover-adjustments,.cover-replace{border-top:1px solid var(--border);padding:10px 0}.cover-adjustments .form-grid{margin-block:15px}.cover-save{padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:10px;display:flex}.cover-save>.primary{flex:1;min-height:48px}.cover-editor .hint{font-size:.8125rem}.cover-picker input[hidden]{display:none}@media (max-width:600px){.book-form-top>.cover-upload{grid-template-columns:80px minmax(0,1fr);gap:12px;width:100%;display:grid}.cover-upload>img{grid-row:1/3;max-height:130px}.cover-upload .cover-picker{grid-column:2}.cover-upload .cover-picker-buttons{flex-direction:row}.cover-upload .cover-picker-buttons button{flex:90px}.cover-upload .text-button{grid-column:2;font-size:.75rem}.cover-editor{width:calc(100% - 12px)!important}.cover-editor-body{padding:10px 12px}.cover-editor>header{padding:12px}.cover-workspace{padding:25px}.cover-source>img{max-height:38dvh}.cover-save{padding-inline:12px}.cover-tools button{font-size:.8125rem}}@media (min-width:1280px){.immersive-filters{flex-wrap:wrap}.immersive-filters .search-box{flex:280px;min-width:0}.immersive-filters .view-toggle{flex-wrap:wrap}.immersive-filters .view-toggle button{align-items:center;gap:5px;display:flex}.immersive-view{grid-template-columns:minmax(0,1.15fr) minmax(340px,1fr);align-items:start;gap:22px;min-width:0;margin-block:22px 32px;display:grid}.immersive-gallery{border:1px solid var(--border);background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 65%),var(--surface-secondary);border-radius:24px;min-width:0;padding:22px 16px;position:sticky;top:24px;overflow:hidden}.immersive-kicker{color:var(--text-secondary);letter-spacing:.04em;justify-content:space-between;gap:12px;padding-inline:8px;font-size:.6875rem;display:flex}.immersive-stage{perspective:1100px;isolation:isolate;cursor:grab;outline-offset:-4px;-webkit-user-select:none;user-select:none;touch-action:pan-y;height:380px;position:relative}.immersive-stage:active{cursor:grabbing}.immersive-stage:focus-visible{outline:2px solid var(--accent);border-radius:18px}.immersive-orbit{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%);height:80px;box-shadow:0 15px 24px color-mix(in srgb,var(--text-primary) 8%,transparent);pointer-events:none;border-radius:50%;position:absolute;bottom:8px;left:8%;right:8%;transform:rotateX(58deg)}.immersive-jacket{border:1px solid var(--border);background:var(--surface);width:190px;height:280px;color:var(--text-primary);transform:translateX(calc(-50% + var(--offset) * 105px)) translateZ(calc(var(--depth) * -120px)) rotateY(var(--tilt));opacity:calc(1 - var(--depth) * .18);box-shadow:10px 20px 26px color-mix(in srgb,var(--text-primary) 18%,transparent);transform-style:preserve-3d;will-change:transform;border-radius:5px 10px 10px 5px;padding:0;transition:transform .32s,opacity .32s,box-shadow .32s;position:absolute;top:32px;left:50%;overflow:visible}.immersive-jacket.is-current{border-color:var(--accent);box-shadow:0 24px 36px color-mix(in srgb,var(--text-primary) 24%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.immersive-jacket img{object-fit:contain;border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block}.immersive-jacket:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,color-mix(in srgb,var(--text-on-dark) 10%,transparent),transparent 15%,transparent 85%,color-mix(in srgb,var(--text-primary) 9%,transparent));position:absolute;inset:0}.immersive-jacket.is-current:before{content:"";background:linear-gradient(to bottom,color-mix(in srgb,var(--accent) 20%,transparent),transparent);filter:blur(5px);pointer-events:none;border-radius:50%;height:24px;position:absolute;inset:calc(100% + 15px) 8% auto;transform:rotateX(50deg)}.immersive-spine{background:linear-gradient(90deg,var(--border),var(--surface));pointer-events:none;border-radius:3px 0 0 3px;width:5px;position:absolute;inset:0 auto 0 -5px;transform:rotateY(-15deg)}.immersive-placeholder{background:linear-gradient(135deg,var(--surface),var(--surface-secondary));border-radius:inherit;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden}.immersive-placeholder b{font:600 1.125rem/1.6 var(--serif);overflow-wrap:anywhere}.immersive-placeholder small{color:var(--text-secondary)}.immersive-controls{justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.immersive-controls>button{flex-shrink:0;width:44px;height:44px}.immersive-position{text-align:center;flex-direction:column;flex:1;min-width:0;display:flex}.immersive-position strong{font:600 1.125rem/1.5 var(--serif);overflow-wrap:anywhere}.immersive-position span,.immersive-position small{color:var(--text-secondary);font-size:.6875rem}.immersive-range{width:100%;accent-color:var(--accent);cursor:pointer;margin-block:22px 8px;padding:0}.immersive-help{color:var(--text-secondary);text-align:center;font-size:.625rem}.immersive-info{background:var(--surface);border:1px solid var(--border);border-radius:20px;min-width:0;padding:22px}.immersive-info-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.immersive-info h2{font:700 1.75rem/1.55 var(--serif);margin-block:14px 4px}.immersive-author{color:var(--text-secondary);margin-bottom:12px;font-size:.875rem}.immersive-rating{color:var(--accent-ink);align-items:center;gap:5px;margin-block:14px;display:flex}.immersive-rating span{margin-inline-start:8px;font-size:.6875rem}.immersive-progress{color:var(--text-secondary);margin-top:12px;font-size:.6875rem}.immersive-progress .progress{margin-block:6px 12px}.immersive-actions{flex-wrap:wrap;align-items:center;gap:8px;padding-block:12px;display:flex}.immersive-actions .book-icons{border:0;flex-wrap:wrap;justify-content:flex-start;width:auto;padding:0}.immersive-actions>.selected{color:var(--text-primary);background:var(--accent-light);border-color:var(--accent)}.immersive-tabs{border-block:1px solid var(--border);flex-wrap:wrap;gap:3px;padding-block:8px;display:flex}.immersive-tabs button{border-radius:7px;min-height:40px;padding:8px 10px;font-size:.6875rem}.immersive-tabs button[aria-selected=true]{background:var(--primary-active);color:var(--text-on-active)}.immersive-tabs button:hover:not([aria-selected=true]){background:var(--surface-secondary)}.immersive-panel{scrollbar-width:thin;scrollbar-color:var(--accent) var(--surface);overflow-wrap:anywhere;max-height:430px;padding-block:18px;overflow:auto}.immersive-panel dl{gap:10px;margin:0;display:grid}.immersive-panel dl>div{border-bottom:1px solid color-mix(in srgb,var(--border) 45%,transparent);grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);gap:12px;padding-block:5px;display:grid}.immersive-panel dt{color:var(--text-secondary);font-size:.6875rem}.immersive-panel dd{white-space:pre-wrap;margin:0;font-size:.75rem}.immersive-panel p{white-space:pre-wrap}.immersive-record{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.immersive-record>h3{margin-bottom:10px;font-size:.8125rem}.immersive-record>.secondary{margin-inline-start:10px}.immersive-footer{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding-top:16px;display:flex}.immersive-footer .check{width:100%;font-size:.6875rem}.immersive-mode-label{font-size:.6875rem}}@media (min-width:1280px) and (prefers-reduced-motion:reduce){.immersive-jacket{will-change:auto;transition:none}.immersive-jacket.is-current:before{display:none}}@media (min-width:1280px){.desktop-loan-filters{flex-wrap:wrap;gap:12px;display:flex}.desktop-loan-filters .search-box{flex:260px}.desktop-loan-filters select{flex:140px;max-width:100%}}@media (max-width:850px){.mobile-topbar{background:var(--background);border-bottom:1px solid var(--border);height:auto!important;padding:14px 16px!important}.mobile-masthead{justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;display:flex}.mobile-masthead>img{object-fit:contain;width:clamp(115px,38vw,180px);height:75px}.mobile-masthead .top-actions{flex-shrink:0;gap:4px}.mobile-masthead button{min-width:44px;min-height:44px;color:var(--text-primary);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 85%,transparent);border-radius:50%}.mobile-masthead .notification-count{top:-3px;inset-inline-end:-2px}.mobile-masthead .small-avatar{font-size:1rem;font-weight:600}.mobile-home{padding-top:4px}.mobile-home-search{border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));background:var(--surface);box-shadow:var(--shadow);border-radius:22px;align-items:center;gap:10px;min-width:0;padding:5px 12px;display:flex}.mobile-home-search input{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;flex:1;padding-inline:0;font-size:1rem}.mobile-home-search button{background:var(--primary);width:44px;height:44px;color:var(--text-on-dark);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.mobile-home-search>svg{color:var(--text-secondary);flex-shrink:0}.mobile-home-heading{justify-content:space-between;align-items:center;gap:12px;margin-block:25px 18px;display:flex}.mobile-home-heading span{color:var(--text-secondary);font-size:.75rem}.mobile-home-heading h1{font-size:1.75rem}.mobile-home-heading>svg{color:var(--accent)}.mobile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mobile-stat{text-align:start;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--surface) 88%,transparent);min-width:0;min-height:120px;box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 5%,transparent);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:9px;padding:16px;display:grid}.mobile-stat>svg{color:var(--accent-ink)}.mobile-stat>strong{text-align:end;overflow-wrap:anywhere;grid-area:1/2/3;min-width:0;font-size:1.75rem;font-weight:600;line-height:1.25}.mobile-stat>span{overflow-wrap:anywhere;min-width:0;font-size:.8125rem}.mobile-stat:active{background:var(--surface-secondary);border-color:var(--accent)}.mobile-home-actions{flex-wrap:wrap;gap:10px;margin-block:22px;display:flex}.mobile-home-actions button{white-space:normal;flex:1}.mobile-notice{border:1px solid var(--border);background:var(--surface-secondary);text-align:start;border-radius:16px;align-items:center;gap:10px;width:100%;margin-top:18px;padding:14px;display:flex}.mobile-notice span{flex:1}.mobile-book-gallery{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:var(--surface-secondary);border-radius:24px;width:100%;min-width:0;margin-block:4px 24px;overflow:hidden}.mobile-book-stage{perspective:850px;isolation:isolate;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;outline-offset:-4px;height:clamp(290px,85vw,380px);position:relative;overflow:hidden}.mobile-book-stage:focus-visible{outline:2px solid var(--accent)}.mobile-flow-cover{--cover-width:clamp(138px,46vw,215px);width:var(--cover-width);height:calc(var(--cover-width) * 1.4);border:1px solid var(--border);background:var(--surface);transform:translateX(calc(-50% + var(--offset) * 100px + var(--swipe-x,0px))) translateZ(calc(var(--depth) * -110px)) rotateY(var(--tilt));opacity:calc(1 - var(--depth) * .23);box-shadow:8px 15px 20px color-mix(in srgb,var(--text-primary) 18%,transparent);will-change:transform;border-radius:5px 10px 10px 5px;padding:0;transition:transform .3s,opacity .3s;position:absolute;top:24px;left:50%;overflow:hidden}.mobile-flow-cover.is-current{border-color:var(--accent);box-shadow:0 20px 26px color-mix(in srgb,var(--text-primary) 20%,transparent)}.mobile-flow-cover img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.mobile-flow-cover:after{content:"";pointer-events:none;border-inline-start:4px solid color-mix(in srgb,var(--accent) 20%,transparent);position:absolute;inset:0}.mobile-cover-placeholder{background:var(--surface);height:100%;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex;overflow:hidden}.mobile-cover-placeholder b{overflow-wrap:anywhere;font-size:.875rem;line-height:1.6}.mobile-book-base{border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);pointer-events:none;border-radius:50%;height:35px;position:absolute;bottom:8px;left:12%;right:12%;transform:rotateX(55deg)}.mobile-flow-controls{justify-content:center;align-items:center;gap:24px;padding:0 12px;display:flex}.mobile-flow-controls button{background:var(--surface);border:1px solid var(--border);border-radius:50%;min-width:44px;min-height:44px}.mobile-flow-controls span{color:var(--text-secondary);text-align:center;min-width:65px;font-size:.8125rem}.mobile-thumb-strip{justify-content:center;align-items:center;gap:5px;min-width:0;margin:14px 8px;display:flex}.mobile-thumb-strip button{opacity:.65;background:var(--surface);border:1px solid #0000;border-radius:7px;flex:0 0 44px;min-width:44px;height:60px;padding:3px;overflow:hidden}.mobile-thumb-strip button.selected{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.mobile-thumb-strip img{object-fit:contain;width:100%;height:100%}.mobile-thumb-strip .mobile-cover-placeholder{gap:0;padding:1px}.mobile-thumb-strip .mobile-cover-placeholder svg{display:none}.mobile-thumb-strip .mobile-cover-placeholder b{font-size:.5625rem}.mobile-book-summary{background:var(--surface);border-top:1px solid var(--border);min-width:0;padding:18px}.mobile-summary-status{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:.6875rem;display:flex}.mobile-book-summary h2{font:700 1.5rem/1.6 var(--serif);margin-top:12px}.mobile-book-author{color:var(--text-secondary);margin-block:5px 12px;font-size:.875rem}.mobile-book-summary .chips{margin-top:10px}.mobile-book-summary .pill{white-space:normal;font-size:.6875rem}.mobile-book-progress{color:var(--text-secondary);margin-top:14px;font-size:.75rem}.mobile-book-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-block:14px;display:flex}.mobile-book-actions .book-icons{border:0;flex-wrap:wrap;justify-content:center;gap:4px;width:auto;max-width:100%;padding:0}.mobile-book-actions>.icon{min-width:48px;min-height:48px}.mobile-book-actions .book-icons button{min-height:48px}.mobile-book-actions .actions{justify-content:center}.mobile-export-select{margin-top:14px;font-size:.75rem}.mobile-loan-meta{overflow-wrap:anywhere;margin-top:12px;font-size:.8125rem;line-height:1.9}.mobile-loan-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.mobile-loan-filters .search-box{grid-column:1/-1;min-width:0}.mobile-loan-filters select{width:100%;min-width:0;max-width:100%;font-size:.875rem}.mobile-book-filters .search-box{flex-basis:100%;min-width:0}.mobile-book-filters{flex-wrap:wrap}.mobile-book-filters select{flex:120px;max-width:100%;font-size:.8125rem}.mobile-book-filters .view-toggle{display:none}.bottom-nav{border:1px solid var(--border);background:var(--navigation);height:auto;min-height:80px;box-shadow:0 -5px 20px color-mix(in srgb,var(--text-primary) 7%,transparent);padding:8px 5px max(8px,env(safe-area-inset-bottom));border-bottom:0;border-radius:20px 20px 0 0;align-items:stretch;gap:3px}.bottom-nav button{border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:60px;padding:5px 2px;display:flex}.bottom-nav button span{white-space:normal;overflow-wrap:anywhere;font-size:.6875rem;line-height:1.4}.bottom-nav button svg{width:22px;height:22px}.bottom-nav .add svg{border:2px solid var(--accent);background:var(--primary);width:48px;height:48px;color:var(--text-on-dark);box-shadow:0 5px 12px color-mix(in srgb,var(--text-primary) 15%,transparent);border-radius:50%;margin-top:-23px;padding:11px}.bottom-nav .add{overflow:visible}.bottom-nav button.active{background:var(--primary-active);color:var(--text-on-active)}.workspace{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.mobile-layout .content{padding:20px 14px 0}.mobile-layout .content>.page-heading{align-items:flex-start;gap:12px}.mobile-layout .page-heading h1{font-size:1.75rem}.mobile-layout .page-heading{flex-wrap:wrap}.mobile-layout .page-heading .primary{min-height:44px}.mobile-layout .export-toolbar{flex-wrap:wrap}.mobile-layout input:not([type=checkbox]):not([type=radio]):not([type=range]),.mobile-layout select,.mobile-layout textarea{min-height:44px;font-size:1rem}.mobile-layout .modal{max-width:calc(100vw - 20px)}[dir=ltr] .mobile-direction-arrow{transform:rotate(180deg)}}@media (max-width:850px) and (prefers-reduced-motion:reduce){.mobile-flow-cover{will-change:auto;transform:translateX(calc(-50% + var(--offset) * 100px + var(--swipe-x,0px))) scale(calc(1 - var(--depth) * .16));transition:none}.mobile-book-base{display:none}}@media (max-width:850px){.mobile-layout[data-low-effects=true] .mobile-flow-cover{will-change:auto;transform:translateX(calc(-50% + var(--offset) * 100px + var(--swipe-x,0px))) scale(calc(1 - var(--depth) * .16));box-shadow:none;transition:none}.mobile-layout[data-low-effects=true] .mobile-book-base{display:none}}@supports not (perspective:850px){@media (max-width:850px){.mobile-flow-cover{transform:translateX(calc(-50% + var(--offset) * 100px + var(--swipe-x,0px))) scale(calc(1 - var(--depth) * .16));transition:none}}}@media (max-width:850px){.mobile-book-stage.is-dragging .mobile-flow-cover{transition:none}.mobile-flow-cover{touch-action:pan-y pinch-zoom;-webkit-user-select:none;-webkit-touch-callout:none}}:root{--background:#e7e1d8;--surface:#fff;--surface-secondary:#f6f3ec;--navigation:#f6f3ec;--primary:#39473d;--primary-hover:#59675b;--primary-active:#19231d;--text-primary:#19231d;--text-secondary:#59675b;--border:#d9c9b9;--accent:#a77c55;--input-background:#fff;--text-on-dark:#fff;--text-on-active:#fff;--success-background:#f6f3ec;--danger:#a34b43;--danger-button:#a34b43;--accent-ink:var(--text-primary);--accent-light:var(--surface-secondary);--link:var(--text-primary);--bg:var(--background);--card:var(--surface);--secondary:var(--surface-secondary);--green:var(--text-primary);--button:var(--primary);--hover:var(--primary-hover);--gold:var(--accent);--text:var(--text-primary);--muted:var(--text-secondary);--soft:var(--surface-secondary);--overlay:#142019a6;--shadow:0 3px 14px color-mix(in srgb,var(--text-primary) 5%,transparent);--serif:"Noto Naskh Arabic",Georgia,serif;--font:"Noto Sans Arabic",Tahoma,Arial,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media screen{:root[data-theme=dark]{--background:#19231d;--surface:#263329;--surface-secondary:#39473d;--navigation:#142019;--primary:#39473d;--primary-hover:#59675b;--primary-active:#a77c55;--text-primary:#fff;--text-secondary:#d9c9b9;--border:#455448;--accent:#c59c75;--input-background:#263329;--text-on-active:#142019;--success-background:#39473d;--danger:#d1a5a1;--accent-ink:var(--accent);--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media screen and (prefers-color-scheme:dark){:root[data-theme=auto]{--background:#19231d;--surface:#263329;--surface-secondary:#39473d;--navigation:#142019;--primary:#39473d;--primary-hover:#59675b;--primary-active:#a77c55;--text-primary:#fff;--text-secondary:#d9c9b9;--border:#455448;--accent:#c59c75;--input-background:#263329;--text-on-active:#142019;--success-background:#39473d;--danger:#d1a5a1;--accent-ink:var(--accent);--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:.8125rem;line-height:1.8}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:var(--link);text-decoration:none}button{background:0 0;border:0}input,select,textarea{color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:9px;outline:none;min-width:0;max-width:100%;padding:10px 12px}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}h1,h2,h3,p{margin:0}h1{color:var(--green);font-family:var(--serif);font-size:2.125rem;font-weight:700;line-height:1.5}h2{color:var(--green);font-size:1.125rem;font-weight:600}h3{color:var(--green);font-size:.9375rem;font-weight:600}small{font-size:.6875rem}svg{vertical-align:middle;flex-shrink:0}img{max-width:100%}.primary,.secondary{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:10px 17px;font-size:.75rem;font-weight:600;transition:background .15s;display:inline-flex}.primary{color:var(--text-on-dark);background:var(--button)}.primary:hover{background:var(--hover)}.secondary{border:1px solid var(--border);background:var(--card);color:var(--green)}.secondary:hover{background:var(--soft)}.full{width:100%}.icon{min-width:36px;min-height:36px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.icon:hover{color:var(--green);background:var(--secondary)}.bordered{border:1px solid var(--border);background:var(--card);width:43px;height:43px}.muted,.hint{color:var(--muted)}.hint{margin:10px 0;font-size:.6875rem}.eyebrow{letter-spacing:.5px;color:var(--muted);margin-bottom:4px;font-size:.625rem;font-weight:600;display:block}.text-button{color:var(--link);align-items:center;gap:6px;padding:7px 0;font-size:.6875rem;font-weight:600;display:inline-flex}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grow{flex:1}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boot{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.boot img{width:160px}.sidebar{background:var(--navigation);width:238px;color:var(--text-on-dark);z-index:30;flex-direction:column;padding:25px 17px 0;display:flex;position:fixed;top:0;bottom:0;right:0}.brand{color:var(--text-on-dark);align-items:center;gap:8px;margin-bottom:28px;padding:0 4px;display:flex}.brand img{object-fit:contain;width:54px;height:54px}.brand strong{font-family:var(--serif);color:var(--accent);font-size:1.8125rem;font-weight:600;line-height:1.3;display:block}.brand span{color:var(--text-on-dark);font-size:.5625rem}.side-add{background:var(--accent);color:var(--primary);border:1px solid var(--accent);border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;padding:11px;font-size:.75rem;font-weight:700;display:flex}.side-add:hover{background:var(--accent)}.nav-label{color:var(--muted);padding:5px 12px 10px;font-size:.5625rem}.divider{border-top:1px solid color-mix(in srgb,var(--text-on-dark) 7.45%,transparent);margin-top:12px;padding-top:17px}.sidebar nav{scrollbar-width:thin;scrollbar-color:var(--primary-hover) transparent;flex:1;overflow-y:auto}.sidebar nav button{text-align:right;width:100%;color:var(--text-on-dark);border-radius:7px;align-items:center;gap:11px;min-height:42px;margin-bottom:2px;padding:10px 13px;font-size:.6875rem;display:flex}.sidebar nav button svg{opacity:.8;width:18px;height:18px}.sidebar nav button:hover{background:color-mix(in srgb,var(--text-on-dark) 3.53%,transparent);color:var(--text-on-dark)}.sidebar nav button.active{background:color-mix(in srgb,var(--accent) 8.63%,transparent);color:var(--accent);box-shadow:inset -3px 0 var(--accent)}.sidebar nav button small{background:color-mix(in srgb,var(--text-on-dark) 4.71%,transparent);text-align:center;border-radius:4px;min-width:20px;margin-right:auto;font-size:.625rem}.side-footer{border-top:1px solid color-mix(in srgb,var(--text-on-dark) 9.41%,transparent);align-items:center;gap:9px;margin-top:15px;padding:18px 0;display:flex}.avatar{background:var(--accent-light);width:35px;height:35px;color:var(--primary);font-family:var(--serif);border:2px solid color-mix(in srgb,var(--text-on-dark) 30.2%,transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3125rem;display:flex}.side-footer b{font-size:.625rem;display:block}.side-footer small{color:var(--text-on-dark);font-size:.5rem;display:block}.side-footer .icon{color:var(--text-on-dark);margin-right:auto}.workspace{margin-right:238px}.topbar{border-bottom:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;gap:20px;height:75px;padding:0 36px;display:flex}.crumb{white-space:nowrap;color:var(--muted);align-items:center;gap:10px;font-size:.625rem;display:flex}.crumb b{color:var(--text);text-overflow:ellipsis;max-width:160px;font-weight:500;overflow:hidden}.top-actions{align-items:center;gap:12px;display:flex}.top-search{background:var(--soft);border:1px solid color-mix(in srgb,var(--border) 37.65%,transparent);color:var(--muted);border-radius:7px;align-items:center;gap:10px;width:300px;padding:5px 12px;display:flex}.top-search input{box-shadow:none;background:0 0;border:0;flex:1;width:100%;padding:3px;font-size:.625rem}.top-search kbd{font:inherit;border:1px solid var(--border);white-space:nowrap;border-radius:3px;padding:0 4px;font-size:.5rem}.small-avatar{width:31px;height:31px;font-size:1.125rem}.notification{position:relative}.notification i{background:var(--gold);border:1px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:6px}.content{max-width:1390px;margin:auto;padding:31px 38px 0}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-heading p{color:var(--muted);margin-top:2px;font-size:.6875rem}.date-badge{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:7px;align-items:center;gap:9px;padding:7px 12px;font-size:.625rem;display:flex}.hero{background:var(--navigation);color:var(--text-on-dark);border-radius:14px;justify-content:space-between;align-items:center;min-height:270px;margin-bottom:25px;padding:30px 38px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(ellipse at 20% 80%,color-mix(in srgb,var(--accent) 14.51%,transparent),transparent 65%);pointer-events:none;position:absolute;inset:0}.hero>div{z-index:1;position:relative}.hero-tag{color:var(--accent);letter-spacing:.3px;align-items:center;gap:7px;font-size:.5625rem;display:flex}.hero-tag>span{background:var(--accent);border-radius:50%;width:5px;height:5px}.hero h2{font-family:var(--serif);color:var(--input-background);margin:10px 0;font-size:2.4375rem;font-weight:500;line-height:1.4}.hero h2 em{color:var(--accent);font-style:normal}.hero p{color:var(--text-on-dark);font-size:.625rem;line-height:2.1}.hero button{background:var(--accent-light);color:var(--primary);border-radius:6px;align-items:center;gap:20px;margin-top:17px;padding:9px 15px;font-size:.625rem;font-weight:600;display:flex}.hero-art{flex-direction:column;justify-content:center;align-self:stretch;align-items:center;width:310px;display:flex}.hero-art img{width:90%;max-width:225px;filter:drop-shadow(0 15px 15px color-mix(in srgb,var(--primary-active) 40.0%,transparent));z-index:2;position:relative}.arch{border:1px solid color-mix(in srgb,var(--accent) 20.0%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6.27%,transparent),transparent);border-radius:130px 130px 0 0;width:235px;position:absolute;top:7px;bottom:20px}.arch:before{content:"";border:1px solid color-mix(in srgb,var(--accent) 13.33%,transparent);border-radius:inherit;position:absolute;inset:12px}.art-caption{font-family:var(--serif);letter-spacing:.7px;color:var(--accent);margin-top:8px;font-size:.875rem}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 26px;display:grid}.stat{background:var(--card);border:1px solid var(--border);text-align:right;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;padding:17px 19px;display:flex}.stat-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.stat-top>span,.stat>span{color:var(--muted);font-size:.6875rem}.stat-top>div{background:var(--surface);width:31px;height:31px;color:var(--primary);border-radius:8px;justify-content:center;align-items:center;display:flex}.stat:nth-child(2) .stat-top>div{background:var(--accent-light);color:var(--muted)}.stat:nth-child(3) .stat-top>div{background:var(--surface);color:var(--primary)}.stat:nth-child(4) .stat-top>div{background:var(--accent-light);color:var(--muted)}.stat strong{color:var(--green);margin:7px 0 3px;font-size:1.9375rem;font-weight:600;line-height:1.4}.stat small{color:var(--muted);font-size:.5625rem}.dashboard-cols{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:22px;margin-bottom:27px;display:grid}.panel{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:11px;padding:23px}.panel>h3:not(:first-child){margin-top:25px}.panel>p{margin:10px 0}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-head h2{font-size:1.0625rem}.section-head p,.quick-panel>p{color:var(--muted);margin-top:3px;font-size:.625rem}.quick-panel>h2{font-size:1.0625rem}.quick-panel>p{margin:3px 0 17px}.quick-action{text-align:right;border-top:1px solid var(--border);align-items:center;gap:11px;width:100%;padding:14px 0;display:flex}.quick-action>span{background:var(--soft);border:1px solid var(--border);width:35px;height:35px;color:var(--muted);border-radius:9px;justify-content:center;align-items:center;display:flex}.quick-action>div{flex:1}.quick-action b{font-size:.6875rem;font-weight:500;display:block}.quick-action small{color:var(--muted);margin-top:3px;font-size:.5625rem;display:block}.quick-action>svg{color:var(--muted)}.empty{text-align:center;flex-direction:column;align-items:center;padding:25px 15px 18px;display:flex}.empty-icon{background:var(--soft);width:72px;height:72px;color:var(--muted);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty h3{font-family:var(--serif);font-size:1.375rem;font-weight:600}.empty p{color:var(--muted);max-width:330px;margin:6px auto 17px;font-size:.6875rem;line-height:2}.empty .primary{min-height:36px;padding:7px 15px;font-size:.625rem}.empty-strip{border:1px dashed var(--border);color:var(--muted);background:color-mix(in srgb,var(--accent-light) 18.82%,transparent);border-radius:10px;align-items:center;gap:17px;padding:25px;display:flex}.empty-strip>span{font-size:.6875rem}.empty-strip .text-button{margin-right:auto}.recent .section-head{margin-bottom:14px}.page-footer{color:var(--muted);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:9px;margin-top:30px;padding:23px 0;font-size:.625rem;display:flex}.page-footer small{margin-right:auto;font-size:.5625rem}.page-footer>svg{width:16px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;display:grid}.book-card{background:var(--card);border:1px solid var(--border);text-align:right;border-radius:10px;padding:12px;transition:transform .15s,box-shadow .15s;overflow:hidden}.cover{aspect-ratio:3/4;background:linear-gradient(135deg,var(--accent-light),var(--accent-light));border:1px solid var(--border);max-height:235px;color:var(--primary);text-align:center;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:18px;display:flex;position:relative;overflow:hidden}.cover:has(img){background:var(--soft);border:0;padding:0}.cover>span{font-family:var(--serif);font-size:1.375rem}.cover>small{font-size:.5625rem}.book-category{color:var(--muted);justify-content:space-between;align-items:center;margin-top:12px;font-size:.5625rem;display:flex}.book-meta h3{margin:6px 0 2px;font-size:.8125rem;line-height:1.9}.book-meta p{color:var(--muted);font-size:.625rem}.book-bottom{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.pill{background:var(--soft);color:var(--muted);border:1px solid var(--border);border-radius:5px;align-items:center;gap:5px;padding:2px 8px;font-size:.5625rem;font-weight:400;display:inline-flex}.pill.reading{color:var(--muted);background:var(--accent-light)}.pill.done{color:var(--primary);background:var(--success-background)}.pill.warning{background:var(--secondary);color:var(--danger);border-color:var(--border)}.progress{background:var(--secondary);direction:rtl;border-radius:4px;height:5px;margin:12px 0 6px;overflow:hidden}.progress i{background:var(--gold);border-radius:4px;height:100%;display:block}.book-list{flex-direction:column;gap:12px;display:flex}.book-list .book-card{align-items:center;gap:20px;display:flex}.book-list .cover{width:85px;max-height:110px}.book-list .cover>span{font-size:.6875rem}.book-list .cover>svg{width:20px}.book-list .cover>small{display:none}.book-list .book-meta{flex:1}.filters{align-items:center;gap:12px;margin:0 0 24px;display:flex}.filters select{max-width:150px;padding:10px;font-size:.6875rem}.search-box{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:9px;flex:1;align-items:center;gap:9px;padding:3px 12px;display:flex}.search-box input{width:100%;box-shadow:none;background:0 0;border:0;flex:1}.view-toggle{background:var(--card);border:1px solid var(--border);border-radius:7px;padding:3px;display:flex}.view-toggle button{color:var(--muted);border-radius:5px;padding:7px}.view-toggle button.active{background:var(--secondary);color:var(--link)}.two-col{grid-template-columns:1fr 1fr;gap:22px;margin:20px 0;display:grid}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:22px;display:grid}.quote-card{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:10px;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:15px;padding:25px;display:flex;position:relative}.quote-card>svg{color:var(--gold)}.quote-card>p:first-of-type{font-family:var(--serif);white-space:pre-wrap;font-size:1.4375rem;line-height:1.8}.quote-card small{color:var(--muted)}.quote-card>.icon{position:absolute;bottom:12px;left:12px}.location-tree>.location-tree{border-right:1px dashed var(--border);margin-right:28px;padding-right:13px}.location-row{border:1px solid var(--border);background:var(--soft);border-radius:8px;align-items:center;gap:6px;margin:10px 0;padding:9px 14px;display:flex}.location-row>button:first-child{text-align:right;flex:1;align-items:center;gap:15px;min-width:0;padding:4px;display:flex}.location-row small{color:var(--muted);font-size:.625rem;display:block}.location-row .count{white-space:nowrap;color:var(--muted);margin-right:auto;font-size:.625rem}.row-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:15px 0;display:flex}.row-item:last-child{border:0}.row-item p{color:var(--muted);font-size:.625rem}.loan-row{border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:20px 0;display:flex}.loan-row>div:nth-child(2){flex:1}.loan-row p,.loan-row small{color:var(--muted);font-size:.6875rem}.loan-icon{background:var(--soft);width:45px;height:45px;color:var(--gold);border-radius:12px;justify-content:center;align-items:center;display:flex}.alert{background:var(--accent-light);color:var(--muted);border:1px solid var(--border);text-align:right;border-radius:10px;align-items:center;gap:14px;width:100%;margin-bottom:25px;padding:16px 20px;display:flex}.alert svg:last-child{margin-right:auto}.theme-options{gap:10px;margin:18px 0;display:flex}.theme-options button{border:1px solid var(--border);border-radius:8px;align-items:center;gap:9px;padding:12px 20px;display:flex}.theme-options .active{background:var(--secondary);border-color:var(--gold)}.chips{flex-wrap:wrap;gap:7px;margin:14px 0;display:flex}.audit-list{max-height:320px;overflow:auto}.audit-list details{border-bottom:1px solid var(--border);padding:10px 0;font-size:.6875rem}.audit-list pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.625rem}summary{cursor:pointer;color:var(--muted)}.bar-row{align-items:center;gap:14px;margin:17px 0;display:flex}.bar-row>span{width:110px;font-size:.6875rem}.bar-row .progress{flex:1;height:9px;margin:0}.bar-row b{font-weight:500}.detail-heading{align-items:center;gap:35px;margin:20px 0 30px;display:flex}.detail-heading>.cover{flex-shrink:0;width:165px;height:220px}.detail-heading h1{font-size:2.4375rem}.detail-heading .author{color:var(--muted);margin-top:4px;font-size:.9375rem}.back{color:var(--muted);align-items:center;gap:8px;padding:0;font-size:.6875rem;display:flex}.tabs{border-bottom:1px solid var(--border);gap:5px;margin-bottom:22px;display:flex}.tabs button{border-bottom:2px solid #0000;padding:13px 22px;font-size:.75rem}.tabs .active{border-color:var(--gold);color:var(--link)}dl>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:12px 0;font-size:.75rem;display:flex}dt{color:var(--muted)}dd{margin:0}.prose{white-space:pre-wrap;line-height:2.3}.location-link{text-align:right;border:1px solid var(--border);background:var(--soft);border-radius:8px;align-items:center;gap:12px;width:100%;margin:15px 0;padding:15px;display:flex}.location-link span{flex:1}.location-link small{color:var(--muted);display:block}.reading-summary{margin-top:30px}.reading-summary strong{float:left;color:var(--gold)}.reading-summary p{color:var(--muted);font-size:.6875rem}.edition{border:1px solid var(--border);border-radius:9px;margin-top:20px;padding:18px}.edition p{color:var(--muted);font-size:.6875rem}.copy-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:17px 0;display:flex}.copy-row small{color:var(--muted)}.reading-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:20px;padding:20px 0;display:flex}.reading-row>div:first-of-type{flex:1}.reading-row>svg{color:var(--gold);margin-top:5px}.reading-row p,.reading-row small{color:var(--muted);font-size:.6875rem}.reading-row summary{margin-top:8px;font-size:.625rem}.continue-book{text-align:right;border-bottom:1px solid var(--border);align-items:center;gap:17px;width:100%;padding:16px 0;display:flex}.cover.small{flex-shrink:0;gap:4px;width:60px;height:85px;padding:5px}.cover.small>span{font-size:.75rem}.cover.small>small{display:none}.continue-book>div:nth-child(2){flex:1}.continue-book p,.continue-book small{color:var(--muted);font-size:.625rem}.continue-book h3{font-size:.8125rem}.bottom-nav,.mobile-only{display:none}.offline{background:var(--accent-light);color:var(--muted);text-align:center;padding:10px 20px;font-size:.6875rem}.modal{border:1px solid var(--border);background:var(--card);width:min(560px,100% - 30px);max-height:90dvh;color:var(--text);box-shadow:0 30px 100px color-mix(in srgb,var(--primary-active) 37.65%,transparent);border-radius:15px;padding:25px;overflow-y:auto}.modal.large{width:min(820px,100% - 30px)}.modal::backdrop{background:color-mix(in srgb,var(--primary-active) 60%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding-bottom:18px;display:flex}.modal header h2{font-family:var(--serif);font-size:1.75rem}.modal p{margin:10px 0}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;margin-top:25px;padding-top:22px;display:flex}.modal-actions>small{color:var(--muted);margin-left:auto;font-size:.625rem}.modal-actions>.danger{margin-left:auto}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{flex-direction:column;gap:8px;margin-bottom:13px;display:flex}.form-grid .field{margin:0}.field>span{color:var(--muted);font-size:.6875rem;font-weight:500}.field b{color:var(--gold)}.field input,.field textarea,.field select{width:100%;font-size:.75rem}.wide{grid-column:1/-1}.check{align-items:center;gap:9px;margin:18px 0;font-size:.6875rem;display:flex}.check input{accent-color:var(--button);flex-shrink:0;width:16px;height:16px}.category-checks{flex-wrap:wrap;gap:9px 16px;display:flex}.category-checks label{color:var(--muted);align-items:center;gap:5px;font-size:.625rem;display:flex}.category-checks input{width:14px;height:14px;accent-color:var(--link)}.form-section{border-bottom:1px solid var(--border);margin:25px 0 17px;padding-bottom:12px}.input-action,.password{border:1px solid var(--border);background:var(--card);border-radius:8px;align-items:center;padding-left:6px;display:flex}.input-action input,.password input{background:0 0;border:0;flex:1;width:100%}.book-form-top{align-items:center;gap:28px;display:flex}.cover-upload{border:1px dashed var(--border);background:var(--soft);width:155px;min-height:190px;color:var(--muted);border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex}.cover-upload>img{object-fit:contain;max-height:145px}.cover-upload>span{font-size:.6875rem}.cover-upload .secondary{min-height:32px;padding:5px 8px;font-size:.625rem}.cover-upload .text-button{font-size:.5625rem}.suggestion,.draft-notice{background:var(--soft);border:1px solid var(--gold);border-radius:9px;margin:20px 0;padding:15px}.suggestion textarea{width:100%}.draft-notice{justify-content:space-between;align-items:center;font-size:.6875rem;display:flex}.scan-box video{background:var(--primary-active);width:100%;max-height:220px;margin-top:15px}.add-options{flex-direction:column;gap:10px;display:flex}.add-options>button{background:var(--soft);border:1px solid var(--border);text-align:right;border-radius:10px;align-items:center;gap:15px;padding:15px;display:flex}.add-options>button:hover{border-color:var(--gold)}.add-options>button>span{color:var(--gold);background:var(--card);border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.add-options>button>div{flex:1}.add-options b{font-size:.8125rem;display:block}.add-options small{color:var(--muted);font-size:.625rem}.toast{z-index:10000;background:var(--navigation);max-width:calc(100% - 30px);color:var(--text-on-dark);border:1px solid var(--muted);box-shadow:0 8px 35px color-mix(in srgb,var(--primary-active) 13.33%,transparent);border-radius:10px;align-items:center;gap:15px;padding:13px 20px;font-size:.75rem;display:flex;position:fixed;bottom:24px;left:30px}.toast .icon{color:var(--surface)}.error{color:var(--danger);background:var(--accent-light);border-radius:5px;padding:10px;font-size:.75rem}.login{grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid}.login-story{background:var(--navigation);color:var(--text-on-dark);flex-direction:column;justify-content:center;align-items:center;padding:50px;display:flex;position:relative;overflow:hidden}.login-story:before{content:"";border:1px solid color-mix(in srgb,var(--accent) 13.33%,transparent);pointer-events:none;border-radius:45% 45% 5px 5px;position:absolute;inset:10%}.login-story>img{z-index:1;width:185px;margin-bottom:23px}.login-story .eyebrow{color:var(--accent);font-size:.6875rem}.login-story h1{color:var(--input-background);text-align:center;margin:13px 0;font-size:2.8125rem;font-weight:500}.login-story h1 em{color:var(--border);font-style:normal}.login-story p{color:var(--text-on-dark);text-align:center;font-size:.8125rem;line-height:2.3}.login-lines{color:var(--muted);align-items:center;gap:10px;margin-top:40px;font-size:.625rem;display:flex}.login-form{flex-direction:column;width:min(380px,100% - 50px);margin:auto;padding:40px 0;display:flex}.login-form>img{width:100px;margin:0 auto 25px;display:none}.login-form h2{font-size:1.8125rem;font-family:var(--serif);font-weight:600}.login-form>p{color:var(--muted);margin:8px 0 30px;font-size:.75rem}.login-form>small{color:var(--muted);text-align:center;margin-top:12px;font-size:.625rem}.login-help{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:30px;font-size:.625rem;display:flex}.photo-stage{touch-action:none;-webkit-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content;max-width:95%;margin:25px auto;line-height:0;position:relative}.photo-stage>img{max-width:100%;max-height:420px;display:block}.photo-stage svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.photo-stage polygon{fill:color-mix(in srgb,var(--accent) 12.55%,transparent);stroke:var(--accent);stroke-width:4px;vector-effect:non-scaling-stroke}.photo-stage>button{border:2px solid var(--text-on-dark);background:var(--primary);width:30px;height:30px;color:var(--text-on-dark);touch-action:none;border-radius:50%;font-size:.75rem;line-height:1;position:absolute;transform:translate(-50%,-50%)}.photo-result{text-align:center;margin-top:20px}.photo-result img{max-height:320px;margin:15px auto;display:block}.photo-modal header p{color:var(--muted);font-size:.6875rem}@media (min-width:1500px){.content{padding-top:40px}.hero{min-height:310px}.hero-art img{max-width:260px}.hero h2{font-size:2.875rem}.dashboard-cols{grid-template-columns:1.8fr 1fr}.sidebar{width:255px}.workspace{margin-right:255px}}@media (max-width:1150px){.sidebar{width:210px;padding:22px 12px 0}.workspace{margin-right:210px}.content{padding:25px 25px 0}.topbar{padding:0 25px}.hero{padding:25px}.hero-art{width:240px}.hero-art img{max-width:190px}.arch{width:200px}.hero h2{font-size:2.1875rem}.top-search{width:230px}.stats{gap:12px}.stat{padding:14px}.stat-top>span{font-size:.625rem}.dashboard-cols{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:16px}.panel{padding:19px}.brand strong{font-size:1.5625rem}.brand img{width:46px}.sidebar nav button{font-size:.625rem}.top-actions{gap:7px}.filters{flex-wrap:wrap}.filters .search-box{min-width:250px}.theme-options button{padding:10px 13px}}@media (max-width:850px){.sidebar{width:225px;transition:transform .2s;transform:translate(100%)}.sidebar.open{transform:none}.workspace{margin-right:0}.scrim{background:color-mix(in srgb,var(--primary-active) 40.0%,transparent);z-index:29;position:fixed;inset:0}.mobile-only{display:inline-flex}.topbar{height:66px;padding:0 20px}.content{padding:24px 22px 95px}.bottom-nav{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:var(--card);z-index:20;box-shadow:0 -5px 20px color-mix(in srgb,var(--navigation) 2.35%,transparent);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--muted);flex-direction:column;align-items:center;gap:4px;min-width:54px;font-size:.5625rem;display:flex}.bottom-nav button.active{color:var(--link)}.bottom-nav .add svg{background:var(--button);color:var(--text-on-dark);border-radius:12px;width:43px;height:38px;margin-top:-10px;padding:8px}.toast{bottom:85px;left:15px}.hero-art{width:250px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.top-search{width:220px}.top-search kbd{display:none}.login-story{padding:30px}.login-story h1{font-size:2.3125rem}.login-story>img{width:145px}}@media (max-width:600px){body{font-size:.75rem}.content{padding:20px 17px 90px}.topbar{gap:10px;height:59px;padding:0 12px}.top-search{display:none}.top-actions{gap:3px}.crumb{gap:7px}.crumb>span,.crumb>svg{display:none}.crumb b{font-size:.75rem}.page-heading{align-items:flex-start;margin-bottom:18px}.page-heading h1{font-size:1.75rem}.page-heading p{max-width:230px;font-size:.625rem}.eyebrow{font-size:.5rem}.date-badge{gap:5px;margin-top:12px;padding:5px 7px;font-size:.5rem}.date-badge svg{width:13px}.hero{border-radius:12px;align-items:center;min-height:230px;margin-bottom:18px;padding:25px 23px}.hero h2{margin:10px 0;font-size:1.9375rem}.hero p{max-width:190px;font-size:.5625rem}.hero-tag{font-size:.5rem}.hero button{z-index:3;gap:8px;padding:8px 11px;font-size:.5625rem;position:relative}.hero-art{opacity:.9;justify-content:center;align-items:center;width:200px;top:25px;bottom:0;left:-30px;position:absolute!important}.hero-art img{width:80%;max-width:160px}.arch{width:165px;top:7px;bottom:25px}.art-caption{max-width:150px;margin-top:9px;font-size:.625rem}.hero>div:first-child{max-width:64%}.hero-art{left:-25px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.stat{border-radius:9px;padding:13px 15px}.stat-top>span{font-size:.625rem}.stat-top>div{width:27px;height:27px}.stat-top svg{width:16px}.stat strong{margin:5px 0 2px;font-size:1.6875rem}.stat small{font-size:.5rem}.dashboard-cols{grid-template-columns:1fr;gap:17px;margin-bottom:23px}.panel{padding:19px 17px}.section-head h2,.quick-panel>h2{font-size:1rem}.section-head p,.section-head .text-button{font-size:.5625rem}.empty{padding:20px 5px 15px}.empty-icon{width:62px;height:62px}.empty h3{font-size:1.3125rem}.empty p{max-width:260px;font-size:.625rem}.quick-action{padding:12px 0}.quick-action small{font-size:.5625rem}.empty-strip{flex-wrap:wrap;gap:12px;padding:18px}.empty-strip>span{font-size:.625rem}.empty-strip>.text-button{margin-right:42px;padding:0}.page-footer{flex-wrap:wrap;margin-top:25px;padding:20px 0 10px;font-size:.5625rem}.page-footer small{text-align:center;width:100%;margin:0;font-size:.5rem}.filters{gap:8px}.filters .search-box{flex-basis:100%;min-width:0}.filters select{flex:1;max-width:none;padding:8px;font-size:.625rem}.search-box input{font-size:.6875rem}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.book-card{border-radius:8px;padding:9px}.cover{max-height:220px;padding:12px}.cover>span{font-size:1.25rem}.book-meta h3{font-size:.75rem}.book-meta p{font-size:.5625rem}.book-category{font-size:.5rem}.pill{padding:2px 6px;font-size:.5rem}.two-col{grid-template-columns:1fr;gap:16px}.primary,.secondary{min-height:40px;padding:9px 12px;font-size:.625rem}.page-heading>.primary{white-space:nowrap;margin-top:8px}.notes-grid{grid-template-columns:1fr}.location-row{gap:0;padding:7px}.location-tree>.location-tree{margin-right:12px;padding-right:8px}.location-row>button:first-child{gap:7px}.location-row b{font-size:.6875rem}.location-row .count{font-size:.5rem}.location-row .icon{min-width:28px}.location-row>button:first-child svg{width:17px}.loan-row{flex-wrap:wrap;gap:10px}.loan-row .actions{justify-content:flex-end;width:100%}.loan-row>div:nth-child(2){min-width:170px}.loan-icon{width:35px;height:35px}.report-stats .stat>span{font-size:.625rem}.detail-heading{align-items:flex-start;gap:18px;margin:22px 0}.detail-heading>.cover{width:100px;height:145px}.detail-heading h1{font-size:1.6875rem;line-height:1.5}.detail-heading .author{font-size:.6875rem}.detail-heading .actions{gap:5px}.detail-heading .primary,.detail-heading .secondary{min-height:35px;padding:7px 10px;font-size:.5625rem}.detail-heading .bordered{width:34px;min-width:34px;height:34px}.tabs{flex-wrap:wrap;gap:0}.tabs button{padding:11px 12px;font-size:.625rem}.reading-row{flex-wrap:wrap;gap:12px}.reading-row .actions{justify-content:flex-end;width:100%}.edition{padding:12px}.edition .section-head{flex-wrap:wrap;gap:8px}.copy-row{flex-wrap:wrap}.modal,.modal.large{border-radius:14px;width:calc(100% - 16px);max-height:94dvh;padding:20px 17px}.modal header h2{font-size:1.5625rem}.modal header{margin-bottom:18px;padding-bottom:15px}.form-grid{grid-template-columns:1fr;gap:14px}.modal-actions{flex-wrap:wrap;gap:7px}.modal-actions small{width:100%;margin-bottom:7px}.book-form-top{align-items:flex-start;gap:15px}.cover-upload{width:112px;min-height:155px;padding:8px}.cover-upload>img{max-height:105px}.cover-upload .secondary{font-size:.5rem}.book-form-top .hint{font-size:.5625rem}.book-form-top .secondary{padding:7px 8px;font-size:.5625rem}.book-form-top .field>span{font-size:.5625rem}.book-form-top .input-action input{padding:8px;font-size:.625rem}.input-action .icon{min-width:30px;padding:4px}.category-checks{gap:10px 15px}.category-checks label{font-size:.625rem}.login{background:var(--bg);min-height:100dvh;padding:20px 0;display:flex}.login-story{display:none}.login-form{width:min(370px,100% - 45px);padding:15px 0 30px}.login-form>img{width:125px;display:block}.login-form>.eyebrow{text-align:center}.login-form h2{text-align:center;font-size:1.75rem}.login-form>p{text-align:center;margin:5px 0 30px}.login-form input{min-height:46px}.login-form .primary{min-height:47px;font-size:.8125rem}.login-form .field>span{font-size:.75rem}.photo-stage{max-width:90%}.photo-stage>img{max-height:350px}.toast{font-size:.6875rem}.form-section{font-size:.8125rem}.desktop-only{display:none}}@media (max-width:380px){.hero-art{opacity:.55;left:-50px}.hero>div:first-child{max-width:75%}.hero h2{font-size:1.875rem}.date-badge{display:none}.content{padding-inline:13px}.stat-top>span{font-size:.5625rem}.brand strong{font-size:1.625rem}}@media print{.sidebar,.topbar,.bottom-nav,.page-heading>.actions,.toast,.back{display:none!important}.workspace{margin:0}.content{padding:0}.panel,.stat{break-inside:avoid;box-shadow:none}body{background:var(--text-on-dark)}.stats{grid-template-columns:repeat(4,1fr)}.two-col{grid-template-columns:1fr 1fr}}.edit-cover{object-fit:contain;max-width:100px;max-height:140px}.field:has(input[type=hidden]):has(input[type=file]){display:flex}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-bottom:90px}body{overflow-wrap:anywhere}.app,.workspace,.content,.panel,.stat,.book-meta,.grow,.field,form,.login-form,.detail-heading>div,.section-head>div,.page-heading>div{min-width:0;max-width:100%}.form-grid,.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head,.page-heading,.draft-notice,.row-item{flex-wrap:wrap}.row-item>*{min-width:0}.actions,.chips,.tabs,.theme-options{flex-wrap:wrap}.location-row>button:first-child>span{min-width:0}.location-tree .location-tree{margin-inline-start:min(3vw,20px);padding-inline-start:8px}.location-row .count{white-space:normal}.photo-stage>img{width:auto;max-width:100%;height:auto;max-height:min(420px,48dvh)}.photo-stage.automatic>button{pointer-events:none;width:20px;height:20px;font-size:.5625rem}.photo-result img{object-fit:contain;max-width:100%;height:auto;max-height:45dvh}.modal{overscroll-behavior:contain;scrollbar-gutter:stable;max-width:calc(100vw - 16px)}.photo-stage>button{width:44px;height:44px}.photo-modal .actions{justify-content:center}.photo-modal .hint{min-height:3em}.bottom-nav{padding-inline:max(6px,env(safe-area-inset-left)) max(6px,env(safe-area-inset-right))}.topbar{padding-inline:max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-left))}@media (max-width:850px),(pointer:coarse){input:not([type=checkbox]):not([type=hidden]),select,textarea,.field input,.field select,.field textarea,.search-box input,.book-form-top .input-action input{font-size:1rem!important}button.icon,.icon,.primary,.secondary,.tabs button{min-height:44px}.icon{min-width:44px}.bottom-nav button{min-height:48px}.book-meta h3{font-size:.875rem}.book-meta p,.page-heading p,.empty p,.quick-action small{font-size:.75rem}}@media (max-width:600px){.form-grid,.two-col{grid-template-columns:minmax(0,1fr)}.page-heading>.primary{white-space:normal}.detail-heading{flex-wrap:wrap}.detail-heading>div:last-child{flex:1;min-width:150px}.book-form-top{flex-wrap:wrap}.book-form-top>.grow{flex-basis:180px}.cover-upload{margin-inline:auto}.loan-row>div:nth-child(2){flex-basis:160px;min-width:0}.book-list .book-card{gap:12px}.location-row{flex-wrap:wrap}.location-row>button:first-child{flex-basis:100%}.modal-actions>.primary{flex:1}.theme-options button{flex:1;justify-content:center}.modal-actions>small{flex-basis:100%}.hero-art{opacity:.35;pointer-events:none}.hero>div:first-child{max-width:100%}.hero h2{font-size:calc(clamp(28px,8vw,35px) * var(--font-scale))}.hero p{max-width:70%}.hero-art .art-caption{display:none}.modal header>div{min-width:0}.modal header h2{font-size:calc(clamp(22px,6vw,28px) * var(--font-scale))}.stat-top{flex-wrap:wrap}.stats,.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:350px){.book-grid{grid-template-columns:minmax(0,1fr)}.detail-heading{flex-direction:column}.hero{padding:20px}.top-actions .small-avatar{display:none}.content{padding-inline:12px}.panel{padding:14px}.modal{padding:16px 12px}.filters select{flex-basis:100%;width:100%}.bottom-nav button{flex:1;min-width:0}}@media (orientation:landscape) and (max-height:500px){.modal,.modal.large{max-height:96dvh;margin-block:2dvh}.photo-stage>img{max-height:42dvh}.login-form{padding-block:20px}.login-form>img{width:70px;margin-bottom:8px}.content{padding-bottom:85px}}.photo-stage.automatic{display:none}.photo-result{border-bottom:1px solid var(--border);margin:5px 0 20px;padding-bottom:20px}.photo-result img{max-height:40dvh}.photo-result .primary{min-width:170px}.crumb{flex:1;min-width:0}.crumb b{min-width:0}.top-actions{flex-shrink:0}@media (max-width:850px){.sidebar{display:none}.sidebar.open{display:flex;transform:none}}.book-card{cursor:default}.book-open{color:inherit;width:100%;text-align:inherit;background:0 0;border:0;min-width:0;padding:0;display:block}.book-icons{flex-wrap:wrap;justify-content:center;gap:2px;margin:8px 0 0;display:flex}.book-icons>button,.book-icons>span{min-width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.book-icons>button:hover{background:var(--bg)}.book-icons>.selected{color:var(--muted);background:var(--bg)}.book-icons>.complete{color:var(--primary);background:var(--bg)}.book-icons>button:focus-visible{outline:2px solid var(--gold)}.book-list .book-card{display:block}.book-list .book-open{align-items:center;gap:20px;display:flex}.book-list .book-icons{justify-content:flex-start}.book-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.dashboard-cols .book-grid{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}.date-input{min-width:0;display:block;position:relative}.calendar-picker{border:1px solid var(--border);background:var(--card);border-radius:12px;width:100%;max-width:360px;margin-top:8px;padding:8px;display:block}.calendar-head{justify-content:space-between;align-items:center;display:flex}.calendar-head button,.calendar-picker>button{min-width:44px;min-height:44px;color:var(--text);background:0 0;border:0}.calendar-grid{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-grid button{min-width:0;height:44px;color:var(--text);background:0 0;border:0;border-radius:6px;padding:0}.calendar-grid button:hover{background:var(--border)}.calendar-grid small{padding-block:10px}.date-input .input-action input{width:100%;min-width:0}.copy-details{border-top:1px solid var(--border);margin-top:20px;padding-top:15px}dd{white-space:pre-wrap;overflow-wrap:anywhere}.isbn-choice img{object-fit:contain;max-width:120px;max-height:180px}.isbn-choice label{align-items:center;gap:8px;font-weight:700;display:flex}.isbn-choice p{white-space:pre-wrap;max-height:180px;overflow:auto}.isbn-choice{margin-block:15px}.isbn-lookup .actions{margin-top:15px}.form-grid>.wide{grid-column:1/-1}@media (max-width:600px){.book-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.book-icons{gap:4px}.detail-heading .book-icons{flex-basis:100%}.calendar-picker{padding:4px}.book-list .book-open{gap:12px}}.serial-badge{background:var(--bg);color:var(--green);border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;margin-bottom:10px;padding:6px 10px;font-size:.75rem;display:inline-flex}.serial-edit{min-height:44px;margin-inline:auto}.book-card .serial-edit{display:flex}.book-card .book-icons{margin-inline:5px}.export-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.book-select{min-height:44px;color:var(--muted);align-items:center;gap:8px;padding:10px;font-size:.75rem;display:flex}.book-select input{width:18px;height:18px}.book-print-report{pointer-events:none;background:var(--text-on-dark);width:190mm;color:var(--text-primary);position:fixed;top:0;left:-100000px}.book-print-report header{border-bottom:2px solid var(--accent);align-items:center;gap:20px;margin-bottom:20px;padding-bottom:15px;display:flex}.book-print-report header img{object-fit:contain;width:70px;height:70px}.print-book{border:1px solid var(--accent);break-inside:avoid-page;background:var(--text-on-dark);border-radius:12px;margin-bottom:22px;padding:20px}.print-book-heading{align-items:center;gap:20px;display:flex}.print-book-heading img{object-fit:contain;width:95px;height:140px}.print-book h2{color:var(--navigation);font-size:1.5rem}.print-book h3{color:var(--primary);border-bottom:1px solid var(--border);break-after:avoid;margin-top:20px;padding-bottom:8px;font-size:1rem}.print-book dl{margin:0;font-size:.6875rem}.print-book dl>div{border-bottom:1px solid var(--surface);break-inside:avoid;grid-template-columns:30% 70%;padding:5px 0;display:grid}.print-book dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.book-print-report h1{font-size:1.625rem}@media print{body.printing-books{background:var(--text-on-dark)}body.printing-books>:not(.book-print-report){display:none!important}body.printing-books .book-print-report{pointer-events:auto;width:auto;color:var(--text-primary);-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;margin:0;position:static;display:block!important}body.printing-books dialog{display:none!important}.print-book{-webkit-box-decoration-break:clone;box-decoration-break:clone}.print-book-heading{break-inside:avoid;break-after:avoid}body.printing-books .print-book dl>div{display:grid!important}@page{size:A4;margin:14mm}}.section-presets{border:1px solid var(--border);background:var(--bg);border-radius:12px;margin-bottom:24px;padding:16px}.section-presets legend{color:var(--green);padding-inline:6px;font-size:.8125rem;font-weight:700}.section-presets>label,.reading-presets label{align-items:center;gap:9px;min-height:44px;margin-inline-end:16px;font-size:.8125rem;display:inline-flex}.reading-presets{flex-wrap:wrap;margin-block:8px;display:flex}.section-presets input[type=checkbox],.section-presets input[type=radio]{width:18px;height:18px;accent-color:var(--primary)}.section-presets .form-grid{margin-top:12px}.import-fields{flex-wrap:wrap;gap:8px 20px;margin-top:12px;padding-inline-start:20px;font-size:.75rem;display:flex}.import-preview{border:1px solid var(--border);border-radius:10px;max-height:340px;margin-top:15px;padding:10px;overflow:auto}.import-preview article{border-bottom:1px solid var(--border);padding:12px}.import-preview small{display:block}.import-preview dl>div{grid-template-columns:30% 70%;font-size:.75rem;display:grid}.import-preview dd{white-space:pre-wrap;overflow-wrap:anywhere}input,select,textarea{background:var(--input-background);color:var(--text-primary)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 24%,transparent)}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}.primary,.side-add{background:var(--primary);color:var(--text-on-dark);border-color:var(--primary)}.primary:hover:not(:disabled),.side-add:hover{background:var(--primary-hover)}.primary:active:not(:disabled),.side-add:active{background:var(--primary-active);color:var(--text-on-active)}.secondary{background:var(--surface);color:var(--text-primary)}.secondary:hover:not(:disabled){background:var(--accent-light)}.secondary:active:not(:disabled){background:var(--border)}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 45%,transparent)}.sidebar,.bottom-nav{background:var(--navigation);color:var(--text-primary)}.sidebar nav button,.bottom-nav button,.side-footer .icon{color:var(--text-primary)}.sidebar nav button:hover,.bottom-nav button:hover{background:var(--primary-hover);color:var(--text-on-dark)}.sidebar nav button.active,.bottom-nav button.active{background:var(--primary-active);color:var(--text-on-active);box-shadow:inset -3px 0 var(--accent)}.sidebar nav button.active svg,.bottom-nav button.active svg{color:var(--text-on-active)}.sidebar nav button svg{opacity:1}.sidebar :focus-visible,.bottom-nav :focus-visible{outline-color:var(--accent)}.bottom-nav button{border-radius:8px;padding:5px 8px}.bottom-nav .add svg{background:var(--primary);color:var(--text-on-dark)}.nav-label,.brand span,.side-footer small{color:var(--text-secondary)}.brand strong{font-family:var(--font);color:var(--text-on-dark);letter-spacing:.5px}.hero,.login-story{background:var(--surface-secondary);color:var(--text-primary)}.hero h2,.login-story h1,.hero p,.login-story p{color:var(--text-primary)}.hero button{background:var(--input-background);color:var(--text-primary)}.hero button:hover{background:var(--accent-light)}.hero-tag,.login-lines{color:var(--text-primary)}.hero h2 em,.login-story h1 em{color:var(--accent)}.hero:after{opacity:.35}.panel,.stat,.book-card,.quote-card,.filters,.section-presets,.edition,.copy-details{background:var(--surface)}.modal{background:var(--input-background)}.modal .form-grid{background:var(--surface);border-radius:10px;padding:12px}.modal .form-grid .form-grid{padding:0}.cover{background:var(--accent-light);border-color:var(--border)}.cover img{object-fit:contain;width:100%;height:100%}.book-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.book-open:active{background:var(--accent-light)}.book-category,.eyebrow{color:var(--muted)}.book-meta h3{color:var(--text-primary)}.book-meta p,.book-icons>button,.book-icons>span{color:var(--muted)}.book-icons>.selected{color:var(--text-primary);background:var(--accent-light);box-shadow:inset 0 -3px var(--accent)}.book-icons>.complete{color:var(--primary);background:var(--success-background);box-shadow:inset 0 -3px var(--primary)}.book-icons>button:hover:not(:disabled){background:var(--accent-light);color:var(--text-primary)}.book-icons>button:active:not(:disabled){background:var(--primary-active);color:var(--text-on-active)}.gold{color:var(--accent-ink)!important}.sidebar .gold,.hero .gold{color:var(--accent)!important}.pill.reading{background:var(--accent-light);color:var(--text-primary)}.pill.done{background:var(--success-background);color:var(--text-primary)}.pill.warning,.alert,.offline{background:var(--accent-light);color:var(--text-primary);border-color:var(--border)}.error{background:var(--input-background);color:var(--danger);border:1px solid var(--danger)}.danger{color:var(--danger)}.primary.danger{background:var(--danger-button);color:var(--text-on-dark)}.primary.danger:hover{background:color-mix(in srgb,var(--danger-button) 85%,var(--primary-active))}.toast{background:var(--navigation);color:var(--text-primary);border-color:var(--accent)}.stat-top>div,.stat:nth-child(2) .stat-top>div,.stat:nth-child(3) .stat-top>div,.stat:nth-child(4) .stat-top>div{background:var(--accent-light);color:var(--text-primary)}.calendar-picker{background:var(--input-background)}.calendar-grid button.chosen{background:var(--primary-active);color:var(--text-on-active)}.calendar-grid button:hover{background:var(--accent-light);color:var(--text-primary)}.calendar-grid button.chosen:hover{background:var(--primary-hover);color:var(--text-on-dark)}table{border-color:var(--border);background:var(--surface)}th{background:var(--navigation);color:var(--text-primary)}tr[aria-selected=true]{background:var(--accent-light)}.book-print-report{background:var(--background);color:var(--text-primary)}.print-book{background:var(--surface);border-color:var(--accent)}.print-book h2{color:var(--text-primary)}.print-book h3{color:var(--primary)}.print-book dt{color:var(--muted)}.book-print-report header{border-color:var(--accent)}@media (max-width:600px){.modal .form-grid{padding:10px}.primary,.secondary,.side-add{min-height:44px}.book-icons>button,.book-icons>span{min-width:44px}.bottom-nav button{padding-inline:4px;font-size:.625rem}}.pill.done{color:var(--text-primary)}.book-icons>button{flex-shrink:0;width:48px;min-width:48px;height:48px;padding:4px}.book-icons img{object-fit:contain;width:36px;height:36px;display:block}.book-icons{gap:4px}.quick-note{border-bottom:1px solid var(--border);margin-bottom:16px;padding-block:12px}.quick-note p{white-space:pre-wrap;overflow-wrap:anywhere}.loan-row>div,.book-meta,.detail-heading>div,.actions{min-width:0}.quick-note .secondary,.check{min-height:44px}.field textarea{min-height:110px}h1,h2,h3,p{overflow-wrap:anywhere}@media (max-width:600px){.book-icons{justify-content:center;width:100%}.book-list .book-open{flex-wrap:wrap}.book-list .book-open>.cover{max-width:100%}.loan-row .actions{flex-wrap:wrap}.modal .primary,.modal .secondary{font-size:.875rem}.field>span,.book-meta p{font-size:.8125rem}}.brand{justify-content:center}.brand>img{object-fit:contain;width:170px;max-width:100%;height:auto}.topbar-brand{object-fit:contain;flex-shrink:0;width:70px;height:auto;max-height:48px}.modal-brand{object-fit:contain;width:70px;height:auto;margin-bottom:6px}.boot>img,.login-story>img,.login-form>img,.hero-art>img,.book-print-report header>img{object-fit:contain;height:auto}.book-print-report header>img{width:90px;max-height:75px}.date-input .calendar-head b{font-size:.875rem}.date-input .calendar-picker>button{padding-inline:16px}@media (max-width:600px){.topbar-brand{width:48px}.brand>img{width:150px}.calendar-picker{max-width:100%}.date-input .input-action{min-height:46px}}.field.date-field{min-width:0;display:flex}.date-field .date-input{width:100%;display:block}.date-field .input-action{align-items:center;gap:8px;display:flex}.date-field .input-action>input[type=text]{background:var(--input-background);border:1px solid var(--border);min-width:0;min-height:46px;color:var(--text-primary);border-radius:8px;flex:1;padding:10px 12px;font-size:1rem;display:block}.brand-splash{z-index:1000;background:var(--background);place-items:center;min-height:100dvh;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}.brand-splash>img{object-fit:contain;width:min(78vw,680px);max-width:100%;height:auto;max-height:78dvh;display:block}@media (max-width:600px){.brand-splash{padding:18px}.brand-splash>img{width:88vw;max-height:75dvh}}.language-switch{top:18px;z-index:2;background:var(--surface);min-height:44px;color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:8px 16px;position:absolute;inset-inline-end:18px}[dir=ltr] .sidebar{left:0;right:auto}[dir=ltr] .workspace{margin-left:238px;margin-right:0}[dir=ltr] .sidebar nav button small{margin-left:auto;margin-right:0}[dir=ltr] .location-tree>.location-tree{margin-left:18px;margin-right:0;padding-left:14px;padding-right:0}[dir=ltr] .field,[dir=ltr] .book-open,[dir=ltr] .top-search input{text-align:left}[dir=ltr] .hero-art{left:auto;right:35px}[dir=ltr] .crumb>svg{transform:rotate(180deg)}@media (max-width:850px){[dir=ltr] .workspace{margin-left:0}[dir=ltr] .sidebar{left:0;right:auto}}.account-activity{color:var(--text-secondary);flex-wrap:wrap;gap:6px 20px;font-size:.75rem;display:flex}.account-activity span{display:block}.account-activity time{unicode-bidi:plaintext}.row-item{flex-wrap:wrap}@media (min-width:1500px){[dir=ltr] .workspace{margin-left:255px}}@media (min-width:851px) and (max-width:1150px){[dir=ltr] .workspace{margin-left:210px}}@media print{[dir=ltr] .workspace{margin:0}}.field-error{color:var(--danger);font-size:.8125rem}.field input[aria-invalid=true]{border-color:var(--danger)}.duplicate-notice{grid-column:1/-1;margin:0}.loan-direction{color:var(--text-secondary);margin-top:5px;display:block}.notification-count{top:-4px;background:var(--primary);min-width:18px;color:var(--text-on-dark);border-radius:12px;padding:1px 4px;font-size:.6875rem;position:absolute;inset-inline-end:-5px}.notifications-list{gap:16px;display:grid}.reminder-card h2{margin:14px 0 8px;font-size:1.3125rem}.reminder-card .actions{flex-wrap:wrap;gap:10px}.reminder-card .actions button{min-height:44px}@media (max-width:600px){.reminder-card .actions{grid-template-columns:1fr;display:grid}.reminder-card .actions button{white-space:normal;width:100%}}.notification-settings{gap:14px;display:grid}.notification-rule{border-bottom:1px solid var(--border);grid-template-columns:1fr 110px;gap:8px 12px;padding:14px 0;display:grid}.notification-rule .field{margin:0}.notification-rule small{color:var(--text-secondary)}.notification-rule .pill{justify-self:start}@media (max-width:350px){.notification-rule{grid-template-columns:1fr}}:root{--font-scale:1}html{font-size:calc(16px * var(--font-scale))}.nav-divider{border:0;border-top:1px solid color-mix(in srgb,var(--text-on-dark) 18%,transparent);margin:14px 10px}.sidebar nav{min-height:0}.sidebar nav button{text-align:start}.sidebar nav button span{overflow-wrap:anywhere;min-width:0}.sidebar nav button small,.side-footer{flex-shrink:0}.side-footer>div{min-width:0}.side-footer b{overflow-wrap:anywhere}.side-footer .icon{flex-shrink:0;margin-inline-start:auto}.font-settings{margin-block:20px}.font-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block:12px;display:grid}.font-levels button{white-space:normal;flex-direction:column}.font-stepper{justify-content:center;align-items:center;gap:14px;display:flex}.font-stepper button{min-width:44px}html[data-font-size]:not([data-font-size="100"]) .topbar{flex-wrap:wrap;height:auto;min-height:75px;padding-block:10px}html[data-font-size]:not([data-font-size="100"]) .crumb{white-space:normal;overflow-wrap:anywhere;flex:1;min-width:0}html[data-font-size]:not([data-font-size="100"]) .crumb b{max-width:none;overflow:visible}html[data-font-size]:not([data-font-size="100"]) .primary,html[data-font-size]:not([data-font-size="100"]) .secondary{white-space:normal;overflow-wrap:anywhere}html[data-font-size]:not([data-font-size="100"]) .section-head,html[data-font-size]:not([data-font-size="100"]) .page-heading,html[data-font-size]:not([data-font-size="100"]) .actions{flex-wrap:wrap}html[data-font-size]:not([data-font-size="100"]) .book-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr))}html[data-font-size]:not([data-font-size="100"]) .book-meta h3,html[data-font-size]:not([data-font-size="100"]) .book-meta p{-webkit-line-clamp:unset;overflow-wrap:anywhere;height:auto;max-height:none}html[data-font-size]:not([data-font-size="100"]) .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}@media (max-width:850px){html[data-font-size]:not([data-font-size="100"]) .bottom-nav{height:auto;min-height:calc(64px + env(safe-area-inset-bottom));align-items:stretch}html[data-font-size]:not([data-font-size="100"]) .bottom-nav button{white-space:normal;overflow-wrap:anywhere;justify-content:center;padding-block:8px}html[data-font-size]:not([data-font-size="100"]) .content{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}}@media (max-width:600px){html[data-font-size]:not([data-font-size="100"]) .stats,html[data-font-size]:not([data-font-size="100"]) .two-col{grid-template-columns:1fr}html[data-font-size]:not([data-font-size="100"]) .loan-row,html[data-font-size]:not([data-font-size="100"]) .copy-row{flex-wrap:wrap}}[dir=ltr] .side-footer .icon{margin-right:0}html[data-font-size]:not([data-font-size="100"]) .tabs,html[data-font-size]:not([data-font-size="100"]) .filters,html[data-font-size]:not([data-font-size="100"]) .detail-heading,html[data-font-size]:not([data-font-size="100"]) .top-actions{flex-wrap:wrap;max-width:100%}html[data-font-size]:not([data-font-size="100"]) .tabs{overflow:visible}.nav-divider,.divider,.side-footer{border-color:var(--border)}.sidebar{border-inline-end:1px solid var(--border)}.brand,.avatar,.cover,.book-icons>.complete,.print-book h3{color:var(--text-primary)}.book-icons>.complete{box-shadow:inset 0 -3px var(--accent)}.theme-options .active,.view-toggle button.active{background:var(--primary-active);color:var(--text-on-active);border-color:var(--accent)}.theme-options button:hover:not(.active):not(:disabled){background:var(--primary-hover);color:var(--text-on-dark)}.sidebar nav button .nav-count{margin:0;min-width:2ch;color:inherit;opacity:.82;font-variant-numeric:tabular-nums;text-align:end;background:0 0;flex-shrink:0;margin-inline-start:auto;padding:0;font-size:.6875rem;font-weight:400;line-height:1.5}