.music-player{position:fixed;top:var(--music-top,110px);right:max(18px,env(safe-area-inset-right));z-index:20;width:260px;max-width:calc(100vw - 32px);border:1px solid #8ddbc94d;border-radius:10px;background:#0b202ef5;box-shadow:0 8px 24px #0004;backdrop-filter:blur(12px);padding:10px 12px;color:var(--ink)}
.music-topline{display:flex;align-items:center;gap:10px}.music-player button{min-width:44px;min-height:44px;border:0;border-radius:6px;background:transparent;font-size:16px}.music-player button:hover{background:#ffffff12}.music-player .music-play{background:var(--accent);color:#102f36;font-size:18px}.music-title{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.5}.music-title strong{font:600 18px var(--serif)}.music-title span{font-size:12px;color:var(--muted);margin-top:3px}.music-fold{color:var(--accent)}.music-settings{border-top:1px solid var(--line);margin-top:10px;padding-top:6px}.music-settings[hidden]{display:none}.music-volume{display:flex;align-items:center;gap:8px}.music-volume button{font-size:14px;white-space:normal;line-height:1.2;padding:0 4px}.music-volume input{min-width:0;width:100%;height:44px;margin:0;accent-color:var(--accent);cursor:pointer}.music-volume output{font-size:12px;min-width:30px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.music-player[data-collapsed=true]{width:190px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.music-player input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:680px){.music-player{right:max(12px,env(safe-area-inset-right));padding:7px 9px}.music-player[data-collapsed=true]{width:166px}.music-title strong{font-size:16px}.music-topline{gap:7px}}