:root{--bg: #000000;--text: #ffd400;--muted: #9a8e00;--card: #0c0c0c;--edge: #222;--focus: #ffe566}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.page{min-height:100%;display:grid;place-items:center;padding:24px}.card{width:min(560px,92vw);background:linear-gradient(180deg,var(--card),#0a0a0a);border:1px solid var(--edge);border-radius:18px;padding:20px 20px 16px;box-shadow:0 10px 30px #0009;display:flex;flex-direction:column;align-items:center;gap:14px}.cover{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;border:1px solid var(--edge);-webkit-user-select:none;user-select:none}.title,.subtitle{margin:6px 0 0;font-size:clamp(18px,3.2vw,24px);text-align:center;letter-spacing:.4px}.player{width:100%;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;align-items:center;gap:12px;margin-top:6px}.playbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--edge);background:#121212;color:var(--text);padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:600}.playbtn:hover{border-color:var(--focus)}.playbtn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.timeline{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.time{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted)}.seek{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#1a1a1a;border-radius:999px;border:1px solid var(--edge);cursor:pointer}.seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--text);border:1px solid #000;margin-top:-5px}.seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--text);border:1px solid #000}.download{justify-self:end;text-decoration:none;color:var(--bg);background:var(--text);padding:10px 12px;border-radius:12px;font-weight:700;border:1px solid #000}.download:hover{filter:brightness(1.05)}.download:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.footer{margin-top:16px;font-size:12px;color:var(--muted);text-align:center}@media (max-width: 420px){.player{grid-template-columns:1fr;grid-auto-rows:auto;align-items:stretch}.download{justify-self:stretch;text-align:center}}