.radio-dock{grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:22px;background:linear-gradient(115deg,#111b30,#17213c 65%,#211d38);border-color:#b7cfff26;border-radius:20px}
.radio-heading{grid-column:1;grid-row:1;gap:7px}.radio-heading strong{font-size:21px}.radio-heading small{white-space:normal;line-height:1.5}
.radio-actions{grid-column:2;grid-row:1;align-items:center;gap:16px}.radio-play{width:48px;height:48px;font-size:18px;border-radius:50%}.radio-volume{display:grid;gap:8px;width:125px;font-size:11px;color:#c5cce0}.radio-volume span{display:flex;justify-content:space-between}.radio-volume input{width:100%;accent-color:#d6ff4f;cursor:pointer;height:20px;margin:0}
.radio-stations{grid-column:1/-1;grid-row:2;order:0;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.radio-stations button{min-height:53px;padding:10px;gap:5px}.radio-stations button b{font-size:12px;letter-spacing:0}.radio-stations button small{font-size:10px}
.radio-now{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid #ffffff13;padding-top:14px}.radio-now>span{font:9px 'DM Mono',monospace;letter-spacing:.12em;color:#a6b2cd}.radio-now strong{font-size:12px;font-weight:500;overflow-wrap:anywhere;color:#e1e8fa}.radio-now small{font-size:10px;color:#a6b2cd}
.radio-leds{display:flex!important;inset:auto 0 0;height:54%;padding:0 15px;opacity:.12;gap:5px;pointer-events:none}.radio-dock.playing .radio-leds{opacity:.42}.radio-leds i{flex:1;width:auto;height:100%;min-height:0;transform:scaleY(var(--bar,.025));transition:transform .025s linear;background:linear-gradient(to top,hsl(var(--neon,180) 100% 45% / .15),hsl(var(--neon,180) 100% 60%));border-top:2px solid hsl(var(--neon,180) 100% 85%);box-shadow:0 0 9px hsl(var(--neon,180) 100% 60% / .65),inset 0 0 5px hsl(var(--neon,180) 100% 85% / .5)}.radio-dock:after{opacity:calc(.025 + var(--radio-energy)*.10)}
.radio-dock button:focus-visible,.radio-volume input:focus-visible{outline:2px solid #e5ff90;outline-offset:4px}.radio-dock button.active{box-shadow:0 0 18px #d6ff4f12}
@media(max-width:850px){.radio-stations{grid-template-columns:repeat(4,minmax(0,1fr))}.radio-now{grid-template-columns:auto minmax(0,1fr)}.radio-now small{grid-column:2}}
@media(max-width:540px){.radio-dock{padding:17px;gap:18px 10px}.radio-heading strong{font-size:18px;white-space:normal}.radio-actions{gap:10px}.radio-volume{width:75px}.radio-play{width:42px;height:42px}.radio-stations{grid-template-columns:repeat(2,minmax(0,1fr))}.radio-stations button:last-child{grid-column:1/-1}.radio-now{gap:8px 12px}.radio-now strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.radio-leds{display:none!important}.radio-dock:after{opacity:.025}.os-shell.radio-beat:before{opacity:.03!important}.os-shell.radio-beat .ambient,.os-shell.radio-beat .grid{transform:none!important;filter:none!important}}