/* A short response marks the conversation step, then returns to a quiet waveform. */
.operator-waveform i {
  transform-origin: center;
}

@media (prefers-reduced-motion: no-preference) {
  body:not(.keyboard-mode) .conversation-card[data-demo-state="2"][data-demo-motion="play"] .operator-waveform i {
    animation: conversation-response 1680ms cubic-bezier(.22, .61, .36, 1) 1 both;
    animation-delay: var(--wave-delay, 0ms);
  }

  .operator-waveform i:nth-child(4n + 1) { --wave-delay: 0ms; }
  .operator-waveform i:nth-child(4n + 2) { --wave-delay: 70ms; }
  .operator-waveform i:nth-child(4n + 3) { --wave-delay: 140ms; }
  .operator-waveform i:nth-child(4n) { --wave-delay: 210ms; }
}

@keyframes conversation-response {
  0%, 100% { transform: scaleY(1); }
  16% { transform: scaleY(.64); }
  33% { transform: scaleY(1.18); }
  51% { transform: scaleY(.76); }
  70% { transform: scaleY(1.08); }
  86% { transform: scaleY(.94); }
}

@media (prefers-reduced-motion: reduce) {
  .conversation-card .operator-waveform i { animation: none; }
}

.keyboard-mode .conversation-card .operator-waveform i { animation: none; }