.music-player{position:fixed;right:22px;bottom:max(18px,env(safe-area-inset-bottom));z-index:15;display:flex;align-items:center;gap:13px;min-height:58px;padding:6px 14px 6px 6px;border:1px solid #78bffb57;border-radius:9px;background:#081a34ed;backdrop-filter:blur(18px);box-shadow:0 8px 35px #0006,0 0 18px #2471b918;color:#deefff}
.music-toggle{display:flex;align-items:center;gap:10px;background:transparent;padding:4px 8px 4px 6px;min-height:44px;border-radius:5px;font-size:13px;white-space:nowrap}.music-toggle:hover{background:#2463a12c}.music-symbol{width:28px;height:28px;display:grid;place-items:center;color:#ffda48;border:1px solid #ffda4855;border-radius:50%;font-size:12px}.music-play-icon{padding-left:2px}.music-pause-icon{display:none;font-size:14px}.music-player[data-playing=true] .music-play-icon{display:none}.music-player[data-playing=true] .music-pause-icon{display:block}
.music-volume{display:flex;align-items:center;gap:9px;border-left:1px solid #749bd332;padding-left:13px}.music-volume svg{width:17px;height:17px;fill:none;stroke:#88add5;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.music-volume input{width:66px;min-height:44px;accent-color:#ffda48;margin:0;cursor:pointer}.music-volume output{font-size:11px;color:#9ebcdc;min-width:28px;font-variant-numeric:tabular-nums}.music-volume input:focus-visible{outline:2px solid #ffda48;outline-offset:2px;border-radius:3px}.music-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:640px){.music-player{right:12px;bottom:max(12px,env(safe-area-inset-bottom));gap:8px;min-height:54px;padding-right:10px}.music-toggle{font-size:12px;gap:8px;padding-right:4px}.music-volume{gap:6px;padding-left:10px}.music-volume input{width:54px}.music-volume svg{display:none}.music-volume output{font-size:10px;min-width:25px}.footer{padding-bottom:88px}}