:root{--accent: #1D3D2B;--sage: #457053;--danger: #ff6b8a;--green: #48c9a0;--yellow: #ffcf4d;--gold: #B89355;--gold-light: #E1C48D;--logo-purple: #243b2e;--radius: 12px;--topbar-h: 56px;--status-reading: var(--yellow);--status-done: var(--green);--status-danger: var(--danger);--fs-xs: 12px;--lh-xs: 16px;--fs-sm: 13px;--lh-sm: 18px;--fs-base: 15px;--lh-base: 22px;--fs-lg: 18px;--lh-lg: 24px;--fs-xl: 22px;--lh-xl: 28px;--fs-2xl: 28px;--lh-2xl: 34px;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 590;--fw-bold: 700}:root,:root[data-theme=dark]{--bg: #1a2a20;--surface: #243b2e;--surface-2: #2d4838;--border: #3a513f;--text: #efe9db;--text-dim: #a9bdb0;--accent-dim: #B89355;--side-bg: #243b2e;--side-text: rgba(255,255,255,.78);--side-text-strong: #fff;--side-hover: rgba(255,255,255,.12);--side-border: rgba(255,255,255,.12)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg: #eef2ef;--surface: #ffffff;--surface-2: #e7ede9;--border: #d4ded7;--text: #243b2e;--text-dim: #5c6b60;--accent-dim: #386043;--side-bg: #e7ede9;--side-text: #3c4d43;--side-text-strong: #243b2e;--side-hover: rgba(36,59,46,.08);--side-border: #d4ded7}}:root[data-theme=light]{--bg: #eef2ef;--surface: #ffffff;--surface-2: #e7ede9;--border: #d4ded7;--text: #243b2e;--text-dim: #5c6b60;--accent-dim: #386043;--side-bg: #e7ede9;--side-text: #3c4d43;--side-text-strong: #243b2e;--side-hover: rgba(36,59,46,.08);--side-border: #d4ded7}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Segoe UI,Roboto,Arial,sans-serif;font-size:var(--fs-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-weight:var(--fw-semibold);letter-spacing:-.01em;margin:0 0 8px}h1{font-size:var(--fs-2xl);line-height:var(--lh-2xl)}h2{font-size:var(--fs-xl);line-height:var(--lh-xl)}h3{font-size:var(--fs-lg);line-height:var(--lh-lg)}.ico{display:inline-block;vertical-align:middle;flex:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;width:100%}input[type=checkbox],input[type=radio]{width:auto;flex:0 0 auto;padding:0}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-dim)}a{color:var(--accent)}a:hover{color:var(--gold)}a.topbar-brand,a.toptab,a.side-tab{text-decoration:none}.app{display:flex;flex-direction:column;min-height:100%}.demo-banner{padding:8px 16px;font-size:13px;text-align:center;color:#fff;background:var(--accent-dim)}.seg{display:inline-flex;gap:4px;flex-wrap:wrap;padding:3px;background:var(--surface-2, rgba(127,127,127,.12));border-radius:10px}.seg-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--text);opacity:.72;white-space:nowrap;transition:background .15s,opacity .15s}.seg-btn:hover{opacity:1}.seg-btn.active{background:var(--accent);color:#fff;opacity:1}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;height:var(--topbar-h);padding:0 14px;background:var(--accent);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.topbar .spacer{flex:1}.topbar-brand.brand-btn{display:flex;align-items:center;gap:0;font-size:23px;font-weight:400;color:#fff;padding:4px 6px;flex:none;white-space:nowrap}.topbar-brand .brand-logo{width:45px;height:45px}.topbar-brand:hover{opacity:.85}.topbar .btn{background:#ffffff1f;border-color:#ffffff38;color:#fff}.topbar .btn:hover{background:#ffffff3d}.topbar-signout{display:inline-flex;align-items:center;gap:6px;font-weight:var(--fw-bold)}.topbar-refresh{display:inline-flex;align-items:center;justify-content:center;padding:6px}.topbar-refresh:disabled{opacity:.6;cursor:default}.topbar-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.usermenu{position:relative}.usermenu-trigger{display:inline-flex;align-items:center;gap:7px;font-weight:var(--fw-semibold);max-width:220px}.usermenu-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usermenu-caret{transition:transform .15s;opacity:.8}.usermenu-caret.open{transform:rotate(90deg)}.usermenu-pop{position:absolute;top:calc(100% + 10px);right:0;z-index:60;display:flex;flex-direction:column;min-width:288px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 50px #0000004d}.usermenu-head{padding:6px 12px 12px;color:var(--muted);font-size:var(--fs-sm);font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usermenu-item{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:12px 14px;border-radius:11px;font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--text);transition:background .12s,color .12s}.usermenu-item:hover{background:var(--surface-2)}.usermenu-item.active{background:var(--accent);color:#fff}.usermenu-item .ico{color:var(--accent);flex:none}.usermenu-item.active .ico{color:#fff}.usermenu-item-label{flex:1}.usermenu-arrow{color:var(--muted);flex:none}.usermenu-item.active .usermenu-arrow{color:#ffffffe6}.usermenu-foot{margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.usermenu-flag{width:26px;height:26px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;font-size:24px;line-height:1;box-shadow:inset 0 0 0 1px var(--border)}.usermenu-flag.lg{width:30px;height:30px;font-size:28px}.lang-glyph{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border:1.75px solid currentColor;border-radius:7px;font-size:10px;font-weight:700;letter-spacing:.02em;line-height:1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.lang-glyph.lg{width:28px;height:28px;border-radius:8px;font-size:11px}.usermenu-flyout{position:absolute;top:8px;right:calc(100% + 4px);display:flex;flex-direction:column;min-width:230px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 50px #0000004d}.usermenu-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:11px 14px;border-radius:11px;font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--text);transition:background .12s,color .12s}.usermenu-opt:hover{background:var(--surface-2)}.usermenu-opt.active{background:var(--accent);color:#fff}.usermenu-opt .ico{color:var(--accent);flex:none}.usermenu-opt.active .ico{color:#fff}.toptab{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;color:#ffffffc7;font-weight:600;font-size:14px}.toptab:hover{color:#fff;background:#ffffff24}.toptab.active{background:var(--sage);color:#fff}.app-body{display:flex;flex:1;min-height:0;align-items:stretch}.sidebar{position:sticky;top:var(--topbar-h);align-self:flex-start;height:calc(100vh - var(--topbar-h));flex:0 0 240px;width:240px;display:flex;flex-direction:column;gap:6px;padding:16px 12px;background:var(--side-bg);color:var(--side-text);border-right:1px solid var(--side-border);z-index:20}.sidebar-brand{display:flex;align-items:center;gap:4px;padding:6px 8px 14px;font-size:24px;font-weight:800;color:#fff}.sidebar-brand .brand-logo{width:51px;height:51px}.sidebar-brand:hover{opacity:.85}.sidebar-nav{display:flex;flex-direction:column;gap:3px;flex:0 0 auto}.sidebar-extra{flex:0 1 auto;min-height:0;overflow-y:auto;margin-top:auto;background:var(--accent);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px}.sidebar-extra .rc{background:none;border:none;box-shadow:none;border-radius:0;padding:0;margin:0;color:#ffffffeb}.sidebar-extra .rc-head{font-size:var(--fs-xs);margin-bottom:8px;color:#fff9;text-transform:uppercase;letter-spacing:.04em;font-weight:var(--fw-semibold)}.sidebar-extra .rc-gauges{gap:8px;margin:2px 0}.sidebar-extra .rc-gauge-svg{width:88px;height:88px}.sidebar-extra .rc-gauge-track{stroke:#fff3;stroke-width:9}.sidebar-extra .rc-gauge-val{stroke:var(--gold-light);stroke-width:9}.sidebar-extra .rc-gauge-num{fill:#fff}.sidebar-extra .rc-gauge-pct{fill:#fff9}.sidebar-extra .rc-gauge-label{font-size:var(--fs-xs);margin-top:0;color:#ffffffd9}.sidebar-extra .rc-gauge-split{margin-top:2px;gap:10px;color:#fff9}.sidebar-extra .rc-goal{flex-direction:column;align-items:flex-start;gap:4px;margin:8px 0 12px}.sidebar-extra .rc-goal .hint{color:#fff9}.sidebar-extra .rc-goal input{width:84px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff}.sidebar-extra .rc-tile{background:none;border:none;padding:8px 0 0}.sidebar-extra .rc-tile-head{color:#ffffff80;margin-bottom:6px}.sidebar-extra .rc-bar{display:none}.sidebar-extra .rc-row{grid-template-columns:20px 1fr auto auto;padding:4px 0;gap:8px;background:none;border-radius:0}.sidebar-extra .rc-row.me{background:none;outline:none}.sidebar-extra .rc-name{color:#fff}.sidebar-extra .rc-year{color:#fff;font-size:var(--fs-base)}.sidebar-extra .rc-month{color:color-mix(in srgb,var(--green) 60%,#fff)}@media (max-width: 820px){.sidebar-extra{display:none}}.side-tab{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--side-text);font-weight:600;font-size:15px;text-align:left;width:100%;transition:background .14s,color .14s}.side-tab:hover{background:var(--side-hover);color:var(--side-text-strong)}.side-tab.active,.side-tab.active:hover{background:var(--accent);color:#fff}.side-ico{font-size:18px;width:22px;text-align:center;flex:none}.side-label{flex:1;min-width:0}.side-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--danger);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:10px}.sidebar-controls{display:flex;flex-wrap:wrap;gap:6px}.sidebar .btn{background:var(--side-hover);border-color:var(--side-border);color:var(--side-text-strong)}.sidebar .btn:hover{background:var(--side-hover);filter:brightness(.96)}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.content{flex:1;padding:24px clamp(16px,4vw,150px);width:100%;max-width:none;margin:0}@media (max-width: 820px){.app-body{flex-direction:column}.topbar{height:auto;min-height:var(--topbar-h);flex-wrap:nowrap;row-gap:8px;padding-top:10px;padding-bottom:10px;align-items:center}.topbar .spacer{display:none}.topbar-brand.brand-btn{min-width:0;flex-shrink:1}.topbar-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-nav{margin-left:auto;flex:0 0 auto;justify-content:flex-end;flex-wrap:nowrap}.sidebar{position:static;top:auto;height:auto;width:100%;flex:none;flex-direction:row;align-items:center;gap:10px;padding:8px 12px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-brand{padding:4px 6px;font-size:17px}.sidebar-brand .brand-logo{width:39px;height:39px}.sidebar-nav{flex-direction:row;gap:4px;overflow-x:auto;flex:1}.side-tab{padding:8px 12px;white-space:nowrap}.side-label{display:none}.side-ico{font-size:20px}.sidebar-foot{margin:0;flex-direction:row;padding:0}.content{padding:16px}.topbar-brand.brand-btn{font-size:23px;gap:0}.topbar-brand .brand-logo{width:39px;height:39px}}@media (max-width: 560px){.topbar-brand.brand-btn{font-size:17px;gap:7px}.topbar-brand .brand-logo{width:34px;height:34px}.toptab>span:not(.side-badge){display:none}.toptab{padding:7px}.topbar-nav{gap:2px}.usermenu-email{display:none}.usermenu-trigger{padding:6px 7px}}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.toolbar .grow{flex:1;min-width:180px}.search-wrap{position:relative;display:flex}.search-wrap .search-input{width:100%;padding-right:34px}.search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;margin:0;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-dim, var(--text))}.search-clear:hover{background:var(--surface-2);color:var(--text)}.btn{padding:8px 14px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);font-weight:600;font-size:14px;color:var(--text);display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--surface)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-dim)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.btn.small{padding:5px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim)}button.chip:hover{border-color:var(--accent-dim)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.add-filter{position:relative;display:inline-flex;align-items:center;gap:8px}.add-filter-btn{border-style:dashed;font-weight:var(--fw-semibold)}.add-filter-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:40;display:flex;flex-direction:column;min-width:180px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #00000038}.add-filter-item{text-align:left;padding:8px 10px;border-radius:7px;font-size:var(--fs-sm);color:var(--text);transition:background .12s}.add-filter-item:hover{background:var(--surface-2)}.filter-tags{margin-top:-6px}.filter-bubble{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 11px;border-radius:999px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:#fff;background:color-mix(in srgb,var(--accent) 88%,#000);border:none;transition:background .12s}.filter-bubble:hover{background:var(--danger)}.filter-bubble .ico{opacity:.85}.filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;margin-bottom:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.fcat{position:relative}.fcat-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:9px;font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--text);transition:background .12s,color .12s}.fcat-btn:hover,.fcat-btn.open{background:var(--surface)}.fcat-btn.active{background:var(--accent);color:#fff}.fcat-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ffffff47;color:#fff;font-size:11px;font-weight:700}.fcat-btn:not(.active) .fcat-badge{background:var(--accent);color:#fff}.fcat-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:45;min-width:240px;max-width:320px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 40px #00000040;overflow:hidden}.fcat-title{padding:12px 14px 8px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.fcat-list{max-height:300px;overflow-y:auto;padding:0 6px 6px}.fcat-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:9px 10px;border-radius:8px;font-size:var(--fs-base);color:var(--text);transition:background .1s}.fcat-item:hover{background:var(--surface-2)}.fcat-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fcheck{flex:none;width:20px;height:20px;border-radius:6px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700}.fcheck.on{background:var(--accent);border-color:var(--accent)}.fcat-foot{display:flex;gap:8px;padding:10px;background:var(--surface-2);border-top:1px solid var(--border)}.fcat-foot .btn{flex:1;justify-content:center}.owned-check{margin-left:auto;padding:0 8px!important;white-space:nowrap}.filter-clear-all{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;flex:none;background:var(--danger);color:#fff}.filter-clear-all:hover{filter:brightness(.92)}.bulk-bar{position:sticky;top:calc(var(--topbar-h) + 4px);z-index:25;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;margin-bottom:12px;border-radius:12px;background:var(--accent);color:#fff;box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 45%,transparent)}.bulk-count{font-weight:var(--fw-bold)}.bulk-menu{position:relative}.bulk-bar .btn{background:#ffffff2e;border-color:#ffffff4d;color:#fff}.bulk-bar .btn:hover{background:#ffffff4d}.bulk-bar .btn.danger{color:#fff}.dash-wrap{margin-bottom:12px}.dash-toggle{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-dim);padding:4px 0}.dash-toggle:hover{color:var(--text)}.dash-caret{margin-left:2px}.dash{margin-top:8px}.dash-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--surface-2);border:1px solid var(--border)}.dash-seg{height:100%}.dash-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;font-size:var(--fs-sm);color:var(--text-dim)}.dash-leg{display:inline-flex;align-items:center;gap:6px}.dash-leg i{width:10px;height:10px;border-radius:3px;display:inline-block}.dash-leg b{color:var(--text)}.dash-leg-total{margin-left:auto;padding-left:12px;border-left:1px solid var(--border);font-weight:600}.rc-head{display:flex;align-items:center;gap:8px}.rc-gauges{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin:8px 0 4px}.rc-gauge{display:flex;flex-direction:column;align-items:center}.rc-gauge-svg{width:150px;height:150px}.rc-gauge-track{fill:none;stroke:var(--surface-2);stroke-width:11}.rc-gauge-val{fill:none;stroke:var(--accent);stroke-width:11;transition:stroke-dasharray .5s cubic-bezier(.2,.7,.2,1)}.rc-gauge-num{fill:var(--text);font-size:34px;font-weight:700;text-anchor:middle}.rc-gauge-pct{fill:var(--text-dim);font-size:14px;font-weight:600;text-anchor:middle}.rc-gauge-label{margin-top:2px;font-weight:var(--fw-semibold);color:var(--text);text-transform:capitalize}.rc-gauge-split{display:flex;gap:14px;margin-top:4px;font-size:var(--fs-sm);color:var(--text-dim)}.rc-gauge-split span{display:inline-flex;align-items:center;gap:5px}.rc-goal{display:flex;align-items:center;gap:10px;justify-content:center;margin:6px 0 16px;flex-wrap:wrap}.rc-tile{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--surface-2)}.rc-tile-head{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em}.rc-board{display:flex;flex-direction:column;gap:6px}.rc-row{display:grid;grid-template-columns:30px minmax(80px,1.4fr) 2fr auto auto;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--surface);transition:background .12s}.rc-row.me{background:color-mix(in srgb,var(--accent) 15%,var(--surface));outline:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.rc-rank{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;flex:none;font-weight:var(--fw-bold);font-size:13px;color:#fff;background:var(--text-dim)}.rc-rank.r1{background:linear-gradient(135deg,#f7c948,#e8a600);color:#4a3500}.rc-rank.r2{background:linear-gradient(135deg,#d3dae3,#9aa6b2);color:#2b333d}.rc-rank.r3{background:linear-gradient(135deg,#e0a579,#b06e3f);color:#3a2110}.rc-name{font-weight:var(--fw-semibold);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-bar{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.rc-bar>div{height:100%;background:var(--accent);border-radius:999px}.rc-year{font-size:var(--fs-lg);color:var(--text);min-width:28px;text-align:right}.rc-month{font-size:var(--fs-xs);color:var(--green);font-weight:var(--fw-semibold);min-width:30px;text-align:right}@media (max-width: 560px){.rc-tiles{grid-template-columns:1fr}.rc-row{grid-template-columns:26px 1fr auto auto}.rc-bar{display:none}}.reader{--rd-bg: #e8e0cf;--rd-fg: #33302b;--rd-muted: #8a8580;display:flex;flex-direction:column;gap:0;height:calc(100vh - var(--topbar-h) - 40px);min-height:420px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--rd-bg);color:var(--rd-fg)}.reader-theme-light{--rd-bg: #ffffff;--rd-fg: #1a1a1a;--rd-muted: #8a8a8a}.reader-theme-sepia{--rd-bg: #f4ecd8;--rd-fg: #5b4636;--rd-muted: #a08c72}.reader-theme-paper{--rd-bg: #e8e0cf;--rd-fg: #33302b;--rd-muted: #948f88}.reader-theme-dark{--rd-bg: #22252a;--rd-fg: #cfd2d6;--rd-muted: #7d828a}.reader-theme-oled{--rd-bg: #000000;--rd-fg: #b8bcc2;--rd-muted: #6b6f76}.rd-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:color-mix(in srgb,var(--rd-fg) 6%,var(--rd-bg));border-bottom:1px solid color-mix(in srgb,var(--rd-fg) 12%,transparent)}.rd-bar-info{flex:1;min-width:0}.rd-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-sub{font-size:12px;color:var(--rd-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-bar-actions{display:flex;gap:6px;flex:none}.rd-bar .btn{background:color-mix(in srgb,var(--rd-fg) 8%,transparent);border-color:color-mix(in srgb,var(--rd-fg) 18%,transparent);color:var(--rd-fg)}.rd-bar .btn:hover{background:color-mix(in srgb,var(--rd-fg) 16%,transparent)}.rd-settings{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:color-mix(in srgb,var(--rd-fg) 5%,var(--rd-bg));border-bottom:1px solid color-mix(in srgb,var(--rd-fg) 12%,transparent)}.rd-set-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rd-set-k{min-width:92px;font-size:var(--fs-sm);color:var(--rd-muted);font-weight:var(--fw-semibold)}.rd-set-val{min-width:42px;text-align:center;font-variant-numeric:tabular-nums}.rd-settings .btn{color:var(--rd-fg);border-color:color-mix(in srgb,var(--rd-fg) 20%,transparent);background:transparent}.rd-settings .seg{background:color-mix(in srgb,var(--rd-fg) 8%,transparent)}.rd-settings .seg-btn{color:var(--rd-fg)}.rd-body{flex:1;min-height:0;display:flex}.rd-toc{flex:0 0 260px;overflow-y:auto;padding:12px;border-right:1px solid color-mix(in srgb,var(--rd-fg) 12%,transparent);background:color-mix(in srgb,var(--rd-fg) 4%,var(--rd-bg))}.rd-toc h3{margin:0 0 8px;color:var(--rd-fg);font-size:var(--fs-base)}.rd-toc-list{display:flex;flex-direction:column;gap:1px}.rd-toc .chapter-row{color:var(--rd-fg)}.rd-toc .chapter-row:hover{background:color-mix(in srgb,var(--rd-fg) 8%,transparent)}.rd-toc .chapter-row.active{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--rd-fg)}.rd-main{flex:1;min-width:0;position:relative;display:flex}.rd-scroll{flex:1;overflow-y:auto;overflow-x:auto;scroll-behavior:auto}.reader:fullscreen,.reader.rd-fs{height:100vh;border-radius:0;border:none}.rd-compact .rd-bar{padding:5px 14px}.rd-compact .rd-progress{display:none}.rd-compact .rd-chapter-nav{margin-top:12px}.rd-content,.rd-pdf-page{max-width:var(--rd-width, 720px);margin:0 auto}.rd-content img{max-width:100%;height:auto;border-radius:4px}.rd-content p{margin:0 0 1em}.rd-content h1,.rd-content h2,.rd-content h3{line-height:1.25;margin:1.2em 0 .5em}.rd-content a{color:var(--accent)}.rd-font-serif{font-family:Georgia,Iowan Old Style,Times New Roman,serif}.rd-font-sans{font-family:-apple-system,SF Pro Text,Segoe UI,Roboto,sans-serif}.rd-font-dyslexic{font-family:OpenDyslexic,Comic Sans MS,Verdana,sans-serif;letter-spacing:.02em}.rd-chapter-nav{max-width:var(--rd-width, 720px);margin:24px auto 8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.rd-chapter-nav .btn{display:inline-flex;align-items:center;gap:6px;color:var(--rd-fg);border-color:color-mix(in srgb,var(--rd-fg) 20%,transparent);background:transparent}.rd-chapter-nav .hint{color:var(--rd-muted)}.rd-scroll.rd-paged{overflow:hidden;scroll-behavior:smooth}.rd-scroll.rd-paged .rd-content{height:100%;column-fill:auto}.rd-page-zone{position:absolute;top:0;bottom:0;width:18%;border:0;padding:0;background:transparent;cursor:pointer;z-index:4;-webkit-tap-highlight-color:transparent}.rd-page-zone:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.rd-page-prev{left:0}.rd-page-next{right:0}.rd-page-count{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:12px;opacity:.55;pointer-events:none;z-index:5;color:var(--rd-muted)}@media (prefers-reduced-motion: reduce){.rd-scroll.rd-paged{scroll-behavior:auto}}.rd-flip-layer{position:absolute;z-index:6;overflow:hidden;pointer-events:none;perspective:2200px;perspective-origin:left center}.rd-flip-page{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;box-shadow:0 0 22px #0000002e}.rd-flip-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;box-sizing:border-box}.rd-flip-clip>.rd-content{height:100%;column-fill:auto}.rd-flip-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(to left,rgba(0,0,0,.38),rgba(0,0,0,.04) 55%,transparent 78%)}.rd-flip-page.rd-turn-next{animation:rd-flip-next .5s cubic-bezier(.42,0,.35,1) forwards}.rd-flip-page.rd-turn-next .rd-flip-shade{animation:rd-flip-shade .5s cubic-bezier(.42,0,.35,1) forwards}.rd-flip-page.rd-turn-prev{transform:rotateY(-172deg);animation:rd-flip-prev .5s cubic-bezier(.42,0,.35,1) forwards}.rd-flip-page.rd-turn-prev .rd-flip-shade{animation:rd-flip-shade-rev .5s cubic-bezier(.42,0,.35,1) forwards}@keyframes rd-flip-next{0%{transform:rotateY(0)}to{transform:rotateY(-172deg)}}@keyframes rd-flip-prev{0%{transform:rotateY(-172deg)}to{transform:rotateY(0)}}@keyframes rd-flip-shade{0%{opacity:0}55%{opacity:1}to{opacity:0}}@keyframes rd-flip-shade-rev{0%{opacity:0}45%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.rd-flip-page.rd-turn-next,.rd-flip-page.rd-turn-prev{animation:none}}.rd-progress{height:4px;background:color-mix(in srgb,var(--rd-fg) 10%,transparent)}.rd-progress>div{height:100%;background:var(--accent);transition:width .3s ease}.rd-hl{border-radius:3px;padding:0 1px;cursor:pointer;color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone}.rd-hl-yellow{background:color-mix(in srgb,#ffe14d 55%,transparent)}.rd-hl-green{background:color-mix(in srgb,#7ee081 55%,transparent)}.rd-hl-blue{background:color-mix(in srgb,#7ec2ff 55%,transparent)}.rd-hl-pink{background:color-mix(in srgb,#ff9ecb 55%,transparent)}.rd-ul{background:transparent;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:2px}.rd-ul-yellow{text-decoration-color:#e0b400}.rd-ul-green{text-decoration-color:#3fa24a}.rd-ul-blue{text-decoration-color:#2b7bd6}.rd-ul-pink{text-decoration-color:#d6489e}.rd-hl-tool{position:absolute;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:10px;background:var(--surface, #fff);color:var(--text, #111);box-shadow:0 4px 16px #00000047;border:1px solid rgba(0,0,0,.12)}.rd-hl-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.15);cursor:pointer;padding:0}.rd-find{background:color-mix(in srgb,var(--rd-fg) 5%,var(--rd-bg));border-bottom:1px solid color-mix(in srgb,var(--rd-fg) 12%,transparent)}.rd-find-bar{display:flex;align-items:center;gap:8px;padding:10px 14px}.rd-find-bar .input{flex:1;color:var(--rd-fg);background:color-mix(in srgb,var(--rd-fg) 8%,transparent);border-color:color-mix(in srgb,var(--rd-fg) 18%,transparent)}.rd-find-bar .btn{color:var(--rd-fg);border-color:color-mix(in srgb,var(--rd-fg) 20%,transparent);background:transparent}.rd-find-count{font-size:var(--fs-sm);color:var(--rd-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.rd-find-list{max-height:40vh;overflow-y:auto;padding:0 8px 8px;display:flex;flex-direction:column;gap:2px}.rd-find-hit{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;background:transparent;border:none;color:var(--rd-fg)}.rd-find-hit:hover{background:color-mix(in srgb,var(--rd-fg) 8%,transparent)}.rd-find-hit-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.rd-find-hit-ch{font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.rd-find-hit-n{font-size:var(--fs-sm);color:var(--rd-muted);font-variant-numeric:tabular-nums}.rd-find-hit-snip{font-size:var(--fs-sm);color:var(--rd-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rd-find-flash{background:#ffe14d;color:#111;border-radius:3px;animation:rdFindPulse 2.2s ease;box-decoration-break:clone;-webkit-box-decoration-break:clone}@keyframes rdFindPulse{0%,70%{background:#ffe14d}to{background:color-mix(in srgb,#ffe14d 25%,transparent)}}::highlight(rd-tts){background:#e1c48d8c;color:inherit;border-radius:3px}.rd-lookup{position:sticky;bottom:12px;z-index:40;margin:12px auto 0;max-width:620px;background:var(--card, #fff);border:1px solid var(--border, #e2e2e2);border-radius:12px;padding:12px 14px;box-shadow:0 8px 28px #0000002e}.rd-lookup-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.rd-lookup-tr{font-size:15px;margin:4px 0}.rd-lookup-defs{margin:6px 0 0;padding-left:18px;font-size:14px;opacity:.9}.rd-lookup-defs li{margin:3px 0}.rd-warmth{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;background:#ff8a1e;mix-blend-mode:multiply}.reader{position:relative}.research{max-width:900px;margin:0 auto;padding:8px 4px 40px}.research-head h2{display:flex;align-items:center;gap:8px;margin:0 0 4px}.research-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 6px}.research .search-box{display:flex;align-items:center;gap:6px;flex:1;min-width:220px;padding:6px 10px;border:1px solid var(--border, #d5d5d5);border-radius:10px;background:var(--surface, #fff)}.research .search-box input{border:none;outline:none;background:transparent;flex:1;font-size:15px;color:inherit}.research-list{display:flex;flex-direction:column;gap:18px;margin-top:14px}.research-group{border:1px solid var(--border, #e2e2e2);border-radius:14px;overflow:hidden;background:var(--surface, #fff)}.research-book{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;background:color-mix(in srgb,var(--accent) 7%,transparent);border:none;cursor:pointer}.research-book-title{font-weight:600}.research-items{display:flex;flex-direction:column}.research-item{display:flex;gap:10px;padding:10px 12px;border-top:1px solid var(--border, #ededed)}.research-jump{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;align-self:flex-start;padding:3px 8px;border-radius:999px;border:1px solid var(--border, #ddd);background:transparent;cursor:pointer;color:var(--muted, #777);font-size:12px;white-space:nowrap}.research-jump:hover{color:var(--accent);border-color:var(--accent)}.research-text{flex:1;min-width:0}.research-quote{font-style:italic}.ri-highlight .research-quote{border-left:3px solid color-mix(in srgb,#ffe14d 80%,#caa);padding-left:8px;display:inline-block}.research-swatch{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:middle}.research-note{margin-top:4px;font-size:13px;color:var(--muted, #777)}.research-empty{text-align:center;color:var(--muted, #777);padding:50px 20px}.unified-banner{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.unified-ico{font-size:20px}.linklike{background:none;border:none;padding:0;color:var(--accent);cursor:pointer;font:inherit;text-decoration:underline}.rd-loading,.rd-error{padding:40px;text-align:center;color:var(--rd-muted);margin:0 auto}.rd-error{color:var(--danger);max-width:520px}.rd-resume-list{display:flex;flex-direction:column;gap:6px;margin-top:16px;text-align:left}@media (max-width: 720px){.rd-toc{position:absolute;inset:0 auto 0 0;z-index:5;flex-basis:80%;max-width:320px;box-shadow:8px 0 24px #00000040}}@media (max-width: 640px){.filterbar{flex-wrap:wrap;overflow-x:visible}.fcat{flex:none}.fcat-btn{padding:8px 10px}.owned-check{margin-left:4px!important;padding:6px 8px!important;background:var(--surface-2);border-radius:8px}.fcat-menu{min-width:0;max-width:calc(100vw - 24px)}.bulk-bar{top:calc(var(--topbar-h) + 2px);padding:8px 10px;font-size:var(--fs-sm)}.bulk-bar .bulk-count{width:100%}.filter-tags{gap:6px}}.cover{border-radius:6px;object-fit:cover;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:11px;text-align:center;overflow:hidden;border:1px solid var(--border);flex-shrink:0}.book-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.book-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;color:var(--text)}.book-row:last-child{border-bottom:none}.book-row:hover{background:var(--surface-2)}.book-row .meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.book-row .meta .title{font-weight:var(--fw-semibold);font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-row .meta .sub{font-size:var(--fs-xs);color:var(--text-dim);display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis}.lrow{display:grid;align-items:center;gap:12px;width:100%;text-align:left;grid-template-columns:auto auto minmax(180px,2.2fr) minmax(110px,1fr) auto minmax(120px,auto) auto auto;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.lcheck{display:flex;align-items:center;justify-content:center}.lcheck input{width:auto;margin:0;cursor:pointer}.lrow.picked{background:color-mix(in srgb,var(--accent) 12%,transparent)}.lrow:last-child{border-bottom:none}.book-list>button.lrow:hover,.lrow:not(.lhead):hover{background:var(--surface-2)}.density-comfortable .lrow{padding:12px 14px}.density-compact .lrow{padding:6px 12px;gap:10px}.lrow.lhead{background:var(--surface-2);cursor:default;padding-top:9px;padding-bottom:9px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.03em;color:var(--text-dim)}.lrow.lhead:hover{background:var(--surface-2)}.lcell{min-width:0}.lname .title{font-weight:var(--fw-semibold);color:var(--text);line-height:1.25;overflow:hidden;text-overflow:ellipsis}.series-link{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-size:var(--fs-xs);color:var(--accent);background:none;padding:0}.series-link:hover{text-decoration:underline}.author-link{background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left;font:inherit;color:inherit}.grid-item .sub.author-link{color:var(--text-dim)}.author-link:hover{color:var(--accent);text-decoration:underline}.authors-line{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.authors-line .author-link{display:inline;white-space:nowrap}.lann{margin-top:4px;font-size:var(--fs-sm);color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lauthor{display:flex;flex-direction:column;gap:2px;color:var(--text);font-size:var(--fs-sm)}.lmuted{color:var(--text-dim);font-size:var(--fs-xs)}.lformat{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.lstatus{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.lprogress{width:100%;max-width:130px;height:5px;border-radius:999px;background:var(--surface-2);overflow:hidden}.lprogress>div{height:100%;background:var(--accent)}.lrating{text-align:center}.lactions{display:flex;gap:6px;justify-content:flex-end}.density-compact .lann,.density-compact .lauthor .lmuted{display:none}@media (max-width: 900px){.lrow{grid-template-columns:auto auto minmax(140px,2fr) auto auto}.lauthor,.lrating,.lformat{display:none}}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 18px}.grid-item{cursor:pointer;text-align:left;width:100%;perspective:1000px}.grid-item .grid-cover{width:100%;max-width:100%}.grid-item .cover-wrap{width:100%!important;height:auto!important;display:block}.grid-item .cover{position:relative;width:100%!important;height:auto!important;aspect-ratio:2 / 3}.grid-item .cover-square{aspect-ratio:1 / 1}.grid-item .title{font-size:14px;font-weight:600;margin-top:10px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grid-item .sub{font-size:12px;color:var(--text-dim)}.grid-item .grid-cover{position:relative;border-radius:12px;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease;transform-style:preserve-3d;will-change:transform;box-shadow:0 1px 2px #10081a2e,0 8px 18px -8px #10081a59}.grid-item .grid-cover .cover{border-radius:12px;box-shadow:none}.grid-item .grid-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;z-index:3;pointer-events:none;opacity:0;transition:opacity .3s ease;background:linear-gradient(115deg,#fff0 30%,#ffffff47,#fff0 66%);background-size:250% 250%;background-position:100% 100%}.grid-item:hover .grid-cover{transform:translateY(-6px) rotateX(4deg) rotateY(-4deg) scale(1.025);box-shadow:0 6px 12px -4px #10081a47,0 22px 40px -12px #10081a80}.grid-item:hover .grid-cover:after{opacity:1;animation:cover-sheen .7s ease forwards}@keyframes cover-sheen{0%{background-position:100% 100%}to{background-position:0% 0%}}@media (prefers-reduced-motion: reduce){.grid-item .grid-cover,.grid-item:hover .grid-cover{transition:none;transform:none}.grid-item:hover .grid-cover:after{animation:none;opacity:0}}.grid-del{position:absolute;top:6px;right:6px;width:24px;height:24px;z-index:4;border-radius:999px;background:#0009;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s}.grid-item:hover .grid-del{opacity:1}.grid-del:hover{background:var(--danger)}.grid-pick{position:absolute;bottom:10px;left:6px;z-index:5;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#00000080;opacity:0;transition:opacity .12s;cursor:pointer}.grid-pick input{width:16px;height:16px;cursor:pointer}.grid-item:hover .grid-pick,.grid-item.picked .grid-pick{opacity:1}.grid-item.picked .grid-cover{outline:3px solid var(--accent);outline-offset:2px;border-radius:12px}@media (hover: none){.grid-del,.grid-item:hover .grid-del,.grid-pick,.grid-item:hover .grid-pick{opacity:0;pointer-events:none}.grid-item.picked .grid-pick{opacity:1;pointer-events:auto}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.card h3{margin:0 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.settings-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch;margin-bottom:16px}.settings-tiles>.card{margin-bottom:0;height:100%}@media (max-width: 560px){.settings-tiles{grid-template-columns:1fr}}.profile-account{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin-bottom:16px}.settings-grid>.card{margin-bottom:0}@media (max-width: 900px){.settings-grid{grid-template-columns:1fr}}.settings-section{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);margin:24px 2px 10px}.settings-sub{padding-top:16px;margin-top:16px;border-top:1px solid var(--border)}.settings-sub:first-child{padding-top:0;margin-top:0;border-top:none}.settings-sub-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;align-items:start}.settings-sub-cols>.settings-sub{padding-top:0;margin-top:0;border-top:none}@media (max-width: 900px){.settings-sub-cols{grid-template-columns:1fr}.settings-sub-cols>.settings-sub+.settings-sub{padding-top:16px;margin-top:16px;border-top:1px solid var(--border)}}.settings-subhead{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--text)}.disk-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.disk-head h3{margin:0}.disk-library-inner>.card{border:none;background:transparent;box-shadow:none;padding:0;margin:0}.disk-library-inner>.card+.card{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.disk-sync{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.disk-sync-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;align-items:start}.disk-sub>.card{border:none;background:transparent;box-shadow:none;padding:0;margin:0}.disk-sub>.card+.card{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.disk-storage{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}@media (max-width: 900px){.disk-sync-cols{grid-template-columns:1fr}}.admin-head{display:flex;align-items:center;gap:10px;margin:4px 0 14px}.admin-head .ico,.usermenu-admin,.usermenu-admin .ico{color:var(--accent)}.row{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.row .label{color:var(--text-dim)}.field{margin-bottom:12px}.field label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:4px}.hint{font-size:13px;color:var(--text-dim)}.warn{color:var(--yellow);font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:640px;padding:20px;margin:auto}.modal-header{display:flex;align-items:center;margin-bottom:16px}.modal-header h2{margin:0;font-size:18px;flex:1}.stars{display:flex;gap:4px;font-size:22px}.star{color:var(--border)}.star.on{color:var(--yellow)}.progress{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress>div{height:100%;background:var(--accent)}.empty{text-align:center;color:var(--text-dim);padding:64px 16px}.empty h2{color:var(--text)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:10px 18px;display:flex;gap:12px;align-items:center;box-shadow:0 8px 24px #0000004d}.auth-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px}.auth-card .logo{font-size:40px;text-align:center;margin-bottom:8px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:13px}.tag button{color:var(--text-dim);font-size:14px;line-height:1}.inline-form{display:flex;gap:8px}.scan-frame{position:relative;border-radius:12px;overflow:hidden;background:#000}.scan-frame video{display:block;width:100%;max-height:320px;object-fit:cover}.scan-reticle{position:absolute;left:12%;right:12%;top:50%;height:2px;transform:translateY(-50%);background:#e1c48de6;box-shadow:0 0 12px 2px #e1c48d99;pointer-events:none}.checkbox-row{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer}.checkbox-row input{width:auto}.chip-count{display:inline-block;min-width:1.1em;padding:0 5px;margin-left:2px;border-radius:999px;font-size:.8em;font-weight:700;background:color-mix(in srgb,currentColor 16%,transparent);opacity:.85;vertical-align:baseline}.brand{display:flex;align-items:center;gap:10px}.brand-btn{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.brand-btn:hover{opacity:.8}.brand-logo{width:45px;height:45px;border-radius:7px;display:block}.auth-logo{width:72px;height:72px;border-radius:16px;display:block;margin:0 auto 4px}@keyframes knihovnicka-pulse{0%,to{opacity:1}50%{opacity:.35}}.spin{display:inline-block;animation:knihovnicka-pulse 1.2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.spin{animation:none}}body.has-player .content{padding-bottom:128px}.player-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 16px #0000001f;padding:0 12px 8px}.player-seek{width:100%;margin:0;accent-color:var(--accent);height:4px;cursor:pointer}.player-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding-top:6px}.player-info{min-width:0;cursor:pointer;justify-self:start}.player-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-sub{font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-center{display:flex;align-items:center;gap:16px;justify-self:center;flex-wrap:wrap;justify-content:center}.player-controls{display:flex;align-items:center;justify-content:center;gap:8px}.player-secondary{display:flex;align-items:center;gap:6px}.player-speed{width:auto;padding:4px 6px}.pbar-ctl{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;color:var(--text);background:var(--surface-2);transition:background .12s,color .12s}.pbar-ctl:hover{background:var(--border)}.pbar-ctl:disabled{opacity:.4;cursor:not-allowed}.pbar-jump span{position:absolute;font-size:9px;font-weight:700}.pbar-play{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;color:#fff;background:var(--accent);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 45%,transparent);transition:transform .1s}.pbar-play:hover{transform:scale(1.05)}.pbar-play:active{transform:scale(.96)}@media (max-width: 720px){.player-row{grid-template-columns:1fr auto 1fr}.player-info{display:none}}.player-chapters{margin-top:8px;border-top:1px solid var(--border);padding-top:8px}.player-chapter-list{max-height:40vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.player-chapter{text-align:left;background:none;border:none;color:inherit;cursor:pointer;padding:6px 8px;border-radius:6px;font-size:14px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-chapter:hover{background:var(--surface-2)}.player-chapter.active{background:color-mix(in srgb,var(--accent) 18%,transparent);font-weight:600}.player-chapter-n{color:var(--text-dim);margin-right:4px}@media (max-width: 640px){.player-controls .btn small,.player-controls{gap:4px}.player-sub{font-size:11px}}.grid-cover{position:relative;width:fit-content;max-width:100%}.cover-progress{position:absolute;left:0;right:0;bottom:0;height:5px;z-index:4;background:#00000059;overflow:hidden;border-radius:0 0 12px 12px}.cover-progress>div{height:100%;background:var(--accent)}.spoiler{background:var(--text);color:transparent;border-radius:4px;padding:0 3px;cursor:pointer;filter:blur(.2px);-webkit-user-select:none;user-select:none;transition:color .15s,background .15s}.spoiler.revealed{background:color-mix(in srgb,var(--accent) 14%,transparent);color:inherit;cursor:auto;-webkit-user-select:text;user-select:text}.chip-x{background:none;border:none;cursor:pointer;padding:0 2px;font-size:11px;line-height:1;color:inherit;opacity:.7;width:auto}.chip-x:hover{opacity:1}.chat-input{flex:1 1 auto;width:100%;min-width:0;box-sizing:border-box;resize:none;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;line-height:1.4;min-height:2.4em;max-height:40vh;overflow-y:auto}.cover-wrap{position:relative;display:inline-block;line-height:0;flex:none}.cover-formats{position:absolute;top:4px;left:4px;z-index:2;display:flex;gap:3px;line-height:1;pointer-events:none}.cover-fbadge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 3px;font-size:11px;border-radius:6px;background:#10081ab8;color:#fff;box-shadow:0 1px 3px #00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cover-fbadge-e{font-weight:700;font-style:italic;font-size:12px;background:var(--accent);color:#fff}.cover-bubble{position:fixed;z-index:1000;width:max-content;max-width:300px;max-height:60vh;overflow:hidden;transform:translate(-50%);padding:10px 12px;border-radius:10px;background:#10081af5;color:#f2ecf8;font-size:12.5px;line-height:1.5;text-align:left;letter-spacing:.1px;white-space:pre-wrap;word-break:break-word;box-shadow:0 10px 28px #00000073;border:1px solid rgba(255,255,255,.08);pointer-events:none;animation:cover-bubble-in .14s ease-out}.cover-bubble.above{transform:translate(-50%,-100%)}.cover-bubble.empty{font-style:italic;color:#c9bcda;text-align:center}.cover-bubble:after{content:"";position:absolute;left:50%;margin-left:-6px;border:6px solid transparent}.cover-bubble.above:after{top:100%;border-top-color:#10081af5}.cover-bubble.below:after{bottom:100%;border-bottom-color:#10081af5}@keyframes cover-bubble-in{0%{opacity:0}to{opacity:1}}.chat-dock-toggle{position:fixed;right:20px;bottom:20px;z-index:45;width:54px;height:54px;border-radius:50%;border:none;cursor:pointer;background:var(--accent);color:#fff;font-size:24px;box-shadow:0 6px 18px #00000047;display:flex;align-items:center;justify-content:center}.chat-dock-badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}.chat-dock{position:fixed;right:20px;bottom:20px;z-index:46;width:340px;max-width:calc(100vw - 40px);height:460px;max-height:calc(100vh - 120px);margin:0;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000052}body.has-player .chat-dock-toggle{bottom:140px}body.has-player .chat-dock{bottom:140px;max-height:calc(100vh - 200px)}@media (max-width: 480px){.chat-dock{right:10px;left:10px;width:auto}}.player-page{max-width:820px;margin:0 auto;padding:8px 4px 40px}.player-page.empty{display:flex;justify-content:center;padding-top:60px}.player-empty-card{text-align:center;max-width:460px;color:var(--text-dim)}.player-empty-icon{color:var(--text-dim);display:flex;justify-content:center}.player-empty-card h2{color:var(--text);margin:8px 0}.player-page.pv{max-width:1240px}.pv-layout{display:grid;grid-template-columns:1fr minmax(300px,380px) 1fr;gap:22px;align-items:start}.pv-side{min-width:0;max-width:300px;width:100%}.pv-left{justify-self:start}.pv-right{justify-self:end}.pv-info-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:16px}.pv-info-card h3{margin:0 0 10px;color:var(--text)}.pv-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pv-card-head h3{margin:0 0 10px}.pv-clear-queue{flex:none;background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:var(--fs-xs);padding:2px 4px}.pv-clear-queue:hover{color:var(--text);text-decoration:underline}.pv-info-row{display:flex;gap:10px;margin-bottom:10px;font-size:var(--fs-sm)}.pv-info-k{flex:none;min-width:62px;color:var(--text-dim);font-weight:var(--fw-semibold)}.pv-chips{display:flex;flex-wrap:wrap;gap:4px}.pv-annotation{margin-top:4px}.pv-annotation .pv-info-k{display:block;margin-bottom:4px}.pv-annotation p{margin:0;font-size:var(--fs-sm);line-height:1.55;color:var(--text)}.pv-author-name{font-weight:var(--fw-semibold);color:var(--text)}.pv-author-list{display:flex;flex-direction:column;gap:6px}.pv-author-book{display:flex;align-items:center;gap:8px;text-align:left;width:100%;padding:4px;border-radius:8px;color:var(--text);font-size:var(--fs-sm)}.pv-author-book:hover{background:var(--surface-2)}.pv-author-book span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-ip-meta{display:flex;flex-direction:column;min-width:0}.pv-ip-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-ip-pct{font-size:var(--fs-xs);color:var(--accent);font-weight:var(--fw-semibold)}.pv-ip-row{display:flex;align-items:center;gap:2px}.pv-ip-row .pv-author-book{flex:1;min-width:0}.pv-ip-remove{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:var(--text-dim);opacity:0;transition:opacity .12s}.pv-ip-row:hover .pv-ip-remove{opacity:1}.pv-ip-remove:hover{background:var(--surface-2);color:var(--danger)}.pv-chapters-card{position:sticky;top:12px}.pv-chapter-list{max-height:62vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.pv-center{display:flex;flex-direction:column;align-items:center;text-align:center}.pv-cover3d{width:260px;max-width:100%;background:none;border:none;padding:0;margin:0 auto}.pv-remain{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:10px;font-size:var(--fs-sm);color:var(--text-dim)}.pv-remain span{display:inline-flex;align-items:center;gap:5px}.pv-remain b{color:var(--text)}.pv-title{margin:14px 0 2px;font-size:1.6rem;color:var(--text);letter-spacing:-.01em}@media (max-width: 1024px){.pv-layout{grid-template-columns:1fr}.pv-center{order:-1}.pv-chapters-card{position:static}.pv-chapter-list{max-height:40vh}}.pv-author{color:var(--text);font-size:1.02rem;font-weight:var(--fw-medium)}.pv-narrator{color:var(--text-dim);font-size:.92rem;margin-top:2px}.pv-chapter{margin-top:8px;color:var(--text-dim);font-size:.9rem}.pv-seek-wrap{margin:22px auto 6px;max-width:560px}.player-seek.big{width:100%}.player-times,.pv-times{display:flex;justify-content:space-between;color:var(--text-dim);font-size:.85rem;margin-top:4px}.pv-controls{display:flex;gap:18px;align-items:center;justify-content:center;margin:22px 0 20px}.pv-ctl{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;color:var(--text);background:var(--surface-2);transition:background .12s,transform .1s}.pv-ctl:hover{background:var(--border)}.pv-ctl:active{transform:scale(.94)}.pv-ctl:disabled{opacity:.35;cursor:not-allowed}.pv-jump span{position:absolute;font-size:11px;font-weight:700}.pv-play{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#7C3AED));box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 45%,transparent);transition:transform .1s}.pv-play:hover{transform:scale(1.05)}.pv-play:active{transform:scale(.96)}.pv-load{font-size:28px}.pv-extra,.player-extra{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:18px}.player-extra-item{display:flex;gap:6px;align-items:center;color:var(--text-dim)}.btn.danger{color:var(--danger);border-color:var(--danger)}.player-chapters,.player-bookmarks{margin-top:24px;border-top:1px solid var(--border);padding-top:12px}.player-chapters h3,.player-bookmarks h3{color:var(--text)}.player-chapters ol{list-style:none;padding:0;margin:0}.chapter-row{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:8px 10px;border-radius:8px;cursor:pointer}.chapter-row:hover{background:var(--surface-2)}.chapter-row.active{background:var(--surface-2);color:var(--accent);font-weight:600}.chapter-num{color:var(--text-dim);min-width:28px}.chapter-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-playing{margin-left:auto;color:var(--accent);flex:none}.player-bookmarks ul{list-style:none;padding:0;margin:0}.player-bookmarks li{display:flex;gap:8px;align-items:center;padding:4px 0}.bm-goto{flex:1;text-align:left;background:transparent;border:none;color:var(--text);cursor:pointer;padding:6px;border-radius:8px}.bm-goto:hover{background:var(--surface-2)}.lang-switch{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.lang-opt{border:0;background:transparent;color:var(--text);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;cursor:pointer;line-height:1}.lang-opt:hover{opacity:.8}.lang-opt.active{background:var(--accent);color:#fff}.auth-lang{display:flex;margin:0 auto 12px}.online-search-prompt{display:flex;align-items:center;gap:12px;width:100%;margin:8px 0 16px;padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;color:inherit;transition:border-color .15s ease,background .15s ease}.online-search-prompt:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--card))}.online-search-prompt strong{display:block}.first-book-guide{max-width:620px;margin:24px auto}.first-book-step{transition:transform .12s ease,box-shadow .12s ease}.first-book-step:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000001a}.first-book-num{width:26px;height:26px;flex:0 0 26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:.85rem}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}@keyframes tour-fade{0%{opacity:0}to{opacity:1}}.tour-card{position:relative;width:100%;max-width:420px;text-align:center;padding:28px 24px 20px;border-radius:18px;animation:tour-pop .22s cubic-bezier(.2,.9,.3,1.2);max-height:calc(100dvh - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes tour-pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.tour-skip{position:absolute;top:12px;right:14px;background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:13px;padding:4px 6px}.tour-skip:hover{color:var(--text)}.tour-icon{width:64px;height:64px;margin:4px auto 14px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.tour-title{margin:0 0 8px;font-size:20px}.tour-desc{margin:0 auto;max-width:34ch;color:var(--text-dim);line-height:1.5}.tour-go{display:inline-flex;align-items:center;gap:6px;margin-top:16px}.tour-dontshow{display:block;margin-top:16px;font-size:13px;color:var(--muted);cursor:pointer;text-align:center}.tour-dontshow input{display:inline-block;width:auto;margin:0 8px 0 0;vertical-align:middle;cursor:pointer}.tour-dots{display:flex;gap:7px;justify-content:center;margin:20px 0 16px}.tour-dot{width:8px;height:8px;border-radius:50%;padding:0;cursor:pointer;border:none;background:var(--border);transition:background .15s,transform .15s}.tour-dot.active{background:var(--accent);transform:scale(1.25)}.tour-nav{display:flex;gap:10px}.tour-nav .btn{flex:1;justify-content:center}