body.track-page-body .track-player.track-player--polished{
  position:relative;
  display:grid;
  grid-template-columns:88px 72px minmax(0,1fr);
  gap:1rem;
  align-items:center;
  margin-top:1.2rem;
  padding:1rem 1.1rem;
  overflow:hidden;
  border:1px solid rgba(246,200,78,.2);
  border-radius:24px;
  background:
    radial-gradient(circle at 8% 10%,rgba(246,200,78,.13),transparent 19rem),
    linear-gradient(120deg,rgba(255,255,255,.035),transparent 42%),
    rgba(9,8,6,.94);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 48px rgba(0,0,0,.24);
}
body.track-page-body .track-player.track-player--polished:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(100deg,transparent 0 42%,rgba(246,200,78,.045) 51%,transparent 60%);
  transform:translateX(-110%);
  transition:transform .9s ease;
}
body.track-page-body .track-player.track-player--polished:hover:before{transform:translateX(110%)}
body.track-page-body .track-player-art-mini{
  position:relative;
  width:88px;
  aspect-ratio:1;
  overflow:hidden;
  border:1px solid rgba(255,222,139,.2);
  border-radius:18px;
  background:#12100c;
  box-shadow:0 15px 35px rgba(0,0,0,.38);
}
body.track-page-body .track-player-art-mini img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s ease}
body.track-page-body .track-player.track-player--polished:hover .track-player-art-mini img{transform:scale(1.055)}
body.track-page-body .track-player-art-mini:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 28%,rgba(0,0,0,.18));
  pointer-events:none;
}
body.track-page-body .track-player-art-disc{
  display:none!important;
}
body.track-page-body .track-play-button{
  width:72px;
  height:72px;
  border:1px solid rgba(255,240,188,.44);
  box-shadow:0 16px 42px rgba(217,155,35,.28),inset 0 1px 0 rgba(255,255,255,.42);
}
body.track-page-body .track-play-button:focus-visible,
body.track-page-body .track-player-utility button:focus-visible,
body.track-page-body .track-player-progress-row input:focus-visible{outline:2px solid #ffe18b;outline-offset:3px}
body.track-page-body .track-player-main{position:relative;z-index:1}
body.track-page-body .track-player-heading{align-items:center}
body.track-page-body .track-player-heading small{font-size:.55rem;letter-spacing:.16em}
body.track-page-body .track-player-heading strong{margin-top:.12rem;font-size:.93rem}
body.track-page-body .track-player-state{
  display:inline-flex;
  align-items:center;
  gap:.42rem;
  min-height:27px;
  padding:0 .72rem;
  border:1px solid rgba(244,207,120,.12);
  border-radius:999px;
  background:rgba(255,255,255,.025);
}
body.track-page-body .track-player-state:before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:#a18445;
  box-shadow:0 0 10px rgba(161,132,69,.55);
}
body.track-page-body .track-player.track-player--polished.is-playing .track-player-state{color:#b8efcf;border-color:rgba(77,208,142,.2);background:rgba(77,208,142,.06)}
body.track-page-body .track-player.track-player--polished.is-playing .track-player-state:before{background:#4dd08e;box-shadow:0 0 13px rgba(77,208,142,.9)}
body.track-page-body .track-player-progress-row{grid-template-columns:42px minmax(0,1fr) 42px;gap:.8rem;margin-top:.82rem}
body.track-page-body .track-player-progress-row input{
  --track-progress:0%;
  appearance:none;
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,#f6c84e 0 var(--track-progress),rgba(255,255,255,.17) var(--track-progress) 100%);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.5);
}
body.track-page-body .track-player-progress-row input::-webkit-slider-thumb{
  appearance:none;width:16px;height:16px;border-radius:50%;border:2px solid #1b1509;background:#f6c84e;box-shadow:0 0 0 3px rgba(246,200,78,.14);cursor:pointer
}
body.track-page-body .track-player-progress-row input::-moz-range-thumb{
  width:16px;height:16px;border-radius:50%;border:2px solid #1b1509;background:#f6c84e;box-shadow:0 0 0 3px rgba(246,200,78,.14);cursor:pointer
}
body.track-page-body .track-equalizer{height:22px;gap:4px;margin-top:.65rem;opacity:.5}
body.track-page-body .track-equalizer i{background:linear-gradient(to top,#6e4b0d 0,#d9a629 58%,#ffe18b 100%)}
body.track-page-body .track-player-utility{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  margin-top:.62rem;
  padding-top:.62rem;
  border-top:1px solid rgba(244,207,120,.09);
}
body.track-page-body .track-player-source{
  display:flex;
  align-items:center;
  gap:.5rem;
  color:rgba(255,246,229,.4);
  font-size:.55rem;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
body.track-page-body .track-player-source i{width:6px;height:6px;border-radius:50%;background:#f6c84e;box-shadow:0 0 10px rgba(246,200,78,.55)}
body.track-page-body .track-player-utility button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  min-height:32px;
  padding:0 .7rem;
  border:1px solid rgba(244,207,120,.13);
  border-radius:10px;
  color:#fff4df;
  background:rgba(255,255,255,.025);
  font:inherit;
  font-size:.57rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
body.track-page-body .track-player-utility button:hover{transform:translateY(-1px);border-color:rgba(244,207,120,.35);background:rgba(244,207,120,.07)}
body.track-page-body .track-player-volume-icon{font-size:.9rem;line-height:1}

body.track-page-body .track-streaming-cta.track-streaming-cta--visual{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2rem;
  align-items:end;
  min-height:410px;
  margin-top:1.7rem;
  padding:clamp(2rem,5vw,5rem);
  background:#090806;
}
body.track-page-body .track-streaming-cta--visual .track-streaming-photo{
  position:absolute;
  z-index:-1;
  inset:0 0 0 auto;
  width:min(58%,860px);
  overflow:hidden;
}
body.track-page-body .track-streaming-cta--visual .track-streaming-photo:before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:
    linear-gradient(90deg,#090806 0%,rgba(9,8,6,.94) 13%,rgba(9,8,6,.45) 50%,rgba(9,8,6,.22) 100%),
    linear-gradient(0deg,rgba(9,8,6,.82),transparent 48%);
}
body.track-page-body .track-streaming-cta--visual .track-streaming-photo img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center 38%;
  filter:saturate(.88) contrast(1.04) brightness(.72);
  transform:scale(1.035);
  transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .7s ease;
}
body.track-page-body .track-streaming-cta--visual:hover .track-streaming-photo img{transform:scale(1.075);filter:saturate(1) contrast(1.06) brightness(.78)}
body.track-page-body .track-streaming-cta--visual .track-streaming-photo-label{
  position:absolute;
  z-index:3;
  right:1.4rem;
  bottom:1.2rem;
  display:flex;
  align-items:center;
  gap:.45rem;
  color:rgba(255,246,229,.6);
  font-size:.55rem;
  font-weight:850;
  letter-spacing:.13em;
  text-transform:uppercase;
}
body.track-page-body .track-streaming-cta--visual .track-streaming-photo-label i{width:6px;height:6px;border-radius:50%;background:#f6c84e;box-shadow:0 0 12px rgba(246,200,78,.72)}
body.track-page-body .track-streaming-cta--visual>div:not(.track-streaming-photo){position:relative;z-index:2}
body.track-page-body .track-streaming-cta--visual>div:first-of-type:not(.track-streaming-photo){max-width:820px}
body.track-page-body .track-streaming-cta--visual h2{max-width:820px;text-shadow:0 18px 42px rgba(0,0,0,.52)}
body.track-page-body .track-streaming-cta--visual p:not(.track-index){max-width:650px;color:rgba(255,246,229,.58)}
body.track-page-body .track-streaming-cta--visual .track-streaming-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.7rem;
}
body.track-page-body .track-streaming-cta--visual .track-primary-button,
body.track-page-body .track-streaming-cta--visual .track-secondary-button{backdrop-filter:blur(10px)}

body.track-page-body [data-track-reveal]{will-change:transform,opacity}

@media(max-width:900px){
  body.track-page-body .track-player.track-player--polished{grid-template-columns:76px 62px minmax(0,1fr)}
  body.track-page-body .track-player-art-mini{width:76px}
  body.track-page-body .track-play-button{width:62px;height:62px}
  body.track-page-body .track-streaming-cta.track-streaming-cta--visual{grid-template-columns:1fr;align-items:end;min-height:470px}
  body.track-page-body .track-streaming-cta--visual .track-streaming-photo{width:75%}
  body.track-page-body .track-streaming-cta--visual .track-streaming-actions{justify-content:flex-start}
}
@media(max-width:640px){
  body.track-page-body .track-player.track-player--polished{
    grid-template-columns:64px minmax(0,1fr);
    grid-template-areas:"art main" "play main";
    align-items:start;
    padding:.85rem;
    border-radius:20px;
  }
  body.track-page-body .track-player-art-mini{grid-area:art;width:64px;border-radius:14px}
  body.track-page-body .track-play-button{grid-area:play;width:64px;height:64px;margin-top:.45rem}
  body.track-page-body .track-player-main{grid-area:main}
  body.track-page-body .track-player-heading{align-items:flex-start;gap:.55rem}
  body.track-page-body .track-player-state{padding:0 .5rem;font-size:.48rem}
  body.track-page-body .track-player-progress-row{grid-template-columns:34px minmax(0,1fr) 34px;gap:.5rem}
  body.track-page-body .track-equalizer{gap:2px}
  body.track-page-body .track-player-source span{display:none}
  body.track-page-body .track-streaming-cta.track-streaming-cta--visual{min-height:540px;padding:1.35rem;border-radius:24px}
  body.track-page-body .track-streaming-cta--visual .track-streaming-photo{inset:auto 0 0;width:100%;height:58%}
  body.track-page-body .track-streaming-cta--visual .track-streaming-photo:before{background:linear-gradient(180deg,#090806 0%,rgba(9,8,6,.76) 22%,rgba(9,8,6,.25) 100%),linear-gradient(0deg,rgba(9,8,6,.72),transparent 55%)}
  body.track-page-body .track-streaming-cta--visual .track-streaming-actions{margin-top:auto}
}
@media(prefers-reduced-motion:reduce){
  body.track-page-body .track-player.track-player--polished:before,
  body.track-page-body .track-player-art-mini img,
  body.track-page-body .track-streaming-cta--visual .track-streaming-photo img{transition:none!important;animation:none!important}
}