@font-face{font-family:Curriculum Naskh;src:url(./NotoNaskhArabic-Static-D4vVeRXq.ttf)format("truetype");font-display:swap}@font-face{font-family:Curriculum Nastaliq;src:url(./NotoNastaliqUrdu-Static-DvOxiLU4.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Curriculum Nastaliq;src:url(./NotoNastaliqUrdu-Bold-Static-CMojINdT.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{--bg:#faf9f7;--card:#fff;--ink:#1f2430;--muted:#6b7280;--line:#e5e2dc;--accent:#3b5bdb;--ff:#b4531a;--ff-bg:#fff4ec;--special:#0f766e;--special-bg:#ecfdf7;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}#app{max-width:960px;margin:0 auto;padding:24px 20px 64px}.header h1{margin:0 0 4px;font-size:1.5rem}.sub{color:var(--muted);margin:0 0 16px}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tab{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.95rem}.tab--active{background:var(--accent);color:#fff;border-color:var(--accent)}.summary{flex-wrap:wrap;gap:8px 18px;margin-bottom:18px;display:flex}.kv{color:var(--muted);font-size:.85rem}.kv__k{font-weight:600}.kv__k:after{content:": "}.kv__v{color:var(--ink)}.body{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=720px){.body{grid-template-columns:1.3fr 1fr;align-items:start}}.grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.tile{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.tile--active{border-color:var(--accent);box-shadow:0 0 0 2px #3b5bdb33}.tile--ff{background:var(--ff-bg)}.tile__glyph{font-size:1.7rem;line-height:1.1}.tile__sound{color:var(--muted);font-size:.72rem}.detail{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;position:sticky;top:16px}.detail__head{align-items:center;gap:16px;margin-bottom:8px;display:flex}.detail__glyph{font-size:3.6rem;line-height:1}.detail__sound{font-size:1.1rem;font-weight:600}.detail__role{color:var(--muted);font-size:.85rem}.badge{color:var(--ff);background:var(--ff-bg);border:1px solid #f0d7c4;border-radius:6px;margin-top:6px;padding:2px 8px;font-size:.75rem;display:inline-block}.badge--special{color:var(--special);background:var(--special-bg);border-color:#b8e6da}.tile--special{background:var(--special-bg)}.tile--special.tile--ff{background:var(--ff-bg)}.detail__special{color:var(--special);margin:0;font-weight:500}.sec{margin-top:14px}.sec h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 6px;font-size:.8rem}.pieces{margin:0;padding-left:18px}.pieces li{margin:2px 0}.strokes{margin:0;padding-left:20px}.strokes li{margin:3px 0}.detail__notes{margin:0}.muted{color:var(--muted);font-style:italic}.modes{gap:6px;margin-top:10px;display:flex}.mode{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:8px;padding:5px 14px;font-size:.9rem;font-weight:600}.mode--active{background:var(--ink);color:#fff;border-color:var(--ink)}.practice{max-width:560px}.score{color:var(--muted);margin-bottom:14px;font-size:.9rem}.syllabary-cue{color:var(--accent);border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:4px;margin:-6px 0 16px;padding:8px 12px;font-size:.9rem}.prompt{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:14px;margin-bottom:16px;padding:22px}.prompt__label{color:var(--muted);margin-bottom:8px;font-size:.85rem}.prompt__sound{font-size:1.8rem;font-weight:700}.options{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;display:grid}.option{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:18px 8px;font-size:2.4rem;line-height:1}.option:hover:not(:disabled){border-color:var(--accent)}.option:disabled{cursor:default}.option--correct{background:#e6f6ec;border-color:#38a169}.option--wrong{background:#fdecea;border-color:#e05353}.reveal{margin-top:18px}.reveal__verdict{margin-bottom:10px;font-weight:700}.reveal__verdict.ok{color:#2f855a}.reveal__verdict.no{color:#c53030}.next{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;margin-top:12px;padding:8px 18px;font-size:.95rem;font-weight:600}.scopes{align-items:center;gap:6px;margin-bottom:14px;display:flex}.scopes__label{color:var(--muted);margin-right:2px;font-size:.85rem}.scope{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:.85rem}.scope--active{background:var(--accent);color:#fff;border-color:var(--accent)}.prompt__script{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:8px;font-size:.78rem}.concept-list{flex-direction:column;gap:8px;display:flex}.concept{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:10px 12px}.concept__head{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:.95rem;font-weight:600}.concept__gloss{margin:4px 0 0;font-size:.85rem}.concept__rows{flex-direction:column;gap:6px;margin-top:10px;display:flex}.concept__row{border-top:1px solid var(--line);grid-template-columns:7rem minmax(6rem,auto) auto 1fr;align-items:baseline;gap:10px;padding-top:6px;display:grid}.concept__lang{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.concept__word{font-size:1.15rem}.concept__rom{color:var(--muted);font-size:.85rem;font-style:italic}.concept__gloss-inline{color:var(--muted);font-size:.85rem}.concept__hooks{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.concept__hooks p{margin:0 0 6px;font-size:.82rem;line-height:1.45}@media (width<=560px){.concept__row{grid-template-columns:1fr;gap:2px}}.learn{max-width:640px}.progress{background:var(--line);border-radius:999px;height:6px;margin:2px 0 14px;overflow:hidden}.progress__fill{background:var(--accent);border-radius:999px;min-width:2px;height:100%;transition:width .2s}.learn__concept{text-transform:capitalize;margin:2px 0;font-size:1.5rem}.learn__gloss{margin:0 0 18px;font-size:1rem;font-style:normal}.learn__can-do{border-left:3px solid var(--accent);color:var(--ink);background:#eef1fd;margin:0 0 18px;padding:9px 12px;font-size:.9rem;line-height:1.45}.language-picker{border:1px solid var(--line);background:var(--card);border-radius:8px;margin:0 0 18px}.language-picker__summary{cursor:pointer;padding:10px 13px;font-weight:650}.language-picker__note{margin:0;padding:0 13px 10px;line-height:1.45}.language-picker__grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px;padding:0 13px 13px;display:grid}.language-picker__item{background:var(--bg);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:.85rem;display:flex}.language-picker__item input{accent-color:var(--accent)}.sweep{flex-direction:column;gap:12px;display:flex}.step{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:12px 14px}.step__head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.step__num{background:var(--ink);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.8rem;font-weight:700;display:inline-flex}.step__lang{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.78rem;font-weight:600}.step__badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:1px 8px;font-size:.7rem}.step__word{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.step__glyph{font-size:1.9rem;line-height:1.2}.step[data-language=persian] .step__glyph{font-family:Curriculum Naskh,serif}.step[data-language=urdu] .step__glyph{font-family:Curriculum Nastaliq,Curriculum Naskh,serif;line-height:1.7}.step__meta{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.step__rom{color:var(--muted);font-size:.95rem;font-style:italic}.step__gloss{font-size:.95rem}.step__hook{color:var(--muted);margin:8px 0 0;font-size:.85rem;line-height:1.5}.lesson-body{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.lesson-body__summary{color:var(--accent);cursor:pointer;font-size:.85rem;font-weight:650}.lesson-body__section{margin-top:12px}.lesson-body__heading{text-transform:uppercase;letter-spacing:.035em;color:var(--muted);margin:0 0 5px;font-size:.82rem}.lesson-body__section p{margin:5px 0;font-size:.9rem;line-height:1.58}.lesson-body__bullet{padding-left:10px}.lesson-body__figure{margin:12px 0}.lesson-body__figure img{width:min(100%,760px);height:auto;margin:0 auto;display:block}.lesson-body__figure-caption{color:var(--muted);text-align:center;margin-top:6px;font-size:.78rem;line-height:1.4}.step__conn{color:var(--accent);border-left:3px solid var(--accent);background:#eef1fd;border-radius:0 4px 4px 0;margin:8px 0 0;padding:5px 10px;font-size:.85rem;line-height:1.5}.step__script{border:1px solid #f0dcae;border-left:3px solid var(--ff);background:#fff8ec;border-radius:0 6px 6px 0;margin:8px 0 10px;padding:8px 12px}.step__script-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ff);font-size:.8rem;font-weight:700}.step__script-system{color:var(--muted);margin-left:8px;font-size:.75rem;font-style:italic}.step__script-sig{color:var(--ink);margin:5px 0 0;font-size:.85rem;line-height:1.5}.learn__notice{color:#22543d;background:#e6f6ec;border-left:3px solid #2f855a;border-radius:0 6px 6px 0;margin:12px 0 16px;padding:9px 12px;font-size:.9rem}.frontier__context{border-top:1px solid var(--line);color:var(--ink);margin:12px 0 0;padding-top:10px;font-size:.85rem;line-height:1.45}.frontier__extensions{border-left:3px solid var(--ff);color:var(--muted);background:#fff8ec;border-radius:0 5px 5px 0;margin:8px 0 0;padding:7px 10px;font-size:.82rem;line-height:1.5}.focused-check__start{margin-top:10px}.focused-check__glyph{margin:12px 0 4px;font-size:2.2rem;line-height:1.25}.focused-check[data-language=persian] .focused-check__glyph{font-family:Curriculum Naskh,serif}.focused-check[data-language=urdu] .focused-check__glyph,[data-script=urdu-nastaliq] :is(.tile__glyph,.detail__glyph,.option),.concept__row[data-language=urdu] .concept__word,.option[data-language=urdu]{font-family:Curriculum Nastaliq,Curriculum Naskh,serif;line-height:1.7}.focused-check__form{gap:9px;margin-top:14px;display:grid}.focused-check__prompt{color:var(--ink);font-size:.9rem;line-height:1.5}.focused-check__input{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--ink);background:var(--card);font:inherit;border-radius:7px;padding:9px 11px}.focused-check__input:focus{outline:2px solid var(--accent);outline-offset:1px}.focused-check__feedback{margin:10px 0;font-weight:650;line-height:1.5}.focused-check__feedback.no{color:#c53030}.focused-check__feedback.yes{color:#247a43}.focused-check__budget{color:var(--muted);margin:-2px 0 8px;font-size:.78rem;display:block}.focused-check__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.focused-check__secondary{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:8px;margin-top:12px;padding:8px 14px;font-size:.9rem}.focused-check__secondary:hover{border-color:var(--accent);color:var(--accent)}.learn__nav{align-items:center;gap:10px;margin-top:20px;display:flex}.learn__jump{border:1px solid var(--line);background:var(--card);min-width:0;color:var(--ink);cursor:pointer;border-radius:6px;flex:auto;padding:8px 10px;font-size:.9rem}.learn__jump:hover{border-color:var(--accent)}.learn__nav .opt{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.9rem}.learn__nav .opt:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.learn__nav .opt:disabled{opacity:.4;cursor:default}.review{border-top:2px solid var(--line);margin-top:28px;padding-top:20px}.review__title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 10px;font-size:.8rem}.review .prompt__label{color:var(--ink);font-size:1.15rem;font-weight:600}.review .options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:12px;display:grid}.confusions{background:var(--ff-bg);border:1px solid #f0d9c8;border-radius:8px;margin-top:18px;padding:12px 14px}.confusions__title{text-transform:uppercase;letter-spacing:.04em;color:var(--ff);margin:0 0 8px;font-size:.8rem}.confusions__list{margin:0;padding-left:18px}.confusions__list li{font-size:.9rem;line-height:1.6}.learn__reset{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;padding-top:14px;display:flex}.reset-link{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:.8rem;text-decoration:underline}.reset-link:hover{color:var(--ff)}.reset-warn{color:var(--ink);font-size:.85rem}.reset-yes{border:1px solid var(--ff);background:var(--ff);color:#fff;cursor:pointer;border-radius:6px;padding:5px 12px;font-size:.82rem}.reset-cancel{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:.82rem}.layouts{align-items:center;gap:6px;margin-bottom:14px;display:flex}.layouts__label{color:var(--muted);margin-right:2px;font-size:.85rem}.layout{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:.85rem}.layout--active{background:var(--accent);color:#fff;border-color:var(--accent)}.matrix-scroll{border:1px solid var(--line);border-radius:10px;overflow-x:auto}.matrix{border-collapse:collapse;font-variant-numeric:tabular-nums}.matrix th,.matrix td{border:1px solid var(--line);text-align:center}.matrix__vowel{z-index:1;background:var(--bg);color:var(--muted);padding:4px 6px;font-size:.8rem;font-weight:600;position:sticky;top:0}.matrix__consonant{background:var(--bg);color:var(--muted);white-space:nowrap;padding:4px 8px;font-size:.75rem;position:sticky;left:0}.matrix__consonant--special{background:var(--special-bg);color:var(--special);font-weight:600}.matrix__corner{z-index:2;background:var(--bg);position:sticky;top:0;left:0}.matrix__cell{padding:0}.matrix__cell--active{box-shadow:inset 0 0 0 2px var(--accent)}.matrix__syllable{background:var(--card);cursor:pointer;width:100%;min-width:46px;color:inherit;border:0;flex-direction:column;align-items:center;gap:1px;padding:5px 4px;display:flex}.matrix__syllable:hover{background:var(--special-bg)}.matrix__glyph{font-size:1.25rem;line-height:1.1}.matrix__sound{color:var(--muted);font-size:.62rem}.ivowels{margin-bottom:14px}.ivowels__label{color:var(--muted);margin-bottom:6px;font-size:.85rem;display:block}.ivowels__row{flex-wrap:wrap;gap:6px;display:flex}.ivowel{background:var(--card);border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:center;gap:1px;min-width:44px;padding:5px 6px;display:flex}.ivowel__glyph{font-size:1.35rem;line-height:1.1}.ivowel__sound{color:var(--muted);font-size:.68rem}.siblings{flex-wrap:wrap;gap:8px;display:flex}.sibling{background:var(--card);border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:8px 10px;display:flex}.sibling__glyph{font-size:2rem;line-height:1.1}.sibling__label{color:var(--muted);font-size:.7rem}.ductus__film{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.ductus__frame{background:var(--card);border:1px solid var(--line);border-radius:8px;width:118px;height:auto;padding:4px}.ductus__summary{color:var(--ink);margin:0 0 4px;font-size:.8rem;font-weight:600}.ductus__source{color:var(--muted);margin:0 0 8px;font-size:.7rem;line-height:1.4}.ductus__source a{color:var(--accent)}.ductus__variation{font-style:italic}.due-review{border:1px solid #78787847;border-left:3px solid #c88c28d9;border-radius:6px;margin:1.5rem 0 2rem;padding:1rem 1.1rem .4rem}.due-review__card{border-bottom:1px solid #78787829;margin:.9rem 0;padding-bottom:.6rem}.due-review__card:last-child{border-bottom:none}.due-review__head{margin:0 0 .15rem;font-weight:600}.due-review__covers{margin:0 0 .5rem;font-size:.86rem}.drill{border:1px solid #78787847;border-left:3px solid #4696bed9;border-radius:6px;margin:1.5rem 0 2rem;padding:1rem 1.1rem}.drill__prompt{margin:0 0 .7rem}.drill__pieces{margin:0 0 .8rem;padding-left:1.1rem}.drill__piece{margin:.2rem 0}.drill__form{gap:8px;margin-bottom:.6rem;display:flex}.drill__input{font:inherit;flex:1;padding:.45rem .6rem}.drill__verdict{margin:0 0 .7rem;font-size:.92rem}.drill__verdict.yes{font-weight:600}.voice{margin:.6rem 0 0}.voice__now{margin:.4rem 0 0;font-size:.86rem;font-style:italic}