.mini-player{color:#f5f7fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#0e1220eb;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:10px;width:100%;max-width:360px;padding:14px 16px;font-family:Inter,sans-serif;display:flex;box-shadow:0 10px 40px #0006}.mini-player .mp-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mini-player .mp-info{flex:1;min-width:0}.mini-player .mp-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.mini-player .mp-sub{color:#8891a7;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.mini-player .mp-icon-btn{color:#f5f7fa;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:inline-flex}.mini-player .mp-icon-btn:hover:not(:disabled){background:#ffffff14}.mini-player .mp-icon-btn:disabled{opacity:.4;cursor:default}.mini-player .mp-heart.active{color:#ff6b4a}.mini-player .mp-controls{justify-content:center;align-items:center;gap:8px;display:flex}.mini-player .mp-play-btn{color:#05070f;cursor:pointer;background:#00e5a0;border:0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .1s;display:inline-flex}.mini-player .mp-play-btn:hover{transform:scale(1.05)}.mini-player .mp-bottom{align-items:center;gap:10px;display:flex}.mini-player .mp-slider{--mp-fill:0%;appearance:none;background:linear-gradient(to right, #00e5a0 0%, #00e5a0 var(--mp-fill), #ffffff26 var(--mp-fill), #ffffff26 100%);cursor:pointer;border-radius:999px;outline:none;flex:1;height:4px}.mini-player .mp-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:0;border-radius:50%;width:12px;height:12px}.mini-player .mp-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:50%;width:12px;height:12px}