:root{color-scheme:dark;--bg:#15111f;--panel:#211a2f;--panel2:#2c2340;--text:#fff7f1;--muted:#b7a9c8;--accent:#d9a7ff;--accent2:#ffcf8a;--danger:#ff7b9c}*{box-sizing:border-box}body{margin:0;font-family:ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,#3a2751 0,#15111f 42%,#0d0b12 100%);color:var(--text);min-height:100vh}.shell{width:min(760px,100%);margin:0 auto;padding:24px 16px 48px}.hero{padding:18px 4px 12px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent2);font-size:.75rem;margin:0 0 8px}h1{font-size:clamp(2rem,9vw,4rem);line-height:.95;margin:0}h2{margin:0 0 12px}.meta,.hint,.status{color:var(--muted)}.card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 70px rgba(0,0,0,.3);border-radius:28px;padding:18px;margin:16px 0;backdrop-filter:blur(18px)}.hidden{display:none}.lock input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#120f1a;color:var(--text);font-size:1rem;margin:8px 0 12px}.now{display:grid;gap:6px;margin-bottom:16px}.now span{color:var(--accent2);font-size:.85rem}.now strong{font-size:1.3rem}audio{width:100%}#scrubber{width:100%;accent-color:var(--accent);margin:16px 0 6px}.time-row{display:flex;justify-content:space-between;color:var(--muted);font-variant-numeric:tabular-nums}.controls{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}button,select{font:inherit}button{border:0;border-radius:18px;padding:13px 12px;background:var(--panel2);color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}button:active{transform:translateY(1px)}button.play{background:linear-gradient(135deg,var(--accent),#8fd3ff);color:#17101f;font-size:1.35rem;font-weight:800}.settings{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.settings label{display:flex;gap:8px;align-items:center;color:var(--muted)}select{background:#120f1a;color:var(--text);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:10px}.list-head{display:flex;justify-content:space-between;align-items:center}.chapters{list-style:none;padding:0;margin:0;display:grid;gap:8px}.chapters button{width:100%;text-align:left;display:flex;justify-content:space-between;gap:12px;align-items:center}.chapters button.current{outline:2px solid var(--accent);background:#37254e}.chapter-name{font-weight:700}.chapter-time{color:var(--muted);font-size:.9rem;white-space:nowrap}@media(max-width:480px){.shell{padding:16px 12px 36px}.card{border-radius:22px}.controls{gap:7px}.controls button{padding:12px 8px;border-radius:15px}}