.radio-bar{position:relative;margin:-14px auto 20px;width:100%;height:44px;background:rgba(255,255,255,.04);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:14px;display:flex;align-items:center;padding:0 0 0 0;gap:8px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.15)}
.radio-bar .rb-eq{display:flex;align-items:flex-end;gap:3px;height:16px;direction:rtl}
.radio-bar .rb-eq span{width:4px;background:#a78bfa;border-radius:1px;animation:none;opacity:.3}
.radio-bar.playing .rb-eq span{opacity:1}
@keyframes rEq{0%{height:3px}100%{height:14px}}
.radio-bar .rb-brand{font-size:13px;letter-spacing:1.5px;white-space:nowrap;font-weight:500;color:rgba(255,255,255,.4);transition:all .5s ease}
.radio-bar .rb-brand b{color:#a78bfa;font-weight:800}
.radio-bar.playing .rb-brand{background:linear-gradient(90deg,#6366f1,#a78bfa,#ec4899,#f59e0b,#22d3ee,#a78bfa,#6366f1);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:brandShift 3s ease infinite;filter:drop-shadow(0 0 12px rgba(167,139,250,.5))}
.radio-bar.playing .rb-brand b{-webkit-text-fill-color:transparent}
@keyframes brandShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

.radio-bar .rb-sep{width:1px;height:14px;background:rgba(255,255,255,.08);flex-shrink:0}
.radio-bar .rb-ticker{overflow:hidden;white-space:nowrap;font-size:14px;font-weight:500;color:rgba(255,255,255,.5);flex:1;min-width:0;letter-spacing:.3px}
@keyframes rScr{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
.radio-bar .rb-vol-wrap{position:relative;width:60px;height:6px;background:rgba(255,255,255,.08);border-radius:3px;flex-shrink:0;cursor:pointer;overflow:visible}
.radio-bar .rb-vol-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,rgba(167,139,250,.4),#a78bfa);border-radius:3px;pointer-events:none;transition:width .1s}

.radio-bar .rb-status{font-size:9px;letter-spacing:1px;padding:3px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;transition:all .3s}
.radio-bar .rb-status.on{color:#4ade80;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.15)}
.radio-bar .rb-status.off{color:rgba(255,255,255,.3);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.radio-bar .rb-prog{background:none;border:1px solid rgba(99,102,241,.2);border-radius:8px;padding:3px 8px;font-size:9px;letter-spacing:.5px;color:#a78bfa;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s}
.radio-bar .rb-prog:hover{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.4)}
.radio-bar .rb-right{display:flex;height:100%;margin-left:auto;flex-shrink:0;gap:0}
.radio-bar .rb-prog-end{width:44px;height:100%;background:rgba(99,102,241,.08);border:none;border-left:1px solid rgba(99,102,241,.1);color:#a78bfa;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}
.radio-bar .rb-prog-end:hover{background:rgba(99,102,241,.15)}
.radio-bar .rb-play{width:44px;height:100%;border-radius:0 14px 14px 0;background:rgba(99,102,241,.12);border:none;border-left:1px solid rgba(99,102,241,.15);color:#a78bfa;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}
.radio-bar .rb-play:hover{background:rgba(99,102,241,.2)}
@media(max-width:768px){
.radio-bar{height:40px!important;padding:0!important;gap:0!important;border-radius:12px!important;margin:-10px auto 14px!important}
.radio-bar .rb-sep{display:none!important}
.radio-bar .rb-eq.rb-eq2{display:none!important}
.radio-bar .rb-brand{display:none!important}
.radio-bar .rb-brand b{-webkit-text-fill-color:transparent!important}

.radio-bar .rb-vol-capsule{display:none!important}
.radio-bar .rb-eq:not(.rb-eq2){display:flex!important;height:14px;gap:1px;padding:0 6px}
.radio-bar .rb-eq span{width:1.5px}
.radio-bar .rb-prog-left{width:42px;border-radius:12px 0 0 12px;min-width:42px}
.radio-bar .rb-prog-left svg{width:15px;height:15px}
.radio-bar .rb-ticker{font-size:13px!important;padding:0 10px}
.radio-bar .rb-play{width:44px;border-radius:0 12px 12px 0;min-width:44px}
.radio-bar .rb-play svg{width:17px;height:17px}
.radio-bar .rb-right{margin-left:auto}
}
@media(max-width:360px){
.radio-bar{height:36px!important;border-radius:10px!important;margin:-8px auto 10px!important}
.radio-bar .rb-prog-left{width:34px;border-radius:10px 0 0 10px}
.radio-bar .rb-ticker{font-size:11px!important;padding:0 6px}
.radio-bar .rb-eq span{width:1px}
.radio-bar .rb-play{width:36px;border-radius:0 10px 10px 0}
}

.radio-bar .rb-prog-left{width:44px;height:100%;border-radius:14px 0 0 14px;background:rgba(99,102,241,.12);border:none;border-right:1px solid rgba(99,102,241,.15);color:#a78bfa;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}
.radio-bar .rb-prog-left:hover{background:rgba(99,102,241,.2)}
.radio-bar .rb-vol-capsule{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:4px 10px 4px 8px;flex-shrink:0}
.radio-bar .rb-vol-icon{color:rgba(255,255,255,.35);flex-shrink:0}
.radio-bar .rb-vol-input{-webkit-appearance:none;appearance:none;position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;cursor:pointer;margin:0;padding:0}
.radio-bar .rb-vol-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0.5px 4px rgba(0,0,0,.2),0 0 1px rgba(0,0,0,.1);cursor:pointer;position:relative;z-index:2}
.radio-bar .rb-vol-input::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0.5px 4px rgba(0,0,0,.2),0 0 1px rgba(0,0,0,.1);cursor:pointer;border:none}
.radio-bar .rb-vol-wrap{height:6px;border-radius:6px}
#exxeVolPopup{position:fixed;left:16px;top:50%;transform:translateY(-50%) translateX(-30px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(18,14,30,.94);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(99,102,241,.12);border-radius:28px;padding:20px 0;width:46px;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.45),0 0 0 1px rgba(99,102,241,.06) inset}
#exxeVolPopup.show{opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto}
.vol-popup-icon{color:rgba(167,139,250,.6);margin-bottom:14px;flex-shrink:0;display:block}
.vol-popup-track{width:5px;height:160px;background:rgba(255,255,255,.06);border-radius:3px;position:relative;overflow:hidden}
.vol-popup-fill{position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,#6366f1,#a78bfa);border-radius:3px;transition:height .15s ease-out}
.vol-popup-pct{font-size:11px;font-weight:700;color:rgba(167,139,250,.9);letter-spacing:.5px;margin-top:14px;font-variant-numeric:tabular-nums;text-align:center;width:100%;display:block}
.vol-popup-icon-bottom{color:rgba(255,255,255,.25);margin-top:10px;flex-shrink:0;display:block}

.radio-bar .rb-eq span{will-change:transform,height;border-radius:1px;background:linear-gradient(to top,#6366f1,#a78bfa);contain:strict;height:2px}
.radio-bar .rb-eq2{direction:ltr}
.radio-bar .rb-ticker-inner{display:inline-block;white-space:nowrap;position:relative;transition:none}
.radio-bar .rb-ticker span{padding-right:0}

#rbTickerInner{will-change:transform}
.radio-bar .rb-ticker{will-change:contents}
@media(max-width:600px){
#exxeVolPopup{display:none!important}
}
.radio-bar .rb-ticker{position:relative;display:flex;align-items:center;justify-content:center}
.rb-tk-show{color:rgba(255,255,255,.45);font-weight:500;font-size:13px;letter-spacing:.5px;white-space:nowrap}
.rb-tk-time{color:rgba(255,255,255,.2);font-size:12px;font-variant-numeric:tabular-nums;font-weight:400;letter-spacing:.5px;margin-left:10px;white-space:nowrap}
@media(max-width:768px){
.rb-tk-time{position:static;transform:none;display:inline;margin-left:6px;font-size:11px;line-height:40px}
.rb-tk-show{display:inline;width:auto;font-size:12px;line-height:40px}
.radio-bar .rb-eq:not(.rb-eq2){transition:width .4s ease,opacity .4s ease,padding .4s ease;overflow:hidden}
.radio-bar:not(.playing) .rb-eq:not(.rb-eq2){width:0!important;padding:0!important;opacity:0!important}
.radio-bar.playing .rb-eq:not(.rb-eq2){flex:1!important;width:auto!important;height:100%!important;opacity:1!important;padding:0 2px!important;align-items:flex-end!important;gap:1px!important}
}
@media(max-width:768px){
.radio-bar .rb-ticker{position:relative;display:flex;align-items:center;justify-content:center;gap:8px}
.rb-tk-show{font-size:12px}
.rb-tk-time{font-size:11px}
}
@media(max-width:768px){
.radio-bar.playing .rb-brand{display:none!important}
}

.rb-tk-mob{font-size:13px;font-weight:500;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(90deg,#6366f1,#a78bfa,#ec4899,#f59e0b,#22d3ee,#a78bfa,#6366f1);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:brandShift 3s ease infinite}
.rb-tk-mob b{font-weight:800;-webkit-text-fill-color:transparent}
.rb-tk-clock{font-size:14px;font-weight:500;color:rgba(255,255,255,.4);font-variant-numeric:tabular-nums;letter-spacing:1px}

@media(max-width:768px){
.radio-bar:not(.playing) #rbTickerInner{display:grid!important;place-items:center;width:100%!important;height:100%!important}
.radio-bar:not(.playing) #rbTickerInner .rb-tk-mob,
.radio-bar:not(.playing) #rbTickerInner .rb-tk-clock{grid-row:1;grid-column:1;transition:opacity .5s ease}
}
@media(max-width:768px){
.radio-bar.playing .rb-ticker{display:none!important}
.radio-bar.playing .rb-brand{display:none!important}
.radio-bar.playing .rb-sep{display:none!important}
}

@media(max-width:768px){
.radio-bar.playing .rb-brand,
.radio-bar.playing .rb-sep,
.radio-bar.playing .rb-ticker,
.radio-bar.playing .rb-vol-capsule,
.radio-bar.playing .rb-eq.rb-eq2{display:none!important;width:0!important;flex:0 0 0!important;min-width:0!important;padding:0!important;margin:0!important;overflow:hidden!important}
.radio-bar.playing .rb-eq:not(.rb-eq2){flex:1 1 100%!important;width:100%!important;height:100%!important;opacity:1!important;padding:0 4px!important;align-items:flex-end!important;gap:1px!important;display:flex!important}
}

@media(max-width:768px){
.radio-bar.playing .rb-eq:not(.rb-eq2) span{flex:1!important;min-width:1px!important;max-width:20px!important}
}

@media(max-width:768px){
.radio-bar.playing .rb-eq:not(.rb-eq2)::before{content:'RADIOEXXE';position:absolute;top:1px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;font-weight:600;background:linear-gradient(90deg,#6366f1,#a78bfa,#ec4899,#f59e0b,#22d3ee,#a78bfa);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:brandShift 3s ease infinite;z-index:1;pointer-events:none;white-space:nowrap}
.radio-bar.playing .rb-eq:not(.rb-eq2){position:relative!important}
}

.radio-bar.playing .rb-eq span{flex:1;min-width:1px;max-width:4px}

/* === DESKTOP FULLSCREEN (>768px) === */
@media(min-width:769px){
.radio-bar{height:64px!important;gap:0!important;padding:0!important}
.radio-bar .rb-brand{position:absolute!important;top:4px;left:50%;transform:translateX(-50%);z-index:15}
.radio-bar .rb-btn-ext{width:44px;height:100%;background:rgba(99,102,241,.12);border:none;border-right:1px solid rgba(99,102,241,.15);border-left:1px solid rgba(99,102,241,.15);color:#a78bfa;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s;flex-shrink:0;border-radius:0}
.radio-bar .rb-btn-ext:hover{background:rgba(99,102,241,.2)}
.radio-bar .rb-btn-vol{width:44px;height:100%;background:rgba(99,102,241,.12);border:none;border-left:1px solid rgba(99,102,241,.15);border-right:1px solid rgba(99,102,241,.15);color:#a78bfa;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s;flex-shrink:0;border-radius:0}
.radio-bar .rb-btn-vol:hover{background:rgba(99,102,241,.2)}
.radio-bar .rb-eq2{display:none!important}
.radio-bar .rb-sep{display:none!important}
.radio-bar .rb-ticker{display:none!important}
.radio-bar .rb-vol-capsule{display:none!important}
.radio-bar .rb-eq:not(.rb-eq2){flex:1!important;visibility:hidden!important}
.radio-bar .rb-eq:not(.rb-eq2)::before{display:none!important}
.radio-bar .rb-prog-left{border-radius:14px 0 0 14px!important}

.radio-bar .rb-btn-ext svg{width:22px!important;height:22px!important}
.radio-bar .rb-btn-vol svg{width:22px!important;height:22px!important}
.radio-bar .rb-prog-left svg{width:22px!important;height:22px!important}
.radio-bar .rb-play svg{width:24px!important;height:24px!important}
.radio-bar .rb-play{border-radius:0 14px 14px 0!important}
.merch-dash-header{min-height:56px!important;position:relative!important}
.merch-header-info{flex:none!important}
#merchRadioBar{flex:1!important;min-width:0}
#merchRadioBar .radio-bar{height:36px!important;border-radius:7px!important;margin:0!important;width:100%!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important}
#merchRadioBar .radio-bar .rb-brand{display:none!important}
#merchRadioBar #rbBrandOverlay{display:none!important}
#merchRadioBar .rb-prog-left{width:32px!important;min-width:32px!important;border-radius:7px 0 0 7px!important;background:transparent!important;border:none!important}
#merchRadioBar .rb-btn-ext{width:32px!important;min-width:32px!important;background:transparent!important;border:none!important}
#merchRadioBar .rb-btn-vol{width:32px!important;min-width:32px!important;background:transparent!important;border:none!important}
#merchRadioBar .rb-play{width:32px!important;min-width:32px!important;border-radius:0 7px 7px 0!important;background:transparent!important;border:none!important}
#merchRadioBar .rb-btn-ext svg,#merchRadioBar .rb-btn-vol svg,#merchRadioBar .rb-prog-left svg,#merchRadioBar .rb-play svg{width:21px!important;height:21px!important}
#merchRadioBar .radio-bar:not(.playing)::after{content:'';position:absolute;bottom:6px;left:32px;right:32px;height:0;border-bottom:2px dotted rgba(139,92,246,0.3);pointer-events:none}
}
@media(max-width:768px){
.rb-btn-ext,.rb-btn-vol{display:none!important}
#merchRadioBar .radio-bar{display:flex!important;align-items:center!important;gap:0!important;padding:0!important;height:36px!important;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}
#merchRadioBar .rb-brand,#merchRadioBar #rbBrandOverlay,#merchRadioBar .rb-sep,#merchRadioBar .rb-ticker,#merchRadioBar .rb-vol-capsule,#merchRadioBar .rb-eq2,#merchRadioBar .rb-btn-vol{display:none!important}
#merchRadioBar .rb-prog-left{order:-2!important;background:transparent!important;border:none!important;width:28px!important;min-width:28px!important;height:100%!important;border-radius:0!important;color:#a78bfa!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0 2px!important}
#merchRadioBar .rb-btn-ext{order:-1!important;display:flex!important;background:transparent!important;border:none!important;width:28px!important;min-width:28px!important;height:100%!important;border-radius:0!important;color:#a78bfa!important;flex-shrink:0!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0 2px!important}
#merchRadioBar .rb-eq:not(.rb-eq2){display:none!important}
#merchRadioBar .rb-right{margin-left:auto!important;background:transparent!important;border:none!important;margin-right:8px!important}
#merchRadioBar .rb-play{background:transparent!important;border:none!important;width:32px!important;min-width:32px!important;border-radius:0!important}
#merchRadioBar .rb-prog-left svg,#merchRadioBar .rb-btn-ext svg,#merchRadioBar .rb-play svg{width:20px!important;height:20px!important}
#merchRadioBar .rb-play svg{fill:#a78bfa!important}
#merchRadioBar .rb-btn-ext.rb-btn-ext{display:flex!important;order:-1!important;width:28px!important;height:100%!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:none!important;color:#a78bfa!important}
}
.radio-bar{position:relative;margin:-14px auto 20px;width:100%;height:44px;background:rgba(255,255,255,.04);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:14px;display:flex;align-items:center;padding:0 0 0 0;gap:8px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.15)}
.radio-bar .rb-eq{display:flex;align-items:flex-end;gap:3px;height:16px;direction:rtl}
.radio-bar .rb-eq span{width:4px;background:#a78bfa;border-radius:1px;animation:none;opacity:.3}
.radio-bar.playing .rb-eq span{opacity:1}
@keyframes rEq{0%{height:3px}100%{height:14px}}
.radio-bar .rb-brand{font-size:13px;letter-spacing:1.5px;white-space:nowrap;font-weight:500;color:rgba(255,255,255,.4);transition:all .5s ease}
.radio-bar .rb-brand b{color:#a78bfa;font-weight:800}
.radio-bar.playing .rb-brand{background:linear-gradient(90deg,#6366f1,#a78bfa,#ec4899,#f59e0b,#22d3ee,#a78bfa,#6366f1);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:brandShift 3s ease infinite;filter:drop-shadow(0 0 12px rgba(167,139,250,.5))}
.radio-bar.playing .rb-brand b{-webkit-text-fill-color:transparent}
@keyframes brandShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

.radio-bar .rb-sep{width:1px;height:14px;background:rgba(255,255,255,.08);flex-shrink:0}
.radio-bar .rb-ticker{overflow:hidden;white-space:nowrap;font-size:14px;font-weight:500;color:rgba(255,255,255,.5);flex:1;min-width:0;letter-spacing:.3px}
@keyframes rScr{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
.radio-bar .rb-vol-wrap{position:relative;width:60px;height:6px;background:rgba(255,255,255,.08);border-radius:3px;flex-shrink:0;cursor:pointer;overflow:visible}
.radio-bar .rb-vol-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,rgba(167,139,250,.4),#a78bfa);border-radius:3px;pointer-events:none;transition:width .1s}

.radio-bar .rb-status{font-size:9px;letter-spacing:1px;padding:3px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;transition:all .3s}
.radio-bar .rb-status.on{color:#4ade80;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.15)}
.radio-bar .rb-status.off{color:rgba(255,255,255,.3);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.radio-bar .rb-prog{background:none;border:1px solid rgba(99,102,241,.2);border-radius:8px;padding:3px 8px;font-size:9px;letter-spacing:.5px;color:#a78bfa;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s}
.radio-bar .rb-prog:hover{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.4)}
.radio-bar .rb-right{display:flex;height:100%;margin-left:auto;flex-shrink:0;gap:0}
.radio-bar .rb-prog-end{width:44px;height:100%;background:rgba(99,102,241,.08);border:none;border-left:1px solid rgba(99,102,241,.1);color:#a78bfa;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}
.radio-bar .rb-prog-end:hover{background:rgba(99,102,241,.15)}
.radio-bar .rb-play{width:44px;height:100%;border-radius:0 14px 14px 0;background:rgba(99,102,241,.12);border:none;border-left:1px solid rgba(99,102,241,.15);color:#a78bfa;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}
.radio-bar .rb-play:hover{background:rgba(99,102,241,.2)}
@media(max-width:768px){
.radio-bar{height:40px!important;padding:0!important;gap:0!important;border-radius:12px!important;margin:-10px auto 14px!important}
.radio-bar .rb-sep{display:none!important}
.radio-bar .rb-eq.rb-eq2{display:none!important}
.radio-bar .rb-brand{display:none!important}
.radio-bar .rb-brand b{-webkit-text-fill-color:transparent!important}

.radio-bar .rb-vol-capsule{display:none!important}
.radio-bar .rb-eq:not(.rb-eq2){display:flex!important;height:14px;gap:1px;padding:0 6px}
.radio-bar .rb-eq span{width:1.5px}
.radio-bar .rb-prog-left{width:42px;border-radius:12px 0 0 12px;min-width:42px}
.radio-bar .rb-prog-left svg{width:15px;height:15px}
.radio-bar .rb-ticker{font-size:13px!important;padding:0 10px}
.radio-bar .rb-play{width:44px;border-radius:0 12px 12px 0;min-width:44px}
.radio-bar .rb-play svg{width:17px;height:17px}
.radio-bar .rb-right{margin-left:auto}
}
@media(max-width:360px){
.radio-bar{height:36px!important;border-radius:10px!important;margin:-8px auto 10px!important}
.radio-bar .rb-prog-left{width:34px;border-radius:10px 0 0 10px}
.radio-bar .rb-ticker{font-size:11px!important;padding:0 6px}
.radio-bar .rb-eq span{width:1px}
.radio-bar .rb-play{width:36px;border-radius:0 10px 10px 0}
}

.radio-bar .rb-prog-left{width:44px;height:100%;border-radius:14px 0 0 14px;background:rgba(99,102,241,.12);border:none;border-right:1px solid rgba(99,102,241,.15);color:#a78bfa;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}
.radio-bar .rb-prog-left:hover{background:rgba(99,102,241,.2)}
.radio-bar .rb-vol-capsule{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:4px 10px 4px 8px;flex-shrink:0}
.radio-bar .rb-vol-icon{color:rgba(255,255,255,.35);flex-shrink:0}
.radio-bar .rb-vol-input{-webkit-appearance:none;appearance:none;position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;cursor:pointer;margin:0;padding:0}
.radio-bar .rb-vol-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0.5px 4px rgba(0,0,0,.2),0 0 1px rgba(0,0,0,.1);cursor:pointer;position:relative;z-index:2}
.radio-bar .rb-vol-input::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0.5px 4px rgba(0,0,0,.2),0 0 1px rgba(0,0,0,.1);cursor:pointer;border:none}
.radio-bar .rb-vol-wrap{height:6px;border-radius:6px}
#exxeVolPopup{position:fixed;left:16px;top:50%;transform:translateY(-50%) translateX(-30px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(18,14,30,.94);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(99,102,241,.12);border-radius:28px;padding:20px 0;width:46px;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.45),0 0 0 1px rgba(99,102,241,.06) inset}
#exxeVolPopup.show{opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto}
.vol-popup-icon{color:rgba(167,139,250,.6);margin-bottom:14px;flex-shrink:0;display:block}
.vol-popup-track{width:5px;height:160px;background:rgba(255,255,255,.06);border-radius:3px;position:relative;overflow:hidden}
.vol-popup-fill{position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,#6366f1,#a78bfa);border-radius:3px;transition:height .15s ease-out}
.vol-popup-pct{font-size:11px;font-weight:700;color:rgba(167,139,250,.9);letter-spacing:.5px;margin-top:14px;font-variant-numeric:tabular-nums;text-align:center;width:100%;display:block}
.vol-popup-icon-bottom{color:rgba(255,255,255,.25);margin-top:10px;flex-shrink:0;display:block}

.radio-bar .rb-eq span{will-change:transform,height;border-radius:1px;background:linear-gradient(to top,#6366f1,#a78bfa);contain:strict;height:2px}
.radio-bar .rb-eq2{direction:ltr}
.radio-bar .rb-ticker-inner{display:inline-block;white-space:nowrap;position:relative;transition:none}
.radio-bar .rb-ticker span{padding-right:0}

#rbTickerInner{will-change:transform}
.radio-bar .rb-ticker{will-change:contents}
@media(max-width:600px){
#exxeVolPopup{display:none!important}
}
.radio-bar .rb-ticker{position:relative;display:flex;align-items:center;justify-content:center}
.rb-tk-show{color:rgba(255,255,255,.45);font-weight:500;font-size:13px;letter-spacing:.5px;white-space:nowrap}
.rb-tk-time{color:rgba(255,255,255,.2);font-size:12px;font-variant-numeric:tabular-nums;font-weight:400;letter-spacing:.5px;margin-left:10px;white-space:nowrap}
@media(max-width:768px){
.rb-tk-time{position:static;transform:none;display:inline;margin-left:6px;font-size:11px;line-height:40px}
.rb-tk-show{display:inline;width:auto;font-size:12px;line-height:40px}
.radio-bar .rb-eq:not(.rb-eq2){transition:width .4s ease,opacity .4s ease,padding .4s ease;overflow:hidden}
.radio-bar:not(.playing) .rb-eq:not(.rb-eq2){width:0!important;padding:0!important;opacity:0!important}
.radio-bar.playing .rb-eq:not(.rb-eq2){flex:1!important;width:auto!important;height:100%!important;opacity:1!important;padding:0 2px!important;align-items:flex-end!important;gap:1px!important}
}
@media(max-width:768px){
.radio-bar .rb-ticker{position:relative;display:flex;align-items:center;justify-content:center;gap:8px}
.rb-tk-show{font-size:12px}
.rb-tk-time{font-size:11px}
}
@media(max-width:768px){
.radio-bar.playing .rb-brand{display:none!important}
}

.rb-tk-mob{font-size:13px;font-weight:500;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(90deg,#6366f1,#a78bfa,#ec4899,#f59e0b,#22d3ee,#a78bfa,#6366f1);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:brandShift 3s ease infinite}
.rb-tk-mob b{font-weight:800;-webkit-text-fill-color:transparent}
.rb-tk-clock{font-size:14px;font-weight:500;color:rgba(255,255,255,.4);font-variant-numeric:tabular-nums;letter-spacing:1px}

@media(max-width:768px){
.radio-bar:not(.playing) #rbTickerInner{display:grid!important;place-items:center;width:100%!important;height:100%!important}
.radio-bar:not(.playing) #rbTickerInner .rb-tk-mob,
.radio-bar:not(.playing) #rbTickerInner .rb-tk-clock{grid-row:1;grid-column:1;transition:opacity .5s ease}
}
@media(max-width:768px){
.radio-bar.playing .rb-ticker{display:none!important}
.radio-bar.playing .rb-brand{display:none!important}
.radio-bar.playing .rb-sep{display:none!important}
}

@media(max-width:768px){
.radio-bar.playing .rb-brand,
.radio-bar.playing .rb-sep,
.radio-bar.playing .rb-ticker,
.radio-bar.playing .rb-vol-capsule,
.radio-bar.playing .rb-eq.rb-eq2{display:none!important;width:0!important;flex:0 0 0!important;min-width:0!important;padding:0!important;margin:0!important;overflow:hidden!important}
.radio-bar.playing .rb-eq:not(.rb-eq2){flex:1 1 100%!important;width:100%!important;height:100%!important;opacity:1!important;padding:0 4px!important;align-items:flex-end!important;gap:1px!important;display:flex!important}
}

@media(max-width:768px){
.radio-bar.playing .rb-eq:not(.rb-eq2) span{flex:1!important;min-width:1px!important;max-width:20px!important}
}

@media(max-width:768px){
.radio-bar.playing .rb-eq:not(.rb-eq2)::before{content:'RADIOEXXE';position:absolute;top:1px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;font-weight:600;background:linear-gradient(90deg,#6366f1,#a78bfa,#ec4899,#f59e0b,#22d3ee,#a78bfa);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:brandShift 3s ease infinite;z-index:1;pointer-events:none;white-space:nowrap}
.radio-bar.playing .rb-eq:not(.rb-eq2){position:relative!important}
}

.radio-bar.playing .rb-eq span{flex:1;min-width:1px;max-width:4px}

/* === DESKTOP FULLSCREEN (>768px) === */
@media(min-width:769px){
.radio-bar{height:64px!important;gap:0!important;padding:0!important}
.radio-bar .rb-brand{position:absolute!important;top:4px;left:50%;transform:translateX(-50%);z-index:15}
.radio-bar .rb-btn-ext{width:44px;height:100%;background:rgba(99,102,241,.12);border:none;border-right:1px solid rgba(99,102,241,.15);border-left:1px solid rgba(99,102,241,.15);color:#a78bfa;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s;flex-shrink:0;border-radius:0}
.radio-bar .rb-btn-ext:hover{background:rgba(99,102,241,.2)}
.radio-bar .rb-btn-vol{width:44px;height:100%;background:rgba(99,102,241,.12);border:none;border-left:1px solid rgba(99,102,241,.15);border-right:1px solid rgba(99,102,241,.15);color:#a78bfa;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s;flex-shrink:0;border-radius:0}
.radio-bar .rb-btn-vol:hover{background:rgba(99,102,241,.2)}
.radio-bar .rb-eq2{display:none!important}
.radio-bar .rb-sep{display:none!important}
.radio-bar .rb-ticker{display:none!important}
.radio-bar .rb-vol-capsule{display:none!important}
.radio-bar .rb-eq:not(.rb-eq2){flex:1!important;visibility:hidden!important}
.radio-bar .rb-eq:not(.rb-eq2)::before{display:none!important}
.radio-bar .rb-prog-left{border-radius:14px 0 0 14px!important}

.radio-bar .rb-btn-ext svg{width:22px!important;height:22px!important}
.radio-bar .rb-btn-vol svg{width:22px!important;height:22px!important}
.radio-bar .rb-prog-left svg{width:22px!important;height:22px!important}
.radio-bar .rb-play svg{width:24px!important;height:24px!important}
.radio-bar .rb-play{border-radius:0 14px 14px 0!important}
.merch-dash-header{min-height:56px!important;position:relative!important}
.merch-header-info{flex:none!important}
#merchRadioBar{flex:1!important;min-width:0}
#merchRadioBar .radio-bar{height:36px!important;border-radius:7px!important;margin:0!important;width:100%!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important}
#merchRadioBar .radio-bar .rb-brand{display:none!important}
#merchRadioBar #rbBrandOverlay{display:none!important}
#merchRadioBar .rb-prog-left{width:32px!important;min-width:32px!important;border-radius:7px 0 0 7px!important;background:transparent!important;border:none!important}
#merchRadioBar .rb-btn-ext{width:32px!important;min-width:32px!important;background:transparent!important;border:none!important}
#merchRadioBar .rb-btn-vol{width:32px!important;min-width:32px!important;background:transparent!important;border:none!important}
#merchRadioBar .rb-play{width:32px!important;min-width:32px!important;border-radius:0 7px 7px 0!important;background:transparent!important;border:none!important}
#merchRadioBar .rb-btn-ext svg,#merchRadioBar .rb-btn-vol svg,#merchRadioBar .rb-prog-left svg,#merchRadioBar .rb-play svg{width:21px!important;height:21px!important}
#merchRadioBar .radio-bar:not(.playing)::after{content:'';position:absolute;bottom:6px;left:32px;right:32px;height:0;border-bottom:2px dotted rgba(139,92,246,0.3);pointer-events:none}
}
@media(max-width:768px){
.rb-btn-ext,.rb-btn-vol{display:none!important}
#merchRadioBar .radio-bar{height:auto!important;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}
#merchRadioBar .radio-bar .rb-eq,#merchRadioBar .radio-bar .rb-eq2,#merchRadioBar .radio-bar .rb-sep,#merchRadioBar .radio-bar .rb-ticker,#merchRadioBar .radio-bar .rb-brand,#merchRadioBar .radio-bar .rb-vol-capsule,#merchRadioBar .rb-btn-vol,#merchRadioBar #rbEqCanvas,#merchRadioBar #rbBrandOverlay{display:none!important}
#merchRadioBar .radio-bar{display:flex!important;align-items:center!important;gap:0!important;padding:0 0 0 0!important;height:36px!important;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}
#merchRadioBar .rb-prog-left,#merchRadioBar .rb-btn-ext{background:transparent!important;border:none!important;width:28px!important;min-width:28px!important;height:100%!important;border-radius:0!important;color:#a78bfa!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important}
#merchRadioBar .rb-prog-left{order:-2!important}
#merchRadioBar .rb-btn-ext{order:-1!important}
#merchRadioBar .rb-btn-ext{display:flex!important}
#merchRadioBar .rb-btn-vol{display:none!important}
#merchRadioBar .rb-eq2,#merchRadioBar .rb-sep,#merchRadioBar .rb-ticker,#merchRadioBar .rb-brand,#merchRadioBar .rb-vol-capsule,#merchRadioBar #rbBrandOverlay{display:none!important}
#merchRadioBar .rb-eq:not(.rb-eq2){flex:1!important;display:flex!important;height:100%!important;align-items:flex-end!important;gap:1px!important;padding:4px 2px!important}
#merchRadioBar .rb-prog-left svg,#merchRadioBar .rb-btn-ext svg,#merchRadioBar .rb-play svg{width:20px!important;height:20px!important}
#merchRadioBar .rb-play svg{fill:#a78bfa!important}
#merchRadioBar .rb-right{margin-left:auto!important;background:transparent!important;border:none!important;margin-right:12px!important}
#merchRadioBar .rb-play{background:transparent!important;border:none!important;width:32px!important;border-radius:0!important}
}