/* werespond.ai responding signal animation. Ember stays rare: use only for live/responding states. */
.wr-responding-signal {
  --wr-signal-color: #E86E2E;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--wr-signal-color);
  font-family: var(--wr-font-mono, 'IBM Plex Mono', monospace);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: lowercase;
}
.wr-responding-signal svg { width: 1.35em; height: 1.35em; overflow: visible; }
.wr-responding-signal .wr-signal-inner { animation: wr-signal-breathe 1.55s ease-in-out infinite; transform-origin: 120px 146px; }
.wr-responding-signal .wr-signal-outer { animation: wr-signal-breathe 1.55s ease-in-out infinite 160ms; transform-origin: 120px 146px; }
@keyframes wr-signal-breathe {
  0%, 100% { opacity: 0.62; transform: scale(0.98); }
  50% { opacity: 1; transform: scale(1.04); }
}
@media (prefers-reduced-motion: reduce) {
  .wr-responding-signal .wr-signal-inner,
  .wr-responding-signal .wr-signal-outer { animation: none; }
}