.sound-control{position:fixed;right:clamp(14px,2vw,30px);bottom:clamp(14px,2vw,28px);z-index:9997;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 15px;border:1px solid rgba(245,242,234,.28);border-radius:999px;background:rgba(12,13,11,.78);color:#f5f2ea;box-shadow:0 12px 34px rgba(0,0,0,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font:500 9px/1 Manrope,Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color .3s,border-color .3s,opacity .3s}
.sound-control:hover,.sound-control:focus-visible{transform:translateY(-3px);background:rgba(20,21,18,.94);border-color:rgba(245,242,234,.58)}
.sound-control:focus-visible{outline:2px solid #f5f2ea;outline-offset:3px}
.sound-bars{display:flex;align-items:flex-end;justify-content:space-between;width:15px;height:13px}
.sound-bars i{display:block;width:2px;height:35%;border-radius:3px;background:currentColor;transform-origin:bottom;animation:sound-bars 1s ease-in-out infinite alternate}
.sound-bars i:nth-child(2){height:88%;animation-delay:-.4s}.sound-bars i:nth-child(3){height:58%;animation-delay:-.2s}
.sound-control.is-muted .sound-bars i,.sound-control.is-blocked .sound-bars i{animation:none;transform:scaleY(.28)}
.sound-control.is-blocked{border-color:rgba(245,242,234,.48);animation:sound-prompt 2.2s ease-in-out infinite}
@keyframes sound-bars{to{transform:scaleY(2)}}
@keyframes sound-prompt{50%{box-shadow:0 12px 34px rgba(0,0,0,.22),0 0 0 5px rgba(245,242,234,.08)}}
@media(max-width:640px){.sound-control{right:12px;bottom:12px;min-height:42px;padding:0 14px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.sound-control,.sound-bars i{transition:none;animation:none}}