.pylab-sound{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:150;color:#e6edf7;font:14px system-ui;max-width:calc(100vw - 24px)}
.pylab-sound summary{cursor:pointer;list-style:none;padding:12px 16px;border:1px solid #526174;border-radius:24px;background:#172231;box-shadow:0 3px 16px #0004;min-height:44px;box-sizing:border-box}
.sound-settings{position:absolute;bottom:54px;right:0;width:270px;max-width:calc(100vw - 48px);padding:16px;border:1px solid #526174;background:#172231;border-radius:16px;box-shadow:0 8px 32px #0005}
.sound-settings button{width:100%;min-height:44px;font:inherit;border-radius:9px;border:1px solid #657992;background:#253950;color:inherit;margin:0 0 12px;cursor:pointer}
.sound-settings label{display:flex;justify-content:space-between}.sound-settings input{width:100%;height:44px;accent-color:#b8dd85;touch-action:pan-y}.sound-settings p{font-size:12px;line-height:1.5;opacity:.85}.sound-settings [role=status]{font-size:12px}
.pylab-sound :focus-visible{outline:3px solid #b8dd85;outline-offset:3px}
:root[data-simulation=magnetic] .pylab-sound{bottom:calc(82px + env(safe-area-inset-bottom))}
@media(max-width:850px){:root[data-simulation=magnetic] .pylab-sound{top:128px;bottom:auto}:root[data-simulation=magnetic] .sound-settings{top:54px;bottom:auto;max-height:calc(100dvh - 260px);overflow:auto}}
:root[data-theme=light] .pylab-sound{color:#1e3045}:root[data-theme=light] .pylab-sound summary,:root[data-theme=light] .sound-settings{background:#f6f9fd;border-color:#bac9d8}:root[data-theme=light] .sound-settings button{background:#e0ebf4}

.pylab-sound{display:flex;align-items:center;gap:4px}.pylab-sound>#sound-toggle{display:grid;place-items:center;width:48px;height:48px;min-width:48px;padding:0;border-radius:50%;border:1px solid #526174;background:#172231;color:inherit;cursor:pointer;box-shadow:0 3px 16px #0004}.pylab-sound>#sound-toggle[aria-pressed=true]{color:#b8dd85}.pylab-sound summary{padding:10px;min-width:44px;text-align:center}.pylab-sound summary::-webkit-details-marker{display:none}.pylab-sound .sound-settings{box-sizing:border-box}.pylab-sound svg{pointer-events:none}:root[data-theme=light] .pylab-sound>#sound-toggle{background:#f6f9fd;border-color:#bac9d8}:root[data-theme=light] .pylab-sound>#sound-toggle[aria-pressed=true]{color:#28723b}