:root{--font: "Cairo", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--bg: #0b1220;--panel: rgba(255,255,255,.06);--card: rgba(255,255,255,.08);--card2: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.66);--border: rgba(255,255,255,.12);--primary: #3b82f6;--success: #22c55e;--danger: #ef4444;--shadow: 0 10px 30px rgba(0,0,0,.35);--radius: 16px;--maxw: 1100px}:root[data-theme=light]{--bg: #f7f8fb;--panel: rgba(15,23,42,.04);--card: rgba(15,23,42,.05);--card2: rgba(15,23,42,.07);--text: rgba(15,23,42,.92);--muted: rgba(15,23,42,.65);--border: rgba(15,23,42,.12);--shadow: 0 10px 30px rgba(15,23,42,.12)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);position:relative;isolation:isolate}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 800px at 20% -10%,rgba(59,130,246,.18),transparent 55%),radial-gradient(900px 700px at 85% 10%,rgba(34,197,94,.14),transparent 55%),var(--bg);transform:translateZ(0);will-change:transform}a{color:inherit;text-decoration:none}button,input{font-family:var(--font)}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(to bottom,#0000002e,#0000);padding:14px 14px 10px}:root[data-theme=light] .topbar{background:linear-gradient(to bottom,#ffffffb3,#fff0)}.brand{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-left{display:flex;align-items:center;gap:10px}.brand-text{font-weight:800;font-size:18px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:var(--card);border:1px solid var(--border)}.topbar-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer;box-shadow:var(--shadow)}.icon-btn:hover{background:var(--card2)}.icon-btn:active{transform:translateY(1px)}.back-btn{width:40px;height:40px;padding:8px 10px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;border-radius:12px}.breadcrumbs{max-width:var(--maxw);margin:0 auto;padding:10px 14px 2px}.breadcrumbs-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px 12px;padding:0;margin:0;direction:rtl;flex-direction:row-reverse;font-size:14px;font-weight:600;color:#ffffffc7}.breadcrumbs-item a{color:inherit;border-bottom:1px dashed transparent}.breadcrumbs-item a:hover{color:#ffffffeb;border-bottom-color:#ffffff59}.breadcrumbs-current{color:#fffffff5;font-weight:800}:root[data-theme=light] .breadcrumbs-list{color:#0f172ab8}:root[data-theme=light] .breadcrumbs-item a:hover{color:#0f172aeb;border-bottom-color:#0f172a59}:root[data-theme=light] .breadcrumbs-current{color:#0f172af2}.main{max-width:var(--maxw);width:100%;margin:0 auto;padding:14px;flex:1}.page{display:flex;flex-direction:column;gap:12px}.h1{margin:8px 0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;padding:14px 16px;border-radius:16px;background:#060e1aeb;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 34px #00000061,0 0 0 1px #ffffff08 inset;color:#fffffff5}:root[data-theme=light] .h1{background:#060e1ae6;border:1px solid rgba(15,23,42,.18);box-shadow:0 14px 34px #0f172a1f,0 0 0 1px #ffffff14 inset;color:#fffffff5}.h1-title{font-size:20px;font-weight:900;line-height:1.25}.h1-subtitle{margin-top:18px;font-size:13px;font-weight:650;line-height:1.7;text-align:center;color:#fffc}.grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px}@media(min-width:680px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);text-align:center}.card-link:hover{background:var(--card2)}.card-title{font-weight:800;font-size:16px;margin-bottom:4px;text-align:center}.card-subtitle{color:#ffffffc2;font-size:13.5px;font-weight:550;text-align:center}:root[data-theme=light] .card-subtitle{color:#0f172ab3}.muted{color:#ffffffc7;font-size:13.5px;font-weight:550}:root[data-theme=light] .muted{color:#0f172ab3}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:#3b82f62e;border:1px solid rgba(59,130,246,.22);font-size:12px;font-weight:800}.row{display:flex;align-items:center}.btn{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:14px;padding:10px 14px;cursor:pointer;font-weight:800}.btn:hover{background:var(--card2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{border-color:#3b82f652;background:#3b82f638}.btn.primary:hover{background:#3b82f647}.btn.danger{border-color:#ef444452;background:#ef44442e}.btn.danger:hover{background:#ef44443d}.input{width:100%;border:1px solid var(--border);background:#0000000f;color:var(--text);border-radius:14px;padding:10px 12px;outline:none}:root[data-theme=light] .input{background:#0f172a08}.input:focus{border-color:#3b82f673;box-shadow:0 0 0 3px #3b82f629}.spacer-xs{height:6px}.spacer-sm{height:12px}.error{border-color:#ef444459;background:#ef44441f}.empty{text-align:center;padding:22px}.reader-layout{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:920px){.reader-layout{grid-template-columns:1.6fr .8fr;align-items:start}}.reader-side{align-self:start}@media(min-width:920px){.reader-side{position:sticky;top:86px}}.reader-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.reader-h1{margin:0}.fav-btn{font-size:18px;line-height:1;padding:10px 12px}.fav-btn.is-on{border-color:#f59e0b61;background:#f59e0b2e}.q-meta{display:flex;gap:10px;margin-bottom:10px}.q-text{font-size:16px;line-height:1.8}.options{display:flex;flex-direction:column;gap:10px;margin-top:10px}.option-btn{width:100%;border:1px solid var(--border);background:#0000000f;color:var(--text);border-radius:16px;padding:12px;cursor:pointer;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:10px}:root[data-theme=light] .option-btn{background:#0f172a08}.option-badge{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;background:#3b82f629;border:1px solid rgba(59,130,246,.22)}.option-text{font-size:16px;font-weight:500;line-height:1.6;display:flex;align-items:center;justify-content:center;text-align:center;min-height:40px}.option-btn:hover{background:#ffffff0f}:root[data-theme=light] .option-btn:hover{background:#0f172a0f}.option-btn.is-locked{cursor:default}.option-btn.is-correct{border-color:#22c55e73;background:#22c55e24}.option-btn.is-wrong{border-color:#ef444473;background:#ef444424}:root[data-theme=light] .option-btn.is-correct{border-color:#22c55e8c;background:#22c55e38;color:#0f172aeb}:root[data-theme=light] .option-btn.is-wrong{border-color:#ef44448c;background:#ef444433;color:#0f172aeb}:root[data-theme=light] .option-btn.is-correct .option-badge{background:#22c55e33;border-color:#22c55e59}:root[data-theme=light] .option-btn.is-wrong .option-badge{background:#ef44442e;border-color:#ef444459}.explain{border-color:#3b82f640;background:#3b82f614}.explain-text{font-size:14px;line-height:1.8}.progress{width:100%;height:10px;border-radius:999px;background:#ffffff1a;overflow:hidden;border:1px solid var(--border)}.progress-bar{height:100%;width:0%;background:#3b82f6b3}.fav-preview{font-size:14px;line-height:1.7}.orientation-hint{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;border-radius:16px;padding:12px 14px;background:#0000008c;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);color:#ffffffeb;transform:translateY(20px);opacity:0;pointer-events:none;transition:.18s ease;text-align:center}:root[data-theme=light] .orientation-hint{background:#0f172abf}.orientation-hint.is-visible{transform:translateY(0);opacity:1}.welcome-page{min-height:calc(100vh - 90px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:24px 14px}.welcome-brand{font-weight:900;font-size:clamp(40px,6vw,72px);line-height:1.05;letter-spacing:.5px;text-align:center;-webkit-user-select:none;user-select:none;padding:8px 10px;margin:0}.welcome-brand-one,.welcome-one{color:#fffffff2}:root[data-theme=light] .welcome-brand-one,:root[data-theme=light] .welcome-one{color:#0f172aeb}.welcome-brand-mcqs,.welcome-mcqs{color:var(--primary)}.welcome-card{width:min(720px,100%);padding:18px 16px;text-align:center;background:#0003;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);box-shadow:0 18px 44px #00000059}:root[data-theme=light] .welcome-card{background:#0f172a0f;border:1px solid rgba(15,23,42,.14);box-shadow:0 18px 44px #0f172a1a}.welcome-sub{color:var(--muted);font-size:13px;font-weight:700;margin:0 0 12px}.welcome-start{width:min(520px,100%);padding:14px 16px;border-radius:16px;font-size:16px;font-weight:900}@media(max-width:420px){.welcome-page{gap:22px}.welcome-card{padding:16px 14px}}.results-card{text-align:center;padding:18px 16px}.results-score{font-weight:1000;font-size:clamp(44px,7vw,72px);line-height:1;letter-spacing:.5px}.results-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}.results-stat{padding:10px 8px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}:root[data-theme=light] .results-stat{background:#0f172a0d;border:1px solid rgba(15,23,42,.12)}.results-num{font-weight:1000;font-size:22px}.results-lbl{margin-top:4px;font-size:12px;color:var(--muted);font-weight:800}