Update app.py

app.py

@@ -122,41 +122,40 @@ class GradioInterface:
     font-size: 1.2em;
 }
 
-/* Style radio buttons */
+/* Fix radio button styling */
 .gradio-radio {
-    display: flex !important;
-    gap: 8px !important;
-    background: #f5f5f5 !important;
+    background: white !important;
     padding: 8px !important;
     border-radius: 4px !important;
 }
 
+/* Style individual radio options */
+.gradio-radio label {
+    display: inline-flex !important;
+    align-items: center !important;
+    gap: 8px !important;
+    padding: 4px 8px !important;
+    border-radius: 4px !important;
+    cursor: pointer !important;
+    background: #f5f5f5 !important;
+    border: 1px solid #ddd !important;
+}
+
+/* Style the radio input itself */
 .gradio-radio input[type="radio"] {
-    appearance: none !important;
-    -webkit-appearance: none !important;
     width: 16px !important;
     height: 16px !important;
+    margin: 0 !important;
     border: 2px solid #ddd !important;
     border-radius: 50% !important;
-    margin: 0 !important;
-    position: relative !important;
+    appearance: auto !important;
+    -webkit-appearance: auto !important;
 }
 
+/* Style selected radio */
 .gradio-radio input[type="radio"]:checked {
     border-color: #2196F3 !important;
-    background: #2196F3 !important;
-}
-
-.gradio-radio input[type="radio"]:checked::after {
-    content: '' !important;
-    width: 8px !important;
-    height: 8px !important;
-    background: white !important;
-    border-radius: 50% !important;
-    position: absolute !important;
-    top: 50% !important;
-    left: 50% !important;
-    transform: translate(-50%, -50%) !important;
+    background-color: #2196F3 !important;
 }
 
 /* Container labels */
@@ -174,7 +173,7 @@ class GradioInterface:
     margin: 6px 0;
 }
 
-/* Remove default gradio container styles but keep input borders */
+/* Input styling */
 .gradio-container input,
 .gradio-container textarea,
 .gradio-container select {