Fix Gradio 6.x compatibility: move css_paths to launch() method

app.py

@@ -137,7 +137,7 @@ except Exception as e:
 
 # Create the Gradio interface
 log_timing("Creating Gradio interface")
-demo = create_interface()
+demo, css_path = create_interface()
 log_timing("Gradio interface created")
 
 # Launch app
@@ -148,4 +148,10 @@ if __name__ == "__main__":
     print(f"{'='*70}\n")
     print("Starting Gradio app...")
     log_timing("Launching Gradio server")
-    demo.launch(server_name="0.0.0.0", server_port=7860)
+    
+    # Gradio 6.x: CSS goes in launch() not Blocks()
+    launch_kwargs = {"server_name": "0.0.0.0", "server_port": 7860}
+    if css_path.exists():
+        launch_kwargs["css_paths"] = [css_path]
+    
+    demo.launch(**launch_kwargs)

ui/interface.py

@@ -17,13 +17,7 @@ def create_interface():
     """Create and return the Gradio interface"""
     interface_start = time.time()
     
-    # Build CSS file path and configure Blocks
-    css_path = Path(__file__).parent / "styles.css"
-    blocks_kwargs = {"title": "Caribbean Voices - OWSM Platform"}
-    if css_path.exists():
-        blocks_kwargs["css_paths"] = [css_path]
-    
-    with gr.Blocks(**blocks_kwargs) as demo:
+    with gr.Blocks(title="Caribbean Voices - OWSM Platform") as demo:
         gr.Markdown("""
         <div class="main-header">
             <h1>🎤 Caribbean Voices Hackathon</h1>
@@ -284,5 +278,7 @@ def create_interface():
     timestamp = datetime.now().strftime("%H:%M:%S.%f")[:-3]
     print(f"[{timestamp}] ⏱️  Total interface creation: {interface_time:.3f}s")
     
-    return demo
+    # Return demo and CSS path for Gradio 6.x (CSS goes in launch())
+    css_path = Path(__file__).parent / "styles.css"
+    return demo, css_path