#radio-bar{color:#fff;box-sizing:border-box;background-color:#0e0e10;border:2px solid #ff7f00;border-radius:8px;align-items:center;gap:12px;width:95%;max-width:780px;margin:0 auto;padding:8px 12px;display:flex;box-shadow:0 0 15px #f009}#radio-bar img{object-fit:cover;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;border-radius:6px;flex-shrink:0;width:56px;height:56px}#nowplaying{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;flex-direction:column;flex:1;font-size:14px;font-weight:700;display:flex;overflow:hidden}#nowplaying .artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#nowplaying .title{white-space:nowrap;text-overflow:ellipsis;color:#ff7f00;font-size:13px;font-weight:400;overflow:hidden}.controls{flex-shrink:0;align-items:center;gap:10px;display:flex}#playToggle{color:#fff;cursor:pointer;background-color:#ff7f00;border:none;border-radius:5px;justify-content:center;align-items:center;padding:6px 10px;font-size:16px;display:inline-flex}#playToggle:hover{background-color:#ff9c33}.whatsapp-btn{color:#fff;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;background-color:#25d366;border:none;border-radius:5px;align-items:center;gap:8px;padding:6px 10px;font-size:14px;text-decoration:none;display:inline-flex}.whatsapp-btn.hidden{display:none}.whatsapp-btn:hover{filter:brightness(.95)}.cast-btn{color:#fff;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;background-color:#0000;border:1px solid #ffffff14;border-radius:5px;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:inline-flex}.cast-btn.hidden{opacity:0;pointer-events:none;display:none}.cast-btn[aria-pressed=true]{border-color:#7a01fe99;box-shadow:0 0 8px #22c1c31f}.volume-wrap{align-items:center;gap:8px;min-width:160px;display:inline-flex}.volume-icon{text-align:center;cursor:pointer;color:#fff;width:20px;font-size:16px}input[type=range].volume{-webkit-appearance:none;appearance:none;background:#ffffff1f;border-radius:6px;outline:none;width:110px;height:6px}input[type=range].volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#ff7f00;border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #ff7f00b3}input[type=range].volume::-moz-range-thumb{cursor:pointer;background:#ff7f00;border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #ff7f00b3}.volume-percent{text-align:right;color:#ddd;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;min-width:34px;font-size:12px}@media (width<=480px){#radio-bar{flex-direction:column;align-items:stretch;padding:8px}#radio-bar img{width:48px;height:48px;margin:0 auto 6px}#nowplaying{text-align:center;font-size:13px}.controls{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-top:6px}}