Add CSS-based hiding for main_app to fix HF Space visibility bug

app.py

@@ -702,7 +702,17 @@ def submit_viva_answer(answer, questions, current_q_idx, student_name=""):
 
 
 # Create Gradio interface
-with gr.Blocks(title="AnatomyBot - MBBS Anatomy Tutor") as demo:
+with gr.Blocks(
+    title="AnatomyBot - MBBS Anatomy Tutor",
+    css="""
+        #main_app_container {
+            display: none !important;
+        }
+        #main_app_container.visible {
+            display: flex !important;
+        }
+    """
+) as demo:
     # State variables
     student_name_state = gr.State("")
     viva_questions_state = gr.State([])
@@ -755,7 +765,7 @@ with gr.Blocks(title="AnatomyBot - MBBS Anatomy Tutor") as demo:
                 pass  # Empty column for centering
     
     # Main Application (hidden initially)
-    with gr.Column(visible=False) as main_app:
+    with gr.Column(visible=False, elem_id="main_app_container") as main_app:
         gr.Markdown(
             """
             # 🩺 AnatomyBot - Your MBBS Anatomy Tutor