/* The iSpirit's waiting bubble (src/modules/chat/reply-progress.js, 2026-09-23). Inherits the reply bubble's look;
   only the line tone and two quiet dots are its own. Dots stop under prefers-reduced-motion (Rule #33). */
.bubble.reply-progress { display: flex; align-items: flex-end; gap: 6px; }
.reply-progress-line { opacity: 0.85; font-style: italic; }
.reply-progress-step + .reply-progress-step { margin-top: 2px; }
.reply-progress-dots { display: inline-flex; gap: 3px; }
.reply-progress-dots::before,
.reply-progress-dots::after {
  content: ""; width: 4px; height: 4px; border-radius: 50%;
  background: currentColor; opacity: 0.5;
  animation: reply-progress-pulse 1.2s ease-in-out infinite;
}
.reply-progress-dots::after { animation-delay: 0.4s; }
@keyframes reply-progress-pulse { 0%, 100% { opacity: 0.2; } 50% { opacity: 0.8; } }
@media (prefers-reduced-motion: reduce) {
  .reply-progress-dots::before, .reply-progress-dots::after { animation: none; opacity: 0.5; }
}