.sound-dock{position:fixed;right:20px;bottom:20px;z-index:30;font-size:12px;line-height:1.5;color:var(--text)}
.sound-bar{display:flex;justify-content:flex-end;gap:6px}
.sound-bar button{border:1px solid #4b333d;background:#1c1a20;box-shadow:0 3px 18px #0005;border-radius:24px;padding:10px 14px;font-size:12px;min-height:42px}
.sound-bar button:hover{background:#30212a;border-color:#9f4556}
.sound-open{display:flex;align-items:center;gap:8px}
.sound-indicator{width:5px;height:5px;border-radius:50%;background:#6f6670}
.sound-dock[data-playing=true] .sound-indicator{background:#ed7182;box-shadow:0 0 7px #ed526260}
.sound-mute{color:#bfb2bc}
.sound-mute[aria-pressed=true]{color:#ffb0bb;border-color:#8c4655}
.sound-panel{width:310px;padding:18px;margin-bottom:10px;border:1px solid #563641;border-radius:12px;background:#17171eed;backdrop-filter:blur(12px);box-shadow:0 10px 45px #0007;max-height:calc(100dvh - 90px);overflow-y:auto}
.sound-panel[hidden]{display:none}
.sound-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.sound-panel h2{font-size:17px;letter-spacing:-.025em;line-height:1.35;margin:0}
.sound-close{border:0;background:transparent;font-size:24px;color:#aaa0ac;padding:0 3px;line-height:1}
.sound-track{padding-bottom:15px;border-bottom:1px solid #34303a;font-size:13px;color:#e89ba7;margin:0 0 15px}
.sound-track span{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.sound-option{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0}
.sound-option button{font-size:11px;min-width:48px;border:1px solid #403743;border-radius:20px;background:#29242d;padding:5px 10px;color:#bfb5c4}
.sound-option button[aria-pressed=true]{background:#632735;border-color:#ab4659;color:#ffe7ec}
.sound-volume{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:10px;color:#a9a2b0}
.sound-volume output{font-variant-numeric:tabular-nums;color:#d3b3bf}
#music-volume{width:100%;margin:9px 0 8px;accent-color:#ed7182;cursor:pointer;min-height:18px}
.sound-status{font-size:10px;color:#bcacb7;margin:17px 0 12px}
.sound-credit{font-size:9px;line-height:1.7;color:#8e8695;padding-top:12px;border-top:1px solid #34303a;margin:0}
.sound-credit a{color:#bd9caa;text-decoration:underline;text-underline-offset:2px}
.sound-credit a:hover{color:#ffc0cd}
.sound-dock audio{display:none}
body:has(.sound-dock) .footer{padding-bottom:90px}
@media(max-width:600px){.sound-dock{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.sound-panel{max-width:calc(100vw - 24px);width:300px}.sound-bar button{padding:9px 12px}}
@media print{.sound-dock{display:none}}