:root{--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Georgia", "Iowan Old Style", "Palatino Linotype", serif;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.14s;--dur:.22s;--dur-slow:.4s;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-full:999px;--icon-stroke:1.75;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--shadow-sm:0 1px 2px var(--shadow);--shadow-md:0 4px 16px var(--shadow);--shadow-lg:0 20px 60px var(--shadow)}[data-theme=light]{--bg:#fff;--bg-elev:#f6f6f4;--fg:#1b1b1a;--fg-soft:#5c5c57;--accent:#b8763a;--border:#e7e6e1;--shadow:#00000014}[data-theme=sepia]{--bg:#f4ecd8;--bg-elev:#ece2c9;--fg:#43381f;--fg-soft:#7a6a4a;--accent:#9c5a2c;--border:#ddd0b0;--shadow:#503c141a}[data-theme=dark]{--bg:#16161a;--bg-elev:#1f1f25;--fg:#e6e3da;--fg-soft:#9a978d;--accent:#d8924e;--border:#2c2c34;--shadow:#0006}[data-eink="1"]{--bg:#fff;--bg-elev:#fff;--fg:#000;--fg-soft:#555;--accent:#000;--border:#000;--shadow:transparent}[data-eink="1"] *,[data-eink="1"] :before,[data-eink="1"] :after{box-shadow:none!important;text-shadow:none!important;transition:none!important;animation:none!important}[data-eink="1"] img{filter:grayscale()contrast(1.05)}[data-theme=dark]{--tier-copper-bg:#281008;--tier-copper-ring:#a86828;--tier-copper-hi:#d08840;--tier-bronze-bg:#251408;--tier-bronze-ring:#b06a20;--tier-bronze-hi:#d88038;--tier-iron-bg:#131520;--tier-iron-ring:#687280;--tier-iron-hi:#98aac0;--tier-silver-bg:#11151e;--tier-silver-ring:#94a8bc;--tier-silver-hi:#c8d8ec;--tier-gold-bg:#1a1104;--tier-gold-ring:#c89018;--tier-gold-hi:#f0c030;--tier-platinum-bg:#05141e;--tier-platinum-ring:#349ab4;--tier-platinum-hi:#64cad6;--tier-diamond-bg:#090e22;--tier-diamond-ring:#5878c8;--tier-diamond-hi:#a0b8f0;--tier-legendary-bg:#1c0804;--tier-legendary-ring:#c03810;--tier-legendary-hi:#f0881c;--tier-locked-bg:#0b0b13;--tier-locked-ring:#1e1e2e;--tier-locked-hi:#252540}[data-theme=light]{--tier-copper-bg:#f4e6d8;--tier-copper-ring:#9a5a22;--tier-copper-hi:#7a4416;--tier-bronze-bg:#f4e7d2;--tier-bronze-ring:#a05e18;--tier-bronze-hi:#7e4810;--tier-iron-bg:#e8ebf0;--tier-iron-ring:#5a6470;--tier-iron-hi:#3c4450;--tier-silver-bg:#eef1f6;--tier-silver-ring:#788494;--tier-silver-hi:#566070;--tier-gold-bg:#fbf2d6;--tier-gold-ring:#b07d10;--tier-gold-hi:#8a5e08;--tier-platinum-bg:#def1f4;--tier-platinum-ring:#1f7e96;--tier-platinum-hi:#155e72;--tier-diamond-bg:#e3ebfb;--tier-diamond-ring:#3a5cb0;--tier-diamond-hi:#284488;--tier-legendary-bg:#fce4d6;--tier-legendary-ring:#c0380f;--tier-legendary-hi:#922a0a;--tier-locked-bg:#ededea;--tier-locked-ring:#cfcfc9;--tier-locked-hi:#a8a8a0}[data-theme=sepia]{--tier-copper-bg:#e6d4b4;--tier-copper-ring:#8f5420;--tier-copper-hi:#6f3e14;--tier-bronze-bg:#e7d3aa;--tier-bronze-ring:#985716;--tier-bronze-hi:#73420e;--tier-iron-bg:#dad6c4;--tier-iron-ring:#5c5848;--tier-iron-hi:#403c30;--tier-silver-bg:#e0dcc6;--tier-silver-ring:#787058;--tier-silver-hi:#564f3c;--tier-gold-bg:#efe0b0;--tier-gold-ring:#a8780e;--tier-gold-hi:#7e5806;--tier-platinum-bg:#cfe2cf;--tier-platinum-ring:#2f7a6a;--tier-platinum-hi:#1d5a4c;--tier-diamond-bg:#d7ddc8;--tier-diamond-ring:#42588c;--tier-diamond-hi:#2c3e68;--tier-legendary-bg:#ecd2b0;--tier-legendary-ring:#b03c12;--tier-legendary-hi:#8a2c0a;--tier-locked-bg:#ddd0b0;--tier-locked-ring:#c2b48e;--tier-locked-hi:#9a8c68}[data-eink="1"]{--tier-copper-bg:#fff;--tier-copper-ring:#000;--tier-copper-hi:#000;--tier-bronze-bg:#fff;--tier-bronze-ring:#000;--tier-bronze-hi:#000;--tier-iron-bg:#fff;--tier-iron-ring:#000;--tier-iron-hi:#000;--tier-silver-bg:#fff;--tier-silver-ring:#000;--tier-silver-hi:#000;--tier-gold-bg:#fff;--tier-gold-ring:#000;--tier-gold-hi:#000;--tier-platinum-bg:#fff;--tier-platinum-ring:#000;--tier-platinum-hi:#000;--tier-diamond-bg:#fff;--tier-diamond-ring:#000;--tier-diamond-hi:#000;--tier-legendary-bg:#fff;--tier-legendary-ring:#000;--tier-legendary-hi:#000;--tier-locked-bg:#fff;--tier-locked-ring:#888;--tier-locked-hi:#888}@keyframes ach-gold-pulse{0%,to{opacity:1}50%{opacity:.82}}@keyframes ach-plat-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-120px}}@keyframes ach-diam-glow{0%{opacity:1}to{opacity:.74}}@keyframes ach-legend-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ach-badge{display:block}.ach-badge[role=button]{cursor:pointer;transition:transform var(--dur) var(--ease)}.ach-badge[role=button]:hover{transform:translateY(-5px)}.ach-badge--anim.ach-badge--gold{animation:2.4s ease-in-out infinite ach-gold-pulse}.ach-badge--anim.ach-badge--diamond{animation:3.5s ease-in-out infinite alternate ach-diam-glow}.ach-badge--anim.ach-badge--platinum .ach-bf-dash{stroke-dasharray:8 5;animation:3.2s linear infinite ach-plat-dash}.ach-badge--anim.ach-badge--legendary .ach-bf-spin{transform-origin:40px 40px;animation:16s linear infinite ach-legend-spin}@media (prefers-reduced-motion:reduce){.ach-badge,.ach-badge *{animation:none!important}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);transition:background .4s var(--ease), color .4s var(--ease);-webkit-font-smoothing:antialiased}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--fg-soft) 35%, transparent);border-radius:6px}::-webkit-scrollbar-track{background:0 0}.library{max-width:1700px;margin:0 auto;padding:28px clamp(14px,3vw,48px) 80px}.lib-header{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:28px;display:flex}.lib-brand{align-items:center;gap:10px;margin-right:auto;display:flex}.lib-logo{color:var(--accent);align-items:center;display:inline-flex}.lib-header h1{letter-spacing:-.5px;font-size:26px;font-weight:600}.btn-primary{background:var(--accent);color:#fff;transition:transform .15s var(--ease), opacity .2s;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:default;transform:none}.lib-add{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.lib-add.is-busy{opacity:.6;pointer-events:none}.btn-ghost{background:var(--bg-elev);color:var(--fg);border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;transition:background .15s}.btn-ghost:hover{background:color-mix(in srgb, var(--accent) 14%, var(--bg-elev))}.btn-icon{align-items:center;gap:7px;display:inline-flex}.btn-icon svg{flex-shrink:0}.profile{max-width:1100px;margin:0 auto;padding:24px clamp(14px,3vw,40px) 80px}.pf-id{align-items:center;gap:18px;margin-bottom:24px;display:flex}.pf-avatar{background:var(--accent);color:#fff;width:72px;height:72px;font-family:var(--font-serif);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex;overflow:hidden}.pf-avatar img{object-fit:cover;width:100%;height:100%}.pf-name{font-size:22px;font-weight:700;font-family:var(--font-serif)}.pf-username{color:var(--accent);margin-top:1px;font-size:14px}.pf-bio{color:var(--fg-soft);margin-top:6px;font-size:14px;line-height:1.45}.pf-guest{color:var(--fg-soft);margin-top:6px;font-size:12.5px}.pf-shelves{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:24px;display:grid}.pf-shelf{background:var(--bg-elev);border-radius:12px;align-items:center;gap:9px;padding:12px 14px;display:flex}.pf-shelf-ic{color:var(--accent);display:inline-flex}.pf-shelf-n{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.pf-shelf-lbl{color:var(--fg-soft);font-size:11.5px;line-height:1.1}.pf-covers{gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.pf-cover{background:var(--accent);color:#fff;width:84px;height:120px;font-family:var(--font-serif);transition:transform .15s var(--ease);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex;position:relative;overflow:hidden}.pf-cover:hover{transform:translateY(-3px)}.pf-cover img{object-fit:cover;width:100%;height:100%}.pf-cover-rate{color:#fff;font-size:10.5px;font-family:var(--font-ui);background:#000000b3;border-radius:6px;align-items:center;gap:3px;padding:2px 5px;font-weight:600;display:inline-flex;position:absolute;bottom:4px;right:4px}.pf-cover-rate svg{color:var(--accent)}.pf-find{background:var(--bg-elev);border-radius:12px;align-items:center;gap:10px;margin-bottom:24px;padding:8px 12px;display:flex}.pf-find>svg{color:var(--accent);flex-shrink:0}.pf-find-input{color:var(--fg);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:14px}.pf-find-go{flex-shrink:0;padding:8px 16px}.pp-match{background:var(--bg-elev);border-radius:16px;flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:24px;padding:20px 22px;display:flex}.pp-match-ring{background:conic-gradient(var(--accent) calc(var(--p) * 1%), var(--bg) 0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:104px;height:104px;display:flex}.pp-match-inner{background:var(--bg-elev);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:82px;height:82px;display:flex}.pp-match-inner b{color:var(--accent);font-size:24px;font-weight:800;line-height:1}.pp-match-inner span{color:var(--fg-soft);margin-top:2px;font-size:10px}.pp-match-meta p{color:var(--fg);font-size:15px}.pp-match-sub{margin-top:4px;color:var(--fg-soft)!important;font-size:13px!important}.pp-common{flex-direction:column;gap:2px;display:flex}.pp-common-row{justify-content:space-between;align-items:center;gap:12px;padding:9px 4px;display:flex}.pp-common-row+.pp-common-row{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent)}.pp-common-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.pp-common-rates{color:var(--fg-soft);flex-shrink:0;gap:16px;font-size:12px;display:flex}.pp-stars{color:var(--accent);vertical-align:-1px;gap:1px;display:inline-flex}.pp-follow{border-radius:var(--r-full);background:var(--accent);color:#fff;align-items:center;gap:6px;margin-top:10px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s,opacity .2s;display:inline-flex}.pp-follow:hover{background:color-mix(in srgb, var(--accent) 85%, #000)}.pp-follow.on{background:var(--bg-elev);color:var(--accent);border:1px solid var(--accent)}.pp-follow:disabled{opacity:.6}.feed{flex-direction:column;gap:4px;display:flex}.feed-item{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);gap:13px;padding:13px 6px;display:flex}.feed-ic{background:var(--bg-elev);width:38px;height:38px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feed-body{flex:1;min-width:0}.feed-line{color:var(--fg-soft);font-size:14px;line-height:1.5}.feed-actor{color:var(--fg);font-weight:600}.feed-actor:hover{color:var(--accent);text-decoration:underline}.feed-book{color:var(--fg)}.feed-stars{color:var(--accent);vertical-align:-1px;gap:1px;margin-left:6px;display:inline-flex}.feed-review{color:var(--fg);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-top:5px;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.feed-time{color:var(--fg-soft);margin-top:5px;font-size:12px}.pf-ach-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.pf-ach-head h3{margin-bottom:0}.pf-ach-all{color:var(--accent);align-items:center;gap:5px;font-size:13px;font-weight:600;display:inline-flex}.pf-ach-all:hover{text-decoration:underline}.pf-showcase{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.pf-badge{background:var(--bg-elev);text-align:center;cursor:pointer;opacity:.55;filter:grayscale(.6);border-radius:14px;padding:16px 12px;transition:opacity .2s,filter .2s,transform .15s}.pf-badge:hover{transform:translateY(-2px)}.pf-badge.earned{opacity:1;filter:none}.pf-badge-ic{background:var(--bg);width:46px;height:46px;color:var(--fg-soft);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 9px;display:flex}.pf-badge.earned .pf-badge-ic{background:color-mix(in srgb, var(--accent) 18%, var(--bg));color:var(--accent)}.pf-badge-label{color:var(--fg);font-size:13px;font-weight:600}.pf-badge-desc{color:var(--fg-soft);margin-top:3px;font-size:11px;line-height:1.25}.pf-badge.earned .pf-badge-desc{color:var(--accent)}.pf-badge-bar{background:var(--bg);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.pf-badge-bar>div{background:var(--accent);height:100%;transition:width .4s var(--ease)}.ach-summary{background:var(--bg-elev);border-radius:16px;flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:28px;padding:20px 24px;display:flex}.ach-summary-ring{background:conic-gradient(var(--accent) calc(var(--p) * 1%), var(--bg) 0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.ach-summary-inner{background:var(--bg-elev);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.ach-summary-inner b{color:var(--accent);font-size:26px;font-weight:800;line-height:1}.ach-summary-inner span{color:var(--fg-soft);margin-top:2px;font-size:11px}.ach-summary-pct{margin-bottom:5px;font-size:17px;font-weight:700}.ach-summary-meta p{color:var(--fg-soft);max-width:460px;font-size:13px;line-height:1.45}.ach-cat{margin-bottom:28px}.ach-cat h3{color:var(--fg-soft);margin-bottom:14px;font-size:15px;font-weight:600}.ach-cat-n{color:var(--accent);margin-left:4px;font-weight:700}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.ach-card{background:var(--bg-elev);border:1px solid var(--border);opacity:.62;filter:grayscale(.5);border-radius:14px;align-items:center;gap:14px;padding:14px;transition:opacity .2s,filter .2s,border-color .2s;display:flex;position:relative}.ach-card.earned{opacity:1;filter:none;border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.ach-ic{flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.ach-info{flex:1;min-width:0}.ach-title{font-size:14.5px;font-weight:700}.ach-desc{color:var(--fg-soft);margin:2px 0 8px;font-size:12.5px;line-height:1.3}.ach-prog{align-items:center;gap:9px;display:flex}.ach-prog-bar{background:var(--bg);border-radius:3px;flex:1;height:6px;overflow:hidden}.ach-prog-bar>div{background:var(--accent);height:100%;transition:width .4s var(--ease);border-radius:3px}.ach-prog-pct{color:var(--fg-soft);font-variant-numeric:tabular-nums;text-align:right;min-width:30px;font-size:11.5px}.ach-card.earned .ach-prog-pct{color:var(--accent);font-weight:700}.ach-pin{width:26px;height:26px;color:var(--fg-soft);border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:8px;right:8px}.ach-pin:hover:not(:disabled){background:var(--bg);color:var(--accent)}.ach-pin.on{color:var(--accent)}.ach-pin:disabled{opacity:.25;cursor:default}.ach-level-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:7px;display:flex}.ach-level-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--bg));border-radius:var(--r-full);align-items:center;gap:5px;padding:3px 10px;font-size:13px;font-weight:800;display:inline-flex}.ach-level-title{font-size:14px;font-weight:700}.ach-level-pts{color:var(--fg-soft);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.ach-level-bar{background:var(--bg);border-radius:4px;max-width:460px;height:7px;overflow:hidden}.ach-level-bar>div{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #d9a441));height:100%;transition:width .5s var(--ease);border-radius:4px}.ach-level-next{color:var(--fg-soft);font-variant-numeric:tabular-nums;margin:5px 0 9px;font-size:11.5px}.ach-rarity-legend{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.ach-rchip{color:var(--fg-soft);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-full);align-items:center;gap:6px;padding:4px 11px;font-size:12px;display:inline-flex}.ach-rchip b{color:var(--fg);font-variant-numeric:tabular-nums}.ach-rdot{background:var(--rarity,var(--fg-soft));border-radius:50%;flex-shrink:0;width:9px;height:9px}.r-copper{--rarity:#b3702d}.r-bronze{--rarity:#c08457}.r-iron{--rarity:#6f7984}.r-silver{--rarity:#9aa6b2}.r-gold{--rarity:#d9a441}.r-platinum{--rarity:#5bc6c6}.r-diamond{--rarity:#7fa8e6}.r-legendary{--rarity:#e0541f}.ach-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.ach-fchip{color:var(--fg-soft);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-full);cursor:pointer;transition:all .15s var(--ease);align-items:center;gap:5px;padding:6px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.ach-fchip:hover{color:var(--fg);border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.ach-fchip.on{color:#fff;background:var(--accent);border-color:var(--accent)}.ach-fchip-toggle{align-items:center;gap:5px;display:inline-flex}.ach-card{border-left:3px solid #0000}.ach-card.earned{border-left-color:var(--rarity,var(--accent))}.ach-card.earned .ach-prog-bar>div{background:var(--rarity,var(--accent))}.ach-card.earned .ach-prog-pct{color:var(--rarity,var(--accent))}.ach-card.secret{opacity:.5}.ach-card.secret .ach-title{color:var(--fg-soft)}.ach-title{align-items:center;gap:7px;display:flex}.ach-tier{color:var(--rarity,var(--fg-soft));background:color-mix(in srgb, var(--rarity,var(--fg-soft)) 16%, transparent);border-radius:var(--r-full);font-variant-numeric:tabular-nums;flex-shrink:0;padding:1px 7px;font-size:10.5px;font-weight:800}.ach-badge.is-locked{border-radius:50%}[data-theme=light] .ach-badge.is-locked,[data-theme=sepia] .ach-badge.is-locked{box-shadow:0 0 0 1px var(--border), var(--shadow-sm)}.ach-pop-overlay{z-index:60;animation:ach-pop-fade var(--dur) var(--ease);background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}[data-theme=light] .ach-pop-overlay,[data-theme=sepia] .ach-pop-overlay{background:#00000040}@keyframes ach-pop-fade{0%{opacity:0}to{opacity:1}}.ach-pop{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:340px;box-shadow:var(--shadow-lg);text-align:center;animation:ach-pop-rise var(--dur) var(--ease-out);flex-direction:column;align-items:center;padding:24px;display:flex;position:relative}@keyframes ach-pop-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ach-pop-close{border-radius:var(--r-full);width:30px;height:30px;color:var(--fg-soft);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.ach-pop-close:hover{background:var(--bg);color:var(--fg)}.ach-pop-badge{margin:4px 0 14px}.ach-pop-secret{width:96px;height:96px;position:relative}.ach-pop-blur{filter:blur(4px);opacity:.4}.ach-pop-q{font-family:var(--font-serif);color:var(--fg-soft);justify-content:center;align-items:center;font-size:44px;font-weight:700;display:flex;position:absolute;inset:0}.ach-pop-title{color:var(--fg);margin-bottom:8px;font-size:18px;font-weight:700}.ach-pop-tier{color:var(--rarity,var(--fg-soft));background:color-mix(in srgb, var(--rarity,var(--fg-soft)) 14%, transparent);border-radius:var(--r-full);align-items:center;gap:6px;margin-bottom:12px;padding:3px 11px;font-size:12px;font-weight:700;display:inline-flex}.ach-pop-desc{color:var(--fg-soft);margin-bottom:14px;font-size:14px;line-height:1.5}.ach-pop-prog{align-items:center;gap:10px;width:100%;margin-bottom:14px;display:flex}.ach-pop-prog-bar{background:var(--bg);border-radius:4px;flex:1;height:7px;overflow:hidden}.ach-pop-prog-bar>div{background:var(--accent);height:100%;transition:width var(--dur-slow) var(--ease);border-radius:4px}.ach-pop-prog-pct{color:var(--fg-soft);font-variant-numeric:tabular-nums;text-align:right;min-width:34px;font-size:12px}.ach-pop-status{color:var(--fg-soft);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.ach-pop-status.is-earned{color:var(--accent)}.ach-card[role=button]{cursor:pointer;transition:transform .15s var(--ease), opacity .2s, filter .2s, border-color .2s}.ach-card[role=button]:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));transform:translateY(-2px)}.ach-card[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ach-pin-static{pointer-events:none}.ach-ladder{text-align:left;align-items:stretch;max-width:460px;max-height:82vh}.ach-ladder-head{width:100%;padding-right:30px}.ach-ladder-title{color:var(--fg);font-size:18px;font-weight:700}.ach-ladder-sub{color:var(--fg-soft);font-variant-numeric:tabular-nums;margin-top:3px;font-size:12.5px}.ach-ladder-prog{align-items:center;gap:10px;margin-top:12px;display:flex}.ach-ladder-next{color:var(--fg-soft);margin-top:8px;font-size:12.5px;line-height:1.4}.ach-ladder-list{flex-direction:column;gap:8px;width:100%;margin-top:14px;list-style:none;display:flex;overflow-y:auto}.ach-rung{border-radius:var(--r-md);background:var(--bg);border:1px solid var(--border);opacity:.6;filter:grayscale(.5);align-items:center;gap:12px;padding:8px;display:flex}.ach-rung.earned{opacity:1;filter:none;border-color:color-mix(in srgb, var(--rarity,var(--accent)) 40%, var(--border))}.ach-rung-info{flex:1;min-width:0}.ach-rung-top{align-items:center;gap:7px;display:flex}.ach-rung-name{color:var(--fg);font-size:13.5px;font-weight:600}.ach-rung-desc{color:var(--fg-soft);margin-top:2px;font-size:12px;line-height:1.3}.ach-rung-stat{color:var(--fg-soft);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:32px;font-size:12px}.ach-rung .ach-pin{flex-shrink:0;position:static}@media (width<=760px){.ach-pop-overlay{align-items:flex-end;padding:0}.ach-pop{border-radius:var(--r-xl) var(--r-xl) 0 0;max-width:100%;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));animation:ach-pop-sheet var(--dur) var(--ease-out)}@keyframes ach-pop-sheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.stats{max-width:1100px;margin:0 auto;padding:24px clamp(14px,3vw,40px) 80px}.stats-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.stats-header h1{font-size:24px;font-weight:600}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:34px;display:grid}.stat-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:18px 16px}.stat-num{color:var(--accent);font-size:24px;font-weight:700;line-height:1.1}.stat-lbl{color:var(--fg-soft);margin-top:6px;font-size:12.5px}.stat-block{margin-bottom:36px}.stat-block h3{color:var(--fg-soft);margin-bottom:16px;font-size:15px;font-weight:600}.stat-empty{color:var(--fg-soft);font-size:14px}.speed-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;align-items:center;gap:24px;padding:20px 22px;display:flex}.speed-main{align-items:baseline;gap:6px;display:flex}.speed-num{color:var(--accent);font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;line-height:1}.speed-unit{color:var(--fg-soft);font-size:14px}.speed-side{flex-direction:column;gap:4px;display:flex}.speed-pct{color:var(--fg);font-size:14px;font-weight:600}.speed-delta{font-size:13px;font-weight:600}.speed-delta.up{color:var(--accent)}.speed-delta.down{color:var(--fg-soft)}.speed-note{color:var(--fg-soft);font-size:12px}.onb{z-index:1500;background:radial-gradient(120% 100% at 50% 0%, var(--bg-elev), var(--bg));justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.onb-card{text-align:center;flex-direction:column;align-items:center;gap:26px;width:100%;max-width:420px;display:flex}.onb-screen{width:100%;animation:onbFade .32s var(--ease);flex-direction:column;align-items:center;gap:16px;display:flex}@keyframes onbFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.onb-wordmark{font-family:var(--font-serif);letter-spacing:-.5px;color:var(--accent);font-size:42px;font-weight:700;line-height:1}.onb-wordmark span{color:var(--fg-soft);font-weight:400}.onb-tagline{color:var(--fg-soft);max-width:320px;font-size:16px;line-height:1.5}.onb-title{color:var(--fg);font-size:22px;font-weight:700}.onb-hero-ic{background:color-mix(in srgb, var(--accent) 14%, var(--bg-elev));width:76px;height:76px;color:var(--accent);border-radius:22px;justify-content:center;align-items:center;display:flex}.onb-steps{text-align:left;flex-direction:column;gap:16px;width:100%;margin:4px 0;padding:0;list-style:none;display:flex}.onb-steps li{align-items:center;gap:14px;display:flex}.onb-ic{background:color-mix(in srgb, var(--accent) 14%, var(--bg-elev));width:50px;height:50px;color:var(--accent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.onb-steps li div{flex-direction:column;display:flex}.onb-steps li b{color:var(--fg);font-size:15.5px;font-weight:600}.onb-steps li span{color:var(--fg-soft);margin-top:2px;font-size:13px}.onb-btn{appearance:none;cursor:pointer;border:none;border-radius:12px;padding:14px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:background .15s,color .15s}.onb-btn-primary{background:var(--accent);color:#fff}.onb-btn-primary:hover{background:color-mix(in srgb, var(--accent) 85%, #000)}.onb-btn-ghost{color:var(--fg-soft);background:0 0}.onb-btn-ghost:hover{color:var(--fg)}.onb-btn-big{width:100%;padding:16px;font-size:17px}.onb-nav{gap:10px;width:100%;display:flex}.onb-nav .onb-btn-primary{flex:1}.onb-dots{gap:8px;display:flex}.onb-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:background .2s,width .2s}.onb-dot.on{background:var(--accent);border-radius:4px;width:22px}.lp{background:radial-gradient(120% 80% at 50% 0%, var(--bg-elev), var(--bg));min-height:100dvh;color:var(--fg);overflow-x:hidden}.lp-reveal{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(18px)}.lp-reveal.in{opacity:1;transform:none}.lp-hero{text-align:center;max-width:720px;margin:0 auto;padding:clamp(56px,12vh,130px) 24px 60px}.lp-wordmark{font-family:var(--font-serif);letter-spacing:-.5px;color:var(--accent);font-size:clamp(30px,7vw,44px);font-weight:700;line-height:1}.lp-wordmark span{color:var(--fg-soft);font-weight:400}.lp-h1{font-family:var(--font-serif);letter-spacing:-.5px;margin:28px 0 0;font-size:clamp(30px,8vw,56px);font-weight:700;line-height:1.1}.lp-accent{color:var(--accent)}.lp-sub{color:var(--fg-soft);max-width:540px;margin:20px auto 0;font-size:clamp(15px,2.4vw,19px);line-height:1.6}.lp-cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.lp-btn{appearance:none;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:15px 28px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,transform .1s;display:inline-flex}.lp-btn-primary{background:var(--accent);color:#fff}.lp-btn-primary:hover{background:color-mix(in srgb, var(--accent) 85%, #000)}.lp-btn-primary:active{transform:translateY(1px)}.lp-btn-ghost{color:var(--fg-soft);background:0 0}.lp-btn-ghost:hover{color:var(--accent)}.lp-btn-big{width:100%;max-width:320px;padding:17px;font-size:17px}.lp-features{flex-direction:column;gap:clamp(40px,9vh,88px);max-width:880px;margin:0 auto;padding:20px 24px;display:flex}.lp-feature{align-items:center;gap:28px;display:flex}.lp-feature.alt{flex-direction:row-reverse}.lp-feature-ic{background:color-mix(in srgb, var(--accent) 14%, var(--bg-elev));width:86px;height:86px;color:var(--accent);border-radius:26px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lp-feature-text h2{font-family:var(--font-serif);margin:0;font-size:clamp(22px,4vw,30px);font-weight:700}.lp-feature-lead{color:var(--fg);margin:10px 0 0;font-size:clamp(15px,2.2vw,18px);line-height:1.5}.lp-feature-body{color:var(--fg-soft);margin:8px 0 0;font-size:14.5px;line-height:1.55}.lp-final{text-align:center;flex-direction:column;align-items:center;padding:clamp(56px,12vh,120px) 24px 80px;display:flex}.lp-final h2{font-family:var(--font-serif);margin:0 0 26px;font-size:clamp(24px,5vw,36px);font-weight:700}.lp-domain{color:var(--fg-soft);letter-spacing:.5px;margin-top:22px;font-size:14px}@media (width<=640px){.lp-feature,.lp-feature.alt{text-align:center;flex-direction:column;gap:16px}}.ach-toast{z-index:1100;background:var(--bg-elev);width:320px;max-width:calc(100vw - 40px);color:var(--fg);border:1.5px solid var(--rarity,var(--accent));box-shadow:0 12px 30px var(--shadow,#00000040);cursor:pointer;animation:achToastIn .35s var(--ease);border-left-width:4px;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:fixed;bottom:20px;right:20px}@keyframes achToastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.ach-toast-icon{background:color-mix(in srgb, var(--rarity,var(--accent)) 16%, var(--bg-elev));width:40px;height:40px;color:var(--rarity,var(--accent));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ach-toast-body{flex:1;min-width:0}.ach-toast-label{letter-spacing:.4px;text-transform:uppercase;color:var(--rarity,var(--accent));opacity:.9;font-size:10.5px;font-weight:600}.ach-toast-name{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:14.5px;font-weight:700;line-height:1.25;overflow:hidden}.ach-toast-close{cursor:pointer;color:var(--fg-soft);background:0 0;border:none;flex-shrink:0;padding:2px;display:flex}.ach-toast-close:hover{color:var(--fg)}@media (width<=640px){.ach-toast{width:auto;bottom:76px;left:12px;right:12px}}.bars{align-items:flex-end;gap:3px;height:140px;display:flex}.bar-wrap{flex:1;align-items:flex-end;height:100%;display:flex}.bar{background:var(--accent);width:100%;min-height:0;transition:height .3s var(--ease);opacity:.85;border-radius:3px 3px 0 0}.bar-wrap:hover .bar{opacity:1}.challenge{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.challenge-ring{background:conic-gradient(var(--accent) calc(var(--p) * 1%), var(--bg-elev) 0);width:132px;height:132px;transition:background .5s var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.challenge-ring-inner{background:var(--bg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:104px;height:104px;display:flex}.challenge-done{color:var(--fg);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1}.challenge-of{color:var(--fg-soft);font-size:13px}.challenge-meta{flex:1;min-width:200px}.challenge-cap{color:var(--fg);margin-bottom:14px;font-size:14px}.challenge-goal{color:var(--fg-soft);align-items:center;gap:10px;font-size:13px;display:flex}.challenge-goal input{border:1px solid var(--border);background:var(--bg-elev);width:80px;color:var(--fg);font-variant-numeric:tabular-nums;border-radius:8px;padding:7px 10px;font-size:14px}.bars-month{gap:6px;height:150px}.bars-month .bar-wrap{flex-direction:column;justify-content:flex-end}.bars-month .bar-lbl{color:var(--fg-soft);text-align:center;margin-top:5px;font-size:10px}.genre-list{flex-direction:column;gap:10px;display:flex}.genre-row{grid-template-columns:130px 1fr 28px;align-items:center;gap:12px;display:grid}.genre-name{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.genre-bar{background:var(--bg-elev);border-radius:5px;height:10px;overflow:hidden}.genre-bar>div{background:var(--accent);height:100%;transition:width .4s var(--ease);border-radius:5px}.genre-n{color:var(--fg-soft);text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.heat{gap:8px;display:flex}.heat-dow{color:var(--fg-soft);flex-direction:column;justify-content:space-between;gap:3px;padding-top:1px;font-size:9px;display:flex}.heat-dow span{height:13px;line-height:13px}.heat-grid{flex:1;gap:3px;display:grid}.heat-col{grid-template-rows:repeat(7,1fr);gap:3px;display:grid}.heat-cell{aspect-ratio:1;border-radius:3px;min-height:13px}.top-list{flex-direction:column;gap:12px;display:flex}.top-row{align-items:center;gap:14px;display:flex}.top-rank{color:var(--fg-soft);text-align:center;width:18px;font-size:16px;font-weight:700}.top-cover{background:var(--accent);color:#fff;width:38px;height:54px;font-weight:700;font-family:var(--font-serif);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.top-cover img{object-fit:cover;width:100%;height:100%}.top-title{font-size:14px;font-weight:600}.top-sub{color:var(--fg-soft);margin-top:2px;font-size:12.5px}.lib-err{background:color-mix(in srgb, #c0392b 14%, var(--bg));color:#c0392b;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:14px}.lib-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.lib-search{background:var(--bg-elev);min-width:200px;color:var(--fg);border:1px solid var(--border);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px}.lib-search:focus{border-color:var(--accent)}.lib-filter{flex-shrink:0}.lib-filter button{white-space:nowrap;padding:8px 14px}.lib-sort{background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-shrink:0;padding:9px 12px;font-family:inherit;font-size:13.5px}.lib-empty{border:2px dashed var(--border);text-align:center;color:var(--fg-soft);border-radius:18px;margin-top:40px;padding:72px 24px}.lib-empty-icon{color:var(--accent);margin-bottom:12px;font-size:46px}.lib-empty p{color:var(--fg);margin-bottom:6px;font-size:19px}.lib-empty span{font-size:14px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:clamp(16px,2vw,26px) clamp(12px,1.6vw,22px);display:grid}.book-card{cursor:pointer;transition:transform .18s var(--ease);content-visibility:auto;contain-intrinsic-size:auto 280px}.book-card:hover{transform:translateY(-4px)}.book-cover{aspect-ratio:2/3;background:var(--bg-elev);box-shadow:0 6px 20px var(--shadow);border-radius:10px;position:relative;overflow:hidden}.book-cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-fallback{background:linear-gradient(145deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #000));justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cover-fallback span{color:#fff;font-size:54px;font-family:var(--font-serif);opacity:.9}.book-fmt{text-transform:uppercase;letter-spacing:.5px;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;bottom:6px;left:6px}.book-done{color:#fff;width:22px;height:22px;box-shadow:0 2px 6px var(--shadow);background:#2e8b57;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;top:6px;left:6px}.book-shelf{background:#00000094}.book-progress{background:#00000040;height:4px;position:absolute;bottom:0;left:0;right:0}.book-progress>div{background:var(--accent);height:100%}.book-del{color:#fff;opacity:0;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .18s;display:flex;position:absolute;top:6px;right:6px}.book-card:hover .book-del{opacity:1}.book-info-btn{color:#fff;opacity:0;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .18s;display:flex;position:absolute;top:6px;right:36px}.book-card:hover .book-info-btn{opacity:1}@media (hover:none){.book-del,.book-info-btn{opacity:.92}}.book-list{flex-direction:column;gap:8px;display:flex}.book-row{cursor:pointer;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);align-items:center;gap:14px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.book-row:hover{border-color:var(--accent);background:var(--bg-elev)}.book-row{content-visibility:auto;contain-intrinsic-size:auto 70px}.book-loading{min-height:100vh;color:var(--fg-soft);place-items:center;font-size:15px;display:grid}.pdfv{background:var(--bg);min-height:100vh;color:var(--fg);flex-direction:column;display:flex}.pdfv-bar{border-bottom:1px solid var(--border);background:var(--bg-elev);z-index:10;align-items:center;gap:12px;padding:10px clamp(12px,2vw,20px);display:flex;position:sticky;top:0}.pdfv-title{text-align:center;min-width:0;color:var(--fg-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.pdfv-zoom{color:var(--fg-soft);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:13px;display:flex}.pdfv-zoom .icon-btn{width:30px;height:30px;font-size:18px;font-weight:600}.pdfv-stage{flex:1;justify-content:center;padding:16px 12px;display:flex;overflow:auto}.pdfv-canvas{max-width:100%;height:auto;box-shadow:var(--shadow-md);background:#fff;border-radius:4px}.pdfv-canvas-hidden{display:none}.pdfv-msg{color:var(--fg-soft);margin:auto;font-size:15px}.pdfv-err{color:#c0392b}.pdfv-nav{padding:10px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg-elev);justify-content:center;align-items:center;gap:12px;display:flex}.pdfv-page-input{text-align:center;background:var(--bg);width:64px;color:var(--fg);border:1px solid var(--border);border-radius:var(--r-sm);font:inherit;padding:6px 8px;font-size:14px}.pdfv-page-total{color:var(--fg-soft);font-variant-numeric:tabular-nums;font-size:14px}.book-row-cover{aspect-ratio:2/3;background:var(--bg-elev);width:46px;box-shadow:0 2px 8px var(--shadow);border-radius:6px;flex:none;position:relative;overflow:hidden}.book-row-cover img{object-fit:cover;width:100%;height:100%;display:block}.book-row-cover .cover-fallback span{font-size:20px}.book-row-cover .book-done{width:16px;height:16px;top:2px;left:2px}.book-row-main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.book-row-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.book-row-author{color:var(--fg-soft);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.book-row-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:3px;display:flex}.book-row-fmt{text-transform:uppercase;letter-spacing:.5px;color:var(--fg-soft);background:var(--bg-elev);border-radius:5px;padding:2px 6px;font-size:9px;font-weight:700}.book-row-pct{color:var(--accent);font-size:12px;font-weight:600}.book-row-actions{flex:none;gap:2px;display:flex}.book-row-actions .icon-btn{color:var(--fg-soft)}.book-row-actions .icon-btn:hover{color:var(--accent)}@media (width<=560px){.book-row-actions{display:none}.book-row{gap:11px;padding:8px 10px}}.acc{background:var(--bg);border:1px solid var(--border);width:380px;max-width:92vw;box-shadow:0 20px 60px var(--shadow);animation:notepop .18s var(--ease);border-radius:18px;flex-direction:column;gap:10px;max-height:90vh;padding:24px;display:flex;position:relative;overflow-y:auto}.acc .bd-close{background:var(--bg);border-radius:var(--r-full);z-index:1;align-self:flex-end;margin:-12px -8px -28px 0;position:sticky;top:-4px}.acc h3{margin-bottom:4px;font-size:18px;font-weight:700}.acc-user{font-size:16px;font-weight:600}.acc-email{color:var(--fg-soft);margin-bottom:8px;font-size:13px}.acc-input{background:var(--bg-elev);width:100%;color:var(--fg);border:1px solid var(--border);border-radius:10px;outline:none;padding:11px 13px;font-family:inherit;font-size:15px}.acc-input:focus{border-color:var(--accent)}.acc-switch{color:var(--accent);padding:6px;font-size:13px}.acc-switch:hover{text-decoration:underline}.acc-msg{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:8px;padding:8px 10px;font-size:13px}.acc-hint{color:var(--fg-soft);margin-top:4px;font-size:12px;line-height:1.4}.acc-pubid{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.acc-pubid-row{color:var(--fg-soft);align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.acc-pubid-row b{color:var(--fg);letter-spacing:.04em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.acc-pubid-copy{color:var(--accent);border-radius:var(--r-full);background:color-mix(in srgb, var(--accent) 12%, transparent);padding:2px 8px;font-size:11.5px;font-weight:600}.acc-pubid-hint{color:var(--fg-soft);font-size:11px}.pf-pubid{color:var(--fg-soft);letter-spacing:.04em;margin-top:1px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.acc-verify{color:#8a5a12;border:1px solid color-mix(in srgb, #d9a441 45%, var(--border));border-radius:var(--r-md);background:#d9a44129;flex-direction:column;gap:8px;margin-bottom:10px;padding:10px 12px;font-size:12.5px;line-height:1.4;display:flex}.acc-verify-btn{color:#fff;border-radius:var(--r-full);background:#c8901c;align-self:flex-start;padding:6px 12px;font-size:12.5px;font-weight:600}.acc-verify-btn:disabled{opacity:.5;cursor:default}.auth-toast{z-index:1000;color:#fff;cursor:pointer;background:var(--accent);border-radius:var(--r-full);max-width:92vw;box-shadow:var(--shadow-lg);animation:auth-toast-rise var(--dur) var(--ease-out);padding:11px 18px;font-size:13.5px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes auth-toast-rise{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.acc-profile{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:6px;padding-top:14px;display:flex}.acc-profile h4{font-size:14px;font-weight:600}.acc-bio{resize:vertical;min-height:56px;line-height:1.4}.acc-toggle{color:var(--fg-soft);cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;display:flex}.acc-toggle input{accent-color:var(--accent);flex-shrink:0;margin-top:2px}.acc-ref{border-top:1px solid var(--border);flex-direction:column;gap:9px;margin-top:6px;padding-top:14px;display:flex}.acc-ref h4{font-size:14px;font-weight:600}.acc-ref-hint{color:var(--fg-soft);font-size:12.5px;line-height:1.4}.acc-ref-link{gap:8px;display:flex}.acc-ref-link .acc-input{flex:1}.acc-ref-link .bd-act{flex-shrink:0;padding:10px 14px}.acc-ref-stats{color:var(--fg-soft);flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.acc-ref-stats b{color:var(--fg)}.acc-ref-list{flex-direction:column;gap:4px;display:flex}.acc-ref-row{justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.acc-ref-badge{background:var(--bg-elev);color:var(--fg-soft);border:1px solid var(--border);border-radius:6px;padding:2px 8px;font-size:11px}.acc-ref-badge.on{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);border-color:var(--accent)}.acc-ref-wallet{color:var(--fg-soft);flex-direction:column;gap:7px;font-size:12.5px;display:flex}.bd-overlay{z-index:40;animation:fade .18s var(--ease);background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.bd{background:var(--bg);border:1px solid var(--border);width:460px;max-width:94vw;max-height:90vh;box-shadow:0 20px 60px var(--shadow);animation:notepop .18s var(--ease);border-radius:18px;padding:24px;position:relative;overflow-y:auto}.bd-close{color:var(--fg-soft);padding:4px;font-size:22px;position:absolute;top:12px;right:14px}.bd-close:hover{color:var(--fg)}.bd-head{gap:18px;margin-bottom:22px;display:flex}.bd-cover{background:linear-gradient(145deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #000));color:#fff;width:96px;height:142px;font-family:var(--font-serif);box-shadow:0 6px 18px var(--shadow);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:40px;display:flex;overflow:hidden}.bd-cover img{object-fit:cover;width:100%;height:100%}.bd-meta{flex:1;min-width:0;padding-top:4px}.bd-title{margin-bottom:6px;font-size:19px;font-weight:700;line-height:1.25}.bd-author{color:var(--fg-soft);margin-bottom:12px;font-size:14px}.bd-desc{color:var(--fg-soft);max-height:7.5em;margin:0 0 16px;font-size:13.5px;line-height:1.6;overflow-y:auto}.bd-tags{flex-wrap:wrap;gap:6px;display:flex}.bd-tag{background:var(--bg-elev);border:1px solid var(--border);color:var(--fg-soft);border-radius:6px;padding:3px 8px;font-size:11.5px}.bd-tag-done{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);border-color:var(--accent);align-items:center;gap:4px;display:inline-flex}.inline-ic{vertical-align:-2px;color:var(--accent);display:inline-block}.bd-series{background:var(--bg-elev);border-radius:12px;margin-bottom:16px;padding:12px 14px}.bd-series-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.bd-series-name{color:var(--fg);align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:inline-flex}.bd-series-name svg{color:var(--accent);flex-shrink:0}.bd-series-count{color:var(--accent);font-size:12.5px;font-weight:600}.bd-series-dots{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.bd-series-dot{background:var(--bg);border:1px solid var(--border);min-width:24px;height:24px;color:var(--fg-soft);font-variant-numeric:tabular-nums;border-radius:7px;justify-content:center;align-items:center;padding:0 6px;font-size:11.5px;font-weight:600;display:inline-flex}.bd-series-dot.done{background:color-mix(in srgb, var(--accent) 16%, var(--bg));border-color:var(--accent);color:var(--accent)}.bd-series-dot.cur{outline:2px solid var(--accent);outline-offset:1px;color:var(--fg)}.bd-stats{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:10px;margin-bottom:18px;display:grid}.bd-stat{background:var(--bg-elev);text-align:center;border-radius:10px;padding:12px 8px}.bd-stat-tap{cursor:pointer;color:var(--fg);transition:background .15s}.bd-stat-tap:hover{background:color-mix(in srgb, var(--accent) 12%, var(--bg-elev))}.bd-stat-tap.on{background:color-mix(in srgb, var(--accent) 18%, var(--bg-elev))}.bd-stat-tap .bd-stat-num{color:var(--accent)}.bd-eta-detail{background:var(--bg-elev);border:1px solid var(--border);animation:notepop .16s var(--ease);border-radius:12px;margin:-8px 0 18px;padding:6px 14px}.bd-eta-row{justify-content:space-between;align-items:center;padding:8px 0;font-size:13.5px;display:flex}.bd-eta-row+.bd-eta-row{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent)}.bd-eta-row span{color:var(--fg-soft)}.bd-eta-row b{color:var(--fg);font-variant-numeric:tabular-nums}.bd-stat-num{color:var(--accent);font-size:17px;font-weight:700}.bd-stat-lbl{color:var(--fg-soft);margin-top:4px;font-size:11px}.bd-rate{justify-content:center;gap:4px;margin-bottom:20px;display:flex}.bd-rate .star{color:var(--border);align-items:center;padding:2px;transition:color .12s;display:inline-flex}.bd-rate .star:hover,.bd-rate .star.on{color:var(--accent)}.bd-tags-edit{margin-bottom:14px}.bd-tags-row{background:var(--bg-elev);border-radius:10px;flex-wrap:wrap;align-items:center;gap:7px;padding:9px 11px;display:flex}.bd-tags-row>svg{color:var(--fg-soft);flex-shrink:0}.bd-tag-chip{background:color-mix(in srgb, var(--accent) 14%, var(--bg));color:var(--accent);border-radius:7px;align-items:center;gap:5px;padding:4px 9px;font-size:12.5px;transition:background .15s;display:inline-flex}.bd-tag-chip:hover{background:color-mix(in srgb, var(--accent) 24%, var(--bg))}.bd-tag-input{min-width:90px;color:var(--fg);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:13px}.bd-shelf{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px;display:grid}.bd-shelf-btn{background:var(--bg-elev);color:var(--fg-soft);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:9px 3px;font-size:10.5px;line-height:1.15;transition:background .15s,color .15s;display:flex}.bd-shelf-btn:hover{color:var(--fg)}.bd-shelf-btn.on{background:color-mix(in srgb, var(--accent) 16%, var(--bg-elev));color:var(--accent)}.bd-actions{flex-direction:column;gap:8px;display:flex}.bd-act{background:var(--bg-elev);color:var(--fg);border-radius:10px;padding:12px;font-size:14px;font-weight:600;transition:background .15s}.bd-act:hover{background:color-mix(in srgb, var(--accent) 12%, var(--bg-elev))}.bd-act-primary{background:var(--accent);color:#fff}.bd-act-primary:hover{background:color-mix(in srgb, var(--accent) 85%, #000)}.bd-act-danger{color:#c0392b}.bd-act-danger:hover{background:color-mix(in srgb, #c0392b 12%, var(--bg-elev))}.bd-social{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.bd-social-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bd-social-head h4{font-size:14px;font-weight:600}.bd-avg{color:var(--accent);font-weight:600}.bd-wish{background:var(--bg-elev);color:var(--fg);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;transition:background .15s}.bd-wish.on{background:color-mix(in srgb, var(--accent) 16%, var(--bg-elev));color:var(--accent)}.bd-review-input{resize:vertical;border:1px solid var(--border);background:var(--bg-elev);width:100%;min-height:70px;color:var(--fg);font:inherit;border-radius:10px;padding:10px 12px;font-size:14px}.bd-review-actions{gap:8px;margin:8px 0 18px;display:flex}.bd-review-actions .bd-act{flex:1;padding:9px}.bd-reviews{flex-direction:column;gap:14px;display:flex}.bd-review{background:var(--bg-elev);border-radius:10px;padding:12px 14px}.bd-review-top{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.bd-review-who{font-size:13px;font-weight:600}.bd-review-stars{color:var(--accent);letter-spacing:1px;font-size:13px}.bd-review-stars .off{color:var(--border)}.bd-review-body{color:var(--fg);white-space:pre-wrap;font-size:14px;line-height:1.5}.bd-social-hint{border-top:1px solid var(--border);color:var(--fg-soft);margin-top:18px;padding-top:16px;font-size:13px;line-height:1.5}.book-info{padding:10px 2px 0}.book-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:3px;font-size:14px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.book-author{color:var(--fg-soft);font-size:12.5px}.book-pct{color:var(--accent);margin-top:3px;font-size:11.5px;font-weight:600}.book-stars{gap:1px;margin-top:4px;display:flex}.book-stars .star{color:var(--border);align-items:center;padding:1px;transition:color .12s;display:inline-flex}.book-stars .star:hover,.book-stars .star.on{color:var(--accent)}.reader{z-index:1;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.reader-chrome{z-index:16;box-shadow:0 6px 16px var(--shadow);position:absolute;top:0;left:0;right:0}.reader.immersed .reader-chrome{display:none}.reader-top{border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:12px;padding:12px 20px;display:flex}.reader-title-mini{color:var(--fg-soft);text-overflow:ellipsis;white-space:nowrap;max-width:50%;margin:0 auto;font-size:14px;overflow:hidden}.reader-top-actions{gap:6px;display:flex}.icon-btn{color:var(--fg);border-radius:8px;justify-content:center;align-items:center;padding:7px 12px;font-size:14px;transition:background .18s;display:inline-flex}.icon-btn:hover{background:var(--bg-elev)}.icon-btn-on{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent)}.icon-btn-text{align-items:center;gap:7px;display:inline-flex}.icon-btn-text svg{flex-shrink:0}.icon-btn-aa{font-family:var(--font-serif);letter-spacing:.3px;font-size:16px;font-weight:600}.reader-progress{background:var(--bg-elev);height:3px}.reader-progress>div{background:var(--accent);height:100%;transition:width .3s var(--ease)}.reader-scroll{scroll-behavior:smooth;overscroll-behavior-x:none;flex:1;overflow:hidden auto}.reader-col{color:var(--fg);overflow-wrap:break-word;margin:0 auto}.ch-title{color:var(--fg);margin-bottom:1.2em;font-size:1.5em;font-weight:700;line-height:1.3}.p-body{margin-bottom:var(--para-gap,.9em);text-indent:var(--indent,1.4em)}.p-subtitle{text-align:center;margin:1.4em 0 .8em;font-weight:700}.p-epigraph{color:var(--fg-soft);margin:0 0 .6em 2em;font-size:.92em;font-style:italic}.p-poem{text-align:center;margin-bottom:.3em;font-style:italic}.p-cite{color:var(--fg-soft);margin:0 1.5em .8em;font-style:italic}.p-empty{height:1em}.reader-page-viewport{flex:1;position:relative;overflow:hidden}.reader-col.paged{color:var(--fg);margin:0}.reader-page-viewport{cursor:pointer}.reader-side{z-index:15;width:48px;height:88px;color:var(--fg-soft);background:color-mix(in srgb, var(--bg-elev) 75%, transparent);opacity:0;border-radius:14px;justify-content:center;align-items:center;transition:opacity .18s,background .18s,color .18s;display:none;position:absolute;top:50%;transform:translateY(-50%)}.reader-side-left{left:10px}.reader-side-right{right:10px}.reader-side:hover{opacity:1;background:var(--bg-elev);color:var(--accent)}.reader-side:disabled{pointer-events:none;opacity:0!important}@media (width>=900px) and (hover:hover){.reader-side{display:flex}.reader:hover .reader-side{opacity:.32}.reader:hover .reader-side:hover{opacity:1}}.reader-footer{border-top:1px solid var(--border);width:100%;color:var(--fg-soft);background:var(--bg);cursor:pointer;text-align:left;flex-wrap:nowrap;align-items:center;gap:14px;padding:8px 18px;font-size:12.5px;display:flex}.reader-footer:hover{background:var(--bg-elev)}.rf-chapter{text-overflow:ellipsis;white-space:nowrap;max-width:45%;overflow:hidden}.reader-footer .rf-btn{color:var(--fg);border-radius:7px;justify-content:center;align-items:center;padding:4px 8px;line-height:1;display:inline-flex}.reader-footer .rf-btn:hover:not(:disabled){background:var(--bg-elev)}.reader-footer .rf-btn:disabled{opacity:.3;cursor:default}.rf-seg{white-space:nowrap;color:var(--fg-soft)}.rf-tap{cursor:pointer;border-radius:7px;padding:3px 7px;transition:background .15s}.rf-tap:hover{background:var(--bg-elev);color:var(--fg)}.rf-pct{color:var(--accent);margin-left:auto;font-weight:600}.rf-clock{font-variant-numeric:tabular-nums;opacity:.85}.rf-bat{align-items:center;gap:5px;display:inline-flex}.rf-bat-icon{border:1px solid var(--fg-soft);border-radius:3px;width:22px;height:11px;padding:1px;display:inline-block;position:relative}.rf-bat-icon:after{content:"";background:var(--fg-soft);border-radius:0 1px 1px 0;width:2px;height:5px;position:absolute;top:3px;right:-3px}.rf-bat-icon>span{background:var(--fg-soft);border-radius:1px;height:100%;display:block}.note-ref{color:var(--accent);vertical-align:super;cursor:pointer;text-indent:0;z-index:3;padding:0 3px;font-size:.74em;font-weight:700;display:inline;position:relative}.note-ref:hover{text-decoration:underline}.note-overlay{z-index:45;position:fixed;inset:0}.note-pop{background:var(--bg-elev);max-width:88vw;color:var(--fg);border:1px solid var(--border);box-shadow:0 12px 40px var(--shadow);animation:notepop .16s var(--ease);border-radius:12px;max-height:50vh;padding:16px 18px;position:fixed;overflow-y:auto}@keyframes notepop{0%{opacity:0;transform:translateY(6px)}}.note-pop-body{white-space:pre-wrap;padding-right:18px;font-size:15px;line-height:1.5}.note-pop-close{color:var(--fg-soft);align-items:center;padding:4px;line-height:1;display:inline-flex;position:absolute;top:8px;right:10px}.note-pop-close:hover{color:var(--fg)}.sel-toolbar{z-index:46;background:var(--bg-elev);border:1px solid var(--border);box-shadow:0 8px 24px var(--shadow);animation:notepop .14s var(--ease);border-radius:10px;padding:4px;position:fixed;transform:translate(-50%)}.sel-toolbar button{color:var(--fg);border-radius:7px;padding:8px 14px;font-size:13px;font-weight:600}.sel-toolbar button:hover{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}.bm-actions{gap:8px;margin-bottom:14px;display:flex}.bm-add{background:var(--bg-elev);color:var(--fg);border-radius:9px;flex:1;justify-content:center;padding:10px;font-size:13px;font-weight:600;transition:background .15s}.bm-add:hover{background:color-mix(in srgb, var(--accent) 14%, var(--bg-elev))}.bm-note-draft{margin-bottom:16px}.bm-note-draft textarea{resize:vertical;background:var(--bg-elev);width:100%;min-height:72px;color:var(--fg);border:1px solid var(--border);border-radius:9px;outline:none;padding:10px;font-family:inherit;font-size:14px}.bm-note-draft textarea:focus{border-color:var(--accent)}.bm-note-btns{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.bm-note-btns button{color:var(--fg-soft);border-radius:8px;padding:7px 14px;font-size:13px}.bm-note-btns .bm-save{background:var(--accent);color:#fff;font-weight:600}.bm-note-btns .bm-save:disabled{opacity:.5}.bm-list{flex-direction:column;gap:4px;display:flex}.bm-item{align-items:flex-start;gap:4px;display:flex}.bm-item-main{text-align:left;color:var(--fg);border-radius:8px;flex:1;gap:9px;padding:9px 10px;line-height:1.4;transition:background .15s;display:flex}.bm-item-main:hover{background:var(--bg-elev)}.bm-icon{color:var(--accent);flex-shrink:0;align-items:center;padding-top:1px;display:inline-flex}.bm-text{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:13.5px;display:-webkit-box;overflow:hidden}.bm-del{color:var(--fg-soft);flex-shrink:0;align-items:center;padding:8px 8px 0;display:inline-flex}.bm-del:hover{color:#c0392b}.np-overlay{z-index:50;animation:fade .18s var(--ease);background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.np{background:var(--bg);border:1px solid var(--border);width:300px;max-width:90vw;box-shadow:0 16px 50px var(--shadow);animation:notepop .18s var(--ease);border-radius:18px;padding:20px}.np-title{color:var(--fg-soft);text-align:center;margin-bottom:10px;font-size:14px}.np-display{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:6px;min-height:44px;margin-bottom:18px;display:flex}.np-val{color:var(--fg);font-size:38px;font-weight:700}.np-suffix{color:var(--fg-soft);font-size:16px}.np-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.np-key{background:var(--bg-elev);height:56px;color:var(--fg);border-radius:12px;font-size:22px;font-weight:600;transition:transform .1s,background .15s}.np-key:hover{background:color-mix(in srgb, var(--accent) 14%, var(--bg-elev))}.np-key:active{transform:scale(.94)}.np-ok{background:var(--accent);color:#fff;font-size:18px}.np-back{font-size:20px}.screen-overlay{z-index:40;pointer-events:none;position:fixed;inset:0}.screen-warm{mix-blend-mode:multiply;background:#ff8a00}.reader-nav{border-top:1px solid var(--border);color:var(--fg-soft);justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;font-size:14px;display:flex}.reader-nav button{color:var(--fg);border-radius:8px;padding:8px 16px;transition:background .18s}.reader-nav button:hover:not(:disabled){background:var(--bg-elev)}.reader-nav button:disabled{opacity:.35;cursor:default}.drawer-overlay{z-index:30;animation:fade .2s var(--ease);background:#00000059;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.drawer{background:var(--bg);width:340px;max-width:85vw;box-shadow:0 0 40px var(--shadow);animation:slide .25s var(--ease);padding:24px;position:absolute;top:0;bottom:0;overflow-y:auto}.drawer-left{left:0}.drawer-right{right:0}@keyframes slide{0%{opacity:.4;transform:translate(-12px)}}.drawer h3{margin-bottom:18px;font-size:18px;font-weight:600}.toc-list{flex-direction:column;display:flex}.toc-row{align-items:stretch;display:flex}.toc-caret{width:22px;color:var(--fg-soft);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;transition:background .15s;display:flex}.toc-caret:hover{background:var(--bg-elev);color:var(--fg)}.toc-caret-empty{pointer-events:none}.toc-item{text-align:left;color:var(--fg);border-radius:7px;flex:1;align-items:baseline;gap:8px;padding:9px 12px;font-size:14px;line-height:1.3;transition:background .15s;display:flex}.toc-item:hover{background:var(--bg-elev)}.toc-item.active{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);font-weight:600}.toc-item-title{flex:1}.toc-item-page{color:var(--fg-soft);font-variant-numeric:tabular-nums;font-size:12px}.search-input{background:var(--bg-elev);width:100%;color:var(--fg);border:1px solid var(--border);border-radius:10px;outline:none;padding:11px 13px;font-family:inherit;font-size:15px}.search-input:focus{border-color:var(--accent)}.search-count{color:var(--fg-soft);margin:10px 2px;font-size:12px}.search-results{flex-direction:column;gap:4px;display:flex}.search-item{text-align:left;color:var(--fg);border-radius:8px;padding:10px 12px;line-height:1.4;transition:background .15s}.search-item:hover{background:var(--bg-elev)}.search-snippet{font-size:13.5px}.search-snippet mark{background:color-mix(in srgb, var(--accent) 38%, transparent);color:inherit;border-radius:3px;padding:0 1px}.search-ch{color:var(--fg-soft);margin-top:4px;font-size:11.5px}.set-row{margin-bottom:22px}.set-row>label{color:var(--fg-soft);margin-bottom:8px;font-size:13px;display:block}.set-row input[type=range]{width:100%;accent-color:var(--accent)}.seg{background:var(--bg-elev);border-radius:10px;gap:4px;padding:4px;display:flex}.seg button{color:var(--fg-soft);border-radius:7px;flex:1;padding:8px;font-size:13px;transition:all .15s}.seg button.on{background:var(--bg);color:var(--accent);box-shadow:0 1px 4px var(--shadow);font-weight:600}.set-divider{background:var(--border);height:1px;margin:6px 0 22px}.set-inline{justify-content:space-between;align-items:center;display:flex}.set-inline>label{margin-bottom:0}.set-select{background:var(--bg-elev);width:100%;color:var(--fg);border:1px solid var(--border);cursor:pointer;border-radius:9px;padding:10px 12px;font-family:inherit;font-size:14px}.set-link{color:var(--accent);margin-top:8px;font-size:13px;font-weight:600}.set-link:hover{text-decoration:underline}.set-err{color:#c0392b;margin-top:6px;font-size:12.5px}.toggle{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;width:44px;height:26px;transition:background .18s,border-color .18s;position:relative}.toggle>span{background:var(--fg-soft);width:20px;height:20px;transition:transform .18s var(--ease), background .18s;border-radius:50%;position:absolute;top:2px;left:2px}.toggle.on{background:color-mix(in srgb, var(--accent) 35%, transparent);border-color:var(--accent)}.toggle.on>span{background:var(--accent);transform:translate(18px)}.audio-bar{z-index:25;background:var(--bg-elev);border:1px solid var(--border);width:min(680px,92vw);box-shadow:0 10px 36px var(--shadow);border-radius:16px;align-items:center;gap:14px;padding:10px 14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.audio-play{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;display:flex}.audio-play.playing{animation:pulse 1.6s var(--ease) infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 22%, transparent)}}.audio-meta{flex:1;min-width:0}.audio-status{color:var(--fg-soft);align-items:center;gap:8px;font-size:12px;display:flex}.audio-soon{background:var(--bg);opacity:.7;border-radius:6px;padding:1px 6px;font-size:10px}.audio-track{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.audio-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.audio-controls select{background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:8px;max-width:170px;padding:7px 8px;font-family:inherit;font-size:12.5px}.audio-speed-wrap{position:relative}.audio-speed{background:var(--bg);border:1px solid var(--border);color:var(--fg);font-variant-numeric:tabular-nums;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:600}.audio-speed-backdrop{z-index:30;position:fixed;inset:0}.audio-speed-menu{z-index:31;background:var(--bg-elev);border:1px solid var(--border);box-shadow:0 10px 32px var(--shadow);min-width:132px;animation:notepop .14s var(--ease);border-radius:12px;grid-template-columns:repeat(2,1fr);gap:4px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0}.audio-speed-menu button{color:var(--fg);font-variant-numeric:tabular-nums;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:background .12s}.audio-speed-menu button:hover{background:var(--bg)}.audio-speed-menu button.on{background:var(--accent);color:#fff}.audio-close,.audio-stop{color:var(--fg-soft);align-items:center;padding:6px;display:inline-flex}.audio-stop:hover{color:#c0392b}.audio-play:disabled{opacity:.5;cursor:default}p.narrating{background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:0 0 0 8px color-mix(in srgb, var(--accent) 14%, transparent);transition:background .3s var(--ease);border-radius:8px}.lib-page-title{letter-spacing:-.3px;font-size:clamp(20px,4vw,26px);font-weight:600}@media (width<=760px){.lib-header .btn-icon span{display:none}.lib-header{gap:10px}.lib-header h1{font-size:21px}}@media (width<=560px){.reader-title-mini{display:none}.stat-cards{grid-template-columns:repeat(2,1fr)}.lib-toolbar{gap:8px}.lib-filter{order:3;width:100%}.lib-search{flex:100%}.pp-match,.challenge,.pf-id{gap:14px}.bd-shelf{grid-template-columns:repeat(3,1fr)}.audio-bar{grid-template-columns:auto 1fr;grid-template-areas:"play meta""controls controls";gap:8px 12px;width:96vw;padding:10px 12px;display:grid}.audio-play{grid-area:play}.audio-meta{grid-area:meta;align-self:center}.audio-controls{grid-area:controls;justify-content:space-between;gap:8px}.audio-controls select{flex:auto;min-width:0;max-width:none}}@media (width<=380px){.pf-shelves{grid-template-columns:repeat(2,1fr)}.ach-grid{grid-template-columns:1fr}}.app-shell{background:var(--bg);min-height:100vh}.app-main{min-height:100vh}.navbar{background:var(--bg-elev);align-items:center;display:flex}.navbar-brand,.navbar-account{display:none}.navbar-tabs{display:flex}.navbar-item{cursor:pointer;color:var(--fg-soft);font:inherit;background:0 0;border:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.navbar-item.active{color:var(--accent)}.navbar-item.active svg{stroke-width:2.1px}@media (width<=899.98px){.navbar{z-index:60;border-top:1px solid var(--border);padding:6px 2px calc(6px + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 14px #3c28141a}.navbar-tabs{flex:1;justify-content:space-around;gap:2px}.navbar-item{border-radius:10px;flex-direction:column;flex:1 1 0;gap:3px;min-width:0;min-height:48px;padding:6px 2px;font-size:11px}.navbar-item span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1;overflow:hidden}.app-main{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}}@media (width>=900px){.navbar{z-index:60;border-bottom:1px solid var(--border);gap:12px;padding:10px clamp(16px,3vw,40px);position:sticky;top:0;box-shadow:0 1px 8px #3c28140d}.navbar-brand{cursor:pointer;color:var(--accent);font:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:4px 6px;font-size:18px;font-weight:700;display:flex}.navbar-wordmark-text{font-family:var(--font-serif);letter-spacing:-.2px;color:var(--accent);font-size:20px;font-weight:700}.navbar-wordmark-text .nw-reader{color:var(--fg-soft);font-weight:400}.navbar-tabs{gap:4px;margin-left:8px}.navbar-item{border-radius:10px;flex-direction:row;gap:8px;padding:9px 14px;font-size:15px}.navbar-item:hover{background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--fg)}.navbar-item.active{background:color-mix(in srgb, var(--accent) 14%, transparent)}.navbar-account{background:var(--bg-elev);border:1px solid var(--border);cursor:pointer;color:var(--fg);font:inherit;border-radius:10px;align-items:center;gap:8px;margin-left:auto;padding:8px 14px;font-size:14px;transition:border-color .15s;display:flex}.navbar-account:hover{border-color:var(--accent)}}.scr{max-width:1100px;margin:0 auto;padding:24px clamp(16px,3vw,40px)}.scr-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.scr-title{color:var(--fg);align-items:center;gap:10px;display:flex}.scr-title h1{margin:0;font-size:clamp(20px,4vw,26px)}.scr-sub{color:var(--fg-soft);margin:0 0 18px}.hub-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=560px){.hub-grid{grid-template-columns:1fr 1fr}}@media (width>=1100px){.hub-grid{grid-template-columns:1fr 1fr 1fr}}.hub-card{text-align:left;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;color:var(--fg);font:inherit;align-items:center;gap:12px;padding:12px 14px;transition:border-color .18s,transform .18s;display:flex}.hub-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-2px)}.hub-card-icon{border-radius:var(--r-md);background:var(--bg);width:40px;height:40px;color:var(--accent);flex:none;place-items:center;display:grid}.hub-card-body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.hub-card-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:14.5px;font-weight:600;display:flex}.hub-card-desc{color:var(--fg-soft);font-size:12.5px;line-height:1.3}.hub-card-arrow{color:var(--fg-soft);flex:none}.badge-soon{letter-spacing:.03em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:var(--r-full);white-space:nowrap;padding:2px 8px;font-size:9.5px;font-weight:600}.settings-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;max-width:560px;padding:4px 16px;display:flex}.settings-card .set-row{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);padding:16px 0}.settings-card .set-row:last-child{border-bottom:0}.set-hint{color:var(--fg-soft);margin-top:3px;font-size:12px;font-weight:400;display:block}.ph-body{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:clamp(40px,10vw,80px) 16px;display:flex}.ph-icon{color:var(--fg-soft);opacity:.7}.ph-soon{font-size:12px}.ph-desc{color:var(--fg-soft);max-width:420px}.readers-find{padding-top:4px}.readers-row{flex-wrap:wrap;gap:8px;max-width:460px;margin-top:12px;display:flex}.readers-row .acc-input{flex:200px}.cookie-banner{z-index:200;background:var(--bg-elev);border-top:1px solid var(--border);box-shadow:0 -4px 16px var(--shadow);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:12px clamp(16px,3vw,40px);display:flex;position:fixed;bottom:0;left:0;right:0}.cookie-text{color:var(--fg-soft);max-width:720px;font-size:13px;line-height:1.4}.cookie-text a{color:var(--accent)}.cookie-ok{flex:none}.legal{max-width:760px;margin:0 auto}.legal-updated{color:var(--fg-soft);margin:0 0 16px;font-size:12.5px}.legal-body{color:var(--fg);font-size:15px;line-height:1.6}.legal-body h3{color:var(--fg);margin:22px 0 6px;font-size:15.5px;font-weight:600}.legal-body p{color:var(--fg-soft);margin:0 0 10px}.legal-body a{color:var(--accent);word-break:break-word}.acc-consent{align-items:flex-start;font-size:12.5px;line-height:1.4}.acc-consent a{color:var(--accent)}.acc-danger{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:20px;padding-top:16px;display:flex}.acc-danger-btn{color:#c0392b;border-color:color-mix(in srgb, #c0392b 35%, var(--border))}.acc-danger-btn:hover:not(:disabled){background:#c0392b14;border-color:#c0392b}.acc-danger-confirm{flex-direction:column;gap:8px;display:flex}.acc-danger-warn{color:var(--fg-soft);margin:0;font-size:12.5px;line-height:1.4}.acc-danger-actions{gap:8px;display:flex}.acc-danger-actions .bd-act{flex:1}.admin{max-width:1000px;margin:0 auto;padding:24px clamp(16px,3vw,40px)}.admin-denied{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.admin-msg{color:var(--fg-soft)}.admin-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-head h1{margin:0;font-size:22px}.admin-id{color:var(--fg-soft);font-family:ui-monospace,monospace;font-size:12.5px}.admin-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.admin-tab{color:var(--fg-soft);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 12px;font-size:14px}.admin-tab.on{color:var(--accent);border-bottom-color:var(--accent)}.admin-pane{flex-direction:column;gap:12px;display:flex}.admin-search{color:var(--fg-soft);align-items:center;gap:8px;display:flex}.admin-search .acc-input{flex:1}.admin-table{border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;display:flex;overflow:hidden}.admin-tr{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);grid-template-columns:1.1fr 1.7fr .8fr 1fr .9fr 1fr;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:grid}.admin-tr:last-child{border-bottom:0}.admin-tr-promo{grid-template-columns:1.2fr .9fr 1fr 1fr .9fr .9fr}.admin-tr-top{grid-template-columns:3fr .8fr 1fr}.admin-tr-audit{grid-template-columns:1.4fr 1.4fr 1.2fr 1.4fr}.admin-book{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-book b{font-weight:600}.admin-th{background:var(--bg-elev);color:var(--fg-soft);text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:600}.admin-mono{font-family:ui-monospace,monospace;font-size:12.5px}.admin-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-banned{color:#c0392b;font-weight:600}.admin-actions{gap:6px;display:flex}.admin-actions button{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg-soft);cursor:pointer;padding:5px;display:inline-flex}.admin-actions button:hover:not(:disabled){color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.admin-actions .admin-del:hover:not(:disabled){color:#c0392b;border-color:#c0392b}.admin-promo-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-promo-form .acc-input{flex:120px}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.admin-stat{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;padding:18px}.admin-stat-n{color:var(--accent);font-size:28px;font-weight:700}.admin-stat-l{color:var(--fg-soft);margin-top:4px;font-size:12.5px}.admin-chart{margin-top:18px}.admin-chart-title{color:var(--fg-soft);margin-bottom:8px;font-size:12.5px}.admin-bars{align-items:flex-end;gap:6px;height:120px;padding:4px 0;display:flex}.admin-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.admin-bar{background:var(--accent);border-radius:4px 4px 0 0;width:100%;max-width:24px;min-height:2px}.admin-bar-n{color:var(--fg-soft);font-size:11px}.admin-top{margin-top:18px}@media (width<=720px){.admin-tr{grid-template-columns:1fr 1fr;gap:4px 8px}.admin-th{display:none}.admin-actions{grid-column:1/-1}}.acc-ref-links{flex-direction:column;gap:8px;margin-top:12px;display:flex}.acc-ref-links-head{color:var(--fg-soft);justify-content:space-between;align-items:center;font-size:13px;display:flex}.acc-link-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.acc-link-row .acc-input{flex:160px;font-size:12px}.acc-link-label{color:var(--fg-soft);min-width:70px;font-size:12px}.pw-strength{align-items:center;gap:8px;margin:-2px 0 2px;display:flex}.pw-bars{flex:1;gap:4px;display:flex}.pw-bars span{border-radius:var(--r-full);background:var(--border);flex:1;height:4px;transition:background .2s}.pw-strength[data-level="1"] .pw-bars span.on{background:#c0392b}.pw-strength[data-level="2"] .pw-bars span.on{background:#d9a23a}.pw-strength[data-level="3"] .pw-bars span.on{background:#2e8b57}.pw-label{color:var(--fg-soft);text-align:right;min-width:52px;font-size:11.5px}.ref-stats{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;margin-bottom:18px;display:grid}.ref-stat{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;gap:3px;padding:14px 12px;display:flex}.ref-stat b{color:var(--fg);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.1}.ref-stat b small{color:var(--fg-soft);font-size:13px;font-weight:600}.ref-stat span{color:var(--fg-soft);font-size:12.5px}.ref-stat-accent b{color:var(--accent)}.ref-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);max-width:640px;margin-bottom:14px;padding:16px 16px 18px}.ref-card h3{align-items:center;gap:8px;margin:0 0 4px;font-size:15px;font-weight:600;display:flex}.ref-count{color:var(--fg-soft);font-size:12.5px;font-weight:500}.ref-hint{color:var(--fg-soft);margin:0 0 12px;font-size:12.5px;line-height:1.4}.ref-linkrow{align-items:center;gap:8px;margin-bottom:8px;display:flex}.ref-linkrow .acc-input{flex:auto;min-width:0}.ref-linkrow .bd-act{white-space:nowrap;flex:none}.ref-url{color:var(--fg-soft);font-size:13px}.ref-link{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);margin-top:8px;padding-top:10px}.ref-link-top{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.ref-link-label{font-size:13.5px;font-weight:600}.ref-link-clicks{color:var(--fg-soft);white-space:nowrap;font-size:12px}.pf-edit-btn{color:var(--accent);background:0 0;align-items:center;gap:6px;margin-top:8px;padding:2px 0;font-size:13px;display:inline-flex}.pf-edit-btn:hover{text-decoration:underline}.pf-edit{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;gap:10px;max-width:560px;margin-bottom:16px;padding:16px;display:flex}.pf-edit h3{margin:0;font-size:15px;font-weight:600}.pf-edit-actions{gap:8px;display:flex}.pf-edit-actions .bd-act{flex:1}.wrap-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 20%, var(--bg-elev)), var(--bg-elev));border:1px solid var(--border);border-radius:var(--r-xl);text-align:center;margin-bottom:16px;padding:28px 20px}.wrap-hero-num{color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(48px,14vw,76px);font-weight:800;line-height:1}.wrap-hero-lbl{color:var(--fg-soft);margin-top:6px;font-size:15px}.wrap-cards{margin-bottom:16px}.wrap-highlights{flex-direction:column;gap:8px;max-width:640px;margin-bottom:16px;display:flex}.wrap-hl{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;display:flex}.wrap-hl-lbl{color:var(--fg-soft);white-space:nowrap;font-size:13px}.wrap-hl-val{text-align:right;font-size:14.5px;font-weight:600}.wrap-foot{color:var(--fg-soft);text-align:center;margin-top:4px;font-size:13.5px}.auto-pop-backdrop{z-index:34;position:fixed;inset:0}.auto-pop{z-index:35;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);width:min(280px,92vw);box-shadow:0 12px 36px var(--shadow);animation:notepop .16s var(--ease);flex-direction:column;gap:12px;padding:14px;display:flex;position:fixed;top:58px;right:12px}.auto-pop-title{font-size:14px;font-weight:600}.speed-slider{flex-direction:column;gap:8px;display:flex}.speed-slider-val{color:var(--accent);font-variant-numeric:tabular-nums;text-align:center;font-size:18px;font-weight:700}.speed-slider-track{position:relative}.speed-slider-input{appearance:none;border-radius:var(--r-full);background:linear-gradient(to right, var(--accent) var(--pct,50%), var(--border) var(--pct,50%));cursor:pointer;outline:none;width:100%;height:6px}.speed-slider-input::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--bg-elev);width:18px;height:18px;box-shadow:0 1px 4px var(--shadow);cursor:pointer;border-radius:50%}.speed-slider-input::-moz-range-thumb{background:var(--accent);border:2px solid var(--bg-elev);cursor:pointer;border-radius:50%;width:18px;height:18px}.speed-slider-ticks{height:0;position:relative}.speed-slider-ticks span{background:var(--fg-soft);opacity:.4;width:2px;height:6px;position:absolute;top:-2px;transform:translate(-50%)}.reader-chapter-end{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;margin-top:8px;padding:24px 16px 40px;display:flex}.reader-chapter-end .rcn-btn{color:var(--accent);border:1px solid var(--border);border-radius:var(--r-full);background:var(--bg-elev);align-items:center;gap:6px;padding:8px 14px;font-size:14px;display:inline-flex}.reader-chapter-end .rcn-btn:disabled{opacity:.35;color:var(--fg-soft)}.reader-chapter-end .rcn-pos{color:var(--fg-soft);font-variant-numeric:tabular-nums;font-size:13px}.status-sheet-backdrop{z-index:44;background:#00000040;position:fixed;inset:0}.status-sheet{z-index:45;background:var(--bg-elev);border-top:1px solid var(--border);padding:8px 18px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 40px var(--shadow);animation:sheetup .22s var(--ease);border-radius:18px 18px 0 0;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes sheetup{0%{transform:translateY(100%)}}.status-sheet-grip{background:var(--border);border-radius:2px;width:40px;height:4px;margin:4px auto 2px}.status-sheet-chapter{color:var(--fg);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.status-sheet-stats{gap:10px;display:flex}.status-stat{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg);flex:1;padding:10px;font-size:13px}.status-stat:active{background:var(--bg-elev)}.status-sheet-line{color:var(--fg-soft);font-size:13.5px}.status-sheet-nav{gap:8px;margin-top:4px;display:flex}.status-sheet-nav .bd-act{flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.rrm{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);width:min(440px,92vw);box-shadow:0 24px 70px var(--shadow);animation:notepop .18s var(--ease);flex-direction:column;gap:14px;padding:24px 22px;display:flex;position:relative}.rrm-title{text-align:center;color:var(--fg);margin:4px 0 0;font-size:20px;font-weight:700}.rrm-sub{text-align:center;color:var(--fg-soft);margin:0;font-size:14px}.rrm-stars{justify-content:center;gap:6px;display:flex}.rrm-star{color:var(--border);transition:transform .12s var(--ease), color .12s;padding:4px}.rrm-star:active{transform:scale(.88)}.rrm-star.on{color:var(--accent)}.rrm-body{resize:vertical;min-height:90px}.rrm-actions{gap:10px;margin-top:2px;display:flex}.rrm-actions .bd-act{flex:1}