*{box-sizing:border-box;margin:0;padding:0}
:root{--g:#e4ad38;--g2:#ffe79a;--ink:#050505;--panel:#0b0905}
html,body{min-height:100%;background:#020202;color:#fff;font-family:Arial,Helvetica,sans-serif}
body{min-height:100dvh;overflow-x:hidden}
button,a{font:inherit;color:inherit;text-decoration:none}.sonic-hidden{position:absolute;left:-9999px;opacity:0}
.app-bg{position:fixed;inset:-40px;background:#080706 center/cover no-repeat;filter:blur(42px) saturate(1.25) brightness(.38);transform:scale(1.18);z-index:0;transition:.75s}
.app-shade{position:fixed;inset:0;z-index:1;background:
radial-gradient(circle at 50% 22%,rgba(230,170,42,.12),transparent 27%),
linear-gradient(180deg,#000c,#0004 34%,#0009 70%,#000f)}
.app-shade:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:
radial-gradient(circle at 15% 22%,rgba(255,210,98,.34) 0 1px,transparent 1.8px),
radial-gradient(circle at 78% 16%,rgba(255,186,42,.24) 0 1px,transparent 1.8px),
radial-gradient(circle at 32% 74%,rgba(255,213,110,.16) 0 1px,transparent 1.8px);
background-size:155px 145px,190px 175px,235px 205px;animation:appParticles 20s linear infinite;opacity:.55}
.native-player{position:relative;z-index:2;width:min(100%,620px);min-height:100dvh;margin:auto;padding:max(10px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column}
.native-player:before{content:"";position:fixed;inset:auto 0 0;height:40%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(225,165,42,.035));z-index:-1}
.native-header{height:92px;margin:0 -4px 4px;padding:9px 11px;display:grid;grid-template-columns:48px 1fr 112px;align-items:center;gap:9px;border:1px solid rgba(255,216,113,.15);border-radius:18px;background:linear-gradient(145deg,#050505,#000);box-shadow:0 12px 32px #0008,inset 0 0 24px rgba(255,183,35,.035)}
.collapse-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,222,132,.34);background:#080704;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 0 14px rgba(255,189,39,.04),0 0 16px rgba(255,180,28,.05)}
.horseshoe-icon{width:26px;height:26px;fill:none;stroke:#ffe28b;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(255,192,48,.35));transition:.35s}
.collapse-btn:hover .horseshoe-icon{transform:rotate(-12deg) scale(1.06)}
.native-player.is-collapsed .horseshoe-icon{transform:rotate(180deg)}
.station-head{text-align:center}.station-name{font-weight:1000;font-size:20px;letter-spacing:.055em}.station-name span{color:var(--g2);text-shadow:0 0 15px #ffc52f}.station-sub{margin-top:5px;color:#ffffffa9;font-size:9px;font-weight:900;letter-spacing:.09em;white-space:nowrap}.station-sub i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f33;box-shadow:0 0 9px #f33;margin-right:4px;animation:appPulse 1.2s infinite}
.brand-motion{height:62px;position:relative;overflow:hidden;border-radius:12px;background:#000}.brand-motion canvas{position:absolute;left:0;top:13px;width:68px;height:36px;filter:drop-shadow(0 0 5px #ffc52f)}.brand-motion video{position:absolute;right:-1px;top:0;width:64px;height:60px;object-fit:contain;filter:drop-shadow(0 0 11px #ffc52f)}
.app-sponsor{width:min(520px,100%);margin:11px auto 0;min-height:42px;padding:8px 12px;border-top:1px solid rgba(255,215,104,.14);border-bottom:1px solid rgba(255,215,104,.14);display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(0,0,0,.38)}
.app-sponsor>span{font-size:7px;letter-spacing:.17em;color:#d7a834}.app-sponsor strong{display:block;font-size:9px;color:#e9d7a0;letter-spacing:.05em}.app-sponsor small{display:block;margin-top:1px;font-size:7px;color:#ffffff4d}
.cover-stage{position:relative;width:min(72vw,355px);aspect-ratio:1;margin:clamp(22px,5.2vh,56px) auto 0;display:grid;place-items:center;perspective:1200px}
.cover-glow{position:absolute;inset:-17%;background:radial-gradient(circle,#ffbe2d35,transparent 62%);filter:blur(17px);animation:coverAura 5s ease-in-out infinite}
.flip-card{position:relative;width:100%;height:100%;cursor:pointer;outline:none}.flip-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}
.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;overflow:hidden;border:1px solid rgba(255,224,136,.22);box-shadow:0 24px 60px #000b,0 0 30px rgba(255,178,23,.12)}
.flip-front{background:#050403}.flip-back{transform:rotateY(180deg);display:grid;place-items:center;background:
radial-gradient(circle at 50% 37%,rgba(234,175,43,.16),transparent 36%),linear-gradient(145deg,#080603,#000);text-align:center}
.album-cover{width:100%;height:100%;object-fit:cover;transition:.35s}.album-cover.loading{opacity:.42;transform:scale(.985)}
.live-pill{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:#000c;border:1px solid #ffda7073;color:var(--g2);font-size:9px;font-weight:1000;box-shadow:0 0 15px rgba(255,196,47,.18)}
.steed-flip-logo{width:52%;max-width:185px;filter:drop-shadow(0 0 26px rgba(255,186,30,.34))}
.flip-back-copy{position:absolute;bottom:13%;left:0;right:0}.flip-back-copy strong{display:block;font-size:17px;letter-spacing:.15em;color:#ffe499}.flip-back-copy span{display:block;margin-top:6px;font-size:9px;letter-spacing:.22em;color:#bba76c}
.track-panel{text-align:center;margin-top:clamp(22px,4.5vh,42px);min-height:88px;padding:0 4px}.track-title{font-size:clamp(24px,6.5vw,34px);font-weight:1000;line-height:1.08;color:#fff4c7;text-shadow:0 0 22px rgba(255,192,48,.16),0 4px 18px #000;letter-spacing:-.02em}.track-artist{margin-top:7px;color:#ffffffbd;font-size:clamp(15px,4.2vw,20px);font-weight:750}.track-album{margin-top:6px;color:#e4bd57;font-size:11px;font-weight:850;letter-spacing:.04em}
.recent-mini{width:min(520px,100%);margin:16px auto 0}.recent-mini-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;padding:0 3px}.recent-mini-head span{font-size:8px;font-weight:950;letter-spacing:.16em;color:#d9b44d}.recent-mini-head small{font-size:7px;color:#ffffff50}.recent-mini-list{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 7px;scrollbar-width:none}.recent-mini-list::-webkit-scrollbar{display:none}.recent-track{position:relative;flex:0 0 104px;min-width:104px;height:58px;padding:7px 7px 6px;border-radius:11px;border:1px solid rgba(255,216,108,.12);background:rgba(0,0,0,.46);overflow:hidden;transition:.25s}.recent-track.is-current{border-color:#ffd464;box-shadow:0 0 18px rgba(255,185,31,.15),inset 0 0 14px rgba(255,193,39,.045);background:linear-gradient(110deg,rgba(164,101,6,.18),rgba(0,0,0,.5))}.recent-track.is-current:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#ffd45e;box-shadow:0 0 8px #ffd45e}.recent-track b{display:block;font-size:8px;color:#f5e8c1;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-track span{display:block;margin-top:4px;font-size:7px;color:#ffffff67;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-track small{position:absolute;right:6px;bottom:5px;font-size:6px;color:#9f8b58}
.quick-actions{width:min(390px,100%);margin:20px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-actions button,.quick-actions a{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.premium-action-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,224,132,.42);background:radial-gradient(circle at 40% 30%,rgba(255,218,106,.13),rgba(0,0,0,.45) 62%);box-shadow:inset 0 0 16px rgba(255,190,42,.05),0 0 0 rgba(255,190,42,0);transition:.2s}.premium-action-icon svg{width:22px;height:22px;fill:none;stroke:#ffe697;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(255,190,42,.28))}.quick-actions button:hover .premium-action-icon,.quick-actions a:hover .premium-action-icon{transform:translateY(-2px);border-color:#ffe08a;box-shadow:0 0 19px rgba(255,185,30,.16)}.quick-actions small{font-size:7px;font-weight:900;color:#ffffff80;letter-spacing:.05em}
.volume-row{width:min(500px,100%);margin:20px auto 0;display:grid;grid-template-columns:30px 1fr 30px;gap:9px;align-items:center}.volume-row input{width:100%;accent-color:var(--g)}.speaker{font-size:23px;text-align:center;color:#e5cf91}.transport{display:flex;flex-direction:column;align-items:center;margin-top:16px}.main-play{width:88px;height:88px;border-radius:50%;border:1px solid #fff0a7;background:radial-gradient(circle at 40% 30%,#fff2aa,#e4a92c 48%,#6f4004);color:#130b00;font-size:32px;font-weight:1000;box-shadow:0 9px 28px #0006,0 0 28px #ffb92761;transition:.2s}.main-play:hover{transform:scale(1.025);filter:brightness(1.05)}.player-status{margin-top:9px;color:#ffffff78;font-size:8px;font-weight:900;letter-spacing:.13em}.app-footer{text-align:center;margin-top:auto;padding-top:16px;color:#ffe6a16f;font-size:8px;font-weight:900;letter-spacing:.16em}
.native-player.is-collapsed .app-sponsor,.native-player.is-collapsed .cover-stage,.native-player.is-collapsed .recent-mini{display:none}.native-player.is-collapsed .track-panel{margin-top:18px}.native-player.is-collapsed{min-height:100dvh}.native-player.is-collapsed .quick-actions{margin-top:12px}.native-player.is-collapsed .volume-row{margin-top:14px}.native-player.is-collapsed .transport{margin-top:13px}
@keyframes appPulse{50%{opacity:.35}}@keyframes coverAura{50%{transform:scale(1.035);opacity:.7}}@keyframes appParticles{to{background-position:155px 145px,-190px 175px,235px -205px}}
@media(max-height:760px){.native-header{height:78px}.app-sponsor{margin-top:6px}.cover-stage{width:min(54vw,275px);margin-top:16px}.track-panel{margin-top:18px}.recent-mini{margin-top:10px}.quick-actions{margin-top:12px}.volume-row{margin-top:12px}.transport{margin-top:10px}.main-play{width:72px;height:72px}.app-footer{display:none}}
@media(max-width:380px){.station-name{font-size:17px}.station-sub{font-size:8px}.native-header{grid-template-columns:44px 1fr 95px}.brand-motion canvas{width:58px}.brand-motion video{width:52px}.quick-actions{gap:7px}.premium-action-icon{width:43px;height:43px}}
/* update prompt */
.app-update-prompt{position:fixed;left:0;right:0;bottom:max(16px,env(safe-area-inset-bottom));z-index:99999;padding:0 14px;display:flex;justify-content:center}.app-update-prompt[hidden]{display:none}.app-update-card{width:min(560px,100%);display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,226,143,.42);background:linear-gradient(135deg,rgba(12,9,3,.98),rgba(0,0,0,.98));box-shadow:0 10px 40px rgba(0,0,0,.55),0 0 28px rgba(228,173,56,.24);backdrop-filter:blur(14px)}.app-update-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#160d00;font-size:25px;font-weight:1000;background:radial-gradient(circle,#fff0a5,#e3aa32 58%,#6b3d03);border:1px solid #ffefaa}.app-update-copy strong{display:block;color:#ffe79a;font-size:11px;letter-spacing:.08em}.app-update-copy span{display:block;margin-top:3px;color:rgba(255,255,255,.66);font-size:10px}#appUpdateNow{border:1px solid #ffe79a;border-radius:999px;padding:10px 13px;cursor:pointer;background:linear-gradient(90deg,#2d1800,#e2a62e,#fff0a5,#9b6208);color:#160d00;font-size:9px;font-weight:1000;letter-spacing:.06em;white-space:nowrap}@media(max-width:460px){.app-update-card{grid-template-columns:40px 1fr}#appUpdateNow{grid-column:1/3;width:100%}}


/* STEED EDM V39.1 — mobile scale / layout correction */
html,body{
  width:100%;
  min-width:100%;
  min-height:100%;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  min-height:100svh;
}
.native-player{
  width:100%!important;
  max-width:none!important;
  min-height:auto!important;
  margin:0!important;
  padding:
    max(10px,env(safe-area-inset-top))
    clamp(14px,4.2vw,28px)
    max(28px,env(safe-area-inset-bottom))!important;
}
.native-header{
  width:100%!important;
  max-width:760px;
  min-height:88px;
  height:auto!important;
  margin:0 auto 4px!important;
  padding:10px 12px!important;
  grid-template-columns:50px minmax(0,1fr) 126px!important;
}
.station-name{font-size:clamp(20px,5vw,26px)!important}
.station-sub{font-size:clamp(8px,2.2vw,11px)!important}
.brand-motion{height:66px!important}
.brand-motion canvas{width:76px!important;height:40px!important;top:13px!important}
.brand-motion video{width:72px!important;height:64px!important}

.app-sponsor{
  width:min(94vw,680px)!important;
  min-height:46px!important;
  margin:10px auto 0!important;
}
.cover-stage{
  width:min(86vw,440px)!important;
  max-width:440px!important;
  margin:clamp(22px,4vh,46px) auto 0!important;
}
.track-panel{
  width:min(94vw,680px)!important;
  margin:clamp(22px,3.6vh,38px) auto 0!important;
  min-height:90px!important;
}
.track-title{font-size:clamp(28px,7vw,42px)!important}
.track-artist{font-size:clamp(17px,4.2vw,23px)!important}
.track-album{font-size:clamp(11px,2.8vw,14px)!important}

.recent-mini{
  width:min(94vw,680px)!important;
  margin:18px auto 0!important;
}
.recent-mini-head{
  justify-content:flex-start!important;
  gap:10px!important;
}
.recent-mini-head small{
  display:none!important;
}
.recent-mini-list{
  gap:9px!important;
  padding-bottom:8px!important;
}
.recent-track{
  flex:0 0 clamp(118px,29vw,150px)!important;
  min-width:clamp(118px,29vw,150px)!important;
  height:72px!important;
  padding:9px 9px 8px!important;
}
.recent-track b{font-size:10px!important}
.recent-track span{font-size:8px!important}
.recent-track small{
  right:7px!important;
  bottom:6px!important;
  font-size:7px!important;
  letter-spacing:.04em!important;
}
.recent-track.is-current{
  border-color:#ffe08a!important;
  box-shadow:0 0 22px rgba(255,188,30,.23),inset 0 0 18px rgba(255,193,39,.07)!important;
}
.recent-track.is-current:after{
  content:"NOW PLAYING";
  position:absolute;
  right:7px;
  top:7px;
  padding:3px 5px;
  border-radius:999px;
  background:rgba(230,170,42,.13);
  border:1px solid rgba(255,219,112,.38);
  color:#ffd966;
  font-size:5.8px;
  font-weight:1000;
  letter-spacing:.09em;
  box-shadow:0 0 10px rgba(255,190,36,.12);
}
.quick-actions{
  width:min(88vw,500px)!important;
  margin:22px auto 0!important;
  gap:clamp(10px,3vw,18px)!important;
}
.premium-action-icon{
  width:54px!important;
  height:54px!important;
}
.premium-action-icon svg{
  width:25px!important;
  height:25px!important;
}
.quick-actions small{font-size:8px!important}

.volume-row{
  width:min(88vw,560px)!important;
  margin:24px auto 0!important;
}
.transport{margin-top:18px!important}
.main-play{
  width:96px!important;
  height:96px!important;
  font-size:35px!important;
}
.player-status{font-size:9px!important}
.app-footer{
  margin-top:24px!important;
  padding:8px 0 4px!important;
}

/* Stop short-height media queries from shrinking the whole app on modern phones.
   Only tighten vertical spacing, never the width or artwork scale. */
@media(max-height:760px){
  .native-header{min-height:78px!important}
  .app-sponsor{margin-top:7px!important}
  .cover-stage{width:min(78vw,390px)!important;margin-top:18px!important}
  .track-panel{margin-top:18px!important}
  .recent-mini{margin-top:12px!important}
  .quick-actions{margin-top:14px!important}
  .volume-row{margin-top:14px!important}
  .transport{margin-top:12px!important}
  .main-play{width:82px!important;height:82px!important}
  .app-footer{display:block!important;margin-top:16px!important}
}
@media(max-width:390px){
  .native-player{padding-left:12px!important;padding-right:12px!important}
  .native-header{grid-template-columns:46px minmax(0,1fr) 106px!important;padding:8px 9px!important}
  .station-name{font-size:19px!important}
  .station-sub{font-size:7.5px!important}
  .brand-motion canvas{width:62px!important}
  .brand-motion video{width:58px!important}
  .cover-stage{width:min(88vw,400px)!important}
}


/* =========================================================
   STEED EDM V39.2 — TRUE MOBILE SCALE + RECENT 3 ARTWORK
   ========================================================= */
html{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
body{width:100%!important;min-width:0!important;max-width:100%!important;min-height:100svh!important;overflow-x:hidden!important;margin:0!important}
.native-player{
  width:100vw!important;max-width:100vw!important;min-width:0!important;margin:0!important;
  padding:max(8px,env(safe-area-inset-top)) 12px max(24px,env(safe-area-inset-bottom))!important;
  overflow-x:hidden!important
}
.native-header{
  width:calc(100vw - 24px)!important;max-width:none!important;min-height:92px!important;height:auto!important;
  margin:0 auto 5px!important;padding:10px 12px!important;grid-template-columns:50px minmax(0,1fr) 128px!important
}
.app-sponsor{width:calc(100vw - 46px)!important;max-width:720px!important;min-height:48px!important;margin:10px auto 0!important}
.cover-stage{width:min(82vw,470px)!important;max-width:none!important;margin:26px auto 0!important}
.track-panel{width:calc(100vw - 34px)!important;max-width:720px!important;margin:24px auto 0!important;padding:0 8px!important}
.track-title{font-size:clamp(30px,7.8vw,44px)!important;line-height:1.02!important;letter-spacing:-.035em!important}
.track-artist{font-size:clamp(17px,4.6vw,24px)!important}
.track-album{font-size:clamp(11px,3vw,14px)!important}

.recent-mini{width:calc(100vw - 28px)!important;max-width:720px!important;margin:20px auto 0!important}
.recent-mini-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 3px!important;margin-bottom:9px!important}
.recent-mini-head span{font-size:9px!important;letter-spacing:.17em!important}
.recent-mini-head span::after{content:" · 3 TRACKS";color:#7f714d;font-weight:800}
.recent-mini-head small{display:none!important}
.recent-mini-list{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;overflow:visible!important;padding:0!important}
.recent-track{
  position:relative!important;min-width:0!important;width:auto!important;height:112px!important;padding:0!important;
  border-radius:14px!important;overflow:hidden!important;background:#060503!important;border:1px solid rgba(255,215,105,.16)!important;isolation:isolate
}
.recent-track .recent-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.86) brightness(.50);transform:scale(1.02)}
.recent-track::before{
  content:""!important;position:absolute!important;inset:0!important;width:auto!important;
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.82) 68%,rgba(0,0,0,.95))!important;
  box-shadow:none!important;z-index:-1!important
}
.recent-track .recent-copy{position:absolute;left:9px;right:9px;bottom:9px;z-index:2}
.recent-track b{display:block!important;font-size:10px!important;line-height:1.12!important;color:#fff3c7!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:0 2px 8px #000!important}
.recent-track span{display:block!important;margin-top:4px!important;font-size:8px!important;color:#ffffffb0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.recent-track small{
  position:absolute!important;right:7px!important;top:7px!important;bottom:auto!important;padding:3px 6px!important;
  border-radius:999px!important;font-size:6px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.08em!important;
  color:#dfc679!important;background:rgba(0,0,0,.63)!important;border:1px solid rgba(255,218,111,.20)!important;backdrop-filter:blur(5px)!important
}
.recent-track.is-current{
  border-color:#ffe28e!important;
  box-shadow:0 0 0 1px rgba(255,226,142,.22),0 0 25px rgba(255,184,25,.24),inset 0 0 20px rgba(255,194,38,.05)!important
}
.recent-track.is-current::after{
  content:"NOW PLAYING"!important;position:absolute!important;left:7px!important;top:7px!important;right:auto!important;bottom:auto!important;
  padding:4px 6px!important;border-radius:999px!important;color:#151000!important;background:linear-gradient(90deg,#d9900e,#ffe889)!important;
  border:1px solid rgba(255,241,179,.72)!important;font-size:6px!important;font-weight:1000!important;letter-spacing:.08em!important;
  box-shadow:0 0 12px rgba(255,186,25,.25)!important
}
.recent-track.is-current .recent-art{filter:saturate(1.08) brightness(.66)!important}

.quick-actions{width:calc(100vw - 74px)!important;max-width:560px!important;margin:24px auto 0!important}
.premium-action-icon{width:58px!important;height:58px!important}
.premium-action-icon svg{width:27px!important;height:27px!important}
.quick-actions small{margin-top:1px!important;font-size:8px!important}
.volume-row{width:calc(100vw - 72px)!important;max-width:600px!important;margin:26px auto 0!important}
.transport{margin-top:22px!important}
.main-play{width:104px!important;height:104px!important;font-size:38px!important}
.player-status{margin-top:11px!important;font-size:9px!important}
.app-footer{margin-top:28px!important;padding-bottom:6px!important}

@media(max-height:820px){
  .native-header{min-height:82px!important}
  .cover-stage{width:min(76vw,420px)!important;margin-top:18px!important}
  .track-panel{margin-top:18px!important}
  .recent-mini{margin-top:14px!important}
  .quick-actions{margin-top:15px!important}
  .volume-row{margin-top:16px!important}
  .transport{margin-top:14px!important}
}
@media(max-width:430px){
  .native-player{padding-left:10px!important;padding-right:10px!important}
  .native-header{width:calc(100vw - 20px)!important;grid-template-columns:46px minmax(0,1fr) 110px!important}
  .app-sponsor{width:calc(100vw - 34px)!important}
  .cover-stage{width:84vw!important}
  .track-panel{width:calc(100vw - 22px)!important}
  .recent-mini{width:calc(100vw - 20px)!important}
  .recent-mini-list{gap:7px!important}
  .recent-track{height:106px!important}
  .recent-track b{font-size:9px!important}
  .quick-actions{width:calc(100vw - 50px)!important;gap:8px!important}
  .premium-action-icon{width:54px!important;height:54px!important}
  .volume-row{width:calc(100vw - 48px)!important}
}