:root{color-scheme:dark;--bg:#0f1117;--panel:#1a1f2b;--text:#e8ecf4;--muted:#9aa3b5;--accent:#5b8cff;--ok:#3ecf8e;--warn:#ffb347}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif}.wrap{max-width:960px;margin:0 auto;padding:1.5rem}.back{color:var(--muted);text-decoration:none}.top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.top-row h1{margin:0}.fps-status{background:var(--panel);color:var(--muted);border:1px solid #334;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.85rem;display:inline-flex}.fps-dot{background:#666;border-radius:50%;flex-shrink:0;width:.65rem;height:.65rem}.fps-status.state-connecting .fps-dot{background:var(--warn);animation:1s ease-in-out infinite fps-pulse}.fps-status.state-meta .fps-dot{background:var(--accent)}.fps-status.state-audio .fps-dot{background:var(--ok)}.fps-status.state-error .fps-dot{background:#f56}@keyframes fps-pulse{50%{opacity:.35}}.lead{color:var(--muted)}.controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0;display:flex}button{background:var(--panel);color:var(--text);cursor:pointer;border:1px solid #334;border-radius:8px;padding:.5rem 1rem}button:disabled{opacity:.5;cursor:not-allowed}#btn-play{background:var(--accent);border-color:var(--accent);color:#fff}.status{background:var(--panel);border-left:4px solid var(--muted);border-radius:8px;padding:.75rem 1rem}.status.ok{border-left-color:var(--ok)}.status.warn{border-left-color:var(--warn)}.layout{grid-template-columns:240px 1fr;gap:1rem;margin-top:1rem;display:grid}@media (width<=720px){.layout{grid-template-columns:1fr}}.stations-panel,.now-playing{background:var(--panel);border-radius:12px;padding:1rem}.station-list{margin:0;padding:0;list-style:none}.station-list li button{text-align:left;width:100%;margin-bottom:.5rem}.station-list li button.active{border-color:var(--accent)}.station-list li button.offline{opacity:.45}.cover-wrap{width:180px;height:180px;margin-bottom:1rem;position:relative}.cover-wrap img{object-fit:cover;border-radius:8px;width:100%;height:100%}.cover-placeholder{width:100%;height:100%;color:var(--muted);background:#111827;border-radius:8px;place-items:center;display:grid}.artist{color:var(--muted)}.stream-info{color:var(--muted);margin:.35rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.progress{background:#111827;border-radius:999px;height:6px;margin:1rem 0;overflow:hidden}.progress-bar{background:var(--accent);width:0%;height:100%;transition:width .3s linear}.stats{grid-template-columns:repeat(2,1fr);gap:.5rem;font-size:.9rem;display:grid}.stats dt{color:var(--muted)}.stats dd{word-break:break-all;font-variant-numeric:tabular-nums;margin:0}.stats .stat-wide{grid-column:1/-1}.stats dd.warn{color:var(--warn)}dialog{background:var(--panel);color:var(--text);border:none;border-radius:12px;padding:1rem}dialog input{width:100%;margin:.75rem 0;padding:.5rem}
/*# sourceMappingURL=radio.19089d28.css.map */