.sound-panel{position:fixed;bottom:18px;right:18px;z-index:40;max-width:calc(100vw - 36px);background:#071e2bf5;border:1px solid #416371;border-radius:6px;color:#d7eeed;box-shadow:0 6px 24px #071e2b26;padding:3px 12px;font-size:12px}
.sound-toggle{display:flex;align-items:center;gap:10px;min-height:42px;background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:7px 0}
.sound-toggle>span:first-child{font-size:19px;color:#80e5d2}.sound-toggle:hover{color:white}.sound-toggle:disabled{cursor:wait}
#sound-volume:not([hidden]){display:flex;align-items:center;gap:12px;padding:4px 0 12px}
#sound-volume label{color:#d7eeed;font-size:12px;font-weight:400;margin:0}
#sound-volume input{width:115px;height:20px;min-height:20px;margin:0;padding:0;border:0;accent-color:#80e5d2;background:transparent;cursor:pointer}
.sound-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Leave clear space below the footer for the floating audio control. */
body:has(.sound-panel) footer{padding-bottom:72px}
@media(max-width:700px){.sound-panel{bottom:12px;right:12px}.sound-toggle{min-height:40px}}
@media print{.sound-panel{display:none}}