:root{--bg: #f6f3ee;--card: #fff;--ink: #2b2a28;--soft: #6f6a62;--accent: #3f7d6e;--accent2: #e9b44c;--tint: #e7efe9;--line: color-mix(in srgb, var(--ink) 12%, transparent);--good: #2e7d4f;--bad: #c0392b;--r: 18px;--shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 14px rgba(0,0,0,.05);color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.5 Nunito,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}a{color:var(--accent)}h1,h2,h3{line-height:1.2;margin:0 0 .4em}h1{font-size:1.35rem}h2{font-size:1.25rem}h3{font-size:1.08rem}h1.big{font-size:1.8rem;text-align:center;margin:1em 0 .8em}p{margin:0 0 .5em}.soft{color:var(--soft)}.tiny{font-size:.82rem}.lead{font-size:1.15rem}.center-text{text-align:center}.ur,.urdu{font-family:Noto Nastaliq Urdu,serif;line-height:2.1}.arabic{font-family:Noto Nastaliq Urdu,Amiri,serif;font-size:1.5rem;line-height:2;margin:.2em 0}.boot{display:grid;place-items:center;min-height:100vh;font-size:2rem;font-weight:800;color:var(--soft)}.page{max-width:880px;margin:0 auto;padding:12px 16px 96px}.page.narrow{max-width:520px}.page.center{display:flex;flex-direction:column;justify-content:center;min-height:100vh}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.row.end{justify-content:flex-end}.row.center{justify-content:center}.grow{flex:1;min-width:0}.card{background:var(--card);border-radius:var(--r);padding:18px;box-shadow:var(--shadow);margin-bottom:14px}.stack>.card{margin-bottom:0}.section{margin:22px 0 10px}label,.label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.95rem}.label{margin-bottom:8px}label small{font-weight:400}input[type=text],input[type=email],input[type=number],select,textarea{font:inherit;font-weight:400;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--ink);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}textarea{resize:vertical}.codeinput{font-size:1.6rem!important;letter-spacing:.3em;text-align:center}.check{flex-direction:row;align-items:flex-start;font-weight:400;gap:10px}.check input{width:22px;height:22px;margin-top:2px;accent-color:var(--accent);flex:none}.btn{font:inherit;font-weight:800;border:0;border-radius:14px;padding:12px 20px;background:var(--accent);color:#fff;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;transition:transform .08s,opacity .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn.big{font-size:1.1rem;min-height:56px;width:100%}.btn.ghost{background:var(--tint);color:var(--ink)}.btn.accent{background:var(--accent2);color:#2b2a28}.btn.small{padding:8px 14px;min-height:40px;font-size:.92rem}.btn.tiny{padding:5px 10px;min-height:30px;font-size:.8rem;border-radius:10px}.btn.danger{color:var(--bad)}.iconbtn{width:44px;height:44px;border-radius:50%;border:0;background:var(--card);box-shadow:var(--shadow);font-size:1.3rem;display:inline-grid;place-items:center;cursor:pointer;color:var(--ink);flex:none}.iconbtn.ghost{visibility:hidden}.iconbtn.small{width:34px;height:34px;font-size:1rem}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:inherit;font-weight:700;padding:9px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;min-height:42px}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}header.top{display:flex;align-items:center;gap:12px;padding:6px 0 14px;position:sticky;top:0;background:var(--bg);z-index:5}header.top h1{flex:1;text-align:center;margin:0;font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header.top.home h1{text-align:left;white-space:normal;font-size:1.12rem}.hello{flex:1;display:flex;align-items:center;gap:12px}.hello p{margin:0}.brand{text-align:center;margin-bottom:20px}.brand.small{display:flex;gap:12px;align-items:center;text-align:left;margin:0 0 10px}.logo{width:84px;height:84px;border-radius:24px;background:var(--accent);color:#fff;display:grid;place-items:center;margin:0 auto 12px;font:600 2rem/1 Noto Nastaliq Urdu,serif;padding-bottom:8px;box-shadow:var(--shadow)}.logo.small{width:48px;height:48px;border-radius:14px;font-size:1.1rem;margin:0}.brand h1{font-size:2rem}.wizhead{display:flex;flex-direction:column;align-items:center;gap:8px;margin:10px 0 16px}.dots{display:flex;gap:6px}.dots span{width:28px;height:6px;border-radius:3px;background:var(--line)}.dots span.done{background:color-mix(in srgb,var(--accent) 50%,white)}.dots span.on{background:var(--accent)}.avatar{border-radius:50%;display:grid;place-items:center;overflow:hidden;flex:none;line-height:1}.avatar img{width:100%;height:100%;object-fit:cover}.avgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px}.avbtn{border:3px solid transparent;background:none;padding:2px;border-radius:50%;cursor:pointer;display:grid;place-items:center}.avbtn.on{border-color:var(--accent)}.avbtn.upload{border:2px dashed var(--line);width:54px;height:54px;font-size:1.2rem;color:var(--soft)}.avbtn.upload.on{border:3px solid var(--accent)}.avbtn.upload small{display:block;font-size:.5rem;line-height:1}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.swatch{border:3px solid transparent;border-radius:14px;padding:10px 8px 8px;cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;align-items:center;font:inherit;font-weight:700;font-size:.85rem;color:#333;box-shadow:inset 0 0 0 1px #00000014}.swatch i{width:18px;height:18px;border-radius:50%}.swatch span{width:100%;text-align:left}.kidlist{display:flex;flex-direction:column;gap:8px}.kidrow{display:flex;align-items:center;gap:12px}.whogrid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:28px}.whocard{background:var(--card);border:0;border-radius:24px;padding:20px 26px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;font:inherit;color:var(--ink);min-width:150px;font-size:1.15rem}.whocard:active{transform:scale(.97)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.stats.small{grid-template-columns:repeat(4,1fr);margin:12px 0}.stat{background:var(--card);border-radius:16px;padding:10px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center}.stats.small .stat{background:var(--tint);box-shadow:none}.stat span{font-size:1.4rem}.stat b{font-size:1.35rem}.stat small{color:var(--soft);font-size:.78rem;text-align:center}.dua{text-align:center;background:var(--tint)}.continue{width:100%;border:0;display:grid;grid-template-columns:1fr auto;text-align:left;font:inherit;color:var(--ink);cursor:pointer;align-items:center}.continue .go{grid-row:1 / 3;grid-column:2;width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.subjcard{background:var(--card);border:0;border-radius:var(--r);padding:16px 12px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font:inherit;color:var(--ink);text-align:center}.subjcard.add{background:transparent;border:2px dashed var(--line);box-shadow:none;color:var(--soft)}.subjicon{width:56px;height:56px;border-radius:16px;background:var(--tint);display:grid;place-items:center;font-size:1.7rem;margin-bottom:4px}.subjicon.ur{font-family:Noto Nastaliq Urdu,serif}.minibar{width:80%;height:6px;background:var(--tint);border-radius:3px;overflow:hidden;margin-top:6px}.minibar i{display:block;height:100%;background:var(--accent)}.booklist,.chapterlist{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.bookcard,.chaprow{background:var(--card);border:0;border-radius:var(--r);padding:12px 14px;box-shadow:var(--shadow);display:flex;align-items:center;gap:14px;cursor:pointer;font:inherit;color:var(--ink);text-align:left}.bookcard.add{background:transparent;border:2px dashed var(--line);box-shadow:none;color:var(--soft)}.bookcard b,.chaprow b,.bookcard small,.chaprow small{display:block}.spine{width:44px;height:58px;border-radius:6px 12px 12px 6px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:1.3rem;flex:none;box-shadow:inset 6px 0 #0000001f}.bookcard.add .spine{background:var(--tint);color:var(--soft)}.chapno{width:38px;height:38px;border-radius:50%;background:var(--tint);display:grid;place-items:center;font-weight:800;flex:none;font-size:.9rem}.badge{font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap;flex:none}.badge.grey{background:#eee;color:#666}.badge.amber{background:#fdf0d2;color:#8a5a00}.badge.green{background:#dcf1e3;color:#1e6b3d}.badge.red{background:#fbe0dc;color:#a2281b}.ring{--p: 0;width:46px;height:46px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--tint) 0);display:grid;place-items:center;flex:none}.ring span{width:36px;height:36px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-size:.72rem;font-weight:800}.chapedit{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow:auto}.chapline{display:flex;gap:6px;align-items:center}.chapline input{padding:9px 10px}.chapline .num{width:58px;flex:none}.chapline .pg{width:78px;flex:none}@media(max-width:560px){.chapline{flex-wrap:wrap}.chapline .grow{flex:1 1 60%}.chapline .pg{flex:1}}.tips{background:#fff8e6;border-radius:14px;padding:12px 16px;font-size:.92rem;margin:10px 0}.tips ul{margin:6px 0 0;padding-left:20px}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin-bottom:14px}.thumbs.small{grid-template-columns:140px}.thumb{margin:0;position:relative;background:var(--card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.thumb img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;cursor:zoom-in}.thumb .noimg{aspect-ratio:3/4;display:grid;place-items:center;font-size:2rem}.thumb figcaption{font-size:.75rem;text-align:center;padding:3px;color:var(--soft)}.thumb .x{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;border:0;background:#0009;color:#fff;cursor:pointer;font-size:1rem}.thumb.bad{outline:3px solid #e67e22}.qwarn{position:absolute;inset:auto 0 22px;background:#fff8e6f5;padding:6px;font-size:.72rem;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}.fullpage{max-width:100%;max-height:82vh;display:block;margin:0 auto}.bigpic{background:var(--tint)}.warn{background:#fff4e5}.path{display:flex;flex-direction:column;gap:6px;padding:10px 0 20px;position:relative}.node{display:flex;align-items:center;gap:12px;background:none;border:0;font:inherit;color:var(--ink);cursor:pointer;width:72%;padding:0;text-align:left}.node.left{align-self:flex-start;margin-left:4%}.node.right{align-self:flex-end;margin-right:4%;flex-direction:row-reverse;text-align:right}.node .disc{width:72px;height:72px;border-radius:50%;background:var(--card);box-shadow:0 5px color-mix(in srgb,var(--ink) 14%,transparent),var(--shadow);display:grid;place-items:center;font-size:1.6rem;font-weight:800;flex:none;border:4px solid var(--tint)}.node.done .disc{background:color-mix(in srgb,var(--accent2) 35%,white);border-color:var(--accent2)}.node.next .disc{background:var(--accent);color:#fff;border-color:color-mix(in srgb,var(--accent) 50%,white);animation:pulse 1.6s infinite}.node.wait{opacity:.55;cursor:default}.nlabel{font-weight:700}.nlabel small{display:block;color:var(--accent);font-weight:800}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.scrim{position:fixed;inset:0;background:#1e1c1973;display:grid;place-items:center;padding:16px;z-index:50;animation:fade .15s}.modal{background:var(--card);border-radius:22px;padding:22px;width:100%;max-width:460px;max-height:92vh;overflow:auto;box-shadow:0 20px 60px #00000040}.modal.wide{max-width:720px}@keyframes fade{0%{opacity:0}}.spinner{width:42px;height:42px;border-radius:50%;border:4px solid var(--tint);border-top-color:var(--accent);animation:spin 1s linear infinite;margin:10px auto}@keyframes spin{to{transform:rotate(360deg)}}.progressbox .bar,.lbar{height:10px;background:var(--tint);border-radius:5px;overflow:hidden;margin:14px 0 10px}.progressbox .bar i,.lbar i{display:block;height:100%;width:0;background:var(--accent);transition:width .4s}#toasts{position:fixed;left:50%;top:calc(10px + env(safe-area-inset-top));transform:translate(-50%);z-index:99;display:flex;flex-direction:column;gap:8px;width:min(92vw,440px);pointer-events:none}.toast{background:#2b2a28;color:#fff;padding:12px 16px;border-radius:14px;box-shadow:0 8px 24px #0003;transition:opacity .4s,transform .4s;font-weight:600}.toast.error{background:#a2281b}.toast.out{opacity:0;transform:translateY(-8px)}.pinbox{text-align:center}.pindots{display:flex;justify-content:center;gap:12px;margin:16px 0 8px}.pindots span{width:16px;height:16px;border-radius:50%;border:2px solid var(--accent)}.pindots span.on{background:var(--accent)}.pinmsg{min-height:1.5em;color:var(--bad);font-size:.9rem}.pinmsg:empty:before{content:" "}.pinkeys{display:grid;grid-template-columns:repeat(3,72px);gap:12px;justify-content:center;margin-top:8px}.key{width:72px;height:72px;border-radius:50%;border:0;background:var(--tint);font:800 1.5rem Nunito,sans-serif;color:var(--ink);cursor:pointer}.key:active{transform:scale(.94)}.key.soft{background:transparent}.key.ok{background:var(--accent);color:#fff}.picslots{display:flex;justify-content:center;gap:10px;margin:14px 0 6px}.picslots span{width:54px;height:54px;border-radius:14px;border:2px dashed var(--line);display:grid;place-items:center;font-size:1.8rem}.picslots span.on{border:2px solid var(--accent);background:var(--tint)}.pickeys{display:grid;grid-template-columns:repeat(3,84px);gap:12px;justify-content:center;margin:8px 0 12px}.key.pic{width:84px;height:84px;border-radius:22px;font-size:2.4rem;background:var(--card);box-shadow:var(--shadow)}.lockrow{margin-top:4px;font-size:.92rem}.choice{display:flex;align-items:center;gap:16px;width:100%;padding:18px;border-radius:20px;border:2px solid var(--line);background:var(--card);font:inherit;color:var(--ink);cursor:pointer;text-align:left}.choice:active{transform:scale(.98);border-color:var(--accent)}.choice b{display:block;font-size:1.2rem}.choice small{color:var(--soft)}.cemoji{font-size:2.6rem;width:64px;height:64px;border-radius:18px;background:var(--tint);display:grid;place-items:center;flex:none}.kidsteps{background:var(--tint);border-radius:14px;padding:12px 14px}.kidsteps p{margin:4px 0}.bigcode{font:800 2.8rem/1.2 Nunito,sans-serif;letter-spacing:.12em;background:var(--tint);border-radius:18px;padding:14px}.card.empty{text-align:center}.tour h2{margin-top:4px}.tabs{display:flex;gap:6px;margin-bottom:14px;overflow-x:auto}.tabs a{padding:9px 14px;border-radius:999px;background:var(--card);text-decoration:none;color:var(--ink);font-weight:700;white-space:nowrap;box-shadow:var(--shadow);font-size:.92rem}.tabs a.on{background:var(--accent);color:#fff}.kidcard h3{margin:0}details.help summary{font-weight:800;cursor:pointer;font-size:1.05rem}details.help[open] summary{margin-bottom:10px}ol.simple{padding-left:22px;margin:0;display:flex;flex-direction:column;gap:6px}.page.lesson{display:flex;flex-direction:column;min-height:100vh;padding-bottom:110px}.lbar{margin:0 0 18px}.earned{font-weight:800;background:var(--card);padding:8px 12px;border-radius:999px;box-shadow:var(--shadow);white-space:nowrap}.earned.pop{animation:pop .5s}@keyframes pop{50%{transform:scale(1.35)}}.stage{flex:1}.lfoot{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 30%);display:flex;gap:10px;max-width:880px;margin:0 auto}.lfoot .btn.big{flex:1;width:auto}.bigemoji{font-size:3.2rem;text-align:center;line-height:1.2}.hook,.idea,.example{position:relative;text-align:center;padding:24px 20px 20px}.hook .lead,.idea .lead{font-size:1.3rem}.idea b,.summary b,.example b{color:var(--accent)}.say{position:absolute;top:10px;right:10px}.feedback .say,.stack>.card>.say{position:static}.story{position:relative;padding-right:54px}.words{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.word{margin:0;position:relative}.word .wtop{display:flex;align-items:center;gap:8px;margin-bottom:6px}.word .wtop b{flex:1;font-size:1.1rem}.word .say{position:static;width:36px;height:36px;font-size:1rem}.wemoji{font-size:1.6rem}.urdu{display:block;font-size:1.15rem;margin-top:6px}.stepno{text-align:center;margin:0;font-weight:700}.check .q{font-weight:700;font-size:1.1rem;margin:6px 0 12px}.opts{display:flex;flex-direction:column;gap:10px}.opts.tf{flex-direction:row}.opts.tf .opt{flex:1}.opt{font:inherit;font-weight:700;text-align:left;padding:14px 16px;border-radius:14px;border:2px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;min-height:54px}.opt:active{transform:scale(.98)}.opt.sel{border-color:var(--accent);background:var(--tint)}.opt.right{border-color:var(--good);background:#e3f4e9}.opt.wrong{border-color:var(--bad);background:#fbe7e4;opacity:.8}.shake{animation:shake .35s;border-color:var(--bad)!important}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.feedback{margin-top:12px;padding:0;border-radius:12px}.feedback.good,.feedback.bad{padding:12px 14px}.feedback.good{background:#e3f4e9}.feedback.bad{background:#fff2df}.stuck{align-self:center}.match{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mcol{display:flex;flex-direction:column;gap:10px}.mcol .opt{min-height:64px;font-size:.95rem}.orderline{min-height:20px;padding-left:24px;display:flex;flex-direction:column;gap:6px;font-weight:700;color:var(--good)}ol.summary{padding-left:24px;margin:0;display:flex;flex-direction:column;gap:10px;font-size:1.12rem}.memory{background:color-mix(in srgb,var(--accent2) 22%,white);text-align:center}.medal{font-size:5rem;animation:pop .8s}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:40}.confetti i{position:absolute;top:-20px;width:10px;height:16px;border-radius:3px;animation:fall 2.6s ease-in forwards}@keyframes fall{to{transform:translateY(110vh) rotate(540deg);opacity:.8}}body.mockmode:after{content:"TEST MODE";position:fixed;top:6px;right:50%;transform:translate(50%);font-size:.65rem;font-weight:800;background:#fde68a;color:#7c5800;padding:2px 8px;border-radius:6px;z-index:100;pointer-events:none}@media(min-width:720px){body{font-size:18px}.page{padding-top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}