Update app.py

app.py

@@ -58,32 +58,10 @@ st.markdown("""
             backdrop-filter: blur(10px);
         }
         
-        /* Chat messages styling for mobile */
-        .stChatMessage {
-            background: rgba(255, 255, 255, 0.95);
-            border-radius: 15px;
-            margin: 0.5rem 0;
-            padding: 1rem;
-            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
-        }
-        
-        /* User messages - right aligned */
-        .stChatMessage[data-testid="user-message"] {
-            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
-            color: white;
-            margin-left: 15%;
-        }
-        
-        /* Assistant messages - left aligned */
-        .stChatMessage[data-testid="assistant-message"] {
-            background: rgba(255, 255, 255, 0.98);
-            color: #333;
-            margin-right: 15%;
-        }
-        
         /* Mobile text sizing */
         .stMarkdown {
-            font-size: 14px;
+            font-size: 14px !important;
+            color: #333 !important;
         }
         
         h1 {
@@ -114,6 +92,32 @@ st.markdown("""
         .stChatInput input {
             font-size: 16px; /* Prevents zoom on iOS */
         }
+        
+        /* Chat messages - SIMPLE styling that works */
+        [data-testid="chat-message-user"] {
+            background: #007bff !important;
+            color: white !important;
+            border-radius: 10px !important;
+            padding: 10px !important;
+            margin: 5px 0 !important;
+        }
+        
+        [data-testid="chat-message-user"] .stMarkdown {
+            color: white !important;
+        }
+        
+        [data-testid="chat-message-assistant"] {
+            background: white !important;
+            color: #333 !important;
+            border-radius: 10px !important;
+            padding: 10px !important;
+            margin: 5px 0 !important;
+            border: 1px solid #ddd !important;
+        }
+        
+        [data-testid="chat-message-assistant"] .stMarkdown {
+            color: #333 !important;
+        }
     }
     
     /* Extra small screens (iPhone 5, old phones) */