.mini-player{--shuffle-ink:#2c3036;--ipod-font:1rem;z-index:1100;box-sizing:border-box;background:var(--shuffle-body-gradient);width:6.1em;color:var(--shuffle-ink);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--ipod-font);border:1px solid #8e949c;border-radius:.85em;padding:.55em .45em;position:fixed;bottom:.75rem;right:1.5rem;box-shadow:inset 0 1px #ffffffbf,inset 0 -1px #0000001f,0 8px 20px #14181e47}.mini-player:active{cursor:grabbing}.mini-player-clip{pointer-events:none;background:linear-gradient(#d9dde3 0%,#a7adb6 100%);border:1px solid #7f858e;border-radius:.2em .2em .12em .12em;width:2.1em;height:.55em;position:absolute;top:-.28em;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff8c}.mini-player-clip:after{content:"";background:#0000002e;border-radius:999px;width:.9em;height:.16em;position:absolute;top:.12em;left:50%;transform:translate(-50%)}.mini-player-face{flex-direction:column;align-items:center;gap:.4em;display:flex}.mini-player-screen{pointer-events:none;background:linear-gradient(#1a1d22 0%,#0d0f12 100%);border-radius:.45em;flex-direction:column;align-items:center;gap:.28em;width:100%;padding:.28em .2em .32em;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 2px 4px #0000008c}.mini-player-mute-badge{color:#f0a8a8;justify-content:center;align-items:center;width:.95em;height:.95em;display:inline-flex;position:absolute;bottom:.2em;left:.22em}.mini-player-mute-badge svg{fill:currentColor;width:100%;height:100%;display:block}.mini-player-art{object-fit:cover;border:1px solid #ffffff1f;border-radius:.28em;flex-shrink:0;width:2.35em;height:2.35em;animation:10s linear infinite paused mini-player-spin}.mini-player.is-playing .mini-player-art{animation-play-state:running}@keyframes mini-player-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mini-player-meta{text-align:center;color:#d7dbe0;flex-direction:column;align-items:center;width:100%;min-width:0;line-height:1.15;display:flex}.mini-player-title{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.48em;font-weight:600;overflow:hidden}.mini-player-subtitle{color:#8b919a;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.42em;overflow:hidden}.mini-player-wheel{transform-origin:50%;background:radial-gradient(circle at 35% 30%,#f7f8fa 0%,#d5d8de 45%,#aeb3bb 100%);border:1px solid #8a9098;border-radius:50%;width:4.35em;height:4.35em;transition:transform 80ms ease-out,box-shadow 80ms ease-out;position:relative;transform:perspective(160px)rotateX(0)rotateY(0);box-shadow:inset 0 1px #ffffffd9,inset 0 -2px 4px #00000029,0 1px 2px #0000001f}.mini-player-wheel:has(.mini-player-wheel-vol-up:active){transform:perspective(160px)rotateX(9deg);box-shadow:inset 0 6px 10px #00000047,inset 0 -1px #ffffff73,0 1px 2px #0000001f}.mini-player-wheel:has(.mini-player-wheel-vol-down:active){transform:perspective(160px)rotateX(-9deg);box-shadow:inset 0 -6px 10px #00000047,inset 0 1px #ffffff8c,0 1px 2px #0000001f}.mini-player-wheel:has(.mini-player-wheel-prev:active){transform:perspective(160px)rotateY(-9deg);box-shadow:inset 6px 0 10px #00000042,inset -1px 0 #fff6,0 1px 2px #0000001f}.mini-player-wheel:has(.mini-player-wheel-next:active){transform:perspective(160px)rotateY(9deg);box-shadow:inset -6px 0 10px #00000042,inset 1px 0 #fff6,0 1px 2px #0000001f}.mini-player-wheel-btn{color:#4a5058;cursor:pointer;letter-spacing:-.06em;-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin:0;padding:.35em;font-weight:700;line-height:1;transition:transform 80ms ease-out,color 80ms ease-out;position:absolute}.mini-player-wheel-btn:hover{color:#1f242b}.mini-player-wheel-vol-up{letter-spacing:0;font-size:.72em;top:.08em;left:50%;transform:translate(-50%)}.mini-player-wheel-vol-up:active{transform:translate(-50%)translateY(2px)scale(.92)}.mini-player-wheel-vol-down{letter-spacing:0;font-size:.78em;bottom:.08em;left:50%;transform:translate(-50%)}.mini-player-wheel-vol-down:active{transform:translate(-50%)translateY(-2px)scale(.92)}.mini-player-wheel-prev{font-size:.42em;top:50%;left:.08em;transform:translateY(-50%)}.mini-player-wheel-prev:active{transform:translateY(-50%)translate(2px)scale(.92)}.mini-player-wheel-next{font-size:.42em;top:50%;right:.08em;transform:translateY(-50%)}.mini-player-wheel-next:active{transform:translateY(-50%)translate(-2px)scale(.92)}.mini-player-toggle{color:#2b3037;cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff 0%,#dfe2e7 55%,#b8bdc5 100%);border:1px solid #7d838c;border-radius:50%;justify-content:center;align-items:center;width:1.7em;height:1.7em;margin:0;padding:0;line-height:0;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffffe6,0 1px 2px #0000002e}.mini-player-toggle:hover{filter:brightness(1.03)}.mini-player-toggle:active{filter:brightness(.96)}.mini-player-toggle svg{fill:currentColor;width:.78em;height:.78em;display:block}@media (max-width:640px){.mini-player{--ipod-font:1.25rem}}