:root{--ink:#f4e9db;--ink-soft:#cbb6a0;--ink-faint:#9b8471;--bg:#16110d;--bg-deep:#0e0a07;--surface:#211a15;--surface-2:#2b221b;--surface-3:#362a21;--line:#3d302599;--amber:#e9a84a;--amber-soft:#f3c77e;--ember:#d97757;--rose:#d98b8b;--sage:#93a882;--plum:#a58cc0;--glow:233, 168, 74;--radius:18px;--radius-lg:26px;--radius-sm:11px;--gutter:clamp(1rem, 4vw, 2.5rem);--shadow:0 2px 4px #0000004d, 0 12px 32px #00000059;--shadow-lift:0 6px 14px #00000059, 0 26px 60px #00000073;--serif:"Fraunces", "Iowan Old Style", Georgia, serif;--sans:"Karla", ui-sans-serif, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.32, .72, .29, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=daylight]{--ink:#3b2c20;--ink-soft:#6d594a;--ink-faint:#9a8574;--bg:#f6ede0;--bg-deep:#efe3d2;--surface:#fffaf2;--surface-2:#f7ecdd;--surface-3:#efe1cd;--line:#d9c7b0aa;--amber:#c07a1e;--amber-soft:#a86a1c;--ember:#c25f3d;--rose:#b96a6a;--sage:#6b8257;--plum:#7f63a0;--glow:192, 122, 30;--shadow:0 1px 3px #785a3c1f, 0 10px 26px #785a3c21;--shadow-lift:0 4px 10px #785a3c29, 0 22px 50px #785a3c33;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;max-width:100%;margin:0;overflow-x:clip}.app,.shell,.toolbar,.toolbar-right,.between,.inline{min-width:0}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60rem 40rem at 12% -10%, rgba(var(--glow), .16), transparent 62%), radial-gradient(46rem 34rem at 92% 8%, #d977571c, transparent 60%), radial-gradient(50rem 40rem at 50% 108%, #a58cc017, transparent 62%);animation:drift 26s var(--ease) infinite alternate;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:1;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.32'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translateY(-2.5%)scale(1.06)}}h1,h2,h3,h4{font-family:var(--serif);letter-spacing:-.015em;font-variation-settings:"SOFT" 60, "WONK" 1;margin:0;font-weight:600}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}::selection{background:rgba(var(--glow), .3)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border:3px solid var(--bg);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}.app{z-index:2;flex-direction:column;min-height:100%;display:flex;position:relative}.shell{width:min(1180px,100%);padding:0 var(--gutter) 7rem;flex:1;margin:0 auto}.topbar{z-index:40;-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);background:color-mix(in srgb, var(--bg) 82%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar-inner{align-items:center;gap:1rem;width:min(1180px,100%);margin:0 auto;padding:.85rem clamp(1rem,4vw,2.5rem);display:flex}.brand{font-family:var(--serif);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:.6rem;margin-right:auto;font-size:1.32rem;font-weight:600;display:flex}.brand-flame{width:26px;height:26px;filter:drop-shadow(0 0 10px rgba(var(--glow), .55));transform-origin:50% 90%;flex:none;animation:3.4s ease-in-out infinite flicker}@keyframes flicker{0%,to{opacity:1;transform:scale(1)rotate(0)}28%{opacity:.92;transform:scale(1.06,.96)rotate(-2deg)}55%{opacity:1;transform:scale(.97,1.05)rotate(1.5deg)}78%{opacity:.95;transform:scale(1.03,.99)rotate(-1deg)}}.nav{background:var(--surface);border:1px solid var(--line);border-radius:99px;gap:.15rem;padding:.28rem;display:flex}.nav-item{isolation:isolate;color:var(--ink-soft);transition:color .25s var(--ease);white-space:nowrap;border-radius:99px;align-items:center;gap:.42rem;padding:.5rem .95rem;font-size:.875rem;font-weight:600;display:flex;position:relative}.nav-item:hover{color:var(--ink)}.nav-item.active{color:var(--bg-deep)}:root[data-theme=daylight] .nav-item.active{color:#fffaf2}.nav-pill{background:linear-gradient(140deg, var(--amber-soft), var(--amber));box-shadow:0 3px 10px rgba(var(--glow), .3);z-index:-1;border-radius:99px;position:absolute;inset:0}:root[data-theme=daylight] .nav-pill{box-shadow:0 2px 7px rgba(var(--glow), .16);background:linear-gradient(140deg,#a4611a,#8d5111)}.nav-label{display:inline}@media (width<=900px){.nav-label{display:none}.nav-item{padding:.5rem .75rem}}.icon-btn{width:38px;height:38px;color:var(--ink-soft);border:1px solid var(--line);background:var(--surface);transition:all .25s var(--ease);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.icon-btn:hover{color:var(--amber);border-color:rgba(var(--glow), .5);transform:translateY(-1px)}.page-head{padding:clamp(2rem,5vw,3.4rem) 0 1.6rem}.eyebrow{letter-spacing:.19em;text-transform:uppercase;color:var(--amber);margin-bottom:.65rem;font-size:.72rem;font-weight:700}.page-title{font-size:clamp(2.1rem,5.5vw,3.1rem);line-height:1.05}.page-sub{color:var(--ink-soft);max-width:54ch;margin-top:.7rem;font-size:1.02rem;line-height:1.55}.section-title{align-items:baseline;gap:.7rem;margin:2.4rem 0 1.1rem;font-size:1.28rem;display:flex}.section-title .count{font-family:var(--sans);color:var(--amber);background:rgba(var(--glow), .14);letter-spacing:.04em;border-radius:99px;padding:.2rem .55rem;font-size:.76rem;font-weight:700}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.btn{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);transition:transform .2s var(--ease), background .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);border-radius:99px;justify-content:center;align-items:center;gap:.5rem;padding:.68rem 1.15rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-3);transform:translateY(-1.5px)}.btn:active{transform:translateY(0)scale(.985)}.btn-primary{background:linear-gradient(140deg, var(--amber-soft), var(--amber));color:#1a1207;box-shadow:0 5px 20px rgba(var(--glow), .32);border-color:#0000}.btn-primary:hover{background:linear-gradient(140deg, var(--amber-soft), var(--amber));box-shadow:0 9px 28px rgba(var(--glow), .45)}.btn-ghost{background:0 0}.btn-ghost:hover{background:var(--surface-2)}.btn-quiet{color:var(--ink-soft);border-color:color-mix(in srgb, var(--line) 70%, transparent);background:0 0;font-weight:500}.btn-quiet:hover{background:var(--surface-2);color:var(--ink)}.btn-danger{color:var(--rose);border-color:color-mix(in srgb, var(--rose) 35%, transparent)}.btn-danger:hover{background:color-mix(in srgb, var(--rose) 14%, transparent)}.btn-sm{padding:.44rem .85rem;font-size:.82rem}.btn-block{width:100%}.btn:disabled{opacity:.42;pointer-events:none}.field{margin-bottom:1.05rem;display:block}.field-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.45rem;font-size:.76rem;font-weight:700;display:block}.input,.textarea,.select{border-radius:var(--radius-sm);background:var(--bg-deep);border:1px solid var(--line);width:100%;color:var(--ink);transition:border-color .22s var(--ease), box-shadow .22s var(--ease);padding:.72rem .95rem;font-size:.95rem}:root[data-theme=daylight] .input,:root[data-theme=daylight] .textarea,:root[data-theme=daylight] .select{background:#fffdf9}.input:focus,.textarea:focus,.select:focus{border-color:rgba(var(--glow), .65);box-shadow:0 0 0 4px rgba(var(--glow), .13);outline:none}.input::placeholder,.textarea::placeholder{color:var(--ink-faint)}.textarea{resize:vertical;min-height:5rem;line-height:1.55}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239b8471' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;padding-right:2.2rem}.row{gap:.8rem;display:flex}.row>*{flex:1;min-width:0}.searchbar{align-items:center;display:flex;position:relative}.searchbar svg{color:var(--ink-faint);pointer-events:none;position:absolute;left:1rem}.searchbar .input{background:var(--surface);border-radius:99px;padding-left:2.75rem}.search-clear{color:var(--ink-faint);border-radius:50%;place-items:center;padding:.3rem;display:grid;position:absolute;right:.7rem}.search-clear:hover{color:var(--ink);background:var(--surface-3)}.segmented{background:var(--surface);border:1px solid var(--line);border-radius:99px;flex-wrap:wrap;gap:.2rem;padding:.25rem;display:inline-flex}.segment{isolation:isolate;color:var(--ink-soft);transition:color .22s var(--ease);white-space:nowrap;border-radius:99px;padding:.42rem .9rem;font-size:.83rem;font-weight:600;position:relative}.segment:hover,.segment.active{color:var(--ink)}.segment-pill{background:var(--surface-3);z-index:-1;border-radius:99px;position:absolute;inset:0}.filter-row{align-items:center;min-width:0;max-width:100%;display:flex;position:relative}.filter-nudge{z-index:2;border:1px solid var(--line);background:var(--surface-2);width:26px;height:26px;color:var(--ink-soft);opacity:0;pointer-events:none;transition:opacity .2s var(--ease);border-radius:50%;place-items:center;display:none;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000059}.filter-nudge.left{left:-2px}.filter-nudge.right{right:-2px}.filter-row.can-left .filter-nudge.left,.filter-row.can-right .filter-nudge.right{opacity:1;pointer-events:auto}.filter-nudge:hover{color:var(--amber);border-color:rgba(var(--glow), .5)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;margin-bottom:1.6rem;display:flex}.toolbar-right{flex:260px;justify-content:flex-end;align-items:center;gap:.7rem;display:flex}.toolbar-search{flex:170px;min-width:0;max-width:320px}.toolbar-view{flex:none}.toolbar-filters{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.filter-sep{background:var(--line);flex:none;align-self:stretch;width:1px;min-height:1.5rem}.chip{letter-spacing:.035em;background:var(--surface-3);color:var(--ink-soft);white-space:nowrap;border-radius:99px;align-items:center;gap:.35rem;padding:.24rem .62rem;font-size:.72rem;font-weight:700;display:inline-flex}.chip-amber{background:rgba(var(--glow), .16);color:var(--amber)}.chip-sage{background:color-mix(in srgb, var(--sage) 20%, transparent);color:var(--sage)}.chip-rose{background:color-mix(in srgb, var(--rose) 20%, transparent);color:var(--rose)}.chip-plum{background:color-mix(in srgb, var(--plum) 20%, transparent);color:var(--plum)}.chip-ember{background:color-mix(in srgb, var(--ember) 20%, transparent);color:var(--ember)}.cover{aspect-ratio:2/3;background:var(--surface-2);box-shadow:var(--shadow);border-radius:4px 9px 9px 4px;flex:none;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#0000006b 0%,#0000001f 3.5%,#ffffff1c 6.5%,#fff0 12%),linear-gradient(200deg,#fff5e129,#0000 42%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff12}.cover-fallback{background:linear-gradient(155deg, var(--c1), var(--c2));flex-direction:column;justify-content:flex-end;gap:.3rem;width:100%;height:100%;padding:.7rem .65rem .8rem .9rem;display:flex}.cover-fallback .t{font-family:var(--serif);color:#fffaf2f5;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.76rem;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.cover-fallback .a{color:#fffaf2a8;text-transform:uppercase;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;overflow:hidden}.series-stack{aspect-ratio:4/3;perspective:900px;place-items:center;display:grid;position:relative}.series-stack .cover{width:38%;transition:transform .55s var(--ease), box-shadow .4s var(--ease);box-shadow:var(--shadow-lift);position:absolute}.series-stack .cover:first-child{z-index:1;transform:translate(-52%)rotate(-9deg)scale(.94)}.series-stack .cover:nth-child(2){z-index:2;transform:translate(-18%)rotate(-3deg)scale(.99)}.series-stack .cover:nth-child(3){z-index:3;transform:translate(18%)rotate(3deg)scale(.99)}.series-stack .cover:nth-child(4){z-index:2;transform:translate(52%)rotate(9deg)scale(.94)}.series-card:hover .series-stack .cover:first-child{transform:translate(-72%)rotate(-14deg)scale(.96)}.series-card:hover .series-stack .cover:nth-child(2){transform:translate(-25%)rotate(-4.5deg)scale(1.02)}.series-card:hover .series-stack .cover:nth-child(3){transform:translate(25%)rotate(4.5deg)scale(1.02)}.series-card:hover .series-stack .cover:nth-child(4){transform:translate(72%)rotate(14deg)scale(.96)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.grid-books{grid-template-columns:repeat(auto-fill,minmax(clamp(120px,15vw,158px),1fr));gap:clamp(1rem,2.4vw,1.7rem);display:grid}.grid-series{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:1.3rem;display:grid}.book-card{text-align:left;width:100%;transition:transform .4s var(--ease);border-radius:12px;flex-direction:column;gap:.62rem;display:flex}.book-card:hover{transform:translateY(-6px)}.book-card:hover .cover{box-shadow:var(--shadow-lift)}.book-card-title{font-family:var(--serif);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.93rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.book-card-author{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.book-card-meta{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.05rem;display:flex}.cover-ribbon{letter-spacing:.06em;text-transform:uppercase;color:#fff2dd;z-index:2;background:linear-gradient(#0000,#000000d1);align-items:center;gap:.35rem;padding:.75rem .6rem .45rem;font-size:.66rem;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.cover-badge{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:25px;height:25px;color:var(--amber-soft);background:#140e09b8;border-radius:50%;place-items:center;display:grid;position:absolute;top:.5rem;right:.5rem;box-shadow:0 2px 8px #0006}.series-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);text-align:left;width:100%;box-shadow:var(--shadow);transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .3s var(--ease);padding:1.4rem 1.25rem 1.15rem;overflow:hidden}.series-card:hover{box-shadow:var(--shadow-lift);border-color:rgba(var(--glow), .34);transform:translateY(-5px)}.series-card-body{margin-top:1.15rem}.series-progress{background:var(--surface-3);border-radius:99px;height:5px;margin-top:.8rem;overflow:hidden}.series-progress span{background:linear-gradient(90deg, var(--amber-soft), var(--amber));height:100%;box-shadow:0 0 10px rgba(var(--glow), .55);border-radius:99px;display:block}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:.9rem;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.05rem 1.15rem;position:relative;overflow:hidden}.stat:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--glow), .65), transparent);opacity:.75;height:2px;position:absolute;inset:0 0 auto}.stat-value{font-family:var(--serif);letter-spacing:-.03em;align-items:baseline;gap:.28rem;font-size:clamp(1.6rem,3.6vw,2.1rem);font-weight:600;line-height:1;display:flex}.stat-value .unit{font-family:var(--sans);color:var(--ink-faint);letter-spacing:0;font-size:.8rem;font-weight:600}.stat-label{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-faint);margin-top:.55rem;font-size:.73rem;font-weight:700}.stars{align-items:center;gap:.1rem;display:inline-flex}.star{color:var(--surface-3);transition:transform .22s var(--ease), color .22s var(--ease);place-items:center;display:grid}.star.filled{color:var(--amber);filter:drop-shadow(0 0 6px rgba(var(--glow), .45))}.stars-input .star{padding:.12rem}.stars-input .star:hover{transform:scale(1.28)rotate(-8deg)}.backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#080503ad;justify-content:center;align-items:flex-start;padding:clamp(.6rem,4vh,3rem) 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:min(660px,100%);box-shadow:var(--shadow-lift);margin:auto 0;overflow:hidden}.modal-head{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:1rem;padding:1.3rem 1.5rem;display:flex}.modal-head h2{font-size:1.3rem}.modal-body{padding:1.5rem}.modal-foot{border-top:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap;justify-content:flex-end;gap:.7rem;padding:1.1rem 1.5rem;display:flex}.result-list{flex-direction:column;gap:.3rem;max-height:47vh;margin:0 -.5rem;padding:0 .5rem;display:flex;overflow-y:auto}.result{border-radius:var(--radius-sm);text-align:left;width:100%;transition:background .2s var(--ease);border:1px solid #0000;align-items:center;gap:.85rem;padding:.6rem;display:flex}.result:hover{background:var(--surface-2)}.result.selected{background:rgba(var(--glow), .11);border-color:rgba(var(--glow), .4)}.result .cover{border-radius:3px 5px 5px 3px;width:42px}.result-title{font-family:var(--serif);font-size:.95rem;font-weight:600;line-height:1.25}.result-meta{color:var(--ink-faint);margin-top:.15rem;font-size:.78rem}.volume{background:rgba(var(--glow), .16);min-width:1.35em;height:1.35em;color:var(--amber);font-family:var(--sans);vertical-align:.12em;border-radius:99px;place-items:center;margin-right:.5em;padding:0 .3em;font-size:.68rem;font-weight:700;display:inline-grid}.picker-list{max-height:15.5rem;margin-bottom:.2rem}.picker-group{letter-spacing:.17em;text-transform:uppercase;color:var(--ink-faint);padding:.7rem .6rem .3rem;font-size:.68rem}.picker-list>div:first-child .picker-group{padding-top:.1rem}.check{border:1.5px solid var(--line);color:#0000;width:21px;height:21px;transition:all .2s var(--ease);border-radius:6px;flex:none;place-items:center;display:grid}.check.on{background:var(--amber);border-color:var(--amber);color:#1a1207}.detail-head{grid-template-columns:minmax(150px,210px) 1fr;align-items:start;gap:clamp(1.3rem,4vw,2.6rem);padding:2rem 0 1rem;display:grid}@media (width<=640px){.detail-head{grid-template-columns:minmax(0,1fr)}.detail-head .cover{width:145px}}.detail-title{font-size:clamp(1.75rem,4.6vw,2.6rem);line-height:1.08}.detail-author{color:var(--ink-soft);margin-top:.45rem;font-size:1.05rem}.detail-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.4rem;display:flex}.meta-list{flex-direction:column;gap:0;margin-top:.4rem;display:flex}.meta-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.72rem 0;font-size:.92rem;display:flex}.meta-row:last-child{border-bottom:none}.meta-row dt{color:var(--ink-faint)}.meta-row dd{text-align:right;margin:0;font-weight:600}.pace-bar{background:var(--surface-3);border-radius:99px;height:8px;margin-top:.55rem;overflow:hidden}.pace-bar span{background:linear-gradient(90deg, var(--sage), var(--amber));border-radius:99px;height:100%;display:block}.timer-stage{place-items:center;min-height:62vh;padding:2rem 0;display:grid;position:relative}.breath-wrap{aspect-ratio:1;place-items:center;width:min(400px,78vw);display:grid;position:relative}.breath-ring{border:1px solid rgba(var(--glow), .22);border-radius:50%;position:absolute;inset:0}.breath-glow{background:radial-gradient(circle at 50% 55%, rgba(var(--glow), .24), #d9775717 55%, transparent 72%);filter:blur(14px);border-radius:50%;position:absolute;inset:8%}.timer-clock{font-family:var(--serif);letter-spacing:-.035em;font-variant-numeric:tabular-nums;z-index:3;text-shadow:0 0 42px rgba(var(--glow), .26);flex-direction:column;align-items:center;font-size:clamp(3rem,11vw,4.6rem);font-weight:500;line-height:1;display:flex;position:relative}.timer-unit{font-family:var(--sans);letter-spacing:.19em;text-transform:uppercase;color:var(--ink-faint);text-shadow:none;margin-top:.7rem;font-size:.78rem;font-weight:600}.timer-book{z-index:3;text-align:center;color:var(--ink-soft);max-width:22ch;margin-top:.3rem;font-size:.95rem;position:relative}.timer-nudge{z-index:3;font-family:var(--serif);color:var(--amber-soft);text-align:center;max-width:30ch;min-height:3.2em;margin-top:2.1rem;font-size:1.06rem;font-style:italic;line-height:1.5;position:relative}.timer-controls{z-index:3;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2.2rem;display:flex;position:relative}.timer-setup{z-index:3;width:min(430px,100%);margin:0 auto;position:relative}.embers{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.ember-dot{background:var(--amber-soft);filter:blur(.4px);width:3px;height:3px;box-shadow:0 0 8px rgba(var(--glow), .9);border-radius:50%;animation:linear infinite rise;position:absolute;bottom:-14px}@keyframes rise{0%{opacity:0;transform:translateY(0)translate(0)scale(.5)}12%{opacity:.5}75%{opacity:.28}to{transform:translateY(-78vh) translateX(var(--sway,24px)) scale(1.15);opacity:0}}.bars{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:clamp(.25rem,1.1vw,.6rem);height:190px;margin-top:1.2rem;display:grid}.bar-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:.5rem;height:100%;display:flex}.bar{background:linear-gradient(180deg, var(--amber-soft), var(--amber));width:100%;box-shadow:0 0 18px rgba(var(--glow), .22);border-radius:7px 7px 3px 3px;min-height:3px;position:relative}.bar.empty{background:var(--surface-3);box-shadow:none}.bar-label{color:var(--ink-faint);letter-spacing:.04em;font-size:.66rem;font-weight:700}.bar-value{color:var(--amber);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700}.wrapped{background:radial-gradient(40rem 26rem at 78% -8%, rgba(var(--glow), .18), transparent 62%), radial-gradient(34rem 24rem at 8% 108%, #a58cc029, transparent 62%), var(--surface);border:1px solid rgba(var(--glow), .24);box-shadow:var(--shadow-lift);border-radius:clamp(22px,4vw,34px);padding:clamp(1.6rem,5vw,3.2rem);position:relative;overflow:hidden}.wrapped-year{font-family:var(--serif);letter-spacing:-.05em;background:linear-gradient(150deg, var(--amber-soft), var(--ember) 55%, var(--plum));color:#0000;-webkit-background-clip:text;background-clip:text;margin:.5rem 0 .2rem;font-size:clamp(4rem,17vw,9rem);font-weight:600;line-height:.85}.wrapped-cards{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:1rem;margin-top:2rem;display:grid}.wrapped-card{background:color-mix(in srgb, var(--bg-deep) 55%, transparent);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:1.2rem;display:flex}.wrapped-card .k{text-transform:uppercase;letter-spacing:.13em;color:var(--amber);font-size:.71rem;font-weight:700}.wrapped-card .v{font-family:var(--serif);font-size:1.32rem;font-weight:600;line-height:1.2}.wrapped-hero{align-items:center;gap:1.1rem;display:flex}.wrapped-hero .cover{width:62px}.empty{text-align:center;border:1px dashed var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 45%, transparent);padding:clamp(2.6rem,8vw,5rem) 1.5rem}.empty-art{width:70px;height:70px;color:var(--ink-faint);opacity:.75;margin:0 auto 1.1rem}.empty h3{margin-bottom:.5rem;font-size:1.28rem}.empty p{color:var(--ink-soft);max-width:40ch;margin:0 auto 1.5rem;line-height:1.6}.stack{flex-direction:column;display:flex}.stack-sm{gap:.55rem}.stack-md{gap:1rem}.stack-lg{gap:1.7rem}.inline{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.divider{background:var(--line);height:1px;margin:1.5rem 0}.link-back{color:var(--ink-soft);transition:color .2s var(--ease), gap .2s var(--ease);align-items:center;gap:.4rem;padding:.55rem 0;font-size:.88rem;font-weight:600;display:inline-flex}.link-back:hover{color:var(--amber);gap:.62rem}.spinner{border:2px solid var(--surface-3);border-top-color:var(--amber);border-radius:50%;width:17px;height:17px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:200;background:var(--surface-3);border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-lift);border-radius:99px;align-items:center;gap:.55rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;display:flex;position:fixed;bottom:1.7rem;left:50%;transform:translate(-50%)}.session-row{border-bottom:1px solid var(--line);align-items:center;gap:.9rem;padding:.75rem 0;font-size:.9rem;display:flex}.session-row:last-child{border-bottom:none}.dot{background:var(--amber);width:7px;height:7px;box-shadow:0 0 9px rgba(var(--glow), .7);border-radius:50%;flex:none}.sync-btn{position:relative;overflow:visible}.avatar{object-fit:cover;border-radius:50%;width:26px;height:26px;display:block}.avatar-lg{width:48px;height:48px}.sync-dot{border:2px solid var(--bg);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.sync-dot.ok{background:var(--sage)}.sync-dot.error{background:var(--rose)}.sync-dot.syncing{background:var(--amber);animation:1.1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.google-btn{color:#1f1f1f;background:#fff;border-color:#0000;font-weight:600}.google-btn:hover{background:#f2f2f2}.code{background:var(--surface-3);border-radius:5px;padding:.12em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}.setup-list{color:var(--ink-soft);margin:0;padding-left:1.15rem;font-size:.89rem;line-height:1.75}.streak{border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(22rem 12rem at 0% 50%, rgba(var(--glow), .13), transparent 70%), var(--surface);box-shadow:var(--shadow);transition:border-color .5s var(--ease);align-items:center;gap:clamp(1rem,3vw,1.8rem);padding:clamp(1.1rem,3vw,1.5rem) clamp(1.2rem,3vw,1.7rem);display:flex;position:relative;overflow:hidden}.streak.lit{border-color:rgba(var(--glow), .32)}.streak-flame-wrap{flex:none;place-items:center;width:74px;height:74px;display:grid;position:relative}.streak-halo{background:radial-gradient(circle, rgba(var(--glow), .42), transparent 68%);filter:blur(9px);border-radius:50%;position:absolute;inset:-12%}.streak-flame{z-index:2;transform-origin:50% 85%;filter:drop-shadow(0 0 14px rgba(var(--glow), .6));position:relative}.streak-count{z-index:3;background:var(--surface-3);border:1px solid var(--line);min-width:27px;height:27px;font-family:var(--serif);font-variant-numeric:tabular-nums;color:var(--amber);border-radius:99px;place-items:center;padding:0 .4rem;font-size:.92rem;font-weight:700;display:grid;position:absolute;bottom:-2px;right:-2px}.streak-body{flex:1;min-width:0}.streak-headline{font-size:clamp(1.08rem,2.6vw,1.35rem);line-height:1.2}.streak-copy{color:var(--ink-soft);max-width:46ch;margin:.4rem 0 0;font-size:.89rem;line-height:1.5}.streak-week{gap:.34rem;margin-top:.9rem;display:flex}.streak-day{background:var(--surface-3);border:1px solid #0000;border-radius:5px;width:15px;height:15px;display:block}.streak-day.on{background:linear-gradient(150deg, var(--amber-soft), var(--amber));box-shadow:0 0 10px rgba(var(--glow), .55)}.streak-day.today{border-color:rgba(var(--glow), .6)}.streak-side{border-left:1px solid var(--line);flex:none;align-items:center;gap:1.3rem;padding-left:clamp(.8rem,2vw,1.4rem);display:flex}.streak-stat{text-align:center}.streak-stat .v{font-family:var(--serif);letter-spacing:-.03em;font-size:1.65rem;font-weight:600;line-height:1;display:block}.streak-stat .l{text-transform:uppercase;letter-spacing:.11em;color:var(--ink-faint);white-space:nowrap;margin-top:.4rem;font-size:.66rem;font-weight:700;display:block}.streak-compact{padding:1rem 1.15rem}.streak-compact .streak-flame-wrap{width:58px;height:58px}.weekbars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:clamp(.3rem,1.4vw,.7rem);height:150px;margin-top:1.2rem;display:grid}.weekbars .bar-col{gap:.45rem}.weekbars .bar{background:linear-gradient(180deg, var(--plum), var(--amber))}.weekbars .bar.best{background:linear-gradient(180deg, var(--amber-soft), var(--ember));box-shadow:0 0 20px rgba(var(--glow), .4)}.wish-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .3s var(--ease), border-color .3s var(--ease);align-items:center;gap:.9rem;padding:.85rem 1rem;display:flex}.wish-row:hover{border-color:rgba(var(--glow), .3);transform:translateY(-2px)}.wish-main{text-align:left;flex:1;align-items:center;gap:.9rem;min-width:0;display:flex}.wish-title{font-family:var(--serif);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.wish-author{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:.82rem;overflow:hidden}.wish-actions{flex:none;align-items:center;gap:.45rem;display:flex}.wish-remove{width:34px;height:34px}.wish-remove:hover{color:var(--rose);border-color:color-mix(in srgb, var(--rose) 45%, transparent)}.nav-bottom{display:none}@media (width<=820px){.nav-top{display:none}.brand{margin-right:auto;font-size:1.18rem}.nav-bottom{z-index:60;padding:.4rem .3rem calc(.4rem + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);border-top:1px solid var(--line);display:flex;position:fixed;bottom:0;left:0;right:0}.nav-bottom-item{min-width:0;color:var(--ink-faint);transition:color .25s var(--ease);flex-direction:column;flex:1;align-items:center;gap:.24rem;padding:.4rem .15rem .3rem;display:flex}.nav-bottom-item.active{color:var(--amber)}.nav-bottom-icon{isolation:isolate;border-radius:99px;place-items:center;width:42px;height:27px;display:grid;position:relative}.nav-bottom-pill{background:rgba(var(--glow), .16);z-index:-1;border-radius:99px;position:absolute;inset:0}.nav-bottom-label{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.62rem;font-weight:700;overflow:hidden}.shell{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}.toast{bottom:calc(5.6rem + env(safe-area-inset-bottom))}}@media (width<=620px){.add-label{display:none}.btn-add{border-radius:50%;width:38px;height:38px;padding:0}.topbar-inner{gap:.6rem;padding-top:.7rem;padding-bottom:.7rem}.page-head{padding-top:1.7rem}.grid-books{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:1rem .85rem}.grid-series{grid-template-columns:minmax(0,1fr)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:.7rem}.stat{padding:.9rem .95rem}.section-title{margin:1.9rem 0 .9rem;font-size:1.15rem}.backdrop{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-direction:column;width:100%;max-height:94vh;margin:0;display:flex}.modal-head{padding:1.05rem 1.15rem}.modal-body{flex:1;padding:1.15rem;overflow-y:auto}.modal-foot{padding:.9rem 1.15rem calc(.9rem + env(safe-area-inset-bottom))}.modal-foot .btn{flex:1}.result-list{max-height:none}.row{flex-direction:column;gap:0}.between{gap:.7rem}.segmented{flex-wrap:nowrap}.toolbar{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.15rem}.toolbar-filters{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;min-width:0;max-width:100%;overflow-x:auto}.filter-row.can-right .toolbar-filters{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.6rem),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 2.6rem),#0000 100%)}.filter-row.can-left .toolbar-filters{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 2.6rem),#0000 100%);mask-image:linear-gradient(270deg,#000 calc(100% - 2.6rem),#0000 100%)}.filter-row.can-left.can-right .toolbar-filters{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 2.6rem calc(100% - 2.6rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 2.6rem calc(100% - 2.6rem),#0000 100%)}.filter-nudge{display:grid}.toolbar-filters::-webkit-scrollbar{display:none}.toolbar-filters .segmented{background:0 0;border:none;gap:.3rem;width:max-content;padding:0;display:flex}.toolbar-filters .segment{padding:.46rem .85rem}.toolbar-filters .segment-pill{background:var(--surface-2)}.toolbar-right{flex:auto;gap:.55rem}.toolbar-search{max-width:none}.toolbar-view .seg-text{display:none}.toolbar-view .segment{padding:.46rem .7rem}.toolbar-view .seg-ico{gap:0}.detail-head{gap:1.2rem;padding-top:1.2rem}.detail-head .cover{width:128px}.detail-actions .btn{flex:auto}.bars{gap:.2rem;height:150px}.bar-label{font-size:.56rem}.bar-value{font-size:.62rem}.streak{flex-wrap:wrap;gap:1rem}.streak-side{border-left:none;border-top:1px solid var(--line);justify-content:space-around;width:100%;padding-top:1rem;padding-left:0}.weekbars{height:120px}.wish-row{gap:.7rem;padding:.7rem .8rem}.wish-actions{flex-direction:column;gap:.35rem}.hide-xs{display:none}.wish-actions .btn-sm{padding:.44rem .6rem}.timer-stage{min-height:56vh}.breath-wrap{width:min(340px,86vw)}.timer-controls{gap:.55rem}.wrapped{padding:1.4rem 1.2rem}.wrapped-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem}.wrapped-card{padding:.95rem}.wrapped-card .v{font-size:1.12rem}.series-stack .cover{width:42%}}@media (width<=380px){.grid-books{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-bottom-label{font-size:.56rem}.nav-bottom-icon{width:36px}}@media (width>=621px) and (width<=820px){.detail-head{grid-template-columns:minmax(140px,190px) 1fr}}@media (hover:none){.book-card:hover,.wish-row:hover,.series-card:hover{transform:none}.btn{padding:.75rem 1.2rem}.btn-sm{padding:.52rem .9rem}.icon-btn{width:42px;height:42px}.wish-remove{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shelf-case{--row-h:232px;--board:18px;--upright:15px;--wood:#2b1d13;--wood-seam:#00000057;--upright-face:#4a3220;--upright-lit:#6a4a2e;--upright-dark:#1c1109;--board-lip:#8a6136;--board-face:#5d3f26;--board-edge:#2a1a0c;padding:clamp(1.1rem, 3vw, 1.9rem) var(--upright) 0;border:1px solid var(--line);border-radius:var(--radius);background-color:var(--wood);background-image: linear-gradient(90deg, var(--upright-dark) 0, var(--upright-face) 4px, var(--upright-lit) calc(var(--upright) - 3px), #0000006b var(--upright), transparent calc(var(--upright) + 5px), transparent calc(100% - var(--upright) - 5px), #0000006b calc(100% - var(--upright)), var(--upright-lit) calc(100% - var(--upright) + 3px), var(--upright-face) calc(100% - 4px), var(--upright-dark) 100%),  repeating-linear-gradient(90deg, var(--wood-seam) 0, #ffffff09 2px, #fff0 8px, #fff0 86px, var(--wood-seam) 88px),  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7 0.014' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.55'/%3E%3C/svg%3E");background-blend-mode:normal, normal, soft-light;box-shadow:inset 0 4px 30px #0009, var(--shadow);position:relative;overflow:hidden}.shelf-case:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(80% 260px at 22% -20px, rgba(var(--glow), .2), transparent 72%), linear-gradient(90deg, #0006 0, #0000 11%, #0000 89%, #0006 100%), linear-gradient(0deg, #00000042 0, #0000 90px);position:absolute;inset:0}:root[data-theme=daylight] .shelf-case{--wood:#cdae86;--wood-seam:#6e4e2e4d;--upright-face:#c09a6c;--upright-lit:#e2c49a;--upright-dark:#8a6742;--board-lip:#ecd2ac;--board-face:#c49a6a;--board-edge:#7a5432;box-shadow:inset 0 3px 22px #5a3e2438, var(--shadow)}:root[data-theme=daylight] .shelf-case:before{background-image:radial-gradient(80% 260px at 22% -20px,#fff5e173,#0000 72%),linear-gradient(90deg,#5a3e2438 0,#5a3e2400 11% 89%,#5a3e2438 100%),linear-gradient(0deg,#5a3e2424 0,#5a3e2400 90px)}.shelf-run{z-index:1;background-image:repeating-linear-gradient(to bottom, #0000008c 0, #0000002e 15px, #0000 36px, #0000 calc(var(--row-h) - var(--board) - 36px), #00000061 calc(var(--row-h) - var(--board) - 1px), var(--board-lip) calc(var(--row-h) - var(--board)), var(--board-lip) calc(var(--row-h) - var(--board) + 2px), var(--board-face) calc(var(--row-h) - var(--board) + 3px), var(--board-face) calc(var(--row-h) - 6px), var(--board-edge) var(--row-h));flex-wrap:wrap;align-content:flex-start;align-items:flex-end;gap:0 2px;display:flex;position:relative}.shelf-slot{height:var(--row-h);padding-bottom:var(--board);align-items:flex-end;display:flex;position:relative}.spine{width:var(--w);height:var(--h);cursor:pointer;transform-origin:bottom;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}.spine:hover,.spine:focus-visible{z-index:6}.spine-shadow{pointer-events:none;filter:blur(3px);height:15px;transition:opacity .28s var(--ease), transform .28s var(--ease);background:radial-gradient(closest-side,#0009,#0000 76%);border-radius:50%;position:absolute;bottom:-4px;left:-7px;right:-7px}.spine-face{background-color:var(--face);transition:box-shadow .28s var(--ease), filter .28s var(--ease);background-image:linear-gradient(90deg,#00000094 0%,#0000004d 5%,#0000000d 17%,#ffffff26 38%,#ffffff0d 54%,#00000021 76%,#0006 93%,#0000009e 100%),linear-gradient(#fff4e01f,#0000 24%,#00000042 100%);border-radius:3px 4px 3px 2px;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #00000057,0 2px 6px #0006}.spine-face:before{content:"";pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)' opacity='0.45'/%3E%3C/svg%3E");position:absolute;inset:0}.spine-leather .spine-face:before{opacity:.3}.spine-paper .spine-face:before{opacity:.16}.spine-leather .spine-face{border-radius:4px 5px 4px 2px}.spine-paper .spine-face{border-radius:2px;box-shadow:inset 0 0 0 1px #00000047,0 2px 5px #0000005c}.spine-head,.spine-foot{background:#0000003d;flex:none;width:100%;height:10px;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #00000052}.spine-paper .spine-head,.spine-paper .spine-foot{height:5px;box-shadow:none;background:#0000001c}.spine-hub{background:linear-gradient(#0000005c 0%,#ffffff38 40%,#ffffff0d 60%,#0000006b 100%);flex:none;width:100%;height:7px;margin:4px 0}.spine-rule{background:var(--foil);opacity:.3;flex:none;width:58%;height:1px;margin:5px 0}.spine-paper .spine-rule{display:none}.spine-band{opacity:.85;flex:none;width:100%;height:3px;margin-top:4px}.spine-text{writing-mode:vertical-rl;text-orientation:mixed;flex:auto;justify-content:flex-start;align-items:center;gap:.55em;min-height:0;padding:.3rem 0;display:flex;overflow:hidden}.spine-title{font-family:var(--serif);font-size:var(--tf,.78rem);letter-spacing:.012em;color:var(--foil);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 1px #0000008c,0 -1px #ffffff1a;flex:none;max-height:100%;font-weight:600;overflow:hidden}.spine-paper .spine-title{text-shadow:0 1px 1px #00000059;font-weight:700}.spine-author{letter-spacing:.05em;text-transform:uppercase;min-height:0;color:var(--foil);opacity:.62;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;max-height:30%;font-size:.6rem;overflow:hidden}.spine-pages{pointer-events:none;background:linear-gradient(90deg,#fff8e80d,#fff8e885 45%,#fff8e824 70%,#fff8e80a);border-radius:1px;height:3px;position:absolute;top:2px;left:3px;right:3px}.spine:hover .spine-face{filter:brightness(1.16)saturate(1.04);box-shadow:inset 0 0 0 1px #00000057, 0 18px 28px #00000080, 0 0 30px rgba(var(--glow), .3)}.spine:hover .spine-shadow{opacity:.4;transform:translateY(20px)scaleX(1.14)}.spine:focus-visible{outline:none}.spine:focus-visible .spine-face{box-shadow:inset 0 0 0 1px #00000057, 0 0 0 2px var(--amber), 0 16px 26px #00000073}.spine.arriving .spine-face{animation:spine-arrive 1.6s var(--ease)}@keyframes spine-arrive{0%,26%{box-shadow:inset 0 0 0 1px #00000057, 0 26px 44px #0000008c, 0 0 0 1px rgba(var(--glow), .8), 0 0 40px rgba(var(--glow), .55)}to{box-shadow:inset 0 0 0 1px #00000057,0 2px 6px #0006}}@media (prefers-reduced-motion:reduce){.spine.arriving .spine-face{animation:none}.spine-face{transition:none}}@media (width<=640px){.shelf-case{--row-h:196px;--board:14px;--upright:11px;border-radius:var(--radius-sm)}.spine-title{font-size:.72rem}}.seg-ico{align-items:center;gap:.4rem;display:inline-flex}.book-card.on-loan .cover{filter:grayscale(.85)brightness(.72);opacity:.62}.book-card.on-loan .book-card-title,.book-card.on-loan .book-card-author{color:var(--ink-faint)}.book-card.on-loan:hover{transform:translateY(-3px)}.book-card.on-loan:hover .cover{filter:grayscale(.4)brightness(.9);opacity:.85}.book-card .cover{transition:box-shadow .4s var(--ease), filter .4s var(--ease), opacity .4s var(--ease)}.spine.on-loan{opacity:.45}.spine.on-loan .spine-face{filter:grayscale(.9);box-shadow:inset 0 0 22px #0000008c}.spine.on-loan:hover{opacity:.8}.order-list{flex-direction:column;gap:.3rem;display:flex}.order-row{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);align-items:center;gap:.75rem;padding:.5rem .6rem;display:flex}.order-num{text-align:center;width:1.5rem;font-family:var(--serif);color:var(--amber);flex:none;font-size:.95rem;font-weight:600}.order-title{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;line-height:1.25;overflow:hidden}.order-row .cover{border-radius:2px 4px 4px 2px;flex:none}.order-moves{flex:none;gap:.2rem;display:flex}.order-moves .icon-btn{width:30px;height:30px}.order-moves .icon-btn:disabled{opacity:.25;pointer-events:none}.signin{background:radial-gradient(1100px 620px at 50% -12%, rgba(var(--glow), .16), transparent 68%), var(--bg);place-items:center;min-height:100dvh;padding:2rem 1.2rem;display:grid}.signin-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;max-width:27rem;box-shadow:var(--shadow-lift);text-align:center;padding:clamp(1.6rem,5vw,2.4rem)}.signin-brand{font-family:var(--serif);letter-spacing:-.01em;align-items:center;gap:.6rem;margin-bottom:1.4rem;font-size:1.7rem;font-weight:600;display:inline-flex}.signin-title{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:.65rem;font-size:clamp(1.6rem,5vw,2rem);font-weight:600;line-height:1.15}.signin-sub{color:var(--ink-soft);max-width:34ch;margin:0 auto 1.7rem;font-size:.94rem;line-height:1.65}.signin-promises{text-align:left;flex-direction:column;gap:.85rem;margin:0 0 1.9rem;padding:0;list-style:none;display:flex}.signin-promises li{color:var(--ink-soft);align-items:flex-start;gap:.75rem;font-size:.88rem;line-height:1.5;display:flex}.signin-promise-icon{background:rgba(var(--glow), .14);width:30px;height:30px;color:var(--amber);border-radius:9px;flex:none;place-items:center;display:grid}.signin-skip{margin-top:.6rem}.signin-fineprint{color:var(--ink-faint);margin:1.5rem 0 0;font-size:.78rem;line-height:1.6}.own-list{flex-direction:column;gap:.25rem;max-height:13rem;margin:0 -.4rem;padding:0 .4rem;display:flex;overflow-y:auto}.own-row{text-align:left;border-radius:var(--radius-sm);width:100%;transition:background .2s var(--ease), border-color .2s var(--ease);border:1px solid #0000;align-items:center;gap:.7rem;padding:.5rem .6rem;display:flex}.own-row:hover{background:var(--surface-2)}.own-row.on{background:rgba(var(--glow), .1);border-color:rgba(var(--glow), .35)}.own-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.88rem;font-weight:600;overflow:hidden}.own-state{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);flex:none;font-size:.72rem}.own-row.on .own-state{color:var(--amber)}.pick-open{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-soft);transition:color .2s var(--ease), border-color .2s var(--ease);border-radius:99px;align-items:center;gap:.35rem;margin:.55rem 0 0 2.1rem;padding:.3rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex}.pick-open:hover{color:var(--ink);border-color:rgba(var(--glow), .4)}.pick-open svg{transition:transform .24s var(--ease)}.pick-open+div .own-list{margin-top:.6rem}.toolbar-labels{flex:none}.labels{z-index:95;background:var(--bg);padding:0 clamp(1rem,4vw,2.5rem) 4rem;position:fixed;inset:0;overflow-y:auto}.labels-bar{z-index:2;background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:.7rem;margin-bottom:.4rem;padding:1.1rem 0;display:flex;position:sticky;top:0}.labels-bar-main{min-width:0;margin-right:auto}.labels-bar h2{font-size:1.3rem}.labels-bar p{margin-top:.15rem;font-size:.84rem}.labels-pick{flex-wrap:wrap;gap:.4rem;padding:.9rem 0 1.4rem;display:flex}.labels-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);max-width:22rem;transition:all .2s var(--ease);border-radius:99px;align-items:center;gap:.45rem;padding:.42rem .8rem .42rem .5rem;font-size:.83rem;display:inline-flex}.labels-chip:hover{color:var(--ink);border-color:rgba(var(--glow), .4)}.labels-chip.on{color:var(--ink);border-color:rgba(var(--glow), .55);background:rgba(var(--glow), .1)}.labels-chip-box{border:1px solid var(--line);width:17px;height:17px;color:var(--bg-deep);border-radius:5px;flex:none;place-items:center;display:grid}.labels-chip.on .labels-chip-box{background:var(--amber);border-color:var(--amber)}.sheet{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.9rem;display:grid}.label{border-radius:var(--radius-sm);text-align:center;background:#faf3e7;border:1px solid #e2d5bf;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem .6rem .8rem;display:flex}.label-title{font-family:var(--serif);color:#2b1d13;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.label-author{color:#7a6247;font-size:.68rem;line-height:1.2}.label-code{width:100%;margin-top:.25rem}.label-code svg{width:100%;height:auto;display:block}.label-code-wait{aspect-ratio:1;background:#efe4d0;border-radius:4px;width:100%}.labels-none{text-align:center;color:var(--ink-faint);grid-column:1/-1;padding:3rem 1rem}.labels-none p{margin-top:.7rem;font-size:.9rem}@media (width<=620px){.labels-label{display:none}.toolbar-labels{justify-content:center;width:38px;padding:0}.sheet{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:.6rem}.labels-chip{max-width:100%}}@media print{.topbar,.nav-bottom,.toast,.labels-bar,.labels-pick,.shell,.ambience{display:none!important}html,body{background:#fff!important;height:auto!important}body:before,body:after{display:none!important}.labels{background:#fff!important;padding:0!important;position:static!important;overflow:visible!important}.sheet{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6mm!important;display:grid!important}.label{break-inside:avoid;page-break-inside:avoid;background:#fff!important;border:1px solid #d8cbb4!important}.label-title{font-size:10pt}.label-author{font-size:7.5pt}@page{margin:12mm}}.paywall{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);width:min(460px,100%);box-shadow:var(--shadow);text-align:center;padding:clamp(1.6rem,5vw,2.4rem)}.paywall-mark{width:62px;height:62px;color:var(--amber);background:rgba(var(--glow), .13);border-radius:50%;place-items:center;margin:0 auto 1.1rem;display:grid}.paywall h1{font-family:var(--serif);font-size:clamp(1.7rem,5vw,2.1rem);line-height:1.1}.paywall-sub{color:var(--ink-soft);margin-top:.7rem;font-size:.95rem;line-height:1.6}.paywall-list{text-align:left;flex-direction:column;gap:.75rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.paywall-list li{color:var(--ink-soft);align-items:flex-start;gap:.7rem;font-size:.9rem;line-height:1.45;display:flex}.paywall-tick{width:28px;height:28px;color:var(--amber);background:rgba(var(--glow), .12);border-radius:8px;flex:none;place-items:center;display:grid}.paywall-price{border-top:1px solid var(--line);justify-content:center;align-items:baseline;gap:.5rem;padding:1rem 0 1.2rem;display:flex}.paywall-amount{font-family:var(--serif);color:var(--ink);font-size:2.4rem;line-height:1}.paywall-buy{width:100%}.paywall-error{color:var(--rose);margin-top:.9rem;font-size:.86rem;line-height:1.5}.paywall-fine{color:var(--ink-faint);margin-top:1.2rem;font-size:.82rem;line-height:1.55}.paywall-out{color:var(--ink-faint);text-underline-offset:3px;margin-top:1.1rem;font-size:.82rem;text-decoration:underline}.paywall-out:hover{color:var(--ink-soft)}.welcome-buy{background:0 0;margin-top:.6rem}.wish-formats{flex-wrap:wrap;justify-content:flex-end}