:root{--text:#6b6375;--text-h:#08060d;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary:#8b5cf6;--primary-hover:#7c3aed;--bg-deep:#0d0d0d;--bg-card:#ffffff0d;--bg-glass:#1e1e1e66;--border-glass:#ffffff14;--text-main:#f3f4f6;--text-muted:#9ca3af;--accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #d946ef 100%);--shadow-premium:0 8px 32px 0 #000c;background-color:#0d0d0d;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deep);background-image:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a1a 0,#0000 50%),radial-gradient(at 100% 0,#7227410d 0,#0000 50%);min-height:100vh;display:flex;overflow-x:hidden}#root{flex-direction:column;align-items:center;width:100%;display:flex}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-glass);box-shadow:var(--shadow-premium);border-radius:28px}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px;@media (width<=1024px){margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%;@media (width<=1024px){font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.container{flex-direction:column;gap:40px;width:90%;max-width:1000px;margin:80px auto;display:flex}.header{text-align:center}.header h1{background:var(--accent-gradient);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;font-size:4rem}.header p{color:var(--text-muted);font-size:1.2rem}.upload-section{cursor:pointer;border:2px dashed #6366f14d;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:60px;transition:all .3s;display:flex}.upload-section:hover{border-color:var(--primary);background:#6366f10d}.upload-icon{width:64px;height:64px;color:var(--primary);margin-bottom:16px}.text-preview{min-height:300px;max-height:600px;color:var(--text-main);white-space:pre-wrap;padding:40px;font-size:1.1rem;line-height:1.8;overflow-y:auto}.controls{align-self:center;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;bottom:40px}.voice-select{background:var(--bg-deep);color:#fff;border:1px solid var(--border-glass);border-radius:12px;outline:none;padding:10px 16px}.status-badge{color:#10b981;background:#10b9811a;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.loading-spinner,.loading-spinner-small{border:4px solid #ffffff1a;border-left-color:var(--primary-light);border-radius:50%;animation:1s linear infinite spin}.loading-spinner{width:50px;height:50px}.loading-spinner-small{border-width:2px;width:20px;height:20px}@keyframes spin{to{transform:rotate(360deg)}}.book-view{width:100%;max-width:800px}.book-content{color:var(--text-main);text-align:justify;font-family:Georgia,serif;font-size:1.25rem;line-height:2}.sentence-span{cursor:pointer;border-radius:4px;padding:2px 4px;transition:all .3s}.sentence-span:hover{text-decoration:underline;text-decoration-color:var(--primary);text-underline-offset:4px;background:#ffffff0d}.sentence-span.active{color:#fff;background:#8b5cf633;box-shadow:0 0 15px #8b5cf61a}