Update app.py

app.py

@@ -198,21 +198,25 @@ def init_state(records):
 
 def render(rec, user=None, revealed=False):
     q_md = f"### السؤال\n{rec['question']}"
-    ch = [f"{o['id']}) {o['text']}" for o in rec["options"]]
+    ch_list = [f"{o['id']}) {o['text']}" for o in rec["options"]]
     exp = rec["explanation"] if revealed else ""
-    fb=""
+    fb = ""
     if user and revealed:
-        fb = "✅ إجابة صحيحة" if user==correct_letter(rec) else f"❌ إجابة خاطئة — الصحيح: {correct_letter(rec)}"
+        fb = "✅ إجابة صحيحة" if user == correct_letter(rec) else f"❌ إجابة خاطئة — الصحيح: {correct_letter(rec)}"
     elif user:
         fb = f"تم اختيار: {user}"
-    return q_md, ch, exp, fb
+    # لا نضبط value حتى لا يطلب منك مطابقة نص الخيار بالضبط
+    ch_update = gr.update(choices=ch_list, value=None, interactive=True)
+    return q_md, ch_update, exp, fb
 
 def show(state):
-    if not state: return "", [], "", "", ""
+    if not state:
+        return "", gr.update(choices=[], value=None), "", "", ""
     rec = state["records"][state["idx"]]
-    q, ch, exp, fb = render(rec, state["answers"].get(rec["id"]), rec["id"] in state["revealed"])
+    q, ch_update, exp, fb = render(rec, state["answers"].get(rec["id"]), rec["id"] in state["revealed"])
     pos = f"{state['idx']+1} / {len(state['records'])}"
-    return q, ch, exp, fb, pos
+    return q, ch_update, exp, fb, pos
+
 
 def choose(state, label):
     if not state or not label: return state, ""
@@ -273,14 +277,17 @@ def build_quiz(text_area, file_path, n, model_id, zoom):
 CSS = """
 body {direction:rtl; font-family: system-ui,'Cairo','IBM Plex Arabic',sans-serif; background: radial-gradient(1200px 500px at 50% -100px,#fff7ef,#e9d8c9);}
 .gradio-container {max-width: 980px; margin: 0 auto;}
-.card {background:#fff; border-radius:20px; padding:22px; box-shadow:0 25px 45px rgba(0,0,0,.07);}
-h1,h2,h3,.gr-markdown h1,.gr-markdown h2,.gr-markdown h3 {color:#6c4b34;}
+.card {background:#fff; border-radius:20px; padding:22px; box-shadow:0 25px 45px rgba(0,0,0,.07); color:#2b211a;}
+.card * {color:#2b211a !important;}
+.card h1,.card h2,.card h3 {margin-top:0; color:#2b211a !important;}
+.card p {font-size:1.05rem; line-height:1.8; word-wrap:break-word; overflow-wrap:anywhere;}
 .button-primary > button {background: linear-gradient(180deg,#d9a978,#c98f65); border:none; color:#22150d;}
 .button-primary > button:hover {filter:brightness(0.95);}
 .soft {opacity:.8;}
 .upload-like {border:2px dashed #d9a97855; background:#fffaf3; border-radius:16px; padding:14px;}
 .progress {text-align:left; opacity:.75}
-.radio .wrap.svelte-1ipelgc label{border-radius:12px}
+.radio .wrap label {text-align:right; justify-content:flex-end;}
+.radio .wrap label span {font-size:1.02rem;}
 """
 
 # ---------- واجهة Gradio ----------