.ambience-host{display:contents}
button.ambience-toggle{position:fixed;inset:auto auto max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));z-index:120;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:11px;color:#e6ca92;background:linear-gradient(140deg,#233a48f5,#0c1a27fa);border:1px solid #c6a66a99;border-radius:50%;box-shadow:0 6px 22px #0006,inset 0 1px #ffffff20;backdrop-filter:blur(18px);cursor:pointer;transition:box-shadow .4s,transform .4s,color .4s;isolation:isolate}
button.ambience-toggle:before{content:'';position:absolute;inset:3px;border:1px solid #f0d59e18;border-radius:inherit;pointer-events:none}
button.ambience-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 26px #0006,0 0 18px #c6a66a30;color:#fff0ce}
button.ambience-toggle:focus-visible{outline:2px solid #f0d59e;outline-offset:4px}
.ambience-speaker{width:22px;height:22px;flex:none;display:block}
.sound-off{display:none}.is-muted .sound-off{display:block}.is-muted .sound-waves{display:none}
.is-playing .sound-waves{animation:ambience-pulse 2.5s ease-in-out infinite}
@keyframes ambience-pulse{0%,100%{opacity:.65}50%{opacity:1}}
@media(max-width:700px){button.ambience-toggle{left:max(14px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.is-playing .sound-waves{animation:none}button.ambience-toggle{transition:none}}
.motion-paused .sound-waves{animation:none}