.plex-filter[hidden]{display:none}
.plex-radio-section+.plex-radio-section{margin-top:var(--ui-space-22)}.plex-radio-section>h2{font-size:var(--ui-font-14);margin:0 0 var(--ui-space-12);color:var(--muted)}
.plex-radio-grid{display:grid;grid-template-columns:repeat(var(--ui-radio-columns),minmax(0,1fr));gap:var(--ui-space-12)}
.plex-radio-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-space-8);min-width:0;padding:var(--ui-space-18);border:1px solid var(--line);border-radius:var(--radius,12px);background:linear-gradient(135deg,color-mix(in srgb,var(--panel),var(--accent) 8%),var(--surface))}
.radio-symbol{color:var(--accent);display:inline-flex;flex-shrink:0}.radio-symbol .ui-icon{width:var(--ui-icon-28);height:var(--ui-icon-28)}
.plex-radio-card h3{font-size:var(--ui-font-15);line-height:1.3;margin:var(--ui-space-6) 0 0;overflow-wrap:anywhere}.plex-radio-card p{overflow-wrap:anywhere;font-size:var(--ui-font-11);margin:0 0 var(--ui-space-8)}.plex-radio-card button{max-width:100%;overflow-wrap:anywhere;margin-top:auto;min-height:var(--ui-size-40);font-size:var(--ui-font-12)}
.radio-list{list-style:none;margin:0 0 var(--ui-space-6);padding:0;display:flex;flex-direction:column;gap:var(--ui-space-6)}.radio-list:empty{margin:0}.radio-row .film-title{display:block}.radio-row .radio-symbol{margin-right:var(--ui-space-2)}

