.sound-open {position:absolute;left:0;width:36px;height:36px;border-color:transparent;color:var(--muted);}
.sound-open svg {width:18px;height:18px;}
.sound-open .sound-waves {display:none;}
.sound-open[data-active="true"] .sound-waves {display:block;}
.sound-open[data-active="true"] .sound-muted {display:none;}
#sound {max-width:370px;padding:24px;}
#sound .help-head {margin-bottom:12px;}
#sound .sound-caption {color:var(--muted);font-size:13px;margin-bottom:24px;}
.sound-channel {padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--line);}
.sound-channel .sound-note {margin:8px 0 0;}
.sound-switch {display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:40px;font-size:16px;cursor:pointer;}
.sound-state {margin-left:auto;min-width:24px;text-align:right;color:var(--muted);font:12px/1.4 system-ui,sans-serif;}
.sound-channel.muted .sound-volume {opacity:.45;}
.sound-channel.muted .sound-volume:focus-within {opacity:1;}
.sound-switch input {appearance:none;-webkit-appearance:none;position:relative;margin:0;width:42px;height:26px;flex:none;border:1px solid var(--muted);border-radius:20px;background:transparent;cursor:pointer;}
.sound-switch input::after {content:"";position:absolute;left:4px;top:4px;width:16px;height:16px;background:var(--muted);border-radius:50%;transition:transform .15s;}
.sound-switch input:checked {background:var(--accent);border-color:var(--accent);}
.sound-switch input:checked::after {transform:translateX(16px);background:var(--paper);}
.sound-volume {display:flex;align-items:center;gap:12px;min-height:42px;color:var(--muted);font-size:12px;}
.sound-volume input {min-width:0;width:100%;height:30px;accent-color:var(--accent);cursor:pointer;}
.sound-volume output {min-width:35px;text-align:right;font-variant-numeric:tabular-nums;}
#sound input:focus-visible {outline:2px solid var(--accent);outline-offset:4px;}
#sound-status {font-size:12px;line-height:1.5;min-height:36px;color:var(--muted);margin:0;}
#sound-resume {background:var(--accent);color:var(--paper);border-radius:8px;padding:11px 16px;margin-top:12px;font-size:14px;}
@media (max-width:350px) {.top {min-width:0;width:calc(100vw - 40px);} .sound-open {left:-2px;}}