@import"https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Inter:wght@400;500;600&display=swap";:root{--font-body: "PT Serif", "Georgia", serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--reading-width: 700px;--header-height: 56px;--transition: .25s ease}[data-theme=dark]{--bg-primary: #0f0e17;--bg-secondary: #1a1932;--bg-card: #1e1d2f;--bg-hover: #252442;--bg-input: #1a1932;--text-primary: #e8e0d0;--text-secondary: #a09a8c;--text-muted: #6b6560;--accent: #c9a84c;--accent-hover: #dab95d;--accent-muted: rgba(201, 168, 76, .15);--border: #2a2940;--border-light: #1e1d2f;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--separator: #c9a84c;--error: #e05555;--success: #4caf7c;--scrollbar-track: #1a1932;--scrollbar-thumb: #2a2940}[data-theme=light]{--bg-primary: #faf8f5;--bg-secondary: #f0ece4;--bg-card: #ffffff;--bg-hover: #ece8e0;--bg-input: #ffffff;--text-primary: #2c2a25;--text-secondary: #5c5850;--text-muted: #9c9588;--accent: #8b6914;--accent-hover: #a07a1a;--accent-muted: rgba(139, 105, 20, .1);--border: #ddd8cc;--border-light: #ece8e0;--shadow: 0 4px 24px rgba(0, 0, 0, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--separator: #8b6914;--error: #c44040;--success: #3a8f60;--scrollbar-track: #f0ece4;--scrollbar-thumb: #ddd8cc}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background var(--transition),color var(--transition);min-height:100vh}.skip-link{position:absolute;top:-100%;left:16px;z-index:10000;padding:8px 16px;background:var(--accent);color:var(--bg-primary);border-radius:0 0 6px 6px;font-family:var(--font-ui);font-size:.85rem;font-weight:600;text-decoration:none;transition:top .2s ease}.skip-link:focus{top:0}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border:none;border-radius:6px;font-family:var(--font-ui);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition);text-decoration:none}.btn-primary{background:var(--accent);color:#0f0e17}.btn-primary:hover{background:var(--accent-hover);color:#0f0e17}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background var(--transition)}.header-left,.header-right{display:flex;align-items:center;gap:12px}.header-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary);font-family:var(--font-ui);font-size:.85rem;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all var(--transition);text-decoration:none}.header-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.header-title{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-family:var(--font-ui);font-size:1rem;font-weight:600;text-decoration:none}.header-title:hover{color:var(--accent)}.book-icon{opacity:.8}.header-user{display:flex;align-items:center;gap:8px}.header-username{font-family:var(--font-ui);font-size:.85rem;color:var(--accent)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition)}.sidebar-overlay.visible{opacity:1;pointer-events:all}.sidebar{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:85vw;background:var(--bg-secondary);z-index:300;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.sidebar-header h3{font-family:var(--font-ui);font-size:.95rem;font-weight:600;color:var(--text-primary)}.sidebar-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:color var(--transition)}.sidebar-close:hover{color:var(--text-primary)}.sidebar-nav{flex:1;overflow-y:auto;padding:8px 0}.sidebar-link{display:flex;flex-direction:column;gap:2px;padding:12px 20px;color:var(--text-secondary);text-decoration:none;transition:all var(--transition);border-left:3px solid transparent}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-muted);color:var(--accent);border-left-color:var(--accent)}.sidebar-chapter-num{font-family:var(--font-ui);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.sidebar-chapter-title{font-size:.95rem}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.sidebar-download{display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--text-secondary);font-family:var(--font-ui);font-size:.85rem;text-decoration:none;border-radius:6px;transition:all var(--transition)}.sidebar-download:hover{background:var(--bg-hover);color:var(--accent)}.main-content{min-height:calc(100vh - var(--header-height))}.home-page{max-width:var(--reading-width);margin:0 auto;padding:0 24px}.hero{text-align:center;padding:80px 0 60px}.hero-decoration{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px}.hero-line{width:60px;height:1px;background:var(--border)}.hero-icon{color:var(--accent);opacity:.6}.hero-title{font-family:var(--font-body);font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:6px;letter-spacing:.02em}.hero-author{font-family:var(--font-ui);font-size:1rem;color:var(--text-secondary);margin-bottom:16px;font-weight:500}.hero-genres{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px}.genre-tag{display:inline-block;padding:4px 14px;font-family:var(--font-ui);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border:1px solid var(--accent);border-radius:100px;opacity:.75;transition:opacity var(--transition)}.genre-tag:hover{opacity:1}.hero-stats{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.hero-stat{font-family:var(--font-ui);font-size:.85rem;color:var(--text-muted)}.hero-status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:.75rem;font-weight:500;padding:3px 12px;border-radius:100px;letter-spacing:.03em}.hero-status:before{content:"";width:6px;height:6px;border-radius:50%}.hero-status--in_progress{color:var(--accent);background:var(--accent-muted)}.hero-status--in_progress:before{background:var(--accent)}.hero-status--completed{color:var(--success);background:#4caf7c1f}.hero-status--completed:before{background:var(--success)}.hero-status--hiatus{color:var(--text-muted);background:var(--bg-hover)}.hero-status--hiatus:before{background:var(--text-muted)}.hero-description{font-family:var(--font-body);font-size:1.05rem;line-height:1.75;color:var(--text-secondary);max-width:580px;margin:0 auto 36px;text-align:left}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.hero-downloads{display:flex;gap:12px}.toc-section{padding:40px 0 80px;border-top:1px solid var(--border-light)}.toc-heading{font-family:var(--font-ui);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:24px;text-align:center}.toc-list{display:flex;flex-direction:column;gap:2px;list-style:none;padding:0;margin:0}.toc-list-item{display:contents}.toc-item{display:flex;align-items:baseline;gap:12px;padding:14px 16px;color:var(--text-primary);text-decoration:none;border-radius:8px;transition:all var(--transition)}.toc-item:hover{background:var(--bg-hover);color:var(--accent)}.toc-number{font-family:var(--font-ui);font-size:.8rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.toc-divider{flex:1;border-bottom:1px dotted var(--border);min-width:20px;align-self:center;margin-bottom:2px}.toc-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.toc-title{font-size:1.05rem;white-space:nowrap}.toc-pov{font-family:var(--font-ui);font-size:.72rem;color:var(--accent);opacity:.65;font-style:italic}.chapter-page{max-width:var(--reading-width);margin:0 auto;padding:0 24px 80px}.chapter-reader{padding-top:48px}.chapter-header{text-align:center;margin-bottom:56px}.chapter-header-ornament{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.header-orn-line{width:48px;height:1px;background:linear-gradient(to var(--_dir, right),transparent,var(--border))}.header-orn-line:first-child{--_dir: right}.header-orn-line:last-child{--_dir: left}.header-orn-symbol{color:var(--accent);font-size:.75rem;opacity:.5}.chapter-heading{font-family:var(--font-ui);font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:10px;font-weight:500}.chapter-title{font-family:var(--font-body);font-size:2.2rem;font-weight:700;color:var(--text-primary);line-height:1.3}.chapter-pov{margin-top:12px;font-family:var(--font-ui);font-size:.82rem;color:var(--accent);opacity:.7;font-style:italic;letter-spacing:.04em}.pov-label{font-style:normal;text-transform:uppercase;font-size:.7rem;letter-spacing:.1em;opacity:.7}.chapter-body{font-size:1.12rem;line-height:1.9;color:var(--text-primary)}.chapter-section{margin-bottom:0}.chapter-paragraph{margin-bottom:1.25em;text-indent:1.5em}.chapter-paragraph.drop-cap{text-indent:0}.chapter-paragraph.drop-cap:first-letter{float:left;font-size:3.6em;line-height:.82;padding-right:.08em;padding-top:.06em;color:var(--accent);font-weight:700;font-family:var(--font-body)}.chapter-dialogue{margin-bottom:1em;padding-left:0;text-indent:0}.chapter-separator{display:flex;align-items:center;justify-content:center;gap:20px;margin:2.8em auto;max-width:280px;-webkit-user-select:none;user-select:none}.separator-line{flex:1;height:1px;background:linear-gradient(to var(--_dir, right),transparent,var(--separator, var(--border)));opacity:.45}.separator-line:first-child{--_dir: right}.separator-line:last-child{--_dir: left}.separator-ornament{color:var(--separator, var(--accent));font-size:.55rem;opacity:.55;line-height:1}.chapter-end{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:3.5em;padding-bottom:1em;-webkit-user-select:none;user-select:none}.end-line{width:40px;height:1px;background:linear-gradient(to var(--_dir, right),transparent,var(--border));opacity:.4}.end-line:first-child{--_dir: right}.end-line:last-child{--_dir: left}.end-ornament{color:var(--accent);font-size:1rem;opacity:.35}.chapter-nav{display:flex;align-items:center;justify-content:space-between;padding:32px 0;margin-top:48px;border-top:1px solid var(--border-light)}.chapter-nav-btn{display:flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;font-family:var(--font-ui);font-size:.9rem;padding:8px 16px;border-radius:6px;transition:all var(--transition)}.chapter-nav-btn:hover{color:var(--accent);background:var(--accent-muted)}.chapter-nav-info{font-family:var(--font-ui);font-size:.85rem;color:var(--text-muted)}.comments-section{margin-top:32px;border-top:1px solid var(--border-light);padding-top:24px}.comments-toggle{display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--text-secondary);font-family:var(--font-ui);font-size:.9rem;cursor:pointer;padding:8px 0;transition:color var(--transition);width:100%}.comments-toggle:hover{color:var(--text-primary)}.comments-chevron{margin-left:auto;transition:transform var(--transition)}.comments-chevron.expanded{transform:rotate(180deg)}.comments-body{margin-top:20px}.comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.comments-empty{color:var(--text-muted);font-family:var(--font-ui);font-size:.9rem;text-align:center;padding:24px 0}.comment{padding:16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-light)}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.comment-author{font-family:var(--font-ui);font-size:.85rem;font-weight:600;color:var(--accent)}.comment-date{font-family:var(--font-ui);font-size:.75rem;color:var(--text-muted)}.comment-text{font-size:.95rem;line-height:1.6;color:var(--text-primary)}.comment-form{display:flex;flex-direction:column;gap:12px}.comment-input,.comment-textarea{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:var(--font-ui);font-size:.9rem;transition:border-color var(--transition);resize:vertical}.comment-input:focus,.comment-textarea:focus{outline:none;border-color:var(--accent)}.comment-textarea{font-family:var(--font-body);min-height:80px}.comment-submit{align-self:flex-end;padding:8px 20px;background:var(--accent);color:#0f0e17;border:none;border-radius:6px;font-family:var(--font-ui);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.comment-submit:hover:not(:disabled){background:var(--accent-hover)}.comment-submit:disabled{opacity:.5;cursor:not-allowed}.login-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height));padding:24px}.auth-card{width:100%;max-width:400px;padding:40px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow)}.auth-title{font-family:var(--font-ui);font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:28px;color:var(--text-primary)}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-family:var(--font-ui);font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-input{padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:var(--font-ui);font-size:.9rem;transition:border-color var(--transition)}.form-input:focus{outline:none;border-color:var(--accent)}.auth-error{padding:10px 14px;background:#e055551a;border:1px solid var(--error);border-radius:6px;color:var(--error);font-family:var(--font-ui);font-size:.85rem}.auth-switch{display:block;width:100%;margin-top:20px;background:none;border:none;color:var(--accent);font-family:var(--font-ui);font-size:.85rem;cursor:pointer;text-align:center;transition:color var(--transition)}.auth-switch:hover{color:var(--accent-hover)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 0;color:var(--text-muted);font-family:var(--font-ui);font-size:.9rem}.loading-spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{text-align:center;padding:80px 0;color:var(--error);font-family:var(--font-ui);font-size:.95rem}@media(max-width:768px){.hero-title{font-size:2.2rem}.hero-description{font-size:.95rem}.toc-right{align-items:flex-end}.toc-title{white-space:normal;text-align:right}.chapter-title{font-size:1.6rem}.chapter-body{font-size:1.02rem;line-height:1.8}.chapter-paragraph.drop-cap:first-letter{font-size:3em}.hero{padding:48px 0 40px}.chapter-reader{padding-top:32px}.chapter-header{margin-bottom:32px}.hero-downloads{flex-direction:column;width:100%;max-width:200px}.auth-card{padding:28px 20px}}@media(max-width:480px){.header{padding:0 12px}.home-page,.chapter-page{padding-left:16px;padding-right:16px}.chapter-nav-btn span{display:none}}