:root{--font-arabic:"Noto Kufi Arabic", Tahoma, "Segoe UI", Arial, sans-serif;--asphalt:#121a1f;--asphalt-soft:#1d2a31;--lane:#f4d35e;--signal:#d64045;--learner:#3a86ff;--fog:#e8eef2;--paper:#f8faf9;--ink:#172026;--muted:#66747d;--good:#247a48;--road:#121a1f;--on-road:#fff;--on-lane:#121a1f;--surface:#ffffffd1;--surface-solid:#fff;--soft-button:#edf2f4;--border:#1720261a;--radius:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-arabic)}@font-face{font-family:Noto Kufi Arabic;src:url(/assets/NotoKufiArabic-DJ-EHAjX.ttf)format("truetype");font-weight:100 900;font-display:swap}:root[data-theme=dark]{--asphalt:#ecf4f6;--asphalt-soft:#c7d4da;--lane:#f4d35e;--signal:#ff6b70;--learner:#78aaff;--fog:#10171b;--paper:#121c21;--ink:#eef5f7;--muted:#9dadb5;--good:#62d991;--road:#0f171c;--on-road:#f8fcfd;--on-lane:#11181d;--surface:#162026e0;--surface-solid:#172229;--soft-button:#233139;--border:#eef5f71f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:linear-gradient(115deg, #f4d35e1f 0 14%, transparent 14% 100%), radial-gradient(circle at 88% 10%, #3a86ff2e, transparent 34rem), var(--fog);min-height:100vh;color:var(--ink);direction:rtl;margin:0}button,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.72;filter:saturate(.45)}button:focus-visible,select:focus-visible,audio:focus-visible{outline:3px solid var(--learner);outline-offset:3px}.app-shell{width:min(1180px,100% - 24px);margin:0 auto;padding:18px 0 36px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.session-topbar{margin-bottom:12px}.topbar-actions{flex-wrap:wrap;gap:8px;display:flex}.brand{font-family:var(--font-arabic);letter-spacing:.08em;text-transform:uppercase;direction:ltr;align-items:center;gap:12px;display:flex}.brand-mark{background:var(--road);width:42px;height:42px;color:var(--lane);border-radius:14px;place-items:center;font-weight:900;display:grid;transform:skew(-10deg)}.ghost-button,.primary-button,.secondary-button{border-radius:999px;padding:12px 18px;font-weight:800}.icon-button{background:var(--surface);width:46px;height:46px;color:var(--asphalt);border:1px solid var(--border);border-radius:999px;place-items:center;font-size:1.2rem;font-weight:900;display:inline-grid;box-shadow:0 8px 18px #121a1f14}.nav-icon{background:var(--road);color:var(--on-road);font-family:Courier New,monospace;font-size:1.45rem}.ghost-button{background:var(--surface);color:var(--asphalt);border:1px solid var(--border)}.primary-button{background:var(--road);color:var(--on-road);box-shadow:0 12px 28px #121a1f38}.secondary-button{background:var(--lane);color:var(--on-lane)}.loading-card h1{max-width:760px;font-family:var(--font-arabic);letter-spacing:-.045em;text-transform:uppercase;margin:0;font-size:clamp(3.2rem,8vw,7.5rem);line-height:.88}.eyebrow{color:var(--signal);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-family:Courier New,monospace;font-size:.8rem;font-weight:900}.intro-panel{border-radius:var(--radius);box-shadow:none;background:0 0;border:0;gap:18px;margin-bottom:22px;padding:0;display:grid}.intro-copy h1{letter-spacing:-.045em;max-width:720px;margin:0;font-size:clamp(2rem,5vw,4.6rem);line-height:1.08}.intro-copy p:last-child{max-width:58ch;color:var(--muted);margin:12px 0 0;font-size:1rem;line-height:1.7}.windshield-slideshow{background:var(--road);border-radius:30px;min-height:220px;padding:14px;position:relative;overflow:hidden;transform:skew(3deg)rotate(.6deg);box-shadow:0 24px 54px #121a1f33}.windshield-slideshow img{object-fit:cover;border-radius:20px;width:100%;height:100%;min-height:200px;display:block;transform:skew(-3deg)rotate(-.6deg)scale(1.03)}.lane-line{background:repeating-linear-gradient(90deg, var(--lane) 0 48px, transparent 48px 76px);opacity:.92;border-radius:999px;height:8px;position:absolute;inset:auto 11% 18px}.slide-label{color:#fff;background:#121a1fc7;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:900;position:absolute;inset-block-end:26px;inset-inline-start:28px;transform:skew(-3deg)rotate(-.6deg)}.panel{border-radius:var(--radius);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;margin-top:0;padding:10px}.quiz-grid{grid-template-columns:1fr;gap:14px;display:grid}.quiz-card{background:linear-gradient(90deg, #f4d35e33, transparent 42%), var(--surface-solid);border:1px solid var(--border);text-align:start;border-radius:26px;padding:18px;position:relative;overflow:hidden;box-shadow:0 14px 34px #121a1f14}.quiz-card:before{content:"";background:repeating-linear-gradient(180deg, var(--lane) 0 26px, var(--road) 26px 38px);width:7px;position:absolute;inset-block:0;inset-inline-start:0}.quiz-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.quiz-card strong{font-family:var(--font-arabic);letter-spacing:-.03em;font-size:1.55rem;display:block}.quiz-card span{color:var(--muted)}.collection-badge{background:var(--road);border-radius:999px;flex:none;padding:6px 10px;font-size:.8rem;font-weight:900;color:var(--on-road)!important}.result-strip{background:#247a4814;border:1px solid #247a4829;border-radius:18px;margin-top:14px;padding:11px}.result-strip[data-empty=true]{border-color:var(--border);background:#66747d14}.result-strip-row{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:.86rem;font-weight:800;display:flex}.result-strip-row strong{color:var(--ink);font-size:.9rem}.result-bar{background:var(--soft-button);border-radius:999px;height:9px;margin-top:9px;overflow:hidden}.result-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--good), var(--lane));height:100%;display:block}.clear-result{color:var(--signal);background:0 0;margin-top:9px;padding:0;font-size:.82rem;font-weight:900}.quiz-card-actions{grid-template-columns:1fr;gap:9px;margin-top:16px;display:grid}.mini-button{background:var(--soft-button);color:var(--ink);border-radius:999px;padding:13px 14px;font-weight:800}.mini-button-primary{background:var(--lane);color:var(--on-lane);box-shadow:inset 0 -2px #121a1f29}.split-button{grid-template-columns:1fr 42px;min-width:0;display:grid}.split-button .mini-button:first-child{border-start-end-radius:0;border-end-end-radius:0}.split-toggle{border-inline-start:1px solid var(--border);border-start-start-radius:0;border-end-start-radius:0;padding-inline:0;font-size:1.1rem}.split-toggle[aria-expanded=true]{background:var(--road);color:var(--on-road)}.question-index-label{color:var(--muted);margin:18px 0 9px;font-size:.86rem;font-weight:800}.question-index{direction:rtl;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.question-jump{background:var(--soft-button);min-width:0;min-height:32px;color:var(--asphalt);border:1px solid var(--border);border-radius:10px;font-family:Courier New,monospace;font-weight:900;box-shadow:inset 0 -1px #121a1f14}.question-jump:hover{background:var(--road);color:var(--on-road)}.question-jump[data-status=passed]{color:var(--good);background:#247a4824;border-color:#247a4857}.question-jump[data-status=failed]{color:var(--signal);background:#d6404524;border-color:#d640456b}.question-jump[data-status=passed]:hover,.question-jump[data-status=failed]:hover{background:var(--road);color:var(--on-road)}.session{gap:22px;display:grid}.media-card,.question-card,.results-card,.loading-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 55px #121a1f1f}.media-card{padding:14px}.media-card img{aspect-ratio:4/3;object-fit:cover;background:var(--road);border-radius:18px;width:100%}.session .media-card img{object-fit:contain;background:var(--road);max-height:62vh}.media-card audio{width:100%;margin-top:12px}.question-card,.results-card,.loading-card{padding:24px}.session .question-card{padding:16px}.status-row{color:var(--muted);direction:ltr;justify-content:space-between;gap:16px;font-family:Courier New,monospace;font-weight:900;display:flex}.timer{color:var(--on-lane);background:var(--lane);border-radius:999px;padding:4px 10px}.prompt{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.1;font-family:var(--font-arabic);text-transform:uppercase;margin:14px 0}.answers{direction:rtl;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.answer-button{border:2px solid var(--border);background:var(--surface-solid);min-height:76px;color:var(--ink);border-radius:20px;font-family:Courier New,monospace;font-size:1.6rem;font-weight:900}.answer-button.selected{border-color:var(--learner);background:#3a86ff1f}.answer-button.correct{border-color:var(--good);background:#247a4821}.answer-button.wrong{border-color:var(--signal);background:#d6404521}.answer-button.user-wrong{border-color:var(--lane);background:#f4d35e6b}.answer-button.user-correct{background:linear-gradient(135deg,#247a482e 0 54%,#f4d35e7a 54% 100%)}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.actions>.primary-button:only-child{width:100%}.explore-nav{flex:1 0 100%;grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.explore-nav .nav-icon{width:100%;min-height:48px}.help-box{border-inline-start:6px solid var(--lane);direction:rtl;background:#f4d35e29;border-radius:16px;margin-top:18px;padding:16px;line-height:1.8}.hidden{display:none!important}.review-list{gap:10px;margin-top:16px;display:grid}.review-item{background:var(--surface-solid);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.review-item.failed{border:2px solid var(--signal);color:var(--signal)}.review-item.passed{color:var(--good);border:1px solid #247a483d}.pass-note{color:var(--good);background:#247a4821;border-radius:999px;margin:0 0 10px;padding:8px 13px;font-weight:900;display:inline-block}.confetti{pointer-events:none;z-index:20;position:fixed;inset:0;overflow:hidden}.confetti span{top:-24px;background:var(--lane);width:10px;height:16px;transform:rotate(calc(var(--i) * 19deg));animation:1.8s cubic-bezier(.18,.82,.32,1) forwards confetti-fall;animation-delay:calc((var(--i) % 9) * 65ms);border-radius:3px;position:absolute;inset-inline-start:calc((var(--i) * 29) % 100 * 1%)}.confetti span:nth-child(3n){background:var(--learner)}.confetti span:nth-child(4n){background:var(--signal)}.confetti span:nth-child(5n){background:var(--good)}@keyframes confetti-fall{0%{opacity:0;translate:0 -24px}12%{opacity:1}to{translate:calc(((var(--i) % 7) - 3) * 24px) 105vh;opacity:0}}@media (width>=640px){.app-shell{width:min(1180px,100% - 32px);padding:28px 0 48px}.panel{padding:22px}.quiz-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.quiz-card-actions{grid-template-columns:repeat(3,1fr)}.question-index{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (width<=639px){.session{grid-template-rows:auto 1fr;gap:10px;min-height:calc(100dvh - 94px)}.session .media-card{padding:8px}.session .media-card img{aspect-ratio:auto;object-fit:contain;background:0 0;height:auto;max-height:none}.session .media-card audio{height:34px;margin-top:6px}.session .question-card{flex-direction:column;min-height:0;display:flex}.session .prompt{font-size:1.4rem}.session .answer-button{min-height:54px;font-size:1.35rem}.session .actions{margin-top:10px}.session .primary-button,.session .secondary-button,.session .ghost-button{padding:10px 13px}.session .icon-button{width:42px;height:42px}.session .explore-nav .nav-icon{width:100%;height:46px}.session .help-box{max-height:18dvh;margin-top:10px;padding:12px;overflow:auto}.session-topbar .brand span:last-child{display:none}}@media (width>=821px){.intro-panel{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:center}.intro-copy{grid-column:2}.windshield-slideshow{grid-area:1/1;min-height:320px}.windshield-slideshow img{min-height:300px}.session{grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}