:root{--bg: #0f0f0f;--surface: #171717;--border: rgba(255, 255, 255, .08);--text: #e8e4df;--text-dim: rgba(232, 228, 223, .55);--accent: #c9a96e;--accent-dim: rgba(201, 169, 110, .25);--font-body: "Georgia", "Times New Roman", serif;--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.7}.ebook{display:flex;min-height:100vh}.toc{position:fixed;top:0;left:0;width:300px;height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;transform:translate(-100%);transition:transform .3s ease}@media(min-width:768px){.toc{position:sticky;transform:translate(0)}}.toc--open{transform:translate(0)}.toc__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.25rem 1rem;border-bottom:1px solid var(--border)}.toc__title{font-family:var(--font-ui);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.toc__close{background:none;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;line-height:1;display:none}@media(max-width:767px){.toc__close{display:block}}.toc__list{flex:1;overflow-y:auto;padding:.75rem 0}.toc__item{display:flex;align-items:baseline;gap:.75rem;width:100%;padding:.6rem 1.25rem;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s}.toc__item:hover{background:#ffffff0a}.toc__item--active{background:var(--accent-dim)}.toc__number{font-family:var(--font-ui);font-size:.7rem;font-weight:600;color:var(--accent);min-width:1.5rem}.toc__label{font-family:var(--font-body);font-size:.9rem;color:var(--text)}.toc__item--active .toc__label{color:var(--accent)}.toc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:99}@media(min-width:768px){.toc-overlay{display:none}}.reader{flex:1;display:flex;flex-direction:column;min-height:100vh;position:relative}.reader__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);font-family:var(--font-ui);background:var(--surface);position:sticky;top:0;z-index:10}.reader__menu-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.25rem;display:flex;align-items:center}@media(min-width:768px){.reader__menu-btn{display:none}}.reader__book-title{font-size:.75rem;font-weight:500;letter-spacing:.06em;color:var(--text-dim)}.reader__progress{font-size:.7rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.reader__content{flex:1;display:flex;justify-content:center;padding:3rem 1.5rem 4rem}.chapter{max-width:640px;width:100%}.chapter__number{display:inline-block;font-family:var(--font-ui);font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.chapter__title{font-family:var(--font-body);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2;color:var(--text);margin-bottom:1.25rem;letter-spacing:-.01em}.chapter__divider{width:48px;height:2px;background:var(--accent);margin-bottom:2rem;opacity:.6}.chapter__para{font-size:1.05rem;line-height:1.85;color:var(--text);margin-bottom:1.5rem;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.chapter__para:first-of-type:first-letter{font-size:3.2rem;font-weight:700;float:left;line-height:1;margin-right:.5rem;margin-top:.1rem;color:var(--accent)}.reader__footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--surface);position:sticky;bottom:0}.reader__nav-btn{display:flex;align-items:center;gap:.4rem;background:none;border:1px solid var(--border);color:var(--text);font-family:var(--font-ui);font-size:.8rem;font-weight:500;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .15s}.reader__nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.reader__nav-btn:disabled{opacity:.3;cursor:default}.reader__dots{display:flex;gap:6px}.reader__dot{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff26;cursor:pointer;transition:all .2s;padding:0}.reader__dot:hover{background:#ffffff4d}.reader__dot--active{background:var(--accent);transform:scale(1.2)}.reader__progress-bar{position:absolute;top:0;left:0;right:0;height:2px;background:transparent;z-index:20}.reader__progress-fill{height:100%;background:var(--accent);transition:width .4s ease}.toc__list::-webkit-scrollbar{width:4px}.toc__list::-webkit-scrollbar-track{background:transparent}.toc__list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}