Update app.py

app.py

@@ -115,39 +115,45 @@ def main():
         }
         
         .stApp {
-            background-color: #ffffff;
+            background-color: #ffffff !important;
         }
         
         .main-title {
-            font-size: 2.5rem;
-            font-weight: 600;
-            color: #1a1a1a;
+            font-size: 2.5rem !important;
+            font-weight: 600 !important;
+            color: #1a1a1a !important;
             text-align: center;
             margin-bottom: 0.5rem;
             padding-top: 1rem;
         }
         
         .subtitle {
-            font-size: 1rem;
-            color: #666666;
+            font-size: 1rem !important;
+            color: #666666 !important;
             text-align: center;
             margin-bottom: 2rem;
         }
         
         .stTextInput > div > div > input {
-            border: 1px solid #e0e0e0;
+            border: 1px solid #e0e0e0 !important;
             border-radius: 8px;
             padding: 0.75rem 1rem;
             font-size: 1rem;
+            background-color: #ffffff !important;
+            color: #333333 !important;
         }
         
         .stTextInput > div > div > input:focus {
-            border-color: #4a90d9;
+            border-color: #4a90d9 !important;
             box-shadow: 0 0 0 2px rgba(74, 144, 217, 0.1);
         }
         
+        .stTextInput > div > div > input::placeholder {
+            color: #999999 !important;
+        }
+        
         .answer-container {
-            background-color: #fafafa;
+            background-color: #fafafa !important;
             border: 1px solid #e8e8e8;
             border-radius: 10px;
             padding: 1.5rem;
@@ -155,17 +161,17 @@ def main():
         }
         
         .answer-label {
-            font-size: 0.85rem;
-            font-weight: 600;
-            color: #888888;
+            font-size: 0.85rem !important;
+            font-weight: 600 !important;
+            color: #888888 !important;
             text-transform: uppercase;
             letter-spacing: 0.5px;
             margin-bottom: 0.75rem;
         }
         
         .answer-text {
-            font-size: 1rem;
-            color: #333333;
+            font-size: 1rem !important;
+            color: #333333 !important;
             line-height: 1.7;
         }
         
@@ -173,8 +179,8 @@ def main():
             display: inline-flex;
             align-items: center;
             gap: 0.5rem;
-            background-color: #f0f9f4;
-            color: #166534;
+            background-color: #f0f9f4 !important;
+            color: #166534 !important;
             padding: 0.5rem 1rem;
             border-radius: 20px;
             font-size: 0.9rem;
@@ -185,13 +191,13 @@ def main():
         .status-dot {
             width: 8px;
             height: 8px;
-            background-color: #22c55e;
+            background-color: #22c55e !important;
             border-radius: 50%;
         }
         
         .stTextInput label {
-            font-size: 0.95rem;
-            color: #444444;
+            font-size: 0.95rem !important;
+            color: #444444 !important;
             font-weight: 500;
             margin-bottom: 0.5rem;
         }