.mi-player{max-width:29rem}
.mi-player audio{display:none}
.player-main{display:flex;align-items:center;gap:1rem}
.track-toggle{flex:0 0 3.75rem;width:3.75rem;height:3.75rem;border:0;border-radius:50%;display:grid;place-items:center;background:var(--red);color:var(--black);transition:background .2s,transform .2s;box-shadow:0 .4rem 1.6rem #fa2b3b24}
.track-toggle:hover{background:var(--white);transform:scale(1.04)}
.track-toggle:focus-visible{outline:2px solid var(--white);outline-offset:5px}
.track-toggle svg{width:1.4rem;height:1.4rem;fill:currentColor}
.track-toggle .pause-icon{display:none}
.track-toggle[aria-pressed=true] .play-icon{display:none}
.track-toggle[aria-pressed=true] .pause-icon{display:block}
.track-info{min-width:0;flex:1}
.track-name{display:block;font-size:1rem;line-height:1.4;color:var(--white)}
.track-state{display:block;margin-top:.25rem;font-size:.875rem;line-height:1.4;color:var(--muted,var(--dim))}
.player-timing{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--muted,var(--dim))}
.player-timing .repeat-button{min-height:2.5rem;border:0;border-radius:0;padding:.35rem 0 .35rem .75rem;font-size:.875rem;color:var(--muted,var(--dim));background:none}
.player-timing .repeat-button:hover,.player-timing .repeat-button[aria-pressed=true]{color:var(--white)}
.track-seek{--seek-progress:0%;display:block;appearance:none;-webkit-appearance:none;width:100%;height:1.5rem;margin:.2rem 0 0;cursor:pointer;background:transparent;accent-color:var(--red)}
.track-seek:focus-visible{outline:2px solid var(--white);outline-offset:4px}
.track-seek::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--red) var(--seek-progress),#ffffff30 var(--seek-progress));border-radius:2px}
.track-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:0;border-radius:50%;background:var(--red);margin-top:-5px}
.track-seek::-moz-range-track{height:2px;background:#ffffff30;border-radius:2px}
.track-seek::-moz-range-progress{height:2px;background:var(--red)}
.track-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--red)}
.track-seek:disabled{opacity:.45;cursor:default}
.xx-field{position:fixed;inset:-10%;z-index:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .35s}
.xx-field.is-visible{opacity:1}
.xx-particle{position:absolute;left:0;top:0;width:clamp(7rem,14vw,17rem);height:auto;max-width:none;will-change:transform;opacity:.15}
.player-noscript{font-size:.875rem;color:var(--muted,var(--dim))}
@media(max-width:640px){.xx-particle:nth-of-type(n+8){display:none}.track-toggle{flex-basis:3.5rem;width:3.5rem;height:3.5rem}.player-main{gap:.85rem}}
@media(prefers-reduced-motion:reduce){.xx-field{display:none}.track-toggle:hover{transform:none}}