.sound-setting{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:12px 0}
.sound-setting label{display:flex;align-items:center;gap:var(--sp-3,12px);min-height:44px}
.sound-switch{position:relative;cursor:pointer;gap:var(--sp-3,12px);min-height:44px;padding:6px 0}
.sound-switch input[type=checkbox]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.sound-switch-track{width:44px;height:26px;border-radius:20px;background:#687185;position:relative;flex:none;border:1px solid #566075}
.sound-switch-track::after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;background:#fff;border-radius:50%}
.sound-switch input:checked + .sound-switch-track{background:#284ad4;border-color:#284ad4}
.sound-switch input:checked + .sound-switch-track::after{left:21px}
.sound-switch input:focus-visible + .sound-switch-track{outline:3px solid var(--accent);outline-offset:3px}
.sound-switch-state{font-weight:700;min-width:3em;color:#566075}
.sound-switch input:checked ~ .sound-switch-state{color:#284ad4}
.sound-setting .sound-volume{flex-wrap:wrap}
.sound-setting input[type=range]{-webkit-appearance:auto;appearance:auto;min-height:44px;width:120px;max-width:40vw;accent-color:var(--primary,#5867d5)}
.sound-setting output{min-width:5em}
.sound-setting input:focus-visible{outline:3px solid #c69020;outline-offset:4px}
.sound-check-details{margin-top:12px}
.sound-check-details summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.sound-check-details pre{white-space:pre-wrap;overflow-wrap:anywhere}
.sound-notice{display:flex;align-items:center;gap:var(--sp-2,8px);margin:8px 0;color:var(--muted)}
.sound-notice button{min-height:44px;min-width:44px;border:0;background:transparent;color:var(--primary);text-decoration:underline;padding:6px}