*{box-sizing:border-box}:root{--bg: #f7f6f3;--surface: #ffffff;--text: #1e1c19;--muted: #6d6a64;--border: #e3e0da;--accent: #7c5cbf;--accent-dark: #634a9e;--chip-bg: #f0ebfa;--chip-done-bg: #e5f3e8;--chip-done-fg: #256d3b;color-scheme:light}:root[data-theme=dark]{--bg: #141519;--surface: #1d1f25;--text: #e6e4df;--muted: #97948d;--border: #2b2d35;--accent: #8f74e0;--accent-dark: #ab95ec;--chip-bg: #2a2536;--chip-done-bg: #1e3326;--chip-done-fg: #7fc494;color-scheme:dark}:root[data-theme=dark] .form-error{background:#3a2022;color:#f0a3a3}:root[data-theme=dark] .btn-primary{color:#fff}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:var(--accent-dark);text-decoration:none}a:hover{text-decoration:underline}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.7rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{font-weight:700;font-size:1.15rem;color:var(--text)}.topbar nav{display:flex;gap:1rem;flex:1}.topbar nav a{color:var(--muted);padding:.25rem 0}.topbar nav a.active{color:var(--text);font-weight:600;border-bottom:2px solid var(--accent)}.topbar-user{display:flex;align-items:center;gap:.75rem}.user-email{color:var(--muted);font-size:.9rem}.main{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.main-reader{padding:0}.page-title{font-size:1.5rem;margin:.5rem 0 1.25rem}.page-head{display:flex;align-items:baseline;gap:.75rem}.page-sub{color:var(--muted);font-size:.9rem}.theme-toggle{white-space:nowrap}.lang-select{padding:.4rem .55rem;font-size:.9rem;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);cursor:pointer}.lang-select:hover{border-color:var(--accent)}.auth-lang{margin-top:.75rem;text-align:center}.page-loading,.empty-state{padding:4rem 1rem;text-align:center;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1.2;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.45rem .9rem;font-family:inherit;font-size:.9rem;text-decoration:none;white-space:nowrap;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-ghost{background:transparent}.btn-ghost.active{border-color:var(--accent);color:var(--accent-dark);font-weight:600}.btn-small{padding:.3rem .7rem;font-size:.85rem}.search-input{width:100%;padding:.6rem .9rem;font-size:1rem;border:1px solid var(--border);border-radius:8px;margin-bottom:1.25rem;background:var(--surface);color:var(--text)}.search-input:focus{outline:2px solid var(--accent);border-color:transparent}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:.9rem}.auth-card h1{margin:0;text-align:center}.auth-sub{margin:-.5rem 0 .25rem;text-align:center;color:var(--muted);font-size:.9rem}.auth-card label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600}.auth-card input{padding:.55rem .75rem;font-size:1rem;border:1px solid var(--border);border-radius:8px;font-weight:400}.auth-card input:focus{outline:2px solid var(--accent);border-color:transparent}.optional{color:var(--muted);font-weight:400}.auth-alt{text-align:center;font-size:.9rem;color:var(--muted);margin:.25rem 0 0}.form-error{background:#fdecec;color:#a02020;border-radius:8px;padding:.6rem .9rem;font-size:.9rem}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.25rem}.book-card{display:flex;flex-direction:column;gap:.5rem}.book-card-cover{position:relative;display:block}.book-card-cover .cover{transition:transform .15s ease,box-shadow .15s ease}.book-card-cover:hover .cover{transform:translateY(-4px);box-shadow:0 10px 24px #00000038}.cover-badge{position:absolute;top:.5rem;right:.5rem;background:#0000008c;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cover{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:8px;display:block;box-shadow:0 2px 8px #0000001f}.cover-placeholder{display:grid;place-items:center;color:#fff;padding:.75rem;text-align:center;font-weight:600;font-size:.95rem}.book-card-title{font-weight:600;color:var(--text);line-height:1.3}.book-card-author{color:var(--muted);font-size:.85rem}.book-card-meta{color:var(--muted);font-size:.8rem;margin-bottom:.35rem}.pager{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;color:var(--muted)}.detail-header{display:flex;gap:1.75rem;margin:1rem 0 2rem}.detail-hero{background:linear-gradient(170deg,hsl(var(--hero-hue, 260) 45% 45% / .14),hsl(var(--hero-hue, 260) 45% 45% / .03) 70%,transparent);border-radius:16px;padding:1.75rem}.detail-cover{flex:0 0 180px}.detail-info h1{margin:0 0 .25rem;font-size:1.9rem;line-height:1.2}.detail-author{color:var(--muted);margin-bottom:.75rem}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}.chip{display:inline-block;padding:.15rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--chip-bg);color:var(--accent-dark)}.chip-done{background:var(--chip-done-bg);color:var(--chip-done-fg)}.chip-muted{background:transparent;border:1px solid var(--border);color:var(--muted);font-weight:500}.detail-description{max-width:60ch;white-space:pre-line}.detail-actions{display:flex;gap:.75rem;margin-top:1rem}.toc-heading{border-top:1px solid var(--border);padding-top:1.5rem;display:flex;align-items:baseline;gap:.9rem}.toc-progress-hint{font-size:.85rem;font-weight:500;color:var(--muted)}.toc-list{columns:2;gap:2rem;padding-left:1.25rem}.toc-list li{margin-bottom:.15rem;break-inside:avoid}.toc-list a{display:inline-block;padding:.15rem .5rem;margin-left:-.5rem;border-radius:6px}.toc-list a:hover{background:var(--chip-bg);text-decoration:none}.toc-list a.current{background:var(--chip-bg);font-weight:700}.toc-unfetched{color:var(--muted);font-style:italic}.toc-filter{display:block;width:100%;max-width:22rem;margin:.25rem 0 1rem;padding:.5rem .75rem;font:inherit;color:inherit;background:var(--chip-bg);border:1px solid var(--border);border-radius:8px}.toc-filter:focus{outline:none;border-color:var(--muted)}.toc-ellipsis{list-style:none;column-span:all;margin:.75rem 0;text-align:center}.toc-showless{margin-top:.75rem}@media(max-width:640px){.detail-header{flex-direction:column}.detail-cover{flex-basis:auto;max-width:160px}.toc-list{columns:1}.reader-toolbar{flex-wrap:wrap;gap:.35rem .4rem;padding:.5rem .6rem}.reader-info{display:none}.reader-toolbar .btn{padding:.4rem .55rem;font-size:.85rem}.topbar{flex-wrap:wrap;gap:.5rem;padding:.6rem .75rem}.topbar nav{gap:.9rem}.topbar-user{flex-basis:100%;justify-content:flex-end}.user-email{display:none}}.browse-layout{display:grid;grid-template-columns:220px 1fr;gap:1.75rem;align-items:start}.filter-rail{display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:4.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.filter-chips{display:flex;flex-wrap:wrap;gap:.35rem}.filter-empty{color:var(--muted);font-size:.85rem}.chip-button{border:1px solid transparent;cursor:pointer;font:inherit;font-size:.78rem;font-weight:600}.chip-button:hover{border-color:var(--accent)}.chip-active{background:var(--accent);color:#fff}.chip-count{opacity:.7;font-weight:500}.filter-segment{display:flex;gap:.35rem;flex-wrap:wrap}.filter-select{padding:.4rem .55rem;font-size:.9rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.filter-select:focus{outline:2px solid var(--accent);border-color:transparent}.filter-clear{align-self:flex-start}.chip-link{cursor:pointer}.chip-link:hover{background:var(--accent);color:#fff;text-decoration:none}.detail-year{color:var(--muted)}.detail-back{margin:-.5rem 0 1.25rem;font-size:.9rem}@media(max-width:720px){.browse-layout{grid-template-columns:1fr}.filter-rail{position:static}}.reader{min-height:100vh;--reader-bg: #f7f6f3;--reader-text: #1e1c19;--reader-muted: #6d6a64;background:var(--reader-bg);color:var(--reader-text)}.reader.theme-sepia{--reader-bg: #f4ecd8;--reader-text: #433422;--reader-muted: #8a7a62}.reader.theme-dark{--reader-bg: #17181c;--reader-text: #d5d3cd;--reader-muted: #8b8983}.reader .btn{background:transparent;color:var(--reader-text);border-color:color-mix(in srgb,var(--reader-text) 20%,transparent)}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem .75rem;padding:.6rem 1rem;position:sticky;top:0;background:color-mix(in srgb,var(--reader-bg) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid color-mix(in srgb,var(--reader-text) 10%,transparent);z-index:5}.reader.chrome-hidden .reader-toolbar{display:none}.reader-nav{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.toolbar-right{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.4rem .7rem}.reader-info{color:var(--reader-muted);font-size:.85rem;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.onboard-backdrop{position:fixed;inset:0;z-index:60;background:#00000073;display:flex;align-items:center;justify-content:center;padding:1.25rem}.onboard-card{background:var(--reader-bg, var(--bg));color:var(--reader-text, var(--text));border-radius:16px;padding:1.4rem;width:100%;max-width:340px;box-shadow:0 12px 40px #0000004d}.onboard-title{margin:0 0 1.1rem;font-size:1.15rem}.onboard-rows{display:flex;flex-direction:column;gap:.95rem;margin-bottom:1.3rem}.onboard-row{display:flex;align-items:center;gap:.85rem}.onboard-icon{flex:0 0 auto;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--reader-text) 8%,transparent)}.onboard-act{font-weight:500}.onboard-hint{font-size:.85rem;color:var(--reader-muted)}.onboard-got{width:100%}.reader-settings{position:sticky;top:3.3rem;z-index:50;max-width:400px;max-height:calc(100dvh - 4.5rem);overflow-y:auto;margin:.75rem auto 0;background:var(--reader-bg);border:1px solid color-mix(in srgb,var(--reader-text) 15%,transparent);border-radius:12px;padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 6px 24px #00000026}.reader-settings-backdrop{position:fixed;inset:0;z-index:40;background:transparent}.reader-settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.1rem}.reader-settings-title{font-weight:600;font-size:.95rem}.reader-settings-close{border:none;background:none;color:var(--reader-muted);font-size:1.6rem;line-height:1;padding:0 .4rem;min-width:44px;min-height:40px;cursor:pointer;border-radius:8px}.reader-settings-close:hover{background:color-mix(in srgb,var(--reader-text) 10%,transparent);color:var(--reader-text)}@media(max-width:640px){.reader-settings-backdrop{background:#0000004d}}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.9rem}.setting-row>div{display:flex;gap:.35rem;align-items:center}.setting-value{color:var(--reader-muted);min-width:3.2em;text-align:center}.tts-bar{position:sticky;top:3.3rem;z-index:30;max-width:640px;margin:.6rem auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;padding:.55rem .9rem;background:var(--reader-bg);border:1px solid color-mix(in srgb,var(--reader-text) 15%,transparent);border-radius:12px;box-shadow:0 6px 24px #00000026;font-size:.9rem}.tts-controls{display:flex;align-items:center;gap:.35rem}.tts-btn{min-width:40px;justify-content:center}.tts-btn svg,.reader-toolbar .btn svg{display:block}.tts-label{color:var(--reader-muted)}.tts-pos{color:var(--reader-muted);min-width:3.5em;text-align:center;font-variant-numeric:tabular-nums}.tts-voice-row{flex:1 1 12rem;min-width:0}.tts-voice{flex:1;min-width:0}.tts-hint{flex-basis:100%;color:var(--reader-muted);font-size:.82rem}.reader-type{font-size:var(--reader-font-size, 18px);line-height:var(--reader-line-height, 1.75)}.font-serif .reader-type{font-family:Georgia,Iowan Old Style,Times New Roman,Songti SC,SimSun,serif}.font-sans .reader-type{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica,Arial,sans-serif}.chapter-title{font-size:1.35em;margin:0 0 1.5rem}.reader-type p{margin:0 0 1em}.reader-type hr{border:none;text-align:center;margin:2em 0}.reader-type hr:after{content:"⁂";color:var(--reader-muted)}.reader-type blockquote{margin:1em 0;padding-left:1em;border-left:3px solid var(--reader-muted);color:color-mix(in srgb,var(--reader-text) 80%,var(--reader-muted))}.reader-content{max-width:var(--reader-width, 65ch);margin:0 auto;padding:2rem 1.25rem 3rem}.reader.paged{min-height:0;height:100vh;height:100svh;height:var(--reader-vh, 100svh);display:flex;flex-direction:column;overflow:hidden;position:relative}.reader.paged .reader-toolbar{position:static}.reader.paged .reader-settings{position:fixed;top:3.4rem;left:50%;transform:translate(-50%);width:min(420px,calc(100% - 2rem));margin:0;z-index:50}.reader.paged .tts-bar{position:fixed;top:3.4rem;left:50%;transform:translate(-50%);width:min(640px,calc(100% - 2rem));margin:0;z-index:50}.page-area{flex:1;min-height:0;width:100%;max-width:calc(var(--reader-width, 65ch) + 2.5rem);margin:0 auto;padding:1.5rem 1.25rem .25rem;overflow:hidden}.page-columns{height:100%;column-fill:auto;transition:transform .18s ease}.page-columns .end-card{break-inside:avoid;padding-top:1.5rem}.page-indicator{text-align:center;padding:.35rem 0 .75rem;color:var(--reader-muted);font-size:.85rem}.end-card{display:flex;flex-direction:column;gap:.9rem;align-items:center;text-align:center;padding:2.5rem 0}.end-card-fin{color:var(--reader-muted);font-style:italic}.end-card-done{color:var(--reader-muted)}.chapter-search{margin:1.5rem 0}.chapter-search .search-input{margin-bottom:.5rem}.chapter-search-results{border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}.chapter-search-status{padding:.6rem .9rem;color:var(--muted);font-size:.85rem}.chapter-search-list{list-style:none;margin:0;padding:0;max-height:22rem;overflow-y:auto}.chapter-search-list li{border-top:1px solid var(--border)}.chapter-search-hit{display:block;padding:.6rem .9rem;color:var(--text)}.chapter-search-hit:hover{background:var(--chip-bg);text-decoration:none}.chapter-search-title{display:flex;justify-content:space-between;gap:1rem;font-weight:600;font-size:.9rem}.chapter-search-count{color:var(--muted);font-weight:400;white-space:nowrap}.chapter-search-snippet{display:block;margin-top:.2rem;color:var(--muted);font-size:.85rem;line-height:1.5}.chapter-search-snippet mark,.chapter-search-count mark{background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text);border-radius:3px;padding:0 1px}::highlight(find){background:color-mix(in srgb,gold 60%,transparent);color:#1a1a1a}::highlight(tts){background:color-mix(in srgb,var(--accent) 32%,transparent)}