:root{color-scheme:dark;--bg:#0d0f14;--panel:#171a22;--line:#292e3b;--text:#eeeaf2;--muted:#9b9dac;--accent:#d6a85f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#252033 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.shell{max-width:1240px;margin:auto;padding:36px 24px 80px}.top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}h1{font-family:Georgia,serif;font-size:clamp(34px,5vw,62px);margin:8px 0;line-height:1}.muted,.sub{color:var(--muted)}.grid{display:grid;grid-template-columns:280px 1fr;grid-gap:18px;gap:18px}.panel{background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 18px 60px #0004}.nav h3,.panel h2{margin:0 0 14px}.stat{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.stat:last-child{border:0}.bible-section{border-bottom:1px solid var(--line)}.bible-section summary{display:flex;justify-content:space-between;gap:10px;padding:13px 0;cursor:pointer;list-style:none}.bible-section summary::-webkit-details-marker{display:none}.bible-section summary span:before{content:"›";display:inline-block;margin-right:7px;color:var(--accent);transition:transform .15s}.bible-section[open] summary span:before{transform:rotate(90deg)}.bible-list{display:grid;grid-gap:8px;gap:8px;padding:0 0 12px 15px;max-height:330px;overflow:auto}.bible-item{background:#101218;border:1px solid #222631;border-radius:8px;padding:9px;font-size:13px;line-height:1.45}.bible-item small,.bible-item strong{display:block}.bible-item small{color:var(--muted);margin-top:3px}.bible-item p{margin:5px 0 0;color:#c3c2ca}.revealed{text-decoration:line-through;opacity:.65}.chapters{display:grid;grid-gap:10px;gap:10px}.chapter{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:12px;padding:14px}.num{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#24202b;color:var(--accent);font-family:Georgia,serif;font-size:20px}.chapter h3{margin:0 0 4px}.chapter-meta{margin-top:7px;color:#777b8b;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.chapter-actions{display:flex;flex-direction:column;gap:7px;min-width:118px}.chapter-image{grid-column:1/-1;position:relative;margin:-14px -14px 4px;overflow:hidden;border-radius:12px 12px 0 0;background:#0b0d12}.chapter-image img{display:block;width:100%;aspect-ratio:16/9;max-height:430px;object-fit:cover}.chapter-image figcaption{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:7px;background:#090b10cc;color:#ddd;font-size:11px}.chapter-audio{grid-column:2/-1;display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid var(--line)}.chapter-audio audio{width:min(420px,100%);height:36px}.chapter-content{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px}.chapter-content summary{cursor:pointer;color:var(--accent);font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chapter-body{margin-top:14px;padding:24px;background:#101218;border-radius:12px;white-space:pre-wrap;font-family:Georgia,serif;font-size:17px;line-height:1.85;max-height:70vh;overflow:auto}.badge{font-size:11px;letter-spacing:.08em;border:1px solid var(--line);padding:5px 8px;border-radius:20px;color:var(--muted)}.button{border:0;border-radius:10px;padding:10px 14px;cursor:pointer;color:#17130d;background:var(--accent);font-weight:750}.button.secondary{color:var(--text);background:#292d38;border:1px solid #3a3f4d}.button:disabled{opacity:.55;cursor:wait}.empty{padding:44px;text-align:center;color:var(--muted)}.notice{margin-top:14px;padding:12px;border-radius:10px;background:#241f17;color:#e4c995}.composer,.library{margin-bottom:18px}.library-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.library-head h2{font-family:Georgia,serif;font-size:30px;margin:5px 0 16px}.story-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:10px;gap:10px}.story-card{display:block;background:#101218;border:1px solid var(--line);border-radius:12px;padding:14px;transition:.15s}.story-card.selected,.story-card:hover{border-color:var(--accent);transform:translateY(-1px)}.story-card h3{margin:8px 0 4px;font-family:Georgia,serif;font-size:18px}.story-card small{color:var(--muted)}.state{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#9da0ac}.state-đang-viết{color:#e1b66d}.state-đã-viết-xong{color:#74c69d}.state-sẽ-viết{color:#8e94a7}.book-progress{height:4px;background:#292d38;border-radius:9px;overflow:hidden;margin:14px 0 7px}.book-progress span{display:block;height:100%;background:var(--accent)}.story-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.audio-studio{margin-bottom:18px}.audio-head,.audio-row,.merge-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.audio-head h2{font-family:Georgia,serif;font-size:30px;margin:5px 0}.audio-head select{margin-left:8px;background:#0f1117;color:var(--text);border:1px solid var(--line);padding:9px;border-radius:8px}.audio-list{display:grid;grid-gap:7px;gap:7px;margin-top:14px;max-height:420px;overflow:auto}.audio-row{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#101218}.audio-row>div,.merge-row{display:flex;align-items:center;gap:9px}.audio-row audio{width:240px;height:34px}.button.small{padding:7px 10px;font-size:12px}.merge-row{justify-content:flex-start;margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.merge-row audio{height:38px}.chapter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#101218}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.voice-select{color:var(--muted);font-size:12px}.voice-select select{margin-left:6px;max-width:190px;background:#0f1117;color:var(--text);border:1px solid var(--line);padding:8px;border-radius:8px}.merged-player{display:flex;align-items:center;gap:14px;margin:12px 0;padding:12px;background:#12151c;border:1px solid var(--line);border-radius:10px}.merged-player audio{flex:1 1;height:38px}.download:before{content:"↓ ";color:var(--accent)}.composer-actions,.result-head,.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title h2{font-family:Georgia,serif;font-size:30px;margin:5px 0 16px}.tabs{display:flex;background:#0f1117;border:1px solid var(--line);padding:4px;border-radius:11px}.copy,.tab{border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:8px;cursor:pointer}.tab.active{background:#2c2731;color:var(--text)}.field-label{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.editor{width:100%;min-height:190px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:16px;background:#0f1117;color:var(--text);line-height:1.65;outline:none}.editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d6a85f20}.composer-actions{margin-top:12px}.length{color:var(--muted);font-size:13px}.length select{margin-left:8px;background:#0f1117;color:var(--text);border:1px solid var(--line);padding:8px;border-radius:8px}.result-wrap{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.copy{border:1px solid var(--line)}.result{margin-top:14px;padding:22px;border-radius:12px;background:#111319;white-space:pre-wrap;font-family:Georgia,serif;font-size:17px;line-height:1.8;max-height:620px;overflow:auto}.progress{margin-top:14px;padding:12px 14px;border:1px solid #55452e;border-radius:10px;background:#1e1912;color:#e5c792;display:flex;align-items:center;gap:10px}.progress span{width:9px;height:9px;border-radius:50%;background:var(--accent)}.pulse{animation:pulse 1.2s infinite}.exports,.outline-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.exports{justify-content:flex-end;color:var(--muted);font-size:12px}.export-link{padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--text)}.export-link:hover{border-color:var(--accent);color:var(--accent)}.export-link.disabled{opacity:.35;pointer-events:none}@keyframes pulse{50%{opacity:.25;transform:scale(.75)}}@media(max-width:760px){.grid{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.chapter{grid-template-columns:52px 1fr}.chapter-actions,.chapter-audio{grid-column:1/-1}.chapter-actions{flex-direction:row}.chapter-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{justify-content:flex-start}.outline-head{align-items:flex-start;flex-direction:column}.exports{flex-wrap:wrap;justify-content:flex-start}.merged-player{align-items:flex-start;flex-direction:column}.merged-player audio{width:100%}}