#radio-player{border:1px solid var(--line);border-radius:var(--radius,12px);padding:var(--ui-space-14);margin-bottom:var(--ui-space-10);background:var(--panel)}
.radio-now{display:flex;align-items:center;gap:var(--ui-space-12);min-width:0}.radio-now>div:nth-child(2){min-width:0;flex:1}.radio-now h3{margin:var(--ui-space-2) 0 var(--ui-space-4);font-size:var(--ui-font-18);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.radio-name{margin:0;font-size:var(--ui-font-11);color:var(--accent)}.radio-artist{margin:0;font-size:var(--ui-font-12);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.radio-art{position:relative;width:var(--ui-size-58);height:var(--ui-size-58);flex-shrink:0;border-radius:var(--icon-radius,9px);overflow:hidden;background:var(--surface);display:grid;place-items:center;color:var(--accent)}.radio-art>.ui-icon{width:var(--ui-icon-28);height:var(--ui-icon-28)}.radio-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.radio-visualization{position:relative;isolation:isolate;width:100%;height:clamp(var(--ui-size-130),22vh,var(--ui-size-220));margin:var(--ui-space-10) 0;overflow:hidden;border-radius:8px;background:#080b12}.radio-visualization canvas{display:block;width:100%;height:100%}.radio-visualization canvas[hidden]{display:none}
.radio-shared-controls,.radio-ambiances{display:flex;align-items:center;gap:var(--ui-space-6)}.radio-shared-controls{gap:var(--ui-space-12);min-width:0}.radio-ambiances{padding-left:var(--ui-space-12);border-left:1px solid var(--line)}.radio-ambiances .icon-button{width:var(--ui-size-34);min-width:var(--ui-size-34);height:var(--ui-size-34);padding:var(--ui-space-6);border:1px solid transparent;border-radius:var(--icon-radius,9px);color:var(--muted)}.radio-ambiances .icon-button[aria-pressed=true]{background:color-mix(in srgb,var(--accent),transparent 84%);border-color:var(--accent);color:var(--accent)}.radio-ambiances .icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:var(--ui-space-2)}
.radio-controls,.radio-transport,.radio-volume{display:flex;align-items:center;gap:var(--ui-space-10)}.radio-controls{justify-content:space-between;flex-wrap:wrap;row-gap:var(--ui-space-10)}.radio-volume{margin-left:auto}.radio-transport .icon-button{width:var(--ui-size-44);height:var(--ui-size-44);border:1px solid var(--line);border-radius:var(--icon-radius,50%)}.radio-transport [data-radio-control=toggle]{background:var(--accent);color:var(--on-accent,var(--bg))}.radio-volume{max-width:var(--ui-size-130);color:var(--muted)}.radio-volume .ui-icon{width:var(--ui-icon-18);height:var(--ui-icon-18);flex-shrink:0}.radio-volume input{min-width:0;width:100%;accent-color:var(--accent)}
.radio-footer{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ui-space-12);margin-top:var(--ui-space-9);font-size:var(--ui-font-11);color:var(--muted)}.radio-footer>:first-child{min-width:0;overflow-wrap:anywhere}.radio-time{white-space:nowrap;font-variant-numeric:tabular-nums}
:where(html[data-layout~="max-700"]) .plex-radio-card{padding:var(--ui-space-13)}:where(html[data-layout~="max-700"]) #radio-player{padding:var(--ui-space-10)}:where(html[data-layout~="max-700"]) .radio-now h3{font-size:var(--ui-font-15)}:where(html[data-layout~="max-700"]) .radio-now{gap:var(--ui-space-8)}:where(html[data-layout~="max-700"]) .radio-art{width:var(--ui-size-42);height:var(--ui-size-42)}:where(html[data-layout~="max-700"]) .radio-volume{max-width:var(--ui-size-90)}:where(html[data-layout~="max-700"]) .radio-controls{gap:var(--ui-space-8)}:where(html[data-layout~="max-700"]) .radio-transport{gap:var(--ui-space-6)}:where(html[data-layout~="max-700"]) .radio-visualization{height:var(--ui-size-140)}:where(html[data-layout~="max-700"]) .radio-shared-controls{gap:var(--ui-space-8)}:where(html[data-layout~="max-700"]) .radio-ambiances{gap:var(--ui-space-3);padding-left:var(--ui-space-8)}:where(html[data-layout~="max-700"]) .radio-ambiances .icon-button{width:var(--ui-size-30);min-width:var(--ui-size-30);height:var(--ui-size-34);padding:var(--ui-space-4)}:where(html[data-layout~="max-700"]) .radio-transport .icon-button{width:var(--ui-size-36);min-width:var(--ui-size-36);height:var(--ui-size-36);padding:var(--ui-space-7)}:where(html[data-layout~="max-700"]) .explorer-panel .plex-browse-controls{flex-wrap:wrap}:where(html[data-layout~="max-700"]) .explorer-panel .plex-tabs{flex:1}:where(html[data-layout~="max-700"]) .explorer-panel .plex-tabs button{flex:1}
:where(html[data-layout~="max-380"]) .radio-shared-controls{gap:var(--ui-space-6)}:where(html[data-layout~="max-380"]) .radio-transport{gap:var(--ui-space-4)}:where(html[data-layout~="max-380"]) .radio-transport .icon-button{width:var(--ui-size-32);height:var(--ui-size-36);min-width:var(--ui-size-32)}:where(html[data-layout~="max-380"]) .radio-ambiances{padding-left:var(--ui-space-6);gap:var(--ui-space-2)}:where(html[data-layout~="max-380"]) .radio-ambiances .icon-button{width:var(--ui-size-30);min-width:var(--ui-size-30);padding:var(--ui-space-5)}

.radio-ambiances .ui-icon{width:var(--ui-icon-20);height:var(--ui-icon-20)}

/* The radio uses the same full-width cinema frame and compact chat as a film. */
.cinema-mode #radio-player,#radio-player:fullscreen{height:100%;margin:0;padding:var(--ui-space-10);display:flex;flex-direction:column;min-height:0;background:#080b12;color:#f2f0e9;border:0;--text:#f2f0e9;--muted:#b4b4b8;--accent:#e7c571;--panel:#191b20;--bg:#101114}
.cinema-mode #radio-player .radio-visualization,#radio-player:fullscreen .radio-visualization{flex:1;height:auto;min-height:0}
#radio-player:fullscreen{width:100vw;height:100dvh}.radio-controls{flex-shrink:0}.radio-volume{max-width:none;gap:var(--ui-space-4)}.radio-volume input{width:var(--ui-size-64)}.radio-volume .icon-button{width:var(--ui-size-28);min-width:var(--ui-size-28);min-height:var(--ui-size-32);height:var(--ui-size-32);padding:var(--ui-space-5)}.radio-transport{gap:var(--ui-space-4)}.radio-transport .icon-button{width:var(--ui-size-36);min-width:var(--ui-size-36);height:var(--ui-size-36);min-height:var(--ui-size-36);padding:var(--ui-space-7)}
:where(html[data-layout~="max-700"]) .radio-controls{justify-content:center}:where(html[data-layout~="max-700"]) .radio-shared-controls{flex-wrap:wrap;justify-content:center}:where(html[data-layout~="max-700"]) .radio-volume{margin:0 auto}:where(html[data-layout~="max-700"]) .radio-ambiances{padding-left:0;border-left:0}:where(html[data-layout~="max-700"]) .radio-now .radio-art{width:var(--ui-size-36);height:var(--ui-size-36)}:where(html[data-layout~="max-700"]) .radio-now h3{font-size:var(--ui-font-14)}:where(html[data-layout~="max-700"]) .radio-footer{margin-top:var(--ui-space-4);font-size:var(--ui-font-10)}