:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;display:grid;place-items:start center;min-height:100vh}.card{width:min(92vw,420px);padding:1.5rem 0}h1{margin:0;font-size:1.4rem}h2{margin:.75rem 0 0;font-size:1.1rem}h3{margin-bottom:.25rem}.player{width:240px;height:240px;margin:1rem 0;background:#000}.player[hidden]{display:none}progress{width:100%}.time{font-variant-numeric:tabular-nums;opacity:.7;margin:.25rem 0}.controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.badge{font-size:.8rem;opacity:.75}.banner{background:#b45309;color:#fff;padding:.4rem .6rem;border-radius:4px}.primary{font-size:1.1rem;padding:.6rem 1.2rem}.chip{border-radius:999px}