:root{font-family:Georgia,Times New Roman,serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2d2d2d;--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .4);--accent: #8b5cf6;--accent-light: #a78bfa;--accent-dark: #6d28d9;--highlight-active: rgba(139, 92, 246, .2);--highlight-past: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .1)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:Georgia,Times New Roman,serif;background:var(--bg-primary);color:var(--text-primary)}.app{display:flex;height:100vh;overflow:hidden}.menu-toggle{position:fixed;top:1rem;left:1rem;z-index:100;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);font-size:1.5rem;width:44px;height:44px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.menu-toggle:hover{background:var(--accent-dark)}.sidebar{width:300px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;height:100%;z-index:90;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.chapter-list{flex:1;overflow-y:auto;padding:4rem 1rem 1rem}.chapter-list h2{font-family:system-ui,sans-serif;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 1rem;padding:0 .5rem}.chapter-list ul{list-style:none;margin:0;padding:0}.chapter-list li{display:flex;flex-direction:column;padding:.75rem;margin-bottom:.25rem;border-radius:8px;cursor:pointer;transition:background .15s}.chapter-list li:hover{background:var(--bg-tertiary)}.chapter-list li.active{background:var(--highlight-active);border-left:3px solid var(--accent)}.chapter-list .chapter-number{font-family:system-ui,sans-serif;font-size:.75rem;color:var(--text-muted)}.chapter-list .chapter-title{font-size:.95rem;color:var(--text-primary);margin:.25rem 0}.chapter-list .chapter-pov{font-family:system-ui,sans-serif;font-size:.75rem;color:var(--accent-light)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.reader{flex:1;overflow-y:auto;padding:2rem;padding-bottom:140px}@media(min-width:768px){.reader{padding:3rem 4rem;padding-bottom:160px}}@media(min-width:1024px){.reader{padding:4rem;padding-bottom:160px;max-width:800px;margin:0 auto}}.chapter-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.chapter-image{width:100%;max-width:600px;height:auto;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 4px 20px #0000004d}.chapter-header h1{font-size:2rem;font-weight:400;margin:0 0 .75rem;color:var(--text-primary)}.chapter-meta{display:flex;gap:1.5rem;font-family:system-ui,sans-serif;font-size:.85rem}.chapter-meta .pov{color:var(--accent-light)}.chapter-meta .word-count{color:var(--text-muted)}.chapter-content{line-height:1.8}.chapter-content .paragraph{margin:0 0 1.25rem;padding:.5rem .75rem;border-radius:4px;cursor:pointer;transition:background .2s,color .2s;text-indent:1.5rem}.chapter-content .paragraph:first-of-type{text-indent:0}.chapter-content .paragraph:hover{background:var(--highlight-past)}.chapter-content .paragraph.past{color:var(--text-secondary)}.chapter-content .paragraph.active{background:var(--highlight-active);color:var(--text-primary);border-left:3px solid var(--accent)}.chapter-content .heading{text-indent:0;font-weight:400;margin:2rem 0 1rem;cursor:pointer}.chapter-content h1.heading{font-size:1.75rem;color:var(--text-primary)}.chapter-content h2.heading{font-size:1.25rem;color:var(--text-secondary)}.chapter-content .section-break{border:none;height:2rem;margin:2rem 0;text-align:center}.chapter-content .section-break:before{content:"* * *";color:var(--text-muted);letter-spacing:1em}.audio-panel{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(transparent,var(--bg-secondary) 20%);padding:2rem 1rem 1rem}@media(min-width:768px){.audio-panel{left:300px}}.audio-controls{max-width:600px;margin:0 auto;background:var(--bg-tertiary);border-radius:12px;padding:1rem 1.5rem;border:1px solid var(--border)}.controls-row{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem}.play-btn{background:var(--accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:24px;font-size:1rem;cursor:pointer;font-family:system-ui,sans-serif;transition:background .2s}.play-btn:hover{background:var(--accent-dark)}.skip-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.5rem .75rem;border-radius:8px;font-size:.85rem;cursor:pointer;font-family:system-ui,sans-serif;transition:all .2s}.skip-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.progress-container{cursor:pointer}.progress-bar{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--accent);transition:width .1s linear}.time-display{display:flex;justify-content:space-between;font-family:system-ui,sans-serif;font-size:.75rem;color:var(--text-muted)}.playback-rate{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;font-family:system-ui,sans-serif;font-size:.85rem;color:var(--text-secondary)}.playback-rate select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:.25rem .5rem;border-radius:4px;font-size:.85rem}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-family:system-ui,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}