#sound-panel.tenpai-audio-panel{box-sizing:border-box;position:absolute;z-index:42;top:var(--sound-panel-top,calc(var(--install-space,0px) + 64px + env(safe-area-inset-top,0px)));right:var(--sound-panel-right,max(10px,env(safe-area-inset-right,0px)));width:min(258px,calc(var(--app-width,100vw) - 20px));max-height:min(320px,calc(var(--app-height,100dvh) - var(--install-space,0px) - 80px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));padding:0 14px 13px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line,#2a453326);border-radius:15px;box-shadow:0 7px 25px #10291c24;background:var(--paper,#f0ede4);color:var(--ink,#23382f);font-family:Arial,sans-serif}
#sound-panel[hidden]{display:none!important}
.tenpai-audio-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:44px;background:var(--paper,#f0ede4);border-bottom:1px solid var(--line,#2a453326)}
.tenpai-audio-heading h2{margin:0;font:600 15px/1.3 Arial,sans-serif;letter-spacing:0}
.tenpai-audio-close{flex:none;width:44px;min-width:44px;height:44px;padding:0;margin-right:-7px;border:0;border-radius:9px;background:transparent;color:inherit;font:24px/1 Arial,sans-serif}
.tenpai-audio-switch{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;cursor:pointer;font-size:13px;border-bottom:1px solid var(--line,#2a453326)}
.tenpai-audio-switch input{position:relative;flex:none;width:38px;height:23px;margin:0;border:1px solid var(--muted,#59695e);border-radius:20px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}
.tenpai-audio-switch input:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:var(--muted,#59695e)}
.tenpai-audio-switch input:checked{background:var(--accent,#375b43);border-color:var(--accent,#375b43)}
.tenpai-audio-switch input:checked:after{left:18px;background:var(--accent-text,#fffcf0)}
.tenpai-audio-switch:focus-within{outline:2px solid var(--accent,#375b43);outline-offset:-2px;border-radius:4px}
.tenpai-audio-volume{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 10px;padding-top:10px;font-size:12px}
.tenpai-audio-volume output{font-variant-numeric:tabular-nums;color:var(--muted,#59695e)}
.tenpai-audio-volume input{grid-column:1/-1;width:100%;min-height:44px;height:44px;margin:0;padding:0;accent-color:var(--accent,#375b43);background:transparent;cursor:pointer}
.tenpai-audio-start{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--accent,#375b43);border-radius:9px;background:var(--accent,#375b43);color:var(--accent-text,#fffcf0);font:13px/1.3 Arial,sans-serif}
.tenpai-audio-status{margin:8px 0 0;font:12px/1.4 Arial,sans-serif;color:var(--muted,#59695e)}
#sound-panel button:focus-visible,#sound-panel input[type=range]:focus-visible{outline:2px solid var(--accent,#375b43);outline-offset:2px}
#sound-panel input:disabled{opacity:.45;cursor:default}
.tenpai-audio-track{padding:10px 0 9px;border-bottom:1px solid var(--line,#2a453326)}
.tenpai-audio-track label{display:block;margin:0 0 5px;font-size:12px}
.tenpai-audio-track select{box-sizing:border-box;width:100%;min-height:44px;padding:8px 25px 8px 10px;border:1px solid var(--muted,#59695e);border-radius:8px;background:var(--paper,#f0ede4);color:inherit;font:14px/1.3 Arial,sans-serif}
.tenpai-audio-track-description{margin:6px 0 0;font:12px/1.4 Arial,sans-serif;color:var(--muted,#59695e)}
#sound-panel select:focus-visible{outline:2px solid var(--accent,#375b43);outline-offset:2px}
#sound-panel select:disabled{opacity:.45;cursor:default}