@import "https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@400;500;700&family=DM+Serif+Display:ital@0;1&display=swap";:root{--bg-1:#0f1217;--bg-2:#1f2630;--card:#fafcfff2;--ink:#18202c;--muted:#5a687a;--brand:#b45f06;--brand-2:#d97706;--line:#d4dbe4;--font-body:"Alegreya Sans", Georgia, serif;--font-head:"DM Serif Display", Georgia, serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 10% 10%, #ffe0a829, transparent 30%), radial-gradient(circle at 90% 80%, #64a2ff24, transparent 32%), linear-gradient(130deg, var(--bg-1), var(--bg-2))}#app{place-items:center;min-height:100svh;padding:1rem;display:grid}main{width:min(720px,100%)}.player-card{background:var(--card);border:1px solid #ffffff40;border-radius:20px;padding:1.25rem;animation:.5s ease-out rise;box-shadow:0 18px 34px #070b1247}header{margin-bottom:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin:0;font-weight:700}h1{line-height:1.05;font-family:var(--font-head);margin:.15rem 0 .35rem;font-size:clamp(1.9rem,2.8vw,2.4rem)}.subtitle{color:var(--muted);margin:0;font-size:1.08rem}.controls-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;display:grid}label{color:var(--muted);gap:.35rem;font-weight:700;display:grid}select,button{font:inherit}select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:.58rem .72rem}.meta{color:var(--muted);flex-wrap:wrap;gap:.55rem 1rem;margin-top:1rem;display:flex}.meta strong{color:var(--ink);width:100%;font-size:1.15rem}audio{width:100%;margin-top:1rem}.chunk-nav{gap:.75rem;margin-top:1rem;display:flex}button{background:linear-gradient(120deg, var(--brand), var(--brand-2));color:#fff;border:0;border-radius:10px;flex:1;padding:.7rem .8rem;font-weight:700}button:disabled{opacity:.45}.error{color:#9f1239;margin:0;font-weight:700}@media (width<=640px){#app{padding:.75rem}.player-card{border-radius:16px;padding:1rem}.chunk-nav{flex-direction:column}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}