#audio-open{position:relative;flex-shrink:0}
#audio-open .sound-wave{opacity:.28}
#audio-open.sound-on{color:#a3d39a;border-color:#648454}
#audio-open.sound-on .sound-wave{opacity:1}
#audio-open.sound-on .sound-slash{display:none}
#audio-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 32px);margin:auto;padding:26px;overflow:auto;overscroll-behavior:contain;color:#e8e9dc;background:#14231c;border:1px solid #9a8555;border-radius:14px;box-shadow:0 24px 90px #000b}
#audio-dialog::backdrop{background:#040b08b8;backdrop-filter:blur(3px)}
.audio-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.audio-heading h2{margin:0;font-family:'Alegreya SC',Georgia,serif;font-size:27px}
#audio-close{width:38px;height:38px;min-width:38px;padding:8px;border-radius:8px;background:#25382b;color:#e8e9dc;border:1px solid #53634d}
#audio-status{font-size:13px;color:#a8b5a1;display:block;margin-top:2px}
#audio-toggle{width:100%;min-height:46px;margin-bottom:22px;background:linear-gradient(#365739,#233b2b);border:1px solid #9b8855;color:#f0e5c8;border-radius:8px;font-weight:700}
.audio-channel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin:0 0 20px}
.audio-channel label{font-size:15px;color:#e8e9dc}
.audio-channel output{font-variant-numeric:tabular-nums;font-size:13px;color:#a9c89a}
.audio-channel input{grid-column:1/-1;width:100%;height:26px;min-height:26px;padding:0;margin:0;accent-color:#8fcf91;cursor:pointer;touch-action:pan-y}
.audio-footer{border-top:1px solid #40513a;padding-top:16px;display:flex;align-items:center;gap:16px;justify-content:space-between}
#audio-test{padding:8px 12px;min-height:40px;font-size:13px;white-space:nowrap;background:#23382b;border:1px solid #78845a;border-radius:7px;color:#e8e9dc}
#audio-hint{margin:0;line-height:1.4;font-size:12px;color:#a9b39e}
#audio-dialog button:focus-visible,#audio-dialog input:focus-visible{outline:2px solid #a2da91;outline-offset:4px}
@keyframes action-pulse{0%,100%{box-shadow:0 0 0 #9bd89700}35%{box-shadow:0 0 0 1px #b3d99d,0 0 13px #9bd89780}}
.action-pulse{animation:action-pulse .6s ease-out}
@media(max-width:430px){header{gap:8px}.header-right{gap:5px}.header-right .icon-btn{width:34px;min-width:34px;height:34px;padding:6px}#audio-dialog{padding:20px}.audio-footer{gap:10px}}
@media(prefers-reduced-motion:reduce){.action-pulse{animation:none}#audio-dialog::backdrop{backdrop-filter:none}}
.audio-heroes{margin:0 0 16px}
.audio-heroes summary{cursor:pointer;padding:10px 0;color:#e8e9dc}
.audio-heroes summary:focus-visible{outline:2px solid #a2da91;outline-offset:3px}
.audio-hero-list{display:grid;gap:4px;padding-bottom:6px}
.audio-hero-list label{display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 8px;background:#203327;border-radius:5px;cursor:pointer}
.audio-hero-list input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0;accent-color:#8fcf91}