.mithaq-soundscape{
  position:fixed;
  z-index:8500;
  right:max(16px,env(safe-area-inset-right));
  bottom:max(16px,env(safe-area-inset-bottom));
  font-family:var(--body);
}

.mithaq-soundscape__toggle{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border:1px solid rgba(247,241,231,.3);
  border-radius:999px;
  background:rgba(23,24,21,.9);
  color:var(--chalk);
  box-shadow:0 10px 30px rgba(0,0,0,.2);
  backdrop-filter:blur(12px);
  font:600 11px/1 var(--body);
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background-color .2s,border-color .2s,color .2s,transform .2s;
}

.mithaq-soundscape__toggle:hover{border-color:rgba(212,163,91,.78);background:rgba(41,72,59,.96);transform:translateY(-2px)}
.mithaq-soundscape__toggle:disabled{cursor:wait;opacity:.72;transform:none}
.mithaq-soundscape__mark{width:12px;height:12px;flex:0 0 auto;border:1px solid currentColor;transform:rotate(45deg)}
.mithaq-soundscape.is-playing .mithaq-soundscape__toggle{border-color:rgba(132,153,142,.92);background:var(--paper);color:var(--ink)}
.mithaq-soundscape.is-playing .mithaq-soundscape__mark{background:var(--green);box-shadow:inset 0 0 0 2px var(--paper)}
.mithaq-soundscape.has-error .mithaq-soundscape__toggle{opacity:.68}

@media(max-width:540px){
  .mithaq-soundscape{right:max(11px,env(safe-area-inset-right));bottom:max(11px,env(safe-area-inset-bottom))}
  .mithaq-soundscape__toggle{min-height:42px;padding:9px 12px;font-size:10px}
}

@media(prefers-reduced-motion:reduce){.mithaq-soundscape__toggle{transition:none}}

@media print{.mithaq-soundscape{display:none!important}}