Update app.py

app.py

@@ -31,37 +31,46 @@ st.markdown(f"""
 <style>
     @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&display=swap');
     
-    body {{
+    .stApp {{
         background: {get_cosmic_background()};
-        color: #000000;
+        background-attachment: fixed;
+        background-size: cover;
+        color: white;
         font-family: 'Orbitron', sans-serif;
     }}
-    .stApp {{
-        background: transparent;
+    
+    section[data-testid="stSidebar"] {{
+        background-color: rgba(0, 0, 0, 0.3);
+        backdrop-filter: blur(10px);
     }}
-    .main-container {{
-        background: rgba(0,0,0,0.7);
+    
+    .main .block-container {{
+        background: rgba(0, 0, 0, 0.3);
         border-radius: 15px;
         padding: 20px;
         backdrop-filter: blur(10px);
     }}
+    
     .chat-message {{
-        background: rgba(255,255,255,0.1);
+        background: rgba(255, 255, 255, 0.1);
         border-radius: 10px;
         padding: 15px;
         margin-bottom: 10px;
         transition: all 0.3s ease;
     }}
+    
     .chat-message:hover {{
         transform: scale(1.02);
-        box-shadow: 0 0 20px rgba(255,255,255,0.2);
+        box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
     }}
+    
     .stTextInput > div > div > input {{
-        background: rgba(255,255,255,0.1);
+        background: rgba(255, 255, 255, 0.1);
         color: white;
-        border: 2px solid rgba(255,255,255,0.2);
+        border: 2px solid rgba(255, 255, 255, 0.2);
         border-radius: 10px;
     }}
+    
     .stButton > button {{
         background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
         color: white;
@@ -70,28 +79,44 @@ st.markdown(f"""
         border-radius: 20px;
         transition: all 0.3s ease;
     }}
+    
     .stButton > button:hover {{
         transform: scale(1.1);
-        box-shadow: 0 0 20px rgba(255,255,255,0.3);
+        box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
     }}
     
     .cosmic-title {{
         text-align: center;
         font-size: 2.5rem;
         margin-bottom: 2rem;
-        text-shadow: 0 0 10px rgba(255,255,255,0.5);
+        color: white;
+        text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
         animation: glow 2s ease-in-out infinite alternate;
     }}
     
     @keyframes glow {{
         from {{
-            text-shadow: 0 0 10px rgba(255,255,255,0.5);
+            text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
         }}
         to {{
-            text-shadow: 0 0 20px rgba(255,255,255,0.8),
-                         0 0 30px rgba(255,255,255,0.6);
+            text-shadow: 0 0 20px rgba(255, 255, 255, 0.8),
+                         0 0 30px rgba(255, 255, 255, 0.6);
         }}
     }}
+    
+    [data-testid="stHeader"] {{
+        background: rgba(0, 0, 0, 0.3);
+        backdrop-filter: blur(10px);
+    }}
+    
+    .stSelectbox label,
+    .stSelectbox div[data-baseweb="select"] span {{
+        color: white !important;
+    }}
+    
+    div[data-testid="stMarkdownContainer"] {{
+        color: white;
+    }}
 </style>
 """, unsafe_allow_html=True)