.player{position:fixed;left:50%;bottom:calc(20px + 56px + 22px + var(--safe-bottom));transform:translateX(-50%);width:var(--mini-w);z-index:9999;min-height:56px;padding:3px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:4px;gap:4px;border-radius:999px;border:1px solid rgba(72,82,140,.28);background:var(--dock-bg);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);box-shadow:0 4px 20px #00000038;transition:opacity .3s,transform .3s}:root[data-theme=light] .player{border:1px solid rgba(120,140,220,.4);box-shadow:0 10px 30px -10px rgba(40,50,110,.3)}.player.idle{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(160%)}.player__main{position:relative;overflow:hidden;min-width:0;min-height:46px;padding:5px 12px 5px 5px;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;border:0;border-radius:999px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff09;color:inherit;text-align:left;cursor:pointer;font-family:var(--ui)}:root[data-theme=light] .player__main{background:rgba(50,70,160,.06);box-shadow:inset 0 0 0 1px rgba(50,70,160,.1)}.player__fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(127,152,248,.3),rgba(127,152,248,.14));border-right:2px solid rgba(170,188,255,.85);pointer-events:none;z-index:0;transition:width .25s linear}:root[data-theme=light] .player__fill{background:linear-gradient(90deg,rgba(90,110,230,.22),rgba(90,110,230,.09));border-right-color:rgba(90,110,230,.7)}.player__cover{width:40px;height:40px;border-radius:14px;position:relative;overflow:hidden;background:linear-gradient(180deg,#867dff,#6dbfe9);flex:none;z-index:1;background-position:50%}.eq{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:2.5px;padding:8px 0;background:rgba(0,0,0,.28)}.eq i{width:3px;background:#fff;border-radius:2px;height:30%;animation:eq .9s ease-in-out infinite}.eq i:nth-child(2){animation-delay:.18s}.eq i:nth-child(3){animation-delay:.36s}.eq i:nth-child(4){animation-delay:.54s}.eq.paused i{animation-play-state:paused;opacity:.55}@keyframes eq{0%,to{height:25%}50%{height:90%}}.player__meta{position:relative;z-index:1;min-width:0;display:grid;grid-gap:1px;gap:1px}.player__meta strong{font-size:14px;line-height:1.05}.player__meta span,.player__meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__meta span{color:var(--label-2);font-size:11px}:root[data-theme=light] .player__meta span{color:rgba(40,52,90,.62)}.player__controls{display:flex;align-items:center;gap:2px;padding-right:2px}.mpb{width:32px;height:32px;padding:0;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;color:#f6f8ffc7;cursor:pointer;transition:.15s}:root[data-theme=light] .mpb{color:#42527a}.mpb--primary{width:38px;height:38px;background:linear-gradient(180deg,#7f98f8e6,#5b75d4eb);color:#f6f8ff;box-shadow:0 6px 14px #6c86dc33,inset 0 1px #ffffff38}:root[data-theme=light] .mpb--primary{color:#fff}