.sound-panel{box-sizing:border-box;width:min(380px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:22px;border:2px solid #c7cc9d;border-radius:22px;background:#fffbe8;color:#173f35;box-shadow:0 10px 40px #173f3540;font:16px/1.4 Arial,sans-serif}.sound-panel::backdrop{background:#173f3588;backdrop-filter:blur(4px)}.audio-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.audio-heading h2{font:700 22px/1.2 Rubik,Arial,sans-serif;margin:0}.sound-panel button{font:700 14px Arial,sans-serif;min-height:44px;min-width:44px;border:1px solid #bac49a;border-radius:12px;background:#fffbe8;color:#173f35;cursor:pointer}.sound-panel label{display:flex;justify-content:space-between;font-size:16px;font-weight:700;gap:12px}.sound-panel input[type=range]{display:block;width:100%;height:44px;margin:4px 0 20px;padding:0;accent-color:#628c48;cursor:pointer;touch-action:pan-y}.sound-panel p{font:14px/1.45 Arial,sans-serif;color:#607253;margin:0 0 18px}.sound-panel .audio-done{width:100%;background:#ffdf51;min-height:46px}.sound-panel :focus-visible{outline:3px solid #287c67;outline-offset:3px}