.music-player{position:fixed;left:50%;transform:translate(-50%);bottom:calc(70px + var(--safe-bottom, 0px));z-index:50;width:min(94vw,400px);padding:10px 14px 8px;background:#fffdf7eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 8px 28px #00000024;font-size:13px;color:var(--color-primary, #2C5F6E);animation:mp-in .4s cubic-bezier(.2,.9,.3,1.2) both}html.night .music-player{background:#232a33f0;border-color:#ffffff1a;color:#e8e8e8}@keyframes mp-in{0%{opacity:0;transform:translate(-50%,16px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}.music-player.mp-empty{width:auto;padding:8px 18px;border-radius:999px;opacity:.75}.mp-head{display:flex;align-items:center;gap:8px}.mp-art{width:38px;height:38px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center;font-size:19px;background:linear-gradient(140deg,#2c5f6e,#163f4a);box-shadow:inset 0 0 0 1px #ffffff29}.mp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mp-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:mp-slidein .35s ease both}@keyframes mp-slidein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.mp-eq{display:flex;align-items:flex-end;gap:2px;height:12px}.mp-eq i{width:3px;height:5px;border-radius:1px;background:var(--color-gold, #C8901E);animation:mp-eq .9s ease-in-out infinite;animation-play-state:paused}.music-player.is-playing .mp-eq i{animation-play-state:running}.mp-eq i:nth-child(2){animation-delay:.18s}.mp-eq i:nth-child(3){animation-delay:.36s}@keyframes mp-eq{0%,to{height:5px;opacity:.5}50%{height:13px;opacity:1}}.mp-btn{background:none;border:none;cursor:pointer;padding:6px;font-size:16px;line-height:1;color:inherit;opacity:.85;transition:transform .12s ease,opacity .12s ease}.mp-btn:hover{opacity:1}.mp-btn:active{transform:scale(.82)}.mp-mode{font-size:15px}.mp-fold{font-size:14px;opacity:.45;margin-right:-4px}.mp-fold:hover{opacity:1}.mp-play{width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;background:var(--color-primary, #2C5F6E);box-shadow:0 3px 10px #2c5f6e66;transition:background .25s ease,box-shadow .25s ease,transform .15s ease}.music-player.is-playing .mp-play{background:var(--color-gold, #C8901E);box-shadow:0 3px 12px #c88e1e73}.mp-play:active{transform:scale(.9)}.mp-ico{display:block;animation:mp-ico .25s ease both}@keyframes mp-ico{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.mp-seek-row{display:flex;align-items:center;gap:6px;margin:9px 0 4px}.mp-time{font-size:11px;opacity:.65;min-width:30px;text-align:center;font-variant-numeric:tabular-nums}.mp-controls{display:flex;align-items:center;gap:2px}.mp-vol{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:4px;padding-right:2px}.mp-mute{font-size:14px}.slider{position:relative;height:24px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;--pct: 0%}.slider-track{position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);border-radius:3px;background:#00000024}html.night .slider-track{background:#ffffff2e}.slider-fill{position:absolute;left:0;top:50%;height:4px;transform:translateY(-50%);width:var(--pct);border-radius:3px;background:var(--color-gold, #C8901E);transition:width .08s linear}.slider-thumb{position:absolute;left:var(--pct);top:50%;width:15px;height:15px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;border:2px solid var(--color-gold, #C8901E);box-shadow:0 1px 4px #00000040;transition:box-shadow .15s ease}.slider:active .slider-thumb{box-shadow:0 0 0 6px #c88e1e29}.mp-seek{flex:1;min-width:0}.mp-vol-slider{width:88px;flex:none}.mp-mini{position:fixed;left:calc(50% - 23px);bottom:calc(84px + var(--safe-bottom, 0px));z-index:60;width:46px;height:46px;border-radius:50%;border:none;cursor:grab;touch-action:none;display:flex;align-items:center;justify-content:center;background:var(--color-primary, #2C5F6E);box-shadow:0 4px 14px #2c5f6e66;animation:mp-mini-in .25s ease both}.mp-mini.is-playing{background:var(--color-gold, #C8901E);box-shadow:0 4px 14px #c88e1e73}.mp-mini:active{cursor:grabbing}@keyframes mp-mini-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}.mp-mini-note{font-size:20px;line-height:1}.mp-mini-eq{display:flex;align-items:flex-end;gap:2.5px;height:18px}.mp-mini-eq i{width:3.5px;border-radius:1.5px;background:#fff;height:6px;animation:mp-mini-eq .8s ease-in-out infinite}.mp-mini-eq i:nth-child(2){animation-delay:.15s}.mp-mini-eq i:nth-child(3){animation-delay:.3s}@keyframes mp-mini-eq{0%,to{height:6px}50%{height:17px}}