improved feedback for voice mode

frontend/css/style.css

@@ -1227,4 +1227,37 @@ tr:hover td {
     transform: scale(1);
     opacity: 0.8;
   }
+}
+
+/* ── Thinking dots ────────────────────────────────────────────────── */
+.message-thinking {
+  color: var(--text-muted);
+  font-style: italic;
+  font-size: 0.9em;
+}
+
+.thinking-dots span {
+  animation: thinkingDots 1.4s infinite ease-in-out both;
+  margin-left: 2px;
+}
+
+.thinking-dots span:nth-child(1) {
+  animation-delay: -0.32s;
+}
+
+.thinking-dots span:nth-child(2) {
+  animation-delay: -0.16s;
+}
+
+@keyframes thinkingDots {
+
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+  }
+
+  40% {
+    transform: scale(1);
+  }
 }