.retro-radio{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:14;width:min(320px, calc(100% - max(16px, env(safe-area-inset-left)) - max(16px, env(safe-area-inset-right))));max-height:calc(100dvh - var(--site-header-height,110px) - 32px);color:var(--cloud);font-size:var(--text-support);filter:drop-shadow(4px 6px 5px #10120e40);flex-direction:column;line-height:1.4;display:flex;position:fixed}.retro-radio[hidden]{display:none}.retro-radio[data-expanded=false]{width:min(13rem, calc(100% - max(16px, env(safe-area-inset-left)) - max(16px, env(safe-area-inset-right))))}.retro-radio[data-expanded=false] .radio-dock{padding:3px}.retro-radio[data-expanded=false] .radio-toggle{gap:8px;padding:4px}.retro-radio[data-expanded=false] .radio-dock-copy strong{font-size:1.25rem}.retro-radio[data-expanded=false] .radio-equalizer{gap:2px;width:24px;height:20px}.retro-radio[data-expanded=false] .radio-dock-copy [role=status]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body:has(.retro-radio:not([hidden])) .site-footer{padding-bottom:calc(4rem + max(16px, env(safe-area-inset-bottom)) + 16px)}.retro-radio button{border-radius:0;min-width:44px;min-height:44px}.retro-radio button:focus-visible,.retro-radio input:focus-visible,.retro-radio a:focus-visible{outline-offset:-4px;box-shadow:none;outline:2px solid}.radio-dock,.radio-panel{border:3px solid var(--ink);background:var(--ink);box-shadow:inset 2px 2px #f5fafc66,inset -2px -2px #000c}.radio-dock{flex:none;gap:4px;padding:5px;display:flex}.radio-toggle{text-align:left;color:var(--cloud);background:0 0;flex:1;align-items:center;gap:12px;padding:7px;display:flex;min-width:0!important}.radio-toggle:hover{background:#f5fafc17}.radio-dock-copy{min-width:0;display:grid}.radio-dock-copy strong{color:var(--lime);font-size:1.6rem;font-weight:400;line-height:1}.radio-dock-copy [role=status]{font-size:var(--text-caption);margin-top:4px}.radio-expand-mark{margin-left:auto;font-size:1.25rem}.radio-dock-control{background:var(--lime);color:var(--ink);border:2px outset var(--lime);align-self:stretch;place-items:center;display:grid}.radio-panel{min-height:0;animation:radio-open .25s var(--ease);transform-origin:100% 100%;margin-bottom:8px;padding:8px;overflow-y:auto}.radio-titlebar{background:var(--lime);color:var(--ink);justify-content:space-between;align-items:center;padding-left:10px;display:flex}.radio-titlebar>span{font-size:1.5rem}.radio-collapse{color:var(--ink);background:0 0;font-size:1.75rem}.radio-display{border:2px inset #f5fafc66;margin-block:10px 14px;padding:16px 12px 12px}.radio-live{font-size:var(--text-caption);color:var(--sky);display:block}.radio-display strong{overflow-wrap:anywhere;margin-block:4px 14px;font-size:1.125rem;display:block}.radio-equalizer{flex-shrink:0;align-items:flex-end;gap:3px;width:42px;height:28px;display:flex}.radio-equalizer>span{background:linear-gradient(to top, var(--lime) 0% 55%, var(--sky) 55% 100%);flex:1;display:block;-webkit-mask-image:repeating-linear-gradient(0deg,#000 0 4px,#0000 4px 6px);mask-image:repeating-linear-gradient(0deg,#000 0 4px,#0000 4px 6px)}.radio-display .radio-equalizer{gap:5px;width:100%;height:52px}.radio-transport{grid-template-columns:1fr 1.8fr 1fr 1fr;gap:6px;display:grid}.radio-transport button{background:var(--cloud);color:var(--ink);border:2px outset var(--cloud);justify-content:center;align-items:center;gap:4px;padding:4px;display:flex}.radio-transport .radio-play{background:var(--lime);border-color:var(--lime)}.radio-transport button:disabled{opacity:.65}.radio-transport button:active,.radio-dock-control:active{border-style:inset}.radio-transport button:hover:not(:disabled),.radio-dock-control:hover{background:var(--sky);border-color:var(--sky)}.radio-volume{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-block:12px 4px;padding-inline:4px;display:flex}.radio-volume input{width:100px;min-width:80px;height:44px;accent-color:var(--lime);flex:1}.radio-credit{font-size:var(--text-caption);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 8px;padding-inline:4px;display:flex}.radio-credit a{color:var(--sky);text-underline-offset:3px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}@keyframes radio-open{0%{transform:translateY(6px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.retro-radio .radio-panel,.retro-radio .radio-equalizer>span{animation:none}}@media (forced-colors:active){.radio-equalizer>span{background:canvastext}.radio-panel,.radio-dock,.radio-transport button,.radio-dock-control{border:2px solid buttontext}}