Update app.py

app.py

@@ -689,21 +689,30 @@ class ProductionVoiceBridge:
 def create_production_interface(allow_microphone: bool = False):
     """Create production-ready Gradio interface"""
 
-    # Initialize the system; allow microphone only if requested
+    # Load your external CSS (if used)
+    custom_css = get_custom_css()
+
+    # Initialize the system; microphone allowed only if specified
     voice_bridge = ProductionVoiceBridge(allow_microphone=allow_microphone)
 
-    # Minimal custom CSS for accessibility (kept from your original)
-    custom_css = """
+    # Additional accessibility CSS
+    accessibility_css = """
     :root { --primary-color: #2563eb; --danger-color: #dc2626; }
     .accessible-btn { min-height:48px !important; padding:12px 18px !important; font-size:16px !important; }
     .emergency-btn { background: linear-gradient(45deg,#dc2626,#ef4444) !important; color:white !important; font-weight:bold !important; }
     .large-text { font-size:18px !important; }
     """
 
+    # Combine both CSS blocks
+    final_css = custom_css + "\n" + accessibility_css
+
+    # Gradio 4.x → NO css= allowed
     with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue")) as demo:
-        gr.HTML(f"<style>{custom_css}</style>")
 
+        # Inject CSS manually (correct for Gradio 4.x)
+        gr.HTML(f"<style>{final_css}</style>")
 
+        # Your header
         gr.Markdown("# 🎯 VoiceBridge AI - Universal Communication Platform")
 
         # Status row