/* Final cabinet control refinements; portrait controls retain their larger layout. */
body.compactRadio .referenceSurface #referenceVolume{touch-action:none!important;cursor:ns-resize!important}
body.compactRadio .referenceSurface #referenceVolume:before{content:'';position:absolute;left:48%;top:8%;height:26%;width:4%;background:#dfffbc;border-radius:4px;transform-origin:50% 161%;transform:rotate(var(--volume-angle,54deg));box-shadow:0 0 5px #a8ff70}
@media(min-width:701px){body.compactRadio .referenceSurface .refVolume{visibility:hidden!important;pointer-events:none!important}body.compactRadio .referenceSurface #quickFavorites,body.compactRadio .referenceSurface #quickRecent{background:linear-gradient(#435057,#162027)!important;border-color:#93a599!important;box-shadow:inset 0 1px #c7d5cc55,0 2px 3px #000a!important;font-weight:700!important}body.compactRadio .referenceSurface #quickFavorites[aria-pressed=true],body.compactRadio .referenceSurface #quickRecent[aria-pressed=true]{border-color:#c4f194!important;color:#deffc4!important;background:linear-gradient(#31492b,#142611)!important}}
.referenceSurface button:focus-visible{outline:3px solid #dcffaa!important;outline-offset:3px!important}
@media(max-width:700px) and (orientation:portrait){body.compactRadio.retroMode .refStation .stationAvatar{width:58px!important;height:58px!important;flex-basis:58px!important}body.compactRadio.retroMode .referenceSurface .refStation .retroText #retroChannel{font-size:25px!important}body.compactRadio.retroMode .referenceSurface #quickFavorites,body.compactRadio.retroMode .referenceSurface #quickRecent{font-size:14px!important}body.compactRadio.retroMode .refSearch option{color:#111!important;background:#fff!important}}
@media(prefers-reduced-motion:reduce){.refLightRing,.refCone{animation:none!important;transition:none!important}}