Update flare-ui/src/app/components/chat/realtime-chat.component.scss

flare-ui/src/app/components/chat/realtime-chat.component.scss

@@ -159,12 +159,27 @@ mat-card-header {
   border-radius: 8px;
   margin-top: 16px;
   opacity: 0.3;
-  transition: opacity 0.3s;
+  transition: all 0.3s ease;
+  
+  &.active {
+    opacity: 1;
+    box-shadow: 0 0 20px rgba(76, 175, 80, 0.3);
+  }
 }
 
-.audio-visualizer.active {
-  opacity: 1;
-  animation: visualizerPulse 0.5s ease-in-out infinite;
+.transcription-area {
+  background: #f5f5f5;
+  padding: 16px;
+  border-radius: 8px;
+  margin-bottom: 16px;
+  min-height: 60px;
+  animation: pulse 2s infinite;
+  border: 2px solid #4caf50;
+  
+  &:empty::after {
+    content: '...';
+    color: #999;
+  }
 }
 
 @keyframes visualizerPulse {