:root{color-scheme:dark;font-family:system-ui,sans-serif}body{margin:0;background:#0d0d10;color:#e8e8ec}.radio-frame{max-width:42rem;margin:0 auto;padding:4rem 1.5rem}.radio-header h1{margin:0;font-size:2rem;letter-spacing:-.02em}.tagline{margin:.25rem 0 0;color:#8a8a95}.radio-body{margin-top:2rem;display:grid;gap:1.5rem}.browse-sources{display:flex;gap:.5rem;flex-wrap:wrap}.browse-sources .source{background:#17171d;color:#b8b8c2;border:1px solid #26262e;border-radius:999px;padding:.35rem .9rem;cursor:pointer;font-size:.85rem}.browse-sources .source.active{background:#2b2b36;color:#fff;border-color:#43435a}.browse-body{margin-top:1rem;display:grid;grid-template-columns:12rem 1fr;gap:1rem;align-items:start}.browse-collections,.browse-tracks{list-style:none;margin:0;padding:0;max-height:24rem;overflow-y:auto}.browse-collections .collection{display:block;width:100%;text-align:left;background:none;border:none;color:#b8b8c2;padding:.4rem .5rem;border-radius:.4rem;cursor:pointer;font-size:.9rem}.browse-collections .collection.active,.browse-collections .collection:hover{background:#1c1c24;color:#fff}.browse-tracks .track-enqueue{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;background:#14141a;border:1px solid #22222b;border-radius:.5rem;padding:.5rem .7rem;margin-bottom:.4rem;cursor:pointer;color:#e8e8ec}.browse-tracks .track-enqueue:hover{border-color:#43435a}.track-title{flex:1;font-size:.9rem}.track-artist{color:#8a8a95;font-size:.8rem}.browse-empty,.browse-status{color:#8a8a95;font-size:.85rem;padding:.5rem}.browse-error{color:#e07a7a}.license-badge{font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:.15rem .45rem;border-radius:.35rem;background:#232;color:#8fd18f;text-decoration:none;white-space:nowrap}.license-badge.license-cc-by-sa{background:#2a2233;color:#c69fe0}.license-badge.license-cc0,.license-badge.license-pd{background:#1f2a33;color:#8fbfe0}.player{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border:1px solid #26262e;border-radius:.75rem;background:#101015;position:sticky;bottom:1rem}.player-title{font-weight:600}.player-attribution{display:flex;align-items:center;gap:.6rem;margin-top:.35rem;color:#8a8a95;font-size:.85rem}.player-attribution--empty{font-style:italic}.attr-artist{color:#b8b8c2}.player-transport{display:flex;gap:.5rem}.player-transport button{background:#2b2b36;color:#fff;border:1px solid #43435a;border-radius:.5rem;padding:.45rem 1rem;cursor:pointer}.player-transport button:disabled{opacity:.4;cursor:default}