feat: Source Serif 4 font with typing animation

Author: nikhilwoodruff

docs/src/app/globals.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Roboto+Serif:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Source+Serif+4:ital,wght@0,400;0,500;0,600;1,400&display=swap');
 @import "tailwindcss";
 
 @theme {
@@ -103,12 +103,41 @@ code {
 
 /* Agent response content */
 .response-content {
-  font-family: "Roboto Serif", Georgia, serif;
-  font-size: 16px;
-  line-height: 1.7;
+  font-family: "Source Serif 4", Georgia, serif;
+  font-size: 17px;
+  line-height: 1.75;
   color: #1e293b;
   -webkit-font-smoothing: antialiased;
 }
+
+/* Typing animation */
+@keyframes typeIn {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.response-content > * {
+  animation: typeIn 0.3s ease-out forwards;
+  opacity: 0;
+}
+
+.response-content > *:nth-child(1) { animation-delay: 0ms; }
+.response-content > *:nth-child(2) { animation-delay: 50ms; }
+.response-content > *:nth-child(3) { animation-delay: 100ms; }
+.response-content > *:nth-child(4) { animation-delay: 150ms; }
+.response-content > *:nth-child(5) { animation-delay: 200ms; }
+.response-content > *:nth-child(6) { animation-delay: 250ms; }
+.response-content > *:nth-child(7) { animation-delay: 300ms; }
+.response-content > *:nth-child(8) { animation-delay: 350ms; }
+.response-content > *:nth-child(9) { animation-delay: 400ms; }
+.response-content > *:nth-child(10) { animation-delay: 450ms; }
+.response-content > *:nth-child(n+11) { animation-delay: 500ms; }
 .response-content p {
   margin: 0.875em 0;
 }