body[data-platform] [data-player][data-player-layout]{
  --accent:var(--player-accent,#c63932);--player-track-color:var(--player-timeline,#d8d8de);
  display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;height:64px;min-height:64px;
  border-radius:16px;background:linear-gradient(115deg,#252529,#161619 70%);color:#f4f4f2;
  box-shadow:0 16px 32px #0004,0 3px 9px #0003;
}
body[data-platform] [data-player][data-player-layout]::before{border-radius:inherit;background:linear-gradient(115deg,#252529ed,#161619ed 70%)}
body[data-platform] [data-player-layout] .player-now{flex:0 0 206px;gap:10px;grid-area:auto}
body[data-platform] [data-player-layout] .player-now>img{width:44px;height:44px;border-radius:7px;box-shadow:none}
body[data-platform] [data-player-layout] .player-now [data-player-title]{font-size:12px;line-height:1.5;color:#f4f4f2}
body[data-platform] [data-player-layout] .player-now [data-player-artist]{font-size:10px;line-height:1.7;color:#a2a3a9;margin:0}
body[data-platform] [data-player-layout] .player-controls{display:flex;align-items:center;gap:2px;flex:0 0 auto}
body[data-platform] [data-player-layout] :is(.player-controls button,.player-mute,.player-queue-button){
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:40px;min-width:0;min-height:0;
  padding:0;margin:0;border:0;border-radius:10px;background:transparent;background-clip:border-box;background-origin:border-box;
  color:#a2a3a9;box-shadow:none;grid-area:auto;transition:color 220ms,background-color 220ms,transform 350ms cubic-bezier(.22,1,.36,1);
}
body[data-platform] [data-player-layout] :is(.player-controls button,.player-mute,.player-queue-button):hover{color:#fff;background:#ffffff0b;transform:none}
body[data-platform] [data-player-layout] :is(.player-controls button,.player-mute,.player-queue-button):active{transform:scale(.94)}
body[data-platform] [data-player-layout] .player-controls [data-player-toggle]{width:36px;height:36px;min-height:36px;border-radius:50%;margin:0 2px;background:var(--player-play-bg,var(--player-accent,#c63932));color:var(--player-play-ink,#fff)}
body[data-platform] [data-player-layout] .player-controls [data-player-toggle]:hover{background:var(--player-play-bg,var(--player-accent,#c63932));filter:brightness(1.1);transform:scale(1.04)}
body[data-platform] [data-player-layout] .player-controls [data-player-toggle]:is(:hover,:focus-visible){color:var(--player-play-ink,#fff)!important;background-color:var(--player-play-bg,var(--player-accent,#c63932))!important;background-image:none!important}
body[data-platform] [data-player-layout] :is(.player-controls,.player-mute,.player-queue-button) .ui-icon{display:block;width:18px;height:18px;fill:currentColor;stroke:none}
body[data-platform] [data-player-layout] .player-controls [data-player-toggle] .ui-icon{width:20px;height:20px}
body[data-platform] [data-player-layout] .player-mute[aria-pressed="true"]{color:var(--player-accent)}
body[data-platform] [data-player-layout] .player-queue-button[aria-expanded="true"]{color:#fff;background:#ffffff0d;box-shadow:none}
body[data-platform] [data-player-layout] button:focus-visible{outline:2px solid var(--player-accent,#c63932);outline-offset:3px}
body[data-platform] [data-player-layout] .player-progress{display:flex;align-items:center;gap:9px;flex:1;min-width:0;height:40px;grid-area:auto;position:static}
body[data-platform] [data-player-layout] .player-progress>span{font-size:9px;color:#a2a3a9;min-width:0;white-space:nowrap}
body[data-platform] [data-player-layout] .player-waveform{display:flex;align-items:center;height:40px;min-width:0;flex:1;opacity:1}
body[data-platform] [data-player-layout] .player-waveform input{inset:0;width:100%;height:100%;opacity:0;margin:0;padding:0}
body[data-platform] [data-player-layout] .player-waveform:has(input:disabled){opacity:.45}
body[data-platform] [data-player-layout] .player-waveform:has(input:focus-visible){outline:0}
body[data-platform] [data-player-layout] .player-waveform svg{display:none}
.player-waveform .player-seek-rail{display:block;position:relative;width:100%;height:2px;background:#ffffff26;border-radius:4px;pointer-events:none}
.player-waveform .player-seek-fill{display:block;height:100%;width:var(--waveform-progress,0%);background:var(--player-track-color);border-radius:inherit;transition:width 200ms linear}
.player-waveform .player-seek-dot{display:block;position:absolute;left:var(--waveform-progress,0%);top:50%;width:6px;height:6px;border-radius:50%;background:var(--player-track-color);transform:translate(-50%,-50%) scale(0);transition:transform 240ms}
.player-waveform:is(:hover,:focus-within) .player-seek-dot{transform:translate(-50%,-50%) scale(1)}
.player-waveform:has(input:focus-visible) .player-seek-rail{box-shadow:0 0 0 4px #ffffff16}
.player-waveform:has(input:active) .player-seek-fill{transition:none}
body[data-platform] [data-player][data-player-layout="edge"]{border-radius:12px;padding:10px 16px 13px 10px;--player-track-color:var(--player-timeline,var(--player-accent,#c63932))}
body[data-platform] [data-player-layout="edge"]::before{background:#1c1d20ed}
body[data-platform] [data-player-layout="edge"] .player-now{flex:1}
body[data-platform] [data-player-layout="edge"] .player-controls{order:2;gap:5px;margin-inline:6px}
body[data-platform] [data-player-layout="edge"] :is(.player-mute,.player-queue-button){order:3}
body[data-platform] [data-player-layout="edge"] .player-progress{flex:0 0 auto;gap:5px;margin-left:auto}
body[data-platform] [data-player-layout="edge"] [data-player-time]::after{content:" /";color:#767982;margin-left:3px}
body[data-platform] [data-player-layout="edge"] .player-waveform{position:absolute;left:15px;right:15px;bottom:-8px;height:24px}
body[data-platform] [data-player-layout="edge"] .player-controls [data-player-toggle]{width:34px;height:34px;min-height:34px;background:var(--player-play-bg,#eee);color:var(--player-play-ink,#131417)}
body[data-platform] [data-player][data-player-layout="wave"]{border-radius:18px;--player-track-color:var(--player-timeline,var(--player-accent,#c63932))}
body[data-platform] [data-player-layout="wave"]::before{background:linear-gradient(105deg,#242027ed,#19191eed 60%)}
body[data-platform] [data-player-layout="wave"] .player-now{flex-basis:198px}
body[data-platform] [data-player-layout="wave"] :is(.player-controls button,.player-mute,.player-queue-button){border-radius:50%;width:30px;height:30px;min-height:30px}
body[data-platform] [data-player-layout="wave"] .player-controls [data-player-toggle]{width:36px;height:36px;background:var(--player-play-bg,#eee);color:var(--player-play-ink,#131417)}
body[data-platform] [data-player-layout="wave"] [data-player-time]{display:none}
body[data-platform] [data-player-layout="wave"] .player-waveform[data-waveform-state="ready"] svg{display:block;height:20px;top:10px;opacity:1}
body[data-platform] [data-player-layout="wave"] .player-waveform[data-waveform-state="ready"] .player-seek-rail{background:transparent;height:1px}
body[data-platform] [data-player-layout="wave"] .player-waveform[data-waveform-state="ready"] .player-seek-fill{display:none}
body[data-platform] [data-player-layout="wave"] .player-waveform[data-waveform-state="ready"] .player-seek-dot{width:2px;height:24px;border-radius:2px;opacity:.6}
body[data-platform] [data-player-layout="wave"] .player-waveform [data-waveform-bars]{fill:#66656c}
body[data-platform] [data-player-layout="wave"] .player-waveform .is-played{fill:var(--player-track-color)}
body[data-platform] [data-player-layout] .player-queue [data-track]:is(.is-current,.is-playing){background:color-mix(in srgb,var(--player-accent,#c63932) 16%,#202023);color:#fafafa}
body[data-platform] [data-player-layout] .player-queue-heading>button{border-radius:50%}
@media(max-width:700px){
  :root{--player-height:64px}
  body[data-platform] [data-player][data-player-layout]{height:64px;min-height:64px;gap:5px;padding:8px 8px 12px;border-radius:13px}
  body[data-platform] [data-player-layout] .player-now{flex:1;gap:7px}
  body[data-platform] [data-player-layout] .player-now>img{width:36px;height:36px;border-radius:6px}
  body[data-platform] [data-player-layout] .player-now [data-player-title]{font-size:11px}
  body[data-platform] [data-player-layout] .player-now [data-player-artist]{font-size:10px}
  body[data-platform] [data-player-layout] .player-controls{gap:0;margin:0}
  body[data-platform] [data-player-layout] .player-controls button,body[data-platform] [data-player-layout] .player-queue-button{width:27px;height:27px;min-height:27px}
  body[data-platform] [data-player-layout] .player-controls [data-player-toggle]{width:32px;height:32px;min-height:32px}
  body[data-platform] [data-player][data-player-layout] .player-mute{display:none}
  body[data-platform] [data-player-layout] .player-progress{flex:0;width:0;gap:0;margin:0}
  body[data-platform] [data-player-layout] .player-progress>span{display:none}
  body[data-platform] [data-player-layout] .player-waveform{position:absolute;left:12px;right:12px;bottom:-8px;height:24px;min-width:0}
  body[data-platform] [data-player-layout="wave"] .player-waveform[data-waveform-state="ready"] svg{height:5px;top:9px}
  body[data-platform] [data-player-layout="wave"] .player-waveform[data-waveform-state="ready"] .player-seek-dot{height:10px}
}
@media(prefers-reduced-motion:reduce){body[data-platform] [data-player-layout] :is(button,.player-seek-fill,.player-seek-dot){transition:none;transform:none}}
body[data-motion="reduced"] [data-player-layout] :is(button,.player-seek-fill,.player-seek-dot){transition:none}
@media(forced-colors:active){body[data-platform] [data-player][data-player-layout]{background:Canvas;color:CanvasText}.player-seek-rail{background:GrayText}.player-seek-fill,.player-seek-dot{background:Highlight}}