Update style.css

style.css

@@ -39,18 +39,19 @@ h1, h2, h3, h4, h5, h6 {
 }
 .gr-button-primary:hover { filter: brightness(1.1); }
 
-/* ─────────────────────────────────────────
-   Chatbot bubbles
-────────────────────────────────────────── */
-.gr-chatbot .message.user {
-  background: hsla(var(--zen-accent-h) var(--zen-accent-s) calc(var(--zen-accent-l) + 25%), .18);
-  color: #000;       /* NEW: readable text */
-}
-.gr-chatbot .message.bot  {
-  background: hsla(var(--zen-accent-h) var(--zen-accent-s) calc(var(--zen-accent-l) + 15%), .13);
-  color: #000;       /* NEW: readable text */
+/* ── Chatbot bubbles ───────────────────────────── */
+.gr-chatbot,
+.gr-chatbot .message,
+.gr-chatbot .message.user,
+.gr-chatbot .message.bot {
+  /* force bright text inside every bubble */
+  color: #fff;
 }
 
+/* optional: tweak links inside bubbles so they’re still visible */
+.gr-chatbot a {
+  color: hsl(var(--zen-accent-h) var(--zen-accent-s) 85%); /* lighter accent */
+}
 /* ─────────────────────────────────────────
    Media & input
 ────────────────────────────────────────── */