*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f7fb;--bg-deep:#232f48;--bg-deep-2:#31405f;--card:#ffffff;--ink:#232f48;--muted:#6e7a94;--line:#e2e7f1;--accent:#2a7fe0;--accent-ink:#ffffff;--accent-soft:#e4eefb;--teal:#1cb9a8;--brass:#cf9410;--orange:#f0862f;--danger:#e0543e;--danger-soft:#fcebe6;--warn-bg:#fdf3d1;--shadow-sm:0 1px 2px rgba(35,47,72,0.06),0 2px 8px rgba(35,47,72,0.05);--shadow-md:0 2px 6px rgba(35,47,72,0.08),0 10px 28px rgba(35,47,72,0.1);--radius:16px;--font-display:"Fraunces",Georgia,"Times New Roman",serif;--font-arabic:"Amiri","Noto Naskh Arabic",serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Naskh Arabic",sans-serif}:root[data-theme=professional]{--bg:#f5f5f6;--bg-deep:#17181c;--bg-deep-2:#26282f;--card:#ffffff;--ink:#1c1e24;--muted:#71757e;--line:#e3e4e8;--accent:#3d4757;--accent-ink:#ffffff;--accent-soft:#e9ebee;--teal:#5d6470;--brass:#8a8f98;--orange:#7d838d;--danger:#b3423a;--danger-soft:#f6e7e5;--warn-bg:#efefe8}[data-theme=professional] body{background-image:none}[data-theme=professional] .logo img,[data-theme=professional] .logo svg,[data-theme=professional] .splash-inner svg{filter:grayscale(1) contrast(1.1)}[data-theme=professional] .logo-word span{color:var(--ink)!important}[data-theme=professional] .btn.primary:before,[data-theme=professional] button.primary:before{display:none}[data-theme=professional] .btn.primary,[data-theme=professional] button.primary{background:var(--ink);border-color:var(--ink)}[data-theme=professional] .card{animation:none}[data-theme=professional] .spine{filter:saturate(.12) contrast(1.05)}:root[data-theme=library]{--bg:#122420;--bg-deep:#0a1713;--bg-deep-2:#16302a;--card:#1a332c;--ink:#f1e9d6;--muted:#a3b5aa;--line:#2b4a40;--accent:#c9a227;--accent-ink:#12241f;--accent-soft:#223f36;--teal:#4fb3a1;--brass:#d9b44a;--orange:#dd8f4c;--danger:#e8837a;--danger-soft:#3a221f;--warn-bg:#3a2f16;--shadow-sm:0 1px 2px rgba(0,0,0,0.3),0 2px 10px rgba(0,0,0,0.22);--shadow-md:0 2px 8px rgba(0,0,0,0.35),0 14px 34px rgba(0,0,0,0.4)}[data-theme=library] body{background-image:radial-gradient(900px 420px at 50% -160px,rgba(201,162,39,.16),transparent 72%),radial-gradient(700px 500px at 100% 100%,rgba(0,0,0,.3),transparent);background-attachment:fixed}[data-theme=library] h1,[data-theme=library] h2{letter-spacing:.005em}[data-theme=library] .logo-word .navy{color:var(--ink)}[data-theme=library] .btn.primary,[data-theme=library] button.primary{background:linear-gradient(180deg,#e0bc4c,var(--accent) 62%);border-color:#a8831a}[data-theme=library] .card{box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.04)}[data-theme=library] .batch-toast,[data-theme=library] .spine-tip{background:#0a1713;color:var(--ink);border:1px solid var(--line)}[data-theme=library] .spine-tip:after{border-top-color:#0a1713}[data-theme=library] .field-flagged input{color:var(--ink)}[data-theme=library] .row-board{border-bottom-color:color-mix(in srgb,var(--brass) 62%,#16110a)}:root[data-theme=midnight]{--bg:#14171c;--bg-deep:#0d0f13;--bg-deep-2:#1b1f26;--card:#1c2027;--ink:#e8ecf2;--muted:#98a2b3;--line:#2b313a;--accent:#5aa2f0;--accent-ink:#0d1420;--accent-soft:#22303f;--teal:#3fc0ae;--brass:#d7a83c;--orange:#e08b4c;--danger:#ef7d72;--danger-soft:#3a2220;--warn-bg:#3a3218;--shadow-sm:0 1px 2px rgba(0,0,0,0.34),0 2px 10px rgba(0,0,0,0.24);--shadow-md:0 2px 8px rgba(0,0,0,0.38),0 14px 34px rgba(0,0,0,0.42)}[data-theme=midnight] body{background-image:radial-gradient(900px 420px at 50% -170px,rgba(90,162,240,.14),transparent 72%)}[data-theme=midnight] .btn.primary,[data-theme=midnight] button.primary{background:linear-gradient(180deg,#79b6f7,var(--accent) 62%);border-color:#3d7cc4}[data-theme=midnight] .row-board{border-bottom-color:#0e1116}[data-theme=midnight] .batch-toast,[data-theme=midnight] .spine-tip{background:#0b0d12;color:var(--ink);border:1px solid var(--line)}[data-theme=midnight] .spine-tip:after{border-top-color:#0b0d12}:root[data-theme=manuscript]{--bg:#f6efe2;--bg-deep:#453325;--bg-deep-2:#5c4633;--card:#fffaf0;--ink:#3b2f24;--muted:#8a7962;--line:#e2d5bf;--accent:#8c3b2e;--accent-ink:#fff8ee;--accent-soft:#f1e2d2;--teal:#4f7d68;--brass:#b98b1f;--orange:#c2702c;--danger:#a83a2c;--danger-soft:#f6e1dc;--warn-bg:#fbf0d4}[data-theme=manuscript] body{background-image:radial-gradient(1000px 460px at 50% -180px,rgba(185,139,31,.14),transparent 72%)}[data-theme=manuscript] .btn.primary,[data-theme=manuscript] button.primary{background:linear-gradient(180deg,#a4503f,var(--accent) 62%);border-color:#6f2c21}[data-theme=manuscript] .bookcase{background:linear-gradient(180deg,#fdf6e8,#fffaf0 30%);border-color:#e6d8c1}[data-theme=manuscript] .row-board{background:#f0e2cb;border-bottom-color:#6b5137}:root[data-theme=linen]{--bg:#f4f4f1;--bg-deep:#33362f;--bg-deep-2:#464a41;--card:#fdfdfb;--ink:#2e322d;--muted:#8b8f86;--line:#e3e3dc;--accent:#5b7f6b;--accent-ink:#ffffff;--accent-soft:#e4ece5;--teal:#5b8f86;--brass:#b39344;--orange:#c37f4e;--danger:#b45b4d;--danger-soft:#f6e6e2;--warn-bg:#f6efd9}[data-theme=linen] body{background-image:none}[data-theme=linen] .btn.primary,[data-theme=linen] button.primary{background:linear-gradient(180deg,#6f957f,var(--accent) 62%);border-color:#456354}[data-theme=linen] .row-board{border-bottom-color:#6f746a}@keyframes bg-drift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes sprite-float{0%,to{transform:translateY(3vh) rotate(-7deg)}50%{transform:translateY(-3vh) rotate(7deg)}}@keyframes pop-in{0%{opacity:0;transform:translateY(14px) scale(.96)}65%{opacity:1;transform:translateY(-3px) scale(1.01)}to{opacity:1;transform:none}}[data-theme=playful] body{background:linear-gradient(120deg,#ffeaf3,#e7f3ff 30%,#fff6da 60%,#eaffef);background-size:300% 300%;background-attachment:fixed;animation:bg-drift 20s ease infinite}[data-theme=playful] .login-wrap,[data-theme=playful] main.page,[data-theme=playful] nav.tabs{position:relative;z-index:2}.theme-sprites span{position:fixed;z-index:1;pointer-events:none;opacity:.55;animation:sprite-float ease-in-out infinite}[data-theme=playful] .card{border:2px solid #ffd6e8;animation:pop-in .45s cubic-bezier(.34,1.5,.64,1) both}[data-theme=playful] h1{background:linear-gradient(90deg,#2a7fe0,#1cb9a8,#f4b90c,#f0862f,#2a7fe0);background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 6s linear infinite}[data-theme=playful] .btn.primary,[data-theme=playful] button.primary{background:linear-gradient(90deg,#2a7fe0,#1cb9a8,#f0862f,#2a7fe0);background-size:250% auto;border-color:transparent;animation:shimmer 7s linear infinite}[data-theme=playful] .bookcase{background:linear-gradient(180deg,#fff6fc,#f0f8ff 40%,#fffdf1);border:2px solid #d9e8ff}[data-theme=playful] .row-board{background:rgba(255,255,255,.65)}[data-theme=playful] .spine{transition:transform .15s cubic-bezier(.34,1.6,.64,1)}[data-theme=playful] .spine:hover{transform:translateY(-6px) rotate(-2deg)}[data-theme=playful] nav.tabs .dock{border:2px solid #ffd6e8}@keyframes num-bob{0%,to{transform:none}50%{transform:translateY(-3px)}}[data-theme=playful] .stat .num{animation:num-bob 3.5s ease-in-out infinite;display:inline-block}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}@keyframes sheen{0%,55%{transform:translateX(-130%) skewX(-18deg)}to{transform:translateX(230%) skewX(-18deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}html{-webkit-text-size-adjust:100%}body,html{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{background-image:radial-gradient(1200px 500px at 50% -200px,rgba(42,127,224,.07),transparent 70%);min-height:100dvh}main.page{max-width:600px;margin:0 auto;padding:14px 16px calc(96px + env(safe-area-inset-bottom))}h1{font-size:1.55rem;letter-spacing:-.01em;margin:6px 0 14px}h1,h2{font-family:var(--font-display);font-weight:600}h2{font-size:1.08rem;margin:18px 0 8px}a{color:var(--accent);text-decoration:none}.ar,[dir=auto]:lang(ar){font-family:var(--font-arabic)}header.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);padding-top:env(safe-area-inset-top)}header.topbar .inner{max-width:600px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:10px}.logo{gap:8px}.brand-mark,.logo{display:inline-flex;align-items:center}.brand-mark .dark-only,:root[data-theme=library] .brand-mark .light-only,:root[data-theme=midnight] .brand-mark .light-only{display:none}:root[data-theme=library] .brand-mark .dark-only,:root[data-theme=midnight] .brand-mark .dark-only{display:block}.logo-word{font-family:"Baloo 2",var(--font-body);font-weight:800;font-size:1.2rem;letter-spacing:-.015em}.logo-word .navy{color:#232f48}.splash{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#fff;opacity:1;transition:opacity .45s ease}.splash.done{opacity:0;pointer-events:none}.splash video{width:min(86vw,420px);height:auto;animation:fade-up .3s ease both}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px;box-shadow:var(--shadow-sm);animation:fade-up .35s ease both}.card.match-banner{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal),var(--shadow-sm)}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1 1;min-width:0}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:1rem;font-weight:500;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:10px 16px;cursor:pointer;min-height:46px;box-shadow:var(--shadow-sm);transition:transform .06s ease,box-shadow .15s ease,background .15s ease;touch-action:manipulation}.btn:active,button:active{transform:scale(.97)}.btn.primary,button.primary{background:linear-gradient(180deg,#4a95ec,var(--accent) 60%);border-color:color-mix(in srgb,var(--accent) 80%,#000 10%);color:var(--accent-ink);font-weight:650;letter-spacing:.01em;box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 35%,transparent);position:relative;overflow:hidden}.btn.primary:before,button.primary:before{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:sheen 4.5s ease-in-out infinite;pointer-events:none}button.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:var(--card)}button:disabled{opacity:.5;cursor:default;transform:none}button.small{min-height:36px;padding:5px 12px;font-size:.9rem;border-radius:10px}button.action-card{width:100%;justify-content:flex-start;text-align:left;gap:14px;padding:16px;border-radius:var(--radius);margin-bottom:12px;min-height:74px}.action-card .action-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.action-card.primary .action-icon{background:rgba(255,255,255,.16);color:var(--accent-ink)}.action-card .action-title{font-weight:650;display:block}.action-card .action-sub{display:block;font-size:.84rem;font-weight:400;color:var(--muted);margin-top:2px}.action-card.primary .action-sub{color:color-mix(in srgb,var(--accent-ink) 75%,transparent)}input,select,textarea{width:100%;font-family:var(--font-body);font-size:1rem;padding:11px 13px;border:1.5px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card) 70%,var(--bg));color:var(--ink);min-height:46px;transition:border-color .15s ease,box-shadow .15s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none}select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:34px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}label{display:block;font-size:.82rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:14px 0 5px}label:first-child{margin-top:0}label .muted{text-transform:none;font-weight:400;letter-spacing:0}.field-flagged input{background:var(--warn-bg);border-color:var(--brass)}.muted{color:var(--muted)}.error,.muted{font-size:.9rem}.error{color:var(--danger);background:var(--danger-soft);border-radius:10px;padding:9px 12px;margin-top:10px}nav.tabs{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:center;padding:0 14px calc(10px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,var(--bg) 92%,transparent) 55%,transparent)}nav.tabs .dock{pointer-events:auto;display:flex;width:100%;max-width:430px;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-md);padding:6px}nav.tabs a{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 7px;font-size:.72rem;font-weight:550;color:var(--muted);border-radius:16px;transition:background .15s ease,color .15s ease}nav.tabs a svg{width:23px;height:23px}nav.tabs a.active{color:var(--accent);background:var(--accent-soft)}.camera-box{position:relative;width:100%;aspect-ratio:3/4;background:#000;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md)}.camera-box video{width:100%;height:100%;object-fit:cover}.camera-box .scan-hint{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#fff;font-size:.85rem;text-shadow:0 1px 3px rgba(0,0,0,.8)}.book-item{display:flex;gap:13px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);color:var(--ink);align-items:flex-start}.book-item:last-child{border-bottom:none}.book-item:active{opacity:.7}.book-cover{width:50px;height:72px;border-radius:7px;object-fit:cover;background:linear-gradient(160deg,var(--accent-soft),var(--line));flex-shrink:0;box-shadow:0 2px 6px rgba(33,43,38,.18)}.book-cover.placeholder{display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.3rem;box-shadow:none;border:1px solid var(--line)}.book-title{font-weight:650;line-height:1.32;overflow-wrap:anywhere}.book-title .ar{font-size:1.14rem}.book-sub{color:var(--muted);font-size:.85rem;margin-top:2px;overflow-wrap:anywhere}.book-loc{display:inline-flex;align-items:center;gap:6px;font-size:.79rem;font-weight:550;margin-top:6px;padding:2px 9px 2px 7px;border-radius:999px;color:var(--accent);background:var(--accent-soft)}.book-loc:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.book-loc.lent{color:var(--danger);background:var(--danger-soft)}.book-loc.unassigned{color:var(--muted);background:color-mix(in srgb,var(--line) 45%,transparent)}.quad-grid{display:grid;grid-gap:8px;gap:8px;margin-top:8px}.quad-grid button{min-height:44px;font-size:.92rem;font-weight:600}.quad-grid button.selected{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 35%,transparent)}.chips{display:flex;flex-wrap:wrap;gap:7px;padding:2px 2px 8px;margin-bottom:8px}.chips button{min-height:36px;padding:5px 14px;font-size:.86rem;border-radius:999px;white-space:nowrap;flex-shrink:0}.chips button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.login-wrap{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px calc(28px + env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--bg-deep) 0,var(--bg-deep-2) 34%,transparent 72%),var(--bg)}.login-hero{text-align:center;margin-bottom:18px}.login-hero .brand{font-family:var(--font-display);font-size:2.1rem;font-weight:700;letter-spacing:-.015em;background:linear-gradient(100deg,#f2f5fb 40%,#f4b90c 50%,#f2f5fb 60%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 7s linear infinite}.login-hero .brand .dot{-webkit-text-fill-color:var(--brass)}.login-hero .tagline{color:color-mix(in srgb,#f2f5fb 65%,transparent);font-size:.9rem;margin-top:8px}.login-card{width:100%;max-width:400px;box-shadow:var(--shadow-md);border-radius:20px}.segmented{display:flex;background:color-mix(in srgb,var(--line) 45%,transparent);border-radius:12px;padding:4px;margin:4px 0 14px}.segmented button{flex:1 1;min-height:40px;border:none;box-shadow:none;background:transparent;color:var(--muted);font-weight:600;border-radius:9px;padding:6px 10px}.segmented button.on{background:var(--card);color:var(--accent);box-shadow:var(--shadow-sm)}.challenge-text{flex:1 1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.35rem;letter-spacing:.35em;font-weight:700;font-style:italic;text-decoration:line-through;text-align:center;padding:9px 4px;border:1.5px dashed color-mix(in srgb,var(--brass) 55%,var(--line));border-radius:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:color-mix(in srgb,var(--ink) 82%,var(--brass));background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--warn-bg) 55%,var(--card)),color-mix(in srgb,var(--warn-bg) 55%,var(--card)) 6px,color-mix(in srgb,var(--line) 45%,var(--card)) 6px,color-mix(in srgb,var(--line) 45%,var(--card)) 12px)}main.page.admin{max-width:1180px;padding-bottom:40px}.admin-stats{flex-wrap:wrap}.admin-stats .stat{min-width:130px}.stat .sub{display:block;font-size:.7rem;color:var(--muted);margin-top:3px}.spark{display:flex;align-items:flex-end;gap:2px;height:120px;margin-top:10px;padding-top:4px;border-bottom:1px solid var(--line)}.spark-bar{flex:1 1;min-width:3px;min-height:2px;background:var(--accent);border-radius:2px 2px 0 0;opacity:.85}.spark-bar:hover{opacity:1}.table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem;white-space:nowrap}.admin-table td,.admin-table th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}.admin-table th{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.admin-table tbody tr:last-child td{border-bottom:none}.join-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.3rem;letter-spacing:.22em;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:12px;padding:10px 14px;text-align:center}.stats-row{display:flex;gap:9px;margin-bottom:14px}.stat{flex:1 1;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 6px 9px;text-align:center;box-shadow:var(--shadow-sm);color:var(--ink)}.stat .num{display:block;font-family:var(--font-display);font-size:1.45rem;font-weight:700;line-height:1.1;color:var(--accent)}.stat.lent .num{color:var(--danger)}.stat.un .num{color:var(--brass)}.stat .lbl{display:block;font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:2px}.dashboard .add-book{display:flex;width:100%;margin:2px auto 10px}.dash-search{margin:0 auto 16px}.shelf-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:4px 16px 6px;scrollbar-width:none}.shelf-carousel::-webkit-scrollbar{display:none}.shelf-slide{flex:0 0 88%;max-width:460px;scroll-snap-align:center}.dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.dots span{width:7px;height:7px;border-radius:50%;background:var(--line);transition:background .2s ease,transform .2s ease}.dots span.active{background:var(--accent);transform:scale(1.25)}.bookcase{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--card)),var(--card) 26%);border:1px solid var(--line);border-radius:var(--radius);padding:14px 14px 12px;box-shadow:var(--shadow-sm)}.bookcase-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:2px}.bookcase-title{font-family:var(--font-display);font-weight:650;font-size:1.1rem}.bookcase-sub{color:var(--muted);font-size:.8rem;margin-top:1px}.bookcase-link{font-size:.85rem;font-weight:600;white-space:nowrap}.shelf-row{margin-top:12px}.shelf-row .row-label{font-size:.66rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.row-board{display:flex;min-height:108px;background:color-mix(in srgb,var(--accent-soft) 45%,transparent);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-bottom:6px solid var(--ink);border-radius:4px 4px 3px 3px;overflow-x:auto;scrollbar-width:none}.row-board::-webkit-scrollbar{display:none}.quad{flex:1 1;min-width:24%;display:flex;align-items:flex-end;gap:3px;padding:16px 6px 0;border-right:1px dashed color-mix(in srgb,var(--muted) 30%,transparent);position:relative}.quad:last-child{border-right:none}.quad .quad-label{position:absolute;top:3px;right:6px;font-size:.6rem;font-weight:600;color:color-mix(in srgb,var(--muted) 60%,transparent)}:root[data-shelf=oak]{--shelf-frame-top:#f3e2c6;--shelf-frame-bottom:#ead4ae;--shelf-frame-line:#d7ba8d;--shelf-board:#efdcbc;--shelf-board-line:#dcc19a;--shelf-edge:#a87c4c;--shelf-divider:rgba(122,88,48,0.3);--shelf-ink:#4a3418;--shelf-ink-soft:#7c5c33;--shelf-link:#8a5a12}:root[data-shelf=walnut]{--shelf-frame-top:#7d5739;--shelf-frame-bottom:#5e3f2a;--shelf-frame-line:#46301f;--shelf-board:#6d4a32;--shelf-board-line:#573b28;--shelf-edge:#2f2013;--shelf-divider:rgba(255,255,255,0.16);--shelf-ink:#f6eadc;--shelf-ink-soft:#d6c0aa;--shelf-link:#ffcf8a}:root[data-shelf=cherry]{--shelf-frame-top:#93472f;--shelf-frame-bottom:#6e3422;--shelf-frame-line:#56281a;--shelf-board:#83402b;--shelf-board-line:#6a3222;--shelf-edge:#3b1b11;--shelf-divider:rgba(255,255,255,0.16);--shelf-ink:#fceae2;--shelf-ink-soft:#e3c4b6;--shelf-link:#ffc7a3}:root[data-shelf=black]{--shelf-frame-top:#2f333a;--shelf-frame-bottom:#1d2026;--shelf-frame-line:#141619;--shelf-board:#262930;--shelf-board-line:#191c21;--shelf-edge:#0c0d10;--shelf-divider:rgba(255,255,255,0.14);--shelf-ink:#eef0f4;--shelf-ink-soft:#b2b8c3;--shelf-link:#8fc0ff}:root[data-shelf=white]{--shelf-frame-top:#ffffff;--shelf-frame-bottom:#f5f7fa;--shelf-frame-line:#e0e4ec;--shelf-board:#fbfcfe;--shelf-board-line:#e4e8f0;--shelf-edge:#c6ccd9;--shelf-divider:rgba(90,100,120,0.22);--shelf-ink:#232f48;--shelf-ink-soft:#6b7488;--shelf-link:#2a7fe0}:root[data-shelf] .bookcase{background:linear-gradient(180deg,var(--shelf-frame-top),var(--shelf-frame-bottom) 30%);border:1px solid var(--shelf-frame-line);color:var(--shelf-ink)}:root[data-shelf] .bookcase .bookcase-title{color:var(--shelf-ink)}:root[data-shelf] .bookcase .bookcase-sub,:root[data-shelf] .bookcase .muted,:root[data-shelf] .bookcase .row-label{color:var(--shelf-ink-soft)}:root[data-shelf] .bookcase .bookcase-link{color:var(--shelf-link)}:root[data-shelf] .row-board{background:var(--shelf-board);border:1px solid var(--shelf-board-line);border-bottom:6px solid var(--shelf-edge)}:root[data-shelf] .quad{border-right:1px dashed var(--shelf-divider)}:root[data-shelf] .quad:last-child{border-right:none}:root[data-shelf] .quad .quad-label{color:var(--shelf-ink-soft)}.swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.swatches button{padding:0;border:2px solid transparent;border-radius:10px;background:none;min-height:0;display:flex;flex-direction:column;align-items:center;gap:4px;width:76px}.swatches button:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.swatches button.on{border-color:var(--accent)}.swatch-chip{width:100%;height:44px;border-radius:7px;padding:6px 5px 0;display:flex;align-items:flex-end;gap:2px;overflow:hidden}.swatch-chip i{display:block;width:5px;border-radius:1px 1px 0 0;background:currentColor}.swatch-name{font-size:.72rem;font-weight:600;color:var(--muted);padding-bottom:2px}.swatches button.on .swatch-name{color:var(--ink)}@media (min-width:900px){main.page:has(.shelf-detail){max-width:1180px}}.shelf-detail .shelf-row{margin-top:16px}.shelf-detail .row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;gap:8px}.shelf-detail .row-head .row-label{margin-bottom:0}@media (max-width:899px){.shelf-detail .quad{min-width:44%}}.bar-row{display:flex;align-items:center;gap:8px;padding:4px 0}.bar-label{flex:0 0 32%;font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1 1;height:12px;border-radius:999px;background:var(--accent-soft);overflow:hidden}.bar-fill{display:block;height:100%;background:var(--accent);border-radius:999px}.bar-count{flex:0 0 auto;min-width:28px;text-align:right;font-size:.82rem;font-weight:700;color:var(--muted)}.quick-links{display:flex;gap:10px;justify-content:center;margin:0 auto 12px;max-width:640px}.quick-links a{flex:1 1;text-align:center;padding:9px 10px;border-radius:12px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);font-size:.85rem;font-weight:600;color:var(--ink)}.bulk-bar{position:-webkit-sticky;position:sticky;top:6px;z-index:5;border-color:var(--accent)}.book-item.selectable{cursor:pointer}.book-item.picked{background:var(--accent-soft);border-radius:10px}.sel-box{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;margin-right:4px;border-radius:7px;border:2px solid color-mix(in srgb,var(--muted) 45%,transparent);color:var(--accent-ink);font-size:.8rem;font-weight:800}.sel-box.on{background:var(--accent);border-color:var(--accent)}.map-row{align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.map-row:last-of-type{border-bottom:none}.offline-strip{position:fixed;top:0;left:0;right:0;z-index:90;padding:calc(6px + env(safe-area-inset-top)) 14px 6px;text-align:center;font-size:.8rem;font-weight:600;background:var(--brass);color:#fff}.borrow-form{margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--accent-soft) 35%,transparent)}.stars{display:flex;align-items:center;gap:2px}.stars .star{min-height:0;padding:2px 3px;border:none;background:none;box-shadow:none;font-size:1.6rem;line-height:1;color:color-mix(in srgb,var(--muted) 40%,transparent);transition:color .12s ease,transform .12s ease}.stars .star.on{color:var(--brass)}.stars .star:hover{transform:scale(1.12)}.meta-list{margin-top:14px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.meta-list>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 45%,transparent);font-size:.88rem}.meta-list>div:last-child{border-bottom:none}.meta-k{color:var(--muted)}.meta-v{font-weight:600;text-align:right}.progress-track{height:10px;border-radius:999px;background:var(--accent-soft);overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .2s ease}.more-toggle{display:flex;align-items:center;width:100%;background:transparent;border:none;box-shadow:none;padding:0;min-height:0;font-family:var(--font-display);font-weight:650;font-size:1.05rem;color:var(--ink)}.more-toggle .muted{font-family:var(--font-body);font-size:.8rem;font-weight:600}.batch-bar{position:-webkit-sticky;position:sticky;top:6px;z-index:5}.batch-count{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--accent)}.batch-toast{background:var(--ink);color:#fff;border-radius:10px;padding:9px 13px;margin-bottom:10px;font-size:.88rem;font-weight:600;animation:fade-up .18s ease both}.batch-stats{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px}.batch-stats strong{font-family:var(--font-display);font-size:1.3rem;color:var(--accent)}.vol-grid{display:flex;flex-wrap:wrap;gap:6px}.vol-slot{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 8px;border-radius:10px;font-weight:700;font-size:.9rem}.vol-slot.owned{background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:none}.vol-slot.owned.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.vol-slot.missing{border:2px dashed color-mix(in srgb,var(--muted) 45%,transparent);color:var(--muted);background:transparent;box-shadow:none}button.vol-slot.missing:hover:not(:disabled){border-color:var(--brass);color:var(--brass)}.vol-slot.missing.wished{border-style:solid;border-color:var(--brass);color:var(--brass)}.card.review-banner{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass),var(--shadow-sm)}.review-badge{display:inline-block;margin-top:3px;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.03em;background:color-mix(in srgb,var(--brass) 16%,transparent);color:var(--brass)}.tag-filter{display:flex;gap:8px;align-items:center;margin-bottom:8px}.tag-filter input{flex:1 1}.spine.dim{opacity:.15;filter:saturate(.25)}.spine{transition:opacity .2s ease,filter .2s ease}.tag-field{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:text}.tag-field input{flex:1 1;min-width:130px;border:none;outline:none;box-shadow:none;min-height:34px;padding:2px 4px;background:transparent}.pill{gap:5px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;padding:4px 6px 4px 11px;font-size:.82rem;font-weight:600}.pill,.pill button{display:inline-flex;align-items:center;color:var(--accent);line-height:1}.pill button{justify-content:center;width:18px;height:18px;min-height:0;padding:0;border:none;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,transparent);font-size:.85rem;box-shadow:none}.pill button:hover{background:var(--accent);color:var(--accent-ink)}.photo-slots{display:flex;gap:10px}.photo-slot{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:150px;padding:10px;border:2px dashed var(--line);border-radius:12px;background:color-mix(in srgb,var(--accent-soft) 40%,transparent)}.photo-slot.filled{border-style:solid;border-color:var(--teal)}.photo-slot img{max-height:110px;max-width:100%;border-radius:8px;object-fit:contain}.photo-slot .ph{font-size:1.8rem}.photo-slot .lbl{font-size:.78rem;font-weight:600}.spine-tip{position:fixed;transform:translate(-50%,-100%);z-index:60;background:var(--ink);color:#fff;padding:8px 12px;border-radius:10px;box-shadow:0 8px 24px rgba(20,28,46,.35);pointer-events:none;max-width:250px;text-align:center;animation:fade-up .14s ease both}.spine-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top:6px solid var(--ink)}.spine-tip .t{font-weight:700;font-size:.85rem;line-height:1.3}.spine-tip .a{font-size:.75rem;opacity:.75;margin-top:2px}.spine-tip .v{font-size:.72rem;font-weight:700;margin-top:3px;color:#f4b90c}.spine{position:relative;display:block;flex-shrink:0;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.94);font-size:.62rem;font-weight:600;letter-spacing:.02em;padding:7px 0;text-align:center;border-radius:3px 3px 0 0;box-shadow:inset -3px 0 5px rgba(0,0,0,.28),inset 1px 0 2px rgba(255,255,255,.18),1px -1px 3px rgba(0,0,0,.18);transition:transform .1s ease}.spine.has-cover{text-shadow:0 1px 3px rgba(0,0,0,.65)}.spine.has-vol{padding-bottom:22px}.spine .vol{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);writing-mode:horizontal-tb;display:flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;background:rgba(255,255,255,.94);color:#232f48;font-size:.54rem;font-weight:700;text-shadow:none;box-shadow:0 1px 2px rgba(0,0,0,.3)}.spine:active{transform:translateY(-4px)}.spine.lent{opacity:.55;outline:1.5px dashed color-mix(in srgb,var(--danger) 60%,transparent);outline-offset:-2px;padding-top:20px}.spine.lent:after{content:"↗";position:absolute;top:3px;left:50%;transform:translateX(-50%);writing-mode:horizontal-tb;width:13px;height:13px;border-radius:50%;background:var(--danger);color:#fff;font-size:.56rem;line-height:13px;text-align:center;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.3)}@media (min-width:700px){main.page{padding-top:24px}h1{font-size:1.8rem}}@media (min-width:900px){header.topbar .inner{max-width:1180px}main.page:has(.dashboard){max-width:1180px}.dashboard .add-book,.dashboard .dash-search,.dashboard .stats-row{max-width:640px;margin-left:auto;margin-right:auto}.dashboard .shelf-carousel{flex-wrap:wrap;overflow-x:visible;scroll-snap-type:none;margin:0;padding:4px 0 6px;gap:20px}.dashboard .shelf-slide{flex-grow:1;flex-shrink:1;flex-basis:calc((100% - 20px) / 2);max-width:calc((100% - 20px) / 2);scroll-snap-align:none}.dashboard .dots{display:none}}@media (min-width:1250px){.dashboard .shelf-slide{flex-grow:1;flex-shrink:1;flex-basis:calc((100% - 40px) / 3);max-width:calc((100% - 40px) / 3)}}