.hop-audio-settings{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid #4de3ff55;border-radius:22px;background:#101c2c;color:#fff;box-shadow:0 24px 80px #0009}
.hop-audio-settings::backdrop{background:#020913bb;backdrop-filter:blur(6px)}
.hop-audio-settings h2{margin:18px 0 10px;font-size:26px}
.hop-audio-settings p{font-size:14px;line-height:1.5}
.hop-audio-channel{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:20px;padding:16px;border:1px solid #ffffff20;border-radius:14px;background:#091625}
.hop-audio-channel>label{font-size:16px;font-weight:700}
.hop-audio-channel output{color:#60ebd7;font-variant-numeric:tabular-nums}
.hop-audio-channel input[type=range]{grid-column:1/-1;width:100%;height:36px;accent-color:#4ce4d1;cursor:pointer}
.hop-audio-mute{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px!important;cursor:pointer}
.hop-audio-mute input{width:20px;height:20px;accent-color:#4ce4d1}
.hop-audio-settings .hop-audio-note{font-size:13px;color:#b8c7d9}
.hop-audio-settings :focus-visible{outline:2px solid #ffe05b;outline-offset:3px}
.hop-audio-open{display:inline-grid;place-items:center;font-size:21px}
@media(max-width:650px){
 .icons #sound{display:inline-grid;place-items:center;flex:none}
 .icons{gap:4px}
 .icons .rules-trigger{min-width:57px;padding:0 7px}
}
@media(max-width:360px){
 header{gap:4px}
 .brand-zone{gap:4px}
 .brand{font-size:10px}
 .stat{min-width:68px;padding:6px}
 .icons .icon{width:34px;height:34px}
 .icons .rules-trigger{min-width:52px;padding:0 4px}
}