:root{color-scheme:dark;--bg: #0f1115;--panel: #181b22;--panel-2: #20242d;--text: #e8eaef;--muted: #8a92a4;--accent: #3a9eff;--good: #4caf50;--bad: #e25555}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);padding:2rem 1.25rem 4rem;min-height:100vh}header{max-width:56rem;margin:0 auto 1.5rem;display:flex;align-items:baseline;gap:1rem}h1{margin:0;font-size:1.5rem;letter-spacing:-.01em}.status{font-size:.8rem;padding:.2rem .55rem;border-radius:999px;background:var(--panel-2);color:var(--muted)}.status--live{color:var(--good)}.status--connecting{color:var(--accent)}.status--down{color:var(--bad)}main{max-width:56rem;margin:0 auto;display:grid;gap:1rem}.station{background:var(--panel);border-radius:12px;padding:1.25rem 1.5rem}.station__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.station__name{margin:0;font-size:1.1rem}.station__genre{color:var(--muted);font-size:.85rem}.station__track{margin:.25rem 0 .75rem;font-size:.95rem;color:var(--text)}.station__progress{height:6px;background:var(--panel-2);border-radius:3px;overflow:hidden}.station__bar{height:100%;background:var(--accent);width:0%;transition:width .4s linear}.station__meta{margin:.9rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.5rem 1rem;font-size:.85rem}.station__meta>div{display:flex;flex-direction:column}.station__meta dt{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.station__meta dd{margin:0;font-variant-numeric:tabular-nums}details{margin-top:.9rem;font-size:.85rem}summary{color:var(--muted);cursor:pointer;user-select:none}pre{margin:.5rem 0 0;padding:.6rem .75rem;background:var(--panel-2);border-radius:6px;font-size:.8rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}