.radio-box[hidden]{display:none!important}
.radio-box{position:fixed;right:18px;bottom:18px;width:min(480px,calc(100vw - 24px));z-index:350;background:#181818;color:#fff;border:2px solid var(--pink,#ff2b98);box-shadow:0 0 18px #ff2b9838,5px 5px 0 #000;max-height:calc(100dvh - 32px);overflow:auto;border-radius:7px}
.radio-box>header{display:flex;align-items:center;gap:4px;padding:8px;background:#252525;border-bottom:1px solid #444;font-size:12px}
.radio-box>header strong{flex:1;font-family:var(--headline);letter-spacing:1px}
.radio-box>header button{padding:2px;width:32px;min-width:32px;height:32px;min-height:32px;background:#111;color:#fff;border:1px solid #555;cursor:pointer}
.radio-now{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;background:#101010;color:#5bdaf3;border:0;padding:12px;font-size:13px;font-family:var(--body);text-transform:none}
.radio-content{padding:0 10px 12px}.radio-content label{font-size:12px;margin:8px 0}.radio-content select{width:100%;min-height:36px;background:#262626;color:white;border:1px solid #555}
.radio-screen{width:100%;height:259px;min-height:200px;min-width:200px;background:#050505}.radio-screen>div,.radio-screen iframe{display:block;width:100%;height:100%;border:0;min-height:200px}
.radio-box.compact{width:min(350px,calc(100vw - 24px))}.radio-box.compact .radio-screen{height:200px}
.radio-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.radio-controls button{font-size:12px;min-height:34px;padding:5px 10px;background:#292929;color:#fff;border:1px solid #565656;text-transform:none;cursor:pointer}
.radio-controls button:hover,.radio-box>header button:hover{border-color:var(--pink);box-shadow:0 0 8px #ff2b9844}
#radio-status{font-size:12px;line-height:1.4;margin:8px 0;color:#bbb}.radio-content>a{font-size:12px;color:#5bdaf3}
.radio-box.minimized{width:min(350px,calc(100vw - 24px))}.radio-box.minimized .radio-content{display:none}.radio-box.minimized .radio-now::before{content:'Ⅱ ';color:var(--pink)}
.radio-page{padding:24px}.radio-page>p{color:#bbb;line-height:1.6}.radio-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:25px 0 35px}.radio-channels button{display:flex;flex-direction:column;gap:10px;justify-content:center;padding:24px 16px;min-height:120px;background:linear-gradient(145deg,#292929,#121212);border:2px solid #444;color:#fff;font-family:var(--headline);transition:transform .2s,box-shadow .2s,border-color .2s}.radio-channels button:hover{transform:scale(1.035);border-color:var(--pink);box-shadow:0 0 16px #ff2b9866}.radio-channels small{font-family:var(--body);font-size:12px;color:#5bdaf3}.radio-form{display:grid;gap:12px;max-width:620px}.radio-form label{margin:0}.radio-form input,.radio-form select{width:100%}.radio-form output{color:#5bdaf3;font-size:14px}.page-loading{cursor:progress}.page-loading .topbar{box-shadow:0 2px var(--pink)}
@media(max-width:782px){.radio-box{right:12px;bottom:calc(78px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 92px);width:min(350px,calc(100vw - 24px))}.radio-screen{height:200px}.radio-page{padding:16px}.radio-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.radio-channels button{padding:16px 8px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.radio-channels button{transition:none}.radio-channels button:hover{transform:none}}