:root{--bg:#101114;--card:#1b1d23;--card-2:#242832;--text:#f6f1e8;--muted:#b8b2a7;--accent:#f5b84b;--accent-2:#ffe1a1;--danger:#ff7777;--border:rgba(255,255,255,.13);--shadow:0 22px 70px rgba(0,0,0,.45)}[data-theme=light]{--bg:#f4efe6;--card:#fffaf1;--card-2:#f0e7d8;--text:#1d1710;--muted:#6e6255;--accent:#bf761c;--accent-2:#7b4306;--danger:#b72121;--border:rgba(70,48,20,.17);--shadow:0 22px 70px rgba(87,61,24,.18)}*{box-sizing:border-box}html{color-scheme:dark}[data-theme=light]{color-scheme:light}body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,rgba(245,184,75,.25),transparent 28%),radial-gradient(circle at 100% 100%,rgba(100,150,255,.16),transparent 30%),var(--bg)}button,input,textarea,select{font:inherit}button,summary,select,input[type=file]{cursor:pointer}.app-shell{width:min(1180px,calc(100% - 28px));margin:14px auto}.card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;margin-bottom:16px;overflow:hidden}.eyebrow{margin:0 0 8px;color:var(--accent-2);text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(30px,5vw,56px);line-height:.96}h2{margin-bottom:8px;font-size:clamp(28px,4vw,48px);line-height:.98}h3{margin-bottom:10px}.hero-copy,.hint{color:var(--muted);line-height:1.5}.hero-copy{max-width:720px;margin-bottom:0}.hint{font-size:13px;margin:10px 0 0}.hero-badge{flex:0 0 auto;width:104px;height:104px;border-radius:30px;display:grid;place-items:center;font-size:54px;font-weight:900;color:#231400;background:linear-gradient(135deg,var(--accent-2),var(--accent));transform:rotate(6deg)}.layout{display:grid;grid-template-columns:380px 1fr;gap:16px}.sidebar,.player-card{padding:18px}.cover{height:205px;border-radius:20px;background:linear-gradient(135deg,rgba(245,184,75,.96),rgba(255,225,161,.6)),linear-gradient(45deg,#211306,#6b430e);display:grid;place-items:center;text-align:center;padding:22px;margin-bottom:14px;border:1px solid rgba(255,255,255,.16);color:#201304;font-weight:900;font-size:31px;line-height:1;overflow:hidden}.book-picker{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.book-picker label{grid-column:1/-1}label{display:block;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 0 7px}input,textarea,select{width:100%;background:var(--card-2);border:1px solid var(--border);border-radius:13px;color:var(--text);padding:11px 12px;outline:none}textarea{min-height:120px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}input:focus,textarea:focus,select:focus{border-color:rgba(245,184,75,.72)}.panel{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.tabs,.button-row,.tool-grid,.transport{display:grid;gap:9px}.tabs{grid-template-columns:repeat(3,1fr);margin-bottom:12px}.button-row.two,.tool-grid{grid-template-columns:repeat(2,1fr)}.transport{grid-template-columns:repeat(5,1fr);margin:12px 0}.button,.tab{border:1px solid var(--border);background:var(--card-2);color:var(--text);border-radius:13px;padding:10px 12px;text-align:center;text-decoration:none;transition:.12s transform,.12s border-color,.12s background}.button:hover,.tab:hover{transform:translateY(-1px);border-color:rgba(245,184,75,.62);background:rgba(245,184,75,.13)}.primary{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#241400;border-color:rgba(255,255,255,.24);font-weight:900}.danger{color:var(--danger)}.active{border-color:rgba(245,184,75,.68);background:rgba(245,184,75,.16);color:var(--accent-2)}.full{width:100%;margin-top:10px}.icon-button{min-width:48px}.hidden{display:none!important}.visually-hidden{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.file-button{display:block}.notice,.status{border:1px solid rgba(245,184,75,.45);background:rgba(245,184,75,.1);color:#ffe7b7;border-radius:14px;padding:11px;margin:12px 0;font-size:13px;line-height:1.42}.status{white-space:pre-wrap;max-height:180px;overflow:auto}.status.ok{border-color:rgba(115,224,155,.45);background:rgba(115,224,155,.1);color:#ccffd9}.status.bad{border-color:rgba(255,119,119,.45);background:rgba(255,119,119,.1);color:#ffd1d1}.drop-zone{border:1px dashed rgba(255,255,255,.28);border-radius:14px;padding:13px;text-align:center;background:rgba(255,255,255,.03)}.drop-zone.dragover{border-color:var(--accent);background:rgba(245,184,75,.12)}.drop-zone p{margin:8px 0 0;color:var(--muted);font-size:13px}.player-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.chapter-title{color:var(--accent-2);font-size:18px;margin-bottom:12px}audio{width:100%;margin:10px 0 12px;accent-color:var(--accent)}.progress-box{display:grid;grid-template-columns:1fr 130px;gap:12px;align-items:end;color:var(--muted);font-size:13px;border:1px solid var(--border);border-radius:16px;padding:12px;background:rgba(255,255,255,.025);margin-bottom:18px}.speed-control label{margin-top:0}.section-heading{display:grid;grid-template-columns:1fr minmax(160px,260px);gap:12px;align-items:center}.section-heading h3{margin-bottom:0}.filter{padding:9px 10px}.chapter-list{display:grid;gap:8px;max-height:450px;overflow:auto;padding-right:4px}.chapter-button{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;text-align:left}.chapter-button small{color:var(--muted)}.chapter-button.active small{color:inherit}.empty-state{color:var(--muted);border:1px dashed var(--border);border-radius:16px;padding:24px;display:grid;gap:4px;text-align:center}summary{color:var(--accent-2);font-weight:800;margin-bottom:10px}@media(max-width:920px){.layout{grid-template-columns:1fr}.cover{height:150px}}@media(max-width:660px){.app-shell{width:min(100% - 16px,1180px);margin:8px auto}.hero{align-items:flex-start}.hero-badge{display:none}.tabs,.transport,.progress-box,.section-heading{grid-template-columns:1fr}.button-row.two,.tool-grid{grid-template-columns:1fr}}