@keyframes typingBlink {
  0% { opacity: .25; transform: translateY(0); }
  20% { opacity: 1; transform: translateY(-3px); }
  100% { opacity: .25; transform: translateY(0); }
}

#typing-indicator .typing {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  margin-left: 4px;
}

#typing-indicator .typing-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #3b5998;
  display: inline-block;
  animation: typingBlink 1.3s infinite both;
}

#typing-indicator .typing-dot:nth-child(2) { animation-delay: .2s; }
#typing-indicator .typing-dot:nth-child(3) { animation-delay: .4s; }