body.mini-player-open{padding-bottom:140px}
.mini-player{position:fixed;left:8px;right:8px;bottom:66px;z-index:25;display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;align-items:center;gap:2px;height:64px;max-width:744px;margin:auto;padding:7px 7px 9px;background:#f5f5f7e8;border:1px solid #ffffffcc;border-radius:16px;box-shadow:0 8px 28px #3c304033;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);color:#171717}
.mini-track{display:flex;align-items:center;gap:10px;min-width:0;height:50px;padding:3px;border:0;background:transparent;box-shadow:none;text-align:left}
.mini-art{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:9px;background:linear-gradient(145deg,#ffc4dc,#ec80b1);box-shadow:inset 0 1px 0 #ffffff99;color:#fff;font-size:1.15rem}
.mini-copy{display:block;min-width:0}
.mini-copy strong,.mini-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini-copy strong{font-size:.78rem}
.mini-copy small{margin-top:2px;color:#77717a;font-size:.62rem}
.mini-icon{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;background:transparent;box-shadow:none;color:#111;font-size:1.2rem;font-weight:800}
.mini-icon:disabled{opacity:.28}
.mini-progress{position:absolute;right:12px;bottom:3px;left:12px;height:2px;overflow:hidden;border-radius:999px;background:#c9c6ca88;pointer-events:none}
.mini-progress span{display:block;width:0;height:100%;background:#ef4f86;transition:width .12s linear}
.mini-player-open #toast{bottom:145px}
@media(pointer:coarse){.mini-player{grid-template-columns:minmax(0,1fr) 46px 46px}.mini-icon{width:46px;height:46px}}