#lotusRadioControls[hidden],#lotusRadioPanel[hidden],#lotusRadioStatus[hidden]{display:none!important}
#lotusRadioControls{display:inline-flex;align-items:center;flex:none}
#lotusRadioOpen{display:flex;align-items:center;gap:9px;height:34px;max-width:190px;padding:0 13px;border:1px solid #7c6438;border-radius:999px;background:linear-gradient(145deg,#24313a,#111a22);color:#f3d58b;font:700 12px Arial,sans-serif;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
#lotusRadioOpen:hover,#lotusRadioOpen[aria-expanded=true]{border-color:#e3bf6f;background:#24333c;box-shadow:0 0 16px #cda84a20}
#lotusRadioOpen>svg{width:18px;height:18px;flex:none}
#lotusRadioBadge{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lr-eq{display:none;align-items:center;gap:2px;height:14px}
.is-playing .lr-eq{display:flex}.lr-eq i{width:3px;height:12px;background:#e5c571;border-radius:2px;animation:lrBounce .8s ease-in-out infinite alternate}.lr-eq i:nth-child(2){animation-delay:-.3s}.lr-eq i:nth-child(3){animation-delay:-.6s}
@keyframes lrBounce{to{height:4px;opacity:.55}}
#lotusRadioPanel{position:fixed;z-index:2147482000;width:min(390px,calc(100vw - 24px));box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:20px;border:1px solid #56606a;border-top-color:#bf9d58;border-radius:20px;background:radial-gradient(ellipse at top left,#293742 0%,#111b25 50%,#0b131c 100%);box-shadow:0 20px 70px #000b,0 0 0 1px #fff05;color:#eef2f5;font:14px/1.4 Arial,sans-serif;animation:lrReveal .18s ease-out}
#lotusRadioPanel *{box-sizing:border-box}
@keyframes lrReveal{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
.lr-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;flex:none}
.lr-eyebrow{color:#dfbd76;font-size:10px;letter-spacing:2.5px;font-weight:700}
#lotusRadioPanel h2{font-size:25px;font-weight:700;letter-spacing:-.6px;margin:3px 0 0;color:#f2f5f8}
#lotusRadioClose{width:30px;height:30px;border:1px solid #fff15;border-radius:50%;background:#ffffff07;color:#a9b8c7;cursor:pointer;font:24px/1 Arial}
#lotusRadioClose:hover{background:#ffffff12;color:white}
.lr-search{display:flex;align-items:center;gap:9px;padding:0 12px;height:40px;border:1px solid #ffffff13;background:#050d15a0;border-radius:11px;flex:none}
.lr-search svg{width:17px;height:17px;color:#778b9e;flex:none}
#lotusRadioSearch{width:100%;height:100%;border:0;outline:none;background:transparent;color:#edf1f5;font:13px Arial}
#lotusRadioSearch::placeholder{color:#8495a4}
.lr-search:focus-within{border-color:#d4b66c}
.lr-genres{display:flex;gap:6px;overflow-x:auto;padding:13px 0 12px;scrollbar-width:thin;scrollbar-color:#76603c transparent;flex:none}
.lr-chip{white-space:nowrap;padding:6px 10px;border:1px solid #ffffff12;background:#ffffff04;border-radius:999px;color:#99adbc;font:11px Arial;cursor:pointer}
.lr-chip[aria-pressed=true]{background:#e6c37e;color:#17212a;border-color:#e6c37e;font-weight:700}
.lr-list-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#788c9f;padding:2px 1px 9px;flex:none}
#lotusRadioCount{letter-spacing:0;color:#a0acb8}
.lr-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;overflow-y:auto;max-height:238px;min-height:65px;scrollbar-width:thin;scrollbar-color:#465561 transparent;padding:1px 4px 3px 0}
.lr-station{min-width:0;display:flex;align-items:center;gap:8px;text-align:left;padding:10px 8px;border:1px solid #ffffff0a;border-radius:11px;background:#ffffff04;color:#eef2f5;cursor:pointer;transition:background .15s,border-color .15s}
.lr-station:hover{background:#ffffff0b;border-color:#c9a96270}
.lr-station[aria-pressed=true]{background:#c9a96216;border-color:#c9a962}
.lr-station-icon{display:grid;place-items:center;flex:none;width:29px;height:31px;border-radius:8px;background:linear-gradient(135deg,#344b5d,#192935);color:#b9d3df;font-size:15px;font-weight:700}
.lr-station[aria-pressed=true] .lr-station-icon{background:#e6c37e;color:#18242f}
.lr-station-copy{min-width:0;flex:1}.lr-station-copy strong{display:block;font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lr-station-copy small{display:block;color:#8296a8;font-size:9px;margin-top:3px}
.lr-station-arrow{color:#c7b282;font-size:20px}
.lr-empty{grid-column:1/-1;color:#9badbd;text-align:center;padding:20px 0;font-size:12px}
.lr-player{flex:none;margin-top:15px;padding-top:14px;border-top:1px solid #ffffff10}
.lr-now{display:flex;align-items:center;gap:10px}
.lr-cover{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:11px;background:#e0bd6b12;color:#e5c47d;border:1px solid #e0bd6b25}.lr-cover svg{width:23px;height:23px}
.lr-now-text{flex:1;min-width:0}.lr-now-text strong{display:block;color:#f0e2c3;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lr-now-text span{display:block;font-size:10px;color:#8b9faf;margin-top:3px}
#lotusRadioPanel #lotusSoundToggle{position:static!important;display:flex;align-items:center;justify-content:center;flex:none;width:37px!important;height:37px!important;padding:0!important;border-radius:50%!important;border:0!important;box-shadow:none!important}
#lotusRadioPanel #lotusSoundToggle svg{width:19px;height:19px}
#lotusRadioPanel #lotusSoundToggle:disabled{opacity:.28;cursor:default;transform:none}
.lr-volume{display:flex;align-items:center;gap:10px;margin-top:15px;color:#8498a9;font-size:9px;letter-spacing:1px}
#lotusRadioVolume{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:4px;border-radius:5px;background:#344552;accent-color:#e5c37e;cursor:pointer}
#lotusRadioVolume::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#e5c37e;box-shadow:0 0 0 3px #e5c37e17}
#lotusRadioVolume::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#e5c37e}
#lotusRadioVolumeValue{min-width:30px;letter-spacing:0;color:#d8c38f;font-size:10px;text-align:right}
#lotusRadioStatus{font-size:11px;color:#c1a57d;margin:10px 0 0}
#lotusRadioPanel button:focus-visible,#lotusRadioOpen:focus-visible{outline:2px solid #e5c37e;outline-offset:2px}
@media(max-width:480px){#lotusRadioPanel{padding:16px;border-radius:16px}.lr-list{max-height:210px}#lotusRadioOpen{max-width:135px;padding:0 10px}}
@media(prefers-reduced-motion:reduce){#lotusRadioPanel,.lr-eq i{animation:none}#lotusRadioPanel button,#lotusRadioOpen{transition:none}}
