Fix mobile text color visibility issues - Add explicit text color styling and mobile CSS media queries

app/streamlit_app.py

@@ -645,6 +645,39 @@ def main():
     
 
     
+    /* Fix text color visibility for mobile and all devices */
+    .stMarkdown, .stMarkdown p, .stMarkdown h1, .stMarkdown h2, .stMarkdown h3, .stMarkdown h4 {
+        color: #0B3B0B !important;
+    }
+    
+    /* Ensure all text elements have proper contrast */
+    .element-container, .stMarkdown div, p, span, h1, h2, h3, h4, h5, h6 {
+        color: #0B3B0B !important;
+    }
+    
+    /* Mobile-specific text styling */
+    @media (max-width: 768px) {
+        .stMarkdown, .stMarkdown p, .stMarkdown h1, .stMarkdown h2, .stMarkdown h3, .stMarkdown h4 {
+            color: #0B3B0B !important;
+            font-weight: 500 !important;
+        }
+        
+        /* Stronger contrast for mobile */
+        .element-container, .stMarkdown div, p, span, h1, h2, h3, h4, h5, h6 {
+            color: #0B3B0B !important;
+            text-shadow: none !important;
+        }
+    }
+    
+    /* Dark mode override for mobile browsers */
+    @media (prefers-color-scheme: dark) {
+        .stMarkdown, .stMarkdown p, .stMarkdown h1, .stMarkdown h2, .stMarkdown h3, .stMarkdown h4,
+        .element-container, .stMarkdown div, p, span, h1, h2, h3, h4, h5, h6 {
+            color: #0B3B0B !important;
+            background-color: transparent !important;
+        }
+    }
+    
     .stButton > button {
         background-color: #0B3B0B;
         color: white;
@@ -733,7 +766,7 @@ def main():
             st.markdown("### Navigation")
             st.markdown("---")
             
-            if st.button("🎯 Generate Improvements", key="nav_improvements", use_container_width=True):
+            if st.button("🎯 See Feedback", key="nav_improvements", use_container_width=True):
                 st.session_state.current_step = 4
                 st.rerun()
                     
@@ -910,7 +943,7 @@ def render_step_3():
         with col1:
             st.markdown("""
             <div style="text-align: center; padding: 20px; border: 2px solid #4CAF50; border-radius: 15px; margin: 10px 0;">
-                <h3 style="color: #0B3B0B;">🎯 Generate Improvements</h3>
+                <h3 style="color: #0B3B0B;">🎯 See Feedback</h3>
                 <p>Get personalized swing analysis with specific tips for improvement</p>
             </div>
             """, unsafe_allow_html=True)