:root{--vrp-gold:#f0ca30;--vrp-nav:0px;--vrp-player:96px;--vr-bottom-safe:calc(var(--vrp-nav) + var(--vrp-player) + 22px + env(safe-area-inset-bottom))}
.vr-scroll-area{box-sizing:border-box!important;padding-bottom:var(--vr-bottom-safe)!important;scroll-padding-bottom:var(--vr-bottom-safe)!important}
.vr12-player-expand-close{display:none}

@media (min-width:768px){
  .player-bar{height:96px!important;min-height:96px!important;left:0!important;right:0!important;bottom:0!important;border-radius:0!important;overflow:visible!important;background:linear-gradient(180deg,rgba(14,16,20,.98),rgba(7,8,10,.99))!important;border-top:1px solid rgba(240,202,48,.34)!important;box-shadow:0 -18px 55px rgba(0,0,0,.38)!important}
  .player-inner{height:96px!important;max-width:1600px!important;margin:0 auto!important;padding:10px 60px 10px 24px!important;display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(330px,520px) auto minmax(170px,1fr)!important;gap:16px!important;align-items:center!important}
  .player-info{display:grid!important;grid-template-columns:58px minmax(110px,1fr)!important;align-items:center!important;gap:12px!important;min-width:0!important}
  .player-art{width:58px!important;height:58px!important;min-width:58px!important;border-radius:12px!important}
  .player-track{min-width:0!important}.player-track-name,.player-track-sub{display:block!important;max-width:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.player-track-name{font-size:.84rem!important}.player-track-sub{font-size:.65rem!important}
  .player-track-actions{position:static!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;width:auto!important;margin:0!important}
  .player-track-actions .track-action{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important}
  .player-track-actions .track-action span:not(.track-action-badge){display:none!important}.player-track-actions .track-action svg{width:17px!important;height:17px!important}
  .player-controls{display:grid!important;grid-template-columns:auto minmax(150px,1fr)!important;gap:14px!important;align-items:center!important;min-width:0!important}.player-btns{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important}.btn-skip{display:grid!important;width:38px!important;height:38px!important}.btn-play{display:grid!important;width:56px!important;height:56px!important}.player-progress{display:flex!important;width:100%!important;max-width:none!important;min-width:0!important}
  .player-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:18px!important;min-width:0!important}.vol-wrap{display:flex!important}.queue-status{min-width:0!important;max-width:145px!important;text-align:right!important}.queue-status>div{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .vr15-more-toggle{right:12px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
}

@media (min-width:768px) and (max-width:1050px){
  .player-inner{grid-template-columns:minmax(180px,1fr) minmax(300px,440px) auto!important;padding-inline:14px 58px!important;gap:10px!important}
  .player-info{grid-template-columns:50px minmax(80px,1fr)!important;gap:8px!important}.player-art{width:50px!important;height:50px!important;min-width:50px!important}
  .player-track-actions{gap:4px!important}.player-track-actions .track-action{width:32px!important;min-width:32px!important;height:32px!important}.player-right,.queue-status{display:none!important}.vr15-more-toggle{right:10px!important}
}

@media (min-width:1051px) and (max-width:1220px){
  .player-inner{grid-template-columns:minmax(250px,1fr) minmax(350px,1fr) 150px 190px!important;gap:12px!important}
  .player-track-actions{width:150px!important}.player-track-actions .track-action{width:34px!important;min-width:34px!important;height:34px!important}.queue-status{display:none!important}
}

@media (max-width:767px){
  :root{--vrp-nav:58px;--vrp-player:124px}
  .player-bar{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(var(--vrp-nav) + 8px + env(safe-area-inset-bottom))!important;height:var(--vrp-player)!important;min-height:var(--vrp-player)!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(240,202,48,.28)!important;border-radius:18px!important;background:linear-gradient(180deg,#171c25,#0f131a)!important;box-shadow:0 18px 52px rgba(0,0,0,.6)!important;z-index:11990!important}
  .player-viz,.player-right{display:none!important}
  .player-inner{position:static!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0 10px 7px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;grid-template-rows:3px 65px 49px!important;grid-template-areas:"progress progress progress" "art track controls" "actions actions actions"!important;column-gap:10px!important;row-gap:0!important;border:0!important;align-items:center!important}
  .player-info,.player-controls{display:contents!important}
  .player-art{grid-area:art!important;position:relative!important;width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;border-radius:10px!important;overflow:hidden!important}
  .player-track{grid-area:track!important;display:block!important;min-width:0!important;width:auto!important;padding:0!important;margin:0!important}
  .player-track-name{display:block!important;max-width:none!important;font-size:.79rem!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .player-track-sub{display:block!important;font-size:.6rem!important;color:#98a0aa!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .player-track-type{display:none!important}
  .player-btns{grid-area:controls!important;position:static!important;display:flex!important;align-items:center!important;gap:4px!important;min-width:max-content!important;margin:0!important}
  .btn-skip{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;color:#eef0f3!important}
  .btn-play{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;min-width:48px!important;border-radius:50%!important;background:var(--vrp-gold)!important;color:#111!important;box-shadow:0 0 22px rgba(240,202,48,.34)!important}
  .btn-skip svg{width:16px!important;height:16px!important}.btn-play svg{width:19px!important;height:19px!important}
  .player-controls .player-progress{grid-area:progress!important;position:static!important;inset:auto!important;display:block!important;width:calc(100% + 20px)!important;height:3px!important;max-width:none!important;margin-left:-10px!important;padding:0!important;border-radius:0!important;background:rgba(255,255,255,.09)!important;overflow:hidden!important;align-self:start!important}
  .player-controls .player-progress .prog-track{display:block!important;width:100%!important;height:3px!important;margin:0!important;background:transparent!important;border-radius:0!important}
  .player-controls .player-progress .prog-fill{display:block!important;height:100%!important;border-radius:0!important;background:var(--vrp-gold)!important}
  .player-controls .player-progress .prog-dot,.player-controls .player-progress .prog-time{display:none!important}
  .player-track-actions{grid-area:actions!important;position:static!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;width:100%!important;height:47px!important;padding:0!important;margin:0!important;z-index:auto!important;overflow:visible!important}
  .player-track-actions .track-action{display:inline-grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;margin:0!important;border-radius:50%!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.09)!important;color:#c3cad3!important;box-shadow:none!important;flex:0 0 44px!important}
  .player-track-actions .track-action.repeat{display:inline-grid!important}
  .player-track-actions .track-action span:not(.track-action-badge){display:none!important}.player-track-actions .track-action svg{width:16px!important;height:16px!important}
  .player-track-actions .track-action.is-active,.player-track-actions .track-action.is-on,.player-track-actions .track-action[aria-pressed="true"]{color:var(--vrp-gold)!important;border-color:rgba(240,202,48,.45)!important;background:rgba(240,202,48,.12)!important}
  .player-track-actions .track-action.favorite.is-active{color:#ff5b6e!important}
  .player-track-actions .vr15-more-toggle{position:static!important;inset:auto!important;margin:0 0 0 auto!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;transform:none!important}
  .player-menu,.vr-player-menu{z-index:12010!important;bottom:calc(var(--vrp-nav) + var(--vrp-player) + 14px + env(safe-area-inset-bottom))!important}
  body.vr12-player-expanded{overflow:hidden!important}
  body.vr12-player-expanded .vr12-tabbar{display:none!important}
  body.vr12-player-expanded .player-bar{inset:0!important;width:auto!important;height:100dvh!important;border:0!important;border-radius:0!important;z-index:14000!important;background:radial-gradient(circle at 50% 30%,rgba(240,202,48,.13),transparent 34%),#090c11!important}
  body.vr12-player-expanded .player-inner{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:24px!important;padding:74px 20px 150px!important}
  body.vr12-player-expanded .player-info{position:static!important;display:flex!important;flex-direction:column!important;text-align:center!important;width:min(100%,420px)!important;height:auto!important;cursor:default!important}
  body.vr12-player-expanded .player-art{width:min(74vw,360px)!important;height:min(74vw,360px)!important;border-radius:24px!important;box-shadow:0 28px 90px rgba(0,0,0,.55)!important}
  body.vr12-player-expanded .player-track{position:static!important;width:100%!important;margin-top:18px!important;text-align:center!important}
  body.vr12-player-expanded .player-track-type{display:block!important}
  body.vr12-player-expanded .player-track-name{font-size:clamp(1.25rem,6vw,2rem)!important;white-space:normal!important}
  body.vr12-player-expanded .player-track-sub{display:block!important;font-size:.82rem!important}
  body.vr12-player-expanded .player-controls{display:block!important}
  body.vr12-player-expanded .btn-skip{width:52px!important;height:52px!important}body.vr12-player-expanded .btn-play{width:64px!important;height:64px!important}body.vr12-player-expanded .player-btns{display:flex!important;gap:14px!important}
  body.vr12-player-expanded .player-controls .player-progress{position:absolute!important;top:auto!important;bottom:112px!important;left:24px!important;right:24px!important;width:auto!important;margin:0!important}
  body.vr12-player-expanded .player-track-actions{position:absolute!important;top:auto!important;bottom:46px!important;left:24px!important;right:24px!important;justify-content:center!important}
  body.vr12-player-expanded .vr15-more-toggle{display:none!important}
  body.vr12-player-expanded .vr12-player-expand-close{position:absolute!important;right:18px!important;top:calc(18px + env(safe-area-inset-top))!important;z-index:8!important;display:grid!important;width:46px!important;height:46px!important;place-items:center!important;border:1px solid rgba(240,202,48,.3)!important;border-radius:50%!important;background:#171a20!important;color:#f7f5ef!important;font-size:1.8rem!important;cursor:pointer!important}
}

@media (max-width:359px){.player-inner{grid-template-columns:40px minmax(0,1fr) auto!important;column-gap:5px!important}.player-art{width:40px!important;height:40px!important;min-width:40px!important}.player-btns{gap:1px!important}}
