@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(./Inter-400-latin-Dx4kXJAl.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(./Inter-400-latin-Dx4kXJAl.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(./Inter-400-latin-Dx4kXJAl.woff2)format("woff2")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(./NotoNaskhArabic-400-arabic-DIN-4rtF.woff2)format("woff2")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(./NotoNaskhArabic-400-arabic-DIN-4rtF.woff2)format("woff2")}:root{--bg:#faf7f1;--surface:#fff;--surface-2:#f3efe6;--ink:#1b2420;--ink-soft:#5d6b64;--ink-faint:#8b968f;--brand:#12523a;--brand-ink:#0c3b29;--brand-soft:#e4efe8;--on-brand:#fff;--gold:#a8862c;--gold-soft:#f6efdc;--success:#1d6b46;--success-soft:#e3f2e9;--danger:#9c3226;--danger-soft:#fbe9e6;--line:#e5ded1;--shadow:0 1px 2px #14261f0d, 0 8px 24px #14261f0f;--radius:14px;--radius-sm:10px;--maxw:720px;--font-latin:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-arabic:"Noto Naskh Arabic", "Amiri", "Traditional Arabic", serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101613;--surface:#18211d;--surface-2:#1f2a25;--ink:#e8ede9;--ink-soft:#a5b2ac;--ink-faint:#7a8781;--brand:#4fae83;--brand-ink:#6cc79b;--brand-soft:#1c2f27;--on-brand:#0d1613;--gold:#d8b459;--gold-soft:#2a2519;--success:#4fae83;--success-soft:#172b21;--danger:#e08076;--danger-soft:#2d1c19;--line:#29352f;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040}}:root[data-theme=dark]{--bg:#101613;--surface:#18211d;--surface-2:#1f2a25;--ink:#e8ede9;--ink-soft:#a5b2ac;--ink-faint:#7a8781;--brand:#4fae83;--brand-ink:#6cc79b;--brand-soft:#1c2f27;--on-brand:#0d1613;--gold:#d8b459;--gold-soft:#2a2519;--success:#4fae83;--success-soft:#172b21;--danger:#e08076;--danger-soft:#2d1c19;--line:#29352f;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-latin);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;margin:0;font-size:16px;line-height:1.55}[dir=rtl] body,[dir=rtl] .app{font-family:var(--font-arabic)}[dir=rtl]{letter-spacing:0}.app{max-width:var(--maxw);min-height:100dvh;padding:0 18px calc(96px + env(safe-area-inset-bottom,0px));padding-inline:max(18px, env(safe-area-inset-left,0px));margin:0 auto}.topbar{z-index:10;background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:20px;padding:14px 0 12px;display:flex;position:sticky;top:0}.topbar__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:15px;font-weight:600;overflow:hidden}.iconbtn{border:1px solid var(--line);background:var(--surface);color:var(--ink);min-height:38px;font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;transition:background .15s,border-color .15s;display:inline-flex}.iconbtn:hover{background:var(--surface-2)}.langswitch{border:1px solid var(--line);background:var(--surface);border-radius:999px;display:inline-flex;overflow:hidden}.langswitch button{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;min-height:38px;padding:8px 14px;font-size:13px}.langswitch button[aria-pressed=true]{background:var(--brand);color:var(--on-brand);font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:18px}.hero{text-align:center;padding:30px 20px 26px}.hero__mark{font-family:var(--font-arabic);color:var(--gold);margin-bottom:6px;font-size:34px;line-height:1.4}.hero h1{letter-spacing:-.01em;margin:0 0 8px;font-size:24px}.hero p{color:var(--ink-soft);max-width:44ch;margin:0 auto}h2{margin:0 0 4px;font-size:18px}h3{margin:0 0 8px;font-size:15px}.muted{color:var(--ink-soft);font-size:14px}.faint{color:var(--ink-faint);font-size:13px}.banner{background:var(--gold-soft);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);color:var(--ink);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;margin-bottom:14px;padding:10px 12px;font-size:13px;display:flex}.banner--info{background:var(--brand-soft);border-color:color-mix(in srgb, var(--brand) 30%, transparent)}.btn{border-radius:var(--radius-sm);min-height:48px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:transform 60ms,opacity .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--brand);color:var(--on-brand)}.btn--ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn--ghost:hover{background:var(--surface-2)}.btn--block{width:100%}.btn--sm{min-height:40px;padding:9px 14px;font-size:14px}.btnrow{flex-wrap:wrap;gap:10px;display:flex}.btnrow>.btn{flex:160px}.meter{background:var(--surface-2);border-radius:999px;height:8px;margin:10px 0 6px;overflow:hidden}.meter__fill{background:var(--brand);border-radius:999px;height:100%;transition:width .35s}.lessonlist{gap:10px;display:grid}.lesson{text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;width:100%;font:inherit;color:inherit;box-shadow:var(--shadow);align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s,transform 60ms;display:flex}.lesson:hover{border-color:color-mix(in srgb, var(--brand) 45%, var(--line))}.lesson:active{transform:scale(.995)}.lesson__num{background:var(--brand-soft);width:38px;height:38px;color:var(--brand);font-size:14px;font-weight:700;font-family:var(--font-latin);border-radius:50%;flex:none;place-items:center;display:grid}.lesson__num--done{background:var(--brand);color:var(--on-brand)}.lesson__body{flex:1;min-width:0}.lesson__title{font-size:15px;font-weight:600}.lesson__meta{color:var(--ink-soft);margin-top:2px;font-size:13px}.chip{background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;display:inline-block}.chip--ok{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb, var(--success) 30%, transparent)}.chip--gold{background:var(--gold-soft);color:var(--gold);border-color:color-mix(in srgb, var(--gold) 30%, transparent)}.player{text-align:center}.player__time{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:13px;font-family:var(--font-latin);justify-content:space-between;display:flex}.scrub{width:100%;accent-color:var(--brand);height:24px;margin:10px 0 2px}.player__controls{justify-content:center;align-items:center;gap:16px;margin:14px 0 6px;display:flex}.round{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;width:52px;height:52px;font:inherit;font-size:13px;font-weight:600;font-family:var(--font-latin);direction:ltr;border-radius:50%;place-items:center;display:grid}.round--main{background:var(--brand);width:68px;height:68px;color:var(--on-brand);border-color:#0000;font-size:24px}.speedrow{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.speed{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);min-height:36px;font:inherit;font-size:13px;font-family:var(--font-latin);cursor:pointer;direction:ltr;border-radius:999px;padding:6px 12px}.speed[aria-pressed=true]{background:var(--brand-soft);color:var(--brand);border-color:color-mix(in srgb, var(--brand) 40%, transparent);font-weight:600}.qhead{color:var(--ink-soft);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.qtext{margin:6px 0 16px;font-size:18px;font-weight:600;line-height:1.5}.options{gap:10px;display:grid}.option{text-align:start;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-sm);width:100%;min-height:52px;font:inherit;color:inherit;cursor:pointer;align-items:flex-start;gap:12px;padding:14px 16px;font-size:15px;transition:border-color .12s,background .12s;display:flex}.option:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand) 45%, var(--line))}.option:disabled{cursor:default}.option[data-state=chosen]{border-color:var(--brand);background:var(--brand-soft)}.option[data-state=correct]{border-color:var(--success);background:var(--success-soft)}.option[data-state=wrong]{border-color:var(--danger);background:var(--danger-soft)}.option[data-state=correct] .option__key{background:var(--success);color:var(--on-brand)}.option[data-state=wrong] .option__key{background:var(--danger);color:var(--on-brand)}.option__key{background:var(--surface-2);width:26px;height:26px;font-size:13px;font-weight:700;font-family:var(--font-latin);color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;display:grid}.feedback{border-radius:var(--radius-sm);border:1px solid;margin-top:14px;padding:13px 15px;font-size:14px}.feedback--ok{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 35%, transparent)}.feedback--ko{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 35%, transparent)}.feedback strong{margin-bottom:4px;display:block}.scorering{text-align:center;padding:8px 0 4px}.scorering__value{font-size:46px;font-weight:700;line-height:1.1;font-family:var(--font-latin);color:var(--brand)}.scorering__value--fail{color:var(--danger)}.correction{gap:10px;margin-top:8px;display:grid}.correction__item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:13px 15px}.correction__q{margin-bottom:8px;font-size:15px;font-weight:600}.correction__line{margin:3px 0;font-size:14px}.correction__line--ok{color:var(--success)}.correction__line--ko{color:var(--danger)}.iso{unicode-bidi:isolate}.stack{gap:14px;display:grid}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.spacer{height:6px}.statgrid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.stat{background:var(--surface-2);border-radius:var(--radius-sm);padding:12px 14px}.stat__value{font-size:22px;font-weight:700;font-family:var(--font-latin);color:var(--brand)}.stat__label{color:var(--ink-soft);font-size:12.5px}.footer{text-align:center;color:var(--ink-faint);padding:26px 0 8px;font-size:12.5px}@media (width<=380px){.hero h1{font-size:21px}.qtext{font-size:17px}}button,[role=button],.option,.lesson,.speed,.round{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}:where(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}