body > .ambient-audio-toggle,
.ambient-audio-toggle{
  position:fixed;
  left:clamp(16px,2.5vw,28px);
  bottom:calc(18px + env(safe-area-inset-bottom,0px));
  z-index:1600;
  min-width:46px;
  height:46px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(0,135,129,.92),rgba(35,159,152,.92));
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-family:'Nunito Sans',Arial,sans-serif;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 16px 38px rgba(0,89,84,.24);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  opacity:0;
  transform:translateY(12px) scale(.94);
  pointer-events:none;
  transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease,background .25s ease;
}
body > .ambient-audio-toggle{
  position:fixed !important;
  z-index:1600 !important;
}
.ambient-audio-toggle.show{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.ambient-audio-toggle.is-playing{
  min-width:46px;
  padding:0 16px;
  border-color:rgba(0,89,84,.16);
  background:rgba(255,255,255,.84);
  color:#005954;
}
.ambient-audio-toggle:hover{
  transform:translateY(-2px) scale(1.03);
  box-shadow:0 20px 46px rgba(0,89,84,.32);
}
.ambient-audio-toggle .audio-icon{
  font-size:1rem;
  line-height:1;
}
.ambient-audio-toggle.is-playing .audio-icon{
  font-size:.78rem;
}

@media(max-width:560px){
  .ambient-audio-toggle{
    left:14px;
    bottom:14px;
    height:42px;
    min-width:42px;
    padding:0 13px;
    font-size:.62rem;
  }
  .ambient-audio-toggle.is-playing{
    min-width:42px;
    padding:0 13px;
  }
}