.site-sound{position:fixed;right:20px;bottom:20px;z-index:900;display:flex;align-items:center;gap:2px;border:1px solid #a9c4dc66;border-radius:30px;background:linear-gradient(130deg,#142b45ed,#173f61ed);color:#f5f9ff;box-shadow:inset 0 1px 0 #ffffff26,0 6px 24px #04142520;backdrop-filter:blur(18px);font:500 11px/1.3 Manrope,system-ui,sans-serif}.site-sound button{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 14px;border:0;border-radius:30px;background:none;color:inherit;font:inherit;cursor:pointer}.sound-bars{height:14px;width:17px;display:flex;gap:2px;align-items:center}.sound-bars i{display:block;width:2px;height:4px;background:#cbe8ff;border-radius:3px}.is-playing .sound-bars i{animation:soundPulse 1.25s ease-in-out infinite alternate}.sound-bars i:nth-child(2){animation-delay:-.4s}.sound-bars i:nth-child(3){animation-delay:-.9s}.sound-bars i:nth-child(4){animation-delay:-.2s}.site-sound-settings{position:relative}.site-sound-settings summary{display:grid;place-items:center;width:40px;min-height:44px;list-style:none;cursor:pointer;font-size:22px;color:#c7ddec}.site-sound-settings summary::-webkit-details-marker{display:none}.site-sound-settings>div{position:absolute;bottom:54px;right:0;width:218px;padding:18px;border:1px solid #d1e1ef55;border-radius:20px;background:#142e48f5;color:white;box-shadow:0 8px 30px #10233626}.site-sound-settings label{display:grid;gap:12px;font-size:12px}.site-sound-settings input{width:100%;accent-color:#a6d6f8;min-height:28px}.site-sound-settings [data-sound-note]{display:block;margin-top:10px;color:#bdccda;font-size:10px}.site-sound :focus-visible{outline:2px solid #b8dcfb;outline-offset:3px}.site-sound .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes soundPulse{from{height:3px}to{height:14px}}@media(max-width:760px){.site-sound{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.site-sound button{padding:10px 12px}}@media(prefers-reduced-motion:reduce){.is-playing .sound-bars i{animation:none;height:8px}}