.cs-radio{--radio-accent:#b78aff;max-width:1440px;margin:0 auto;padding:32px 28px 60px;color:var(--body-color,#e9e6f1)}.cs-radio *{box-sizing:border-box}.cs-radio-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.cs-radio-eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--radio-accent);margin:0 0 8px}.cs-radio h1{font-size:40px;font-weight:800;letter-spacing:-1.5px;margin:0 0 6px}.cs-radio h1 span{color:var(--radio-accent)}.cs-radio-intro{opacity:.65;margin:0}.cs-radio-heading-actions{display:flex;align-items:center;gap:18px;font-size:12px}.cs-radio-heading-actions>span{opacity:.65}.cs-radio button,.cs-radio select,.cs-radio input{font:inherit}.cs-radio button{cursor:pointer}.cs-radio button:disabled{opacity:.4;cursor:default}.cs-radio button:focus-visible,.cs-radio input:focus-visible,.cs-radio select:focus-visible{outline:2px solid var(--radio-accent);outline-offset:3px}.cs-radio-button{border:1px solid #ae80ef55;background:#b78aff15;color:var(--radio-accent);padding:11px 16px;border-radius:12px;font-weight:700!important}.cs-radio-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:18px}.cs-radio-panel,.cs-radio-world,.cs-radio-player{background:var(--card-bg,var(--card-background,#201d2b));border:1px solid #9585b326;border-radius:20px;overflow:hidden}.cs-radio-panel{padding:20px;display:flex;flex-direction:column;max-height:650px}.cs-radio-search{display:flex;gap:8px}.cs-radio-search input{min-width:0;width:100%;border:1px solid #9585b336;border-radius:10px;background:transparent;color:inherit;padding:11px}.cs-radio-search button{background:var(--radio-accent);color:#211331;border:0;border-radius:10px;padding:0 12px;font-weight:700}.cs-radio-tabs{display:flex;gap:4px;border-bottom:1px solid #9585b326;margin-top:16px}.cs-radio-tabs button{flex:1;padding:12px 4px;border:0;border-bottom:2px solid transparent;background:none;color:inherit;opacity:.55;font-size:12px}.cs-radio-tabs button[aria-selected=true]{border-color:var(--radio-accent);color:var(--radio-accent);opacity:1}.cs-radio-genres{display:flex;flex-wrap:wrap;gap:6px;padding:16px 0 12px}.cs-radio-genres button{border:1px solid #9585b32b;border-radius:20px;padding:5px 9px;background:none;color:inherit;font-size:11px}.cs-radio-genres button[aria-pressed=true]{background:#b78aff20;border-color:#b78aff70;color:var(--radio-accent)}.cs-radio-filters{display:flex;gap:8px;margin-bottom:14px}.cs-radio-filters select{width:50%;min-width:0;padding:7px;border:1px solid #9585b333;border-radius:8px;color:inherit;background:var(--card-bg,#282232);font-size:11px}.cs-radio-list-heading{display:flex;align-items:center;justify-content:space-between}.cs-radio-list-heading h2{font-size:13px;font-weight:700;margin:4px 0}.cs-radio-list-heading span{font-size:10px;opacity:.5}.cs-radio-status{font-size:12px;color:var(--radio-accent);margin:8px 0}.cs-radio-stations{overflow:auto;min-height:180px;flex:1;scrollbar-width:thin;scrollbar-color:#b78aff55 transparent}.cs-radio-station{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #9585b318}.cs-radio-station.is-current{background:#b78aff13;border-radius:10px}.cs-radio-station-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1;border:0;background:none;color:inherit;text-align:left;padding:0}.cs-radio-station img{width:38px;height:38px;border-radius:10px;object-fit:cover;background:#b78aff15}.cs-radio-station-copy{min-width:0;display:block}.cs-radio-station strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-radio-station small{display:block;font-size:10px;opacity:.55;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-radio-favorite{border:0;background:transparent;color:var(--radio-accent);font-size:23px;padding:5px 8px}.cs-radio-credit{font-size:10px;opacity:.55;margin:12px 0 0;line-height:1.6}.cs-radio-credit a{color:var(--radio-accent)}.cs-radio-world{position:relative;min-height:650px;background:#080d19;color:#f3efff;isolation:isolate}.cs-radio-world-heading,.cs-radio-world-caption{position:absolute;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:2;pointer-events:none}.cs-radio-world-heading{top:22px;font-size:10px;letter-spacing:1.8px}.cs-radio-world-caption{bottom:22px;font-size:11px;color:#c1b9cf}.cs-radio-world button{pointer-events:auto;background:#141524cc;border:1px solid #ffffff25;color:#e5d7ff;padding:8px 12px;border-radius:10px;font-size:11px;letter-spacing:0;backdrop-filter:blur(12px)}.cs-radio-live-dot{display:inline-block;width:6px;height:6px;background:#b78aff;border-radius:50%;box-shadow:0 0 12px #b78aff;margin-right:8px}.cs-radio-globe{position:absolute;inset:0}.cs-radio-world .maplibregl-canvas{outline:none}.cs-radio-world .maplibregl-ctrl-bottom-right{bottom:60px;right:10px}.cs-radio-world .maplibregl-ctrl-attrib{font-size:9px;background:#111827bb;color:#aaa}.cs-radio-world .maplibregl-ctrl-attrib a{color:#ccc}.cs-radio-map-fallback{position:absolute;inset:25%;text-align:center;color:#bcb0d1;font-size:13px}.cs-radio-player{display:flex;align-items:center;gap:16px;padding:18px 22px;margin-top:18px;flex-wrap:wrap}.cs-radio-player-art{width:60px;height:60px;border-radius:14px;object-fit:cover}.cs-radio-player-copy{flex:1;min-width:160px}.cs-radio-player-copy h2{font-size:16px;font-weight:700;margin:0 0 5px}.cs-radio-player-copy p{font-size:12px;opacity:.6;margin:0}.cs-radio-player-copy .cs-radio-eyebrow{font-size:9px;margin-bottom:6px}.cs-radio-player-controls{display:flex;gap:8px;align-items:center}.cs-radio-player-controls button{border:0;border-radius:50%;width:36px;height:36px;background:#b78aff15;color:var(--radio-accent);font-size:24px}.cs-radio-player-controls .cs-radio-play{border-radius:24px;width:78px;height:42px;background:var(--radio-accent);color:#211331;font-size:12px;font-weight:800}.cs-radio-volume{font-size:10px;opacity:.7;display:flex;gap:10px;align-items:center;margin:0 0 0 12px}.cs-radio-volume input{width:90px;accent-color:var(--radio-accent)}.cs-radio-playback-message{width:100%;font-size:10px;opacity:.6;margin:0;padding-left:76px}.cs-radio-popup{color:#221a32;font-size:12px;max-width:210px}.cs-radio-popup button{display:block;margin-top:8px;border:0;border-radius:8px;padding:7px 12px;background:#7945cb;color:#fff}.cs-radio [hidden]{display:none!important}@media(min-width:1500px){.cs-radio{padding-top:40px}}@media(max-width:1000px){.cs-radio-layout{grid-template-columns:300px minmax(0,1fr)}.cs-radio-heading-actions{flex-direction:column;align-items:flex-end}.cs-radio-world-caption{align-items:flex-end}.cs-radio-world-caption span{max-width:130px}}@media(max-width:700px){.cs-radio{padding:22px 14px 40px}.cs-radio h1{font-size:32px}.cs-radio-heading{align-items:flex-start;gap:8px}.cs-radio-heading-actions>span{display:none}.cs-radio-heading-actions .cs-radio-button{font-size:10px;padding:10px}.cs-radio-layout{display:flex;flex-direction:column;gap:14px}.cs-radio-world{order:-1;min-height:370px}.cs-radio-panel{max-height:600px;padding:16px}.cs-radio-world-heading,.cs-radio-world-caption{left:16px;right:16px}.cs-radio-world-caption span{max-width:170px;font-size:10px}.cs-radio-player{gap:12px;padding:16px}.cs-radio-player-art{width:48px;height:48px}.cs-radio-player-copy{min-width:130px}.cs-radio-player-copy h2{font-size:14px}.cs-radio-player-controls{margin-left:0}.cs-radio-volume{margin-left:auto}.cs-radio-playback-message{padding:0}.cs-radio-player>.cs-radio-favorite{margin-left:auto}}
.cs-radio-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cs-radio-filters label{display:block;width:50%;margin:0}.cs-radio-filters select{width:100%}.cs-radio-tabs button[aria-pressed=true]{border-color:var(--radio-accent);color:var(--radio-accent);opacity:1}#cs-radio-globe{position:absolute;inset:0}.cs-radio-globe-caption{position:absolute;bottom:22px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:2;font-size:11px;color:#c1b9cf;pointer-events:none}.cs-radio-world-heading>span:nth-child(2){margin-right:auto}.cs-radio-more{border:0;border-radius:8px;color:var(--radio-accent);background:#b78aff12;padding:9px;margin-top:8px;font-size:11px!important}@media(max-width:700px){.cs-radio-globe-caption{left:16px;right:16px;font-size:10px}}
.cs-radio-search button{flex-shrink:0;white-space:nowrap;word-break:normal}.cs-radio-world button,.cs-radio-button{white-space:nowrap}.cs-radio-world-heading{gap:8px}@media(max-width:370px){.cs-radio-world-heading{font-size:8px;letter-spacing:1px}.cs-radio-globe-caption>span{max-width:120px}}
.cs-radio-popup{max-width:250px}.cs-radio-map-choices{max-height:230px;overflow:auto}.cs-radio-popup .cs-radio-map-choices button{width:100%;text-align:left;line-height:1.4;min-height:40px;white-space:normal}.cs-radio-popup p{font-size:11px;margin:10px 0 0;line-height:1.5}.cs-radio-world .maplibregl-popup-close-button{font-size:20px;padding:2px 7px;color:#241c32;background:none;border:0}.cs-radio-world .maplibregl-popup-content{padding:16px 22px 16px 14px;border-radius:12px}
.cs-radio-station-actions{display:flex;align-items:center;gap:4px;flex:none}.cs-radio-station-play{display:grid;place-items:center;width:32px;height:32px;padding:0;flex:none;border:1px solid #b78aff35;border-radius:50%;color:var(--radio-accent);background:#b78aff14}.cs-radio-station-play:hover,.cs-radio-station-play[aria-pressed=true]{background:#b78aff30;border-color:#b78aff80}.cs-radio-station-play svg{width:14px;height:14px;fill:currentColor}.cs-radio-station-actions .cs-radio-favorite{display:grid;place-items:center;width:32px;height:32px;padding:0;flex:none}.cs-radio-station{gap:8px}
.cs-radio-favorite svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* A quiet purple frame complements the WebGL station halos and atmosphere. */
.cs-radio-world{border-color:#b78aff38;box-shadow:0 0 28px #a575ff0b}
.cs-radio-attributions{margin-top:20px;padding:16px 4px 0;border-top:1px solid #9585b326;color:inherit;font-size:11px;line-height:1.7}.cs-radio-attributions-title{font-weight:700;margin:0 0 8px}.cs-radio-attributions ul{display:flex;flex-wrap:wrap;gap:5px 18px;list-style:none;padding:0;margin:0 0 10px}.cs-radio-attributions p:not(.cs-radio-attributions-title){opacity:.7;margin:5px 0}.cs-radio-attributions a{color:var(--radio-accent);text-decoration:none}.cs-radio-attributions a:hover{text-decoration:underline}.cs-radio-attributions a:focus-visible{outline:2px solid var(--radio-accent);outline-offset:3px}