/* chat-sound.css — mute toggle for the chat demo. Uses the page tokens, with fallbacks. */
.cs-toggle {
  flex: none; display: inline-grid; place-items: center;
  width: 32px; height: 32px; margin-left: 6px; padding: 0;
  border: 0; border-radius: var(--sc-r-pill, 999px);
  background: var(--sc-surface, #f3f6fd);
  box-shadow: inset 0 0 0 1px var(--line, rgba(10, 16, 32, .1));
  color: var(--sc-ink-soft, #4b5670); cursor: pointer;
  transition: background 160ms, color 160ms;
}
.cs-toggle svg { width: 16px; height: 16px; display: block; }
.cs-toggle:hover { color: var(--sc-ink, #0a1020); background: #fff; }
.cs-toggle[aria-pressed="false"] { color: var(--sc-accent, #2152ff); }
.cs-toggle:focus-visible { outline: 2px solid var(--sc-accent, #2152ff); outline-offset: 2px; }
/* Sounds only play in chat mode, so the toggle only shows there. */
.panel:not(.is-chat) .cs-toggle { display: none; }