/* Frequency Mix: one player, an ordered selection, and visible layered tracks. */
.mosh-mix-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;margin-top:40px;padding-top:32px;border-top:1px solid #ffffff26;align-items:start}
.mosh-mix-workspace:has(.mosh-mix-player):has(.mosh-tracklist){grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)}
.mosh-mix-player{min-width:0;position:sticky;top:105px;padding:24px;background:#111;border:1px solid #ffffff24;border-top:2px solid var(--radio-gold)}
.mosh-mix-platforms{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.mosh-mix-platforms .mosh-button{padding:11px 13px;min-height:44px;font-size:11px;color:#ddd;border-color:#ffffff40;cursor:pointer}
.mosh-mix-platforms .is-active{background:var(--radio-gold);border-color:var(--radio-gold);color:#111}
.mosh-mix-player [data-mix-load]{min-height:44px;cursor:pointer;margin-top:12px}
.mosh-mix-player [data-mix-load][hidden]{display:none}
.mosh-mix-player [data-mix-stage]:empty{display:none}
.mosh-mix-player iframe{display:block;width:100%;height:300px;border:0;margin:0 0 12px;background:#090909}
.mosh-mix-player iframe[src*="youtube-nocookie.com"]{height:auto;min-height:200px;aspect-ratio:16/9}
.mosh-mix-player iframe[src*="mixcloud.com"]{height:240px}
.mosh-mix-player__privacy,.mosh-mix-player [data-mix-status]{font-size:12px;color:#aaa;line-height:1.65;overflow-wrap:anywhere}
.mosh-mix-player [data-mix-status]:empty,.mosh-mix-player [data-mix-now]:empty{display:none}
.mosh-mix-player [data-mix-now]{margin-top:20px;padding-top:16px;border-top:1px solid #ffffff24;font-size:13px;color:var(--radio-gold);line-height:1.6;overflow-wrap:anywhere}
.mosh-tracklist{min-width:0}
.mosh-tracklist__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 18px;margin-bottom:20px}
.mosh-tracklist__header h2{margin-bottom:0}
.mosh-tracklist__header p{font-size:12px;color:#999;line-height:1.6;max-width:32ch;margin:8px 0}
.mosh-tracklist__groups{list-style:none;padding:0;margin:0}
.mosh-tracklist__group{border-top:1px solid #ffffff25;padding:16px 0 18px;list-style:none}
.mosh-tracklist__group:last-child{border-bottom:1px solid #ffffff25}
.mosh-tracklist__group-label{display:flex;align-items:center;gap:12px;color:#777;font-size:11px;font-weight:700;letter-spacing:.09em;margin:0 0 10px 12px}
.mosh-tracklist__drop{font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border:1px solid #e9b94450;color:#bdb080}
.mosh-tracklist__track{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;column-gap:12px;min-height:65px;padding:10px 12px;border-left:2px solid transparent;transition:background 150ms,border-color 150ms}
.mosh-tracklist__track--companion{margin-left:12px;padding-left:20px;border-left-color:#e9b94450}
.mosh-tracklist__with{position:absolute;left:-11px;top:0;background:#080808;color:var(--radio-gold);font:700 10px/20px Arial,sans-serif;letter-spacing:0;padding:0 2px}
.mosh-tracklist__time{font:700 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#777;white-space:nowrap;justify-self:start}
button.mosh-tracklist__time{color:var(--radio-gold);padding:10px 7px;min-width:64px;min-height:44px;background:#e9b9440d;border:1px solid #e9b94440;cursor:pointer;border-radius:2px}
button.mosh-tracklist__time:hover{background:var(--radio-gold);color:#111;border-color:var(--radio-gold)}
.mosh-tracklist__copy{min-width:0;overflow-wrap:anywhere}
.mosh-tracklist__copy strong,.mosh-tracklist__copy>span{display:block}
.mosh-tracklist__copy strong{font-size:15px;font-weight:650;line-height:1.5;color:#eee}
.mosh-tracklist__copy>span{font-size:12px;color:#999;line-height:1.6;margin-top:2px}
.mosh-tracklist__id-token{display:inline-block;padding:1px 6px;border:1px solid #e9b94465;border-radius:3px;background:#e9b94412;color:var(--radio-gold);font:700 11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;vertical-align:middle}
.mosh-tracklist__id-description{margin-left:7px;color:#aaa;font-size:12px;font-weight:400;letter-spacing:0}
.mosh-tracklist__copy>.mosh-tracklist__unreleased{display:inline-flex;align-items:center;margin-top:7px;margin-right:7px;padding:3px 7px;border:1px dashed #e9b94460;border-radius:3px;background:#e9b9440a;color:#d6bb74;font-size:10px;font-weight:600;line-height:1.6;letter-spacing:.05em;text-transform:uppercase}
.mosh-tracklist__copy .mosh-tracklist__release{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:4px 8px;border:1px solid #e9b94450;border-radius:2px;color:var(--radio-gold);font-size:11px;line-height:1.5;text-decoration:none}
.mosh-tracklist__copy .mosh-tracklist__release:hover{background:#e9b9441a;border-color:var(--radio-gold);text-decoration:underline}
.mosh-tracklist__track.is-playing{background:#e9b94412;border-left-color:var(--radio-gold)}
.mosh-tracklist__track.is-playing .mosh-tracklist__copy strong{color:var(--radio-gold)}
.mosh-mix-workspace :focus-visible{outline:2px solid var(--radio-gold);outline-offset:4px}
@media(max-width:900px){.mosh-mix-workspace:has(.mosh-mix-player):has(.mosh-tracklist){grid-template-columns:minmax(0,1fr)}.mosh-mix-player{position:static;max-width:100%}.mosh-mix-workspace{gap:32px}}
@media(max-height:850px){.mosh-mix-player{position:static}}
@media(max-width:480px){.mosh-mix-player{padding:18px 14px}.mosh-tracklist__track{grid-template-columns:66px minmax(0,1fr);gap:8px;padding-right:4px;padding-left:5px}.mosh-tracklist__track--companion{padding-left:13px;margin-left:7px}.mosh-tracklist__copy strong{font-size:14px}.mosh-tracklist__group-label{margin-left:5px}}
@media(prefers-reduced-motion:reduce){.mosh-tracklist__track{transition:none}}
/* The mix transport uses one recording controller; live radio returns on other pages. */
:root{--mix-dock-height:126px}
:root:has([data-mix-dock]){--radio-height:var(--mix-dock-height)}
body:has([data-mix-dock]) [data-radio]{display:none}
.mosh-mix-workspace:has([data-mix-dock]) .mosh-mix-player{position:static}
.mosh-tracklist__follow{display:inline-flex;align-items:center;gap:8px;flex-basis:100%;font-size:12px;color:#bbb;line-height:1.6;margin-top:12px;cursor:pointer}
.mosh-tracklist__follow[hidden]{display:none}
.mosh-tracklist__follow input{accent-color:var(--radio-gold);width:18px;height:18px;margin:0}
.mosh-tracklist__group,.mosh-tracklist__track{scroll-margin-top:120px;scroll-margin-bottom:calc(var(--mix-dock-height) + 24px)}
.mosh-mix-dock{box-sizing:border-box;position:fixed;inset:auto 0 0;z-index:990;display:grid;grid-template-columns:48px 52px minmax(0,1fr) 160px 110px;align-items:center;gap:0 14px;min-height:126px;padding:12px max(24px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left));background:#101010;color:#fff;border-top:1px solid #e9b94480;box-shadow:0 -10px 35px #0004;font-family:Arial,sans-serif}
.mosh-mix-dock[hidden]{display:none}
.mosh-mix-dock__toggle{width:48px;height:48px;padding:0;border:0;border-radius:50%;background:var(--radio-gold);color:#101010;font-size:19px;cursor:pointer}
.mosh-mix-dock__toggle:disabled{opacity:.5;cursor:wait}
.mosh-mix-dock__art{display:block;width:52px;height:52px;object-fit:cover;border-radius:3px}
.mosh-mix-dock__copy{min-width:0}
.mosh-mix-dock__copy strong,.mosh-mix-dock__copy small,.mosh-mix-dock [data-mix-dock-current]{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}
.mosh-mix-dock__copy strong{font-size:14px;line-height:1.45}
.mosh-mix-dock [data-mix-dock-current]{padding:0;min-height:22px;border:0;background:transparent;color:#bbb;font-family:inherit;font-size:12px;line-height:1.6;text-align:left;cursor:pointer}
.mosh-mix-dock [data-mix-dock-current]:disabled{cursor:default}
.mosh-mix-dock__copy small{font-size:10px;line-height:1.5;color:var(--radio-gold)}
.mosh-mix-dock__platform{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#aaa;min-width:0}
.mosh-mix-dock__platform select{width:100%;min-width:0;min-height:36px;padding:5px 7px;border:1px solid #ffffff40;border-radius:3px;background:#191919;color:#fff;font-family:inherit;font-size:12px;cursor:pointer}
.mosh-mix-dock__show{min-height:44px;padding:8px;border:1px solid #ffffff35;border-radius:3px;background:transparent;color:#ddd;font-family:inherit;font-size:11px;cursor:pointer}
.mosh-mix-dock__progress{grid-column:3/-1;display:flex;align-items:center;gap:10px;min-width:0}
.mosh-mix-dock__progress time{flex:0 0 auto;min-width:42px;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#aaa;text-align:center}
.mosh-mix-dock__progress input{flex:1;min-width:0;width:100%;height:44px;margin:0;accent-color:var(--radio-gold);cursor:pointer}
.mosh-mix-dock__progress input:disabled{opacity:.4;cursor:default}
.mosh-mix-dock :focus-visible{outline:2px solid var(--radio-gold);outline-offset:4px}
.mosh-mix-player.is-video-floating [data-mix-stage]{position:fixed;right:16px;bottom:calc(var(--mix-dock-height) + 12px);width:min(360px,calc(100vw - 32px));height:203px;min-width:200px;min-height:200px;z-index:989;background:#090909;box-shadow:0 0 24px #0009}
.mosh-mix-player.is-video-floating [data-mix-stage] iframe{height:100%;min-height:200px;margin:0;aspect-ratio:auto}
html:has(.is-video-floating) .mosh-tracklist__group,html:has(.is-video-floating) .mosh-tracklist__track{scroll-margin-bottom:calc(var(--mix-dock-height) + 225px)}
@media(max-width:700px){
 :root{--mix-dock-height:124px}
 .mosh-mix-dock{grid-template-columns:44px 44px minmax(0,1fr) 92px;gap:0 8px;min-height:124px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))}
 .mosh-mix-dock__toggle{width:44px;height:44px;font-size:18px}
 .mosh-mix-dock__art{width:44px;height:44px}
 .mosh-mix-dock__copy strong{font-size:12px;line-height:1.45}
 .mosh-mix-dock [data-mix-dock-current]{font-size:11px;min-height:20px}
 .mosh-mix-dock__copy small{font-size:9px}
 .mosh-mix-dock__platform select{font-size:11px;padding:4px;min-height:36px}
 .mosh-mix-dock__show{display:none}
 .mosh-mix-dock__progress{grid-column:1/-1;gap:7px}
 .mosh-mix-player.is-video-floating [data-mix-stage]{right:12px;width:min(360px,calc(100vw - 24px));bottom:calc(var(--mix-dock-height) + 8px)}
}
@media(max-width:360px){.mosh-mix-dock{grid-template-columns:44px minmax(0,1fr) 92px}.mosh-mix-dock__art{display:none}}