.np{--cream:#fff8ec;--cream2:#fdf1dc;--sand:#f1e7d0;--sand2:#e7dcc4;--ink:#2b2d42;--ink2:#6b6f80;--ink3:#9a9dab;--teal:#14b8a6;--teal-d:#0f766e;--teal-l:#ccfbf1;--saffron:#f59e0b;--saffron-d:#b45309;--saffron-l:#fef3c7;--grape:#8b5cf6;--grape-d:#5b21b6;--grape-l:#ede9fe;--leaf:#22c55e;--leaf-d:#15803d;--leaf-l:#dcfce7;--coral:#fb7185;--coral-d:#be123c;--coral-l:#ffe4e6;--sky:#38bdf8;--sky-d:#0369a1;--sky-l:#e0f2fe;--night:#0f3d33;--night2:#17533f;--gold:#e6c774;--r-s:12px;--r-m:18px;--r-l:26px;--r-xl:34px;--sh:0 4px 0 var(--sand);--sh-btn:0 5px 0 rgba(0,0,0,.18);--font:"Nunito",ui-rounded,"SF Pro Rounded","Segoe UI Rounded",system-ui,sans-serif;--ar:"Amiri","Noto Naskh Arabic","Traditional Arabic",serif}.np *{box-sizing:border-box}.np.app{container-type:inline-size;container-name:app;min-height:100dvh;background:var(--cream);color:var(--ink);font-family:var(--font)}.np .appi,.np.app{width:100%;position:relative}.np .appi{display:flex;height:100%}.np.app .pattern{position:absolute;inset:0;opacity:.06;pointer-events:none;background-image:radial-gradient(circle at 20px 20px,var(--teal) 2.5px,transparent 3px),radial-gradient(circle at 60px 60px,var(--saffron) 2.5px,transparent 3px);background-size:80px 80px}.np .rail{flex:0 0 108px;background:#fff;border-right:3px solid var(--sand);display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:8px;position:relative;z-index:2}.np .rail .logo{width:58px;height:58px;background:linear-gradient(135deg,var(--teal),var(--teal-d));justify-content:center;font-size:30px;margin-bottom:14px;box-shadow:0 4px 0 var(--teal-d)}.np .rail .logo,.np .rail a{border-radius:18px;display:flex;align-items:center}.np .rail a{width:84px;padding:10px 0;flex-direction:column;gap:4px;font-size:13px;font-weight:800;color:var(--ink2);text-decoration:none}.np .rail a i{font-style:normal;font-size:26px}.np .rail a.on{background:var(--teal-l);color:var(--teal-d)}.np .rail .sp{flex:1}.np .main{min-width:0;z-index:1}.np .body,.np .main{flex:1;min-height:0;display:flex;flex-direction:column}.np .body{overflow:hidden;padding:22px 30px 26px;gap:18px}.np .top{gap:14px;padding:18px 30px 0}.np .back,.np .top{display:flex;align-items:center}.np .back{width:52px;height:52px;border-radius:16px;background:#fff;border:3px solid var(--sand);justify-content:center;font-size:24px;font-weight:900;color:var(--ink);flex:0 0 auto}.np .ttl{flex:1;min-width:0}.np .ttl h1{margin:0;font-size:30px;font-weight:900;letter-spacing:-.01em;line-height:1.1}.np .ttl p{margin:3px 0 0;color:var(--ink2);font-weight:700;font-size:15px}.np .chips{display:flex;gap:8px;flex-wrap:wrap}.np .chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:8px 14px;font-weight:900;font-size:15px;box-shadow:0 3px 0 var(--sand);white-space:nowrap}.np .chip.sm{padding:5px 10px;font-size:12px}.np .chip.teal{background:var(--teal-l);color:var(--teal-d);box-shadow:none}.np .chip.gold{background:var(--saffron-l);color:var(--saffron-d);box-shadow:none}.np .chip.grape{background:var(--grape-l);color:var(--grape-d);box-shadow:none}.np .chip.coral,.np .chip.grey,.np .chip.leaf{box-shadow:none}.np .chip.grey{background:#eef0f3;color:var(--ink2)}.np .card{background:#fff;border-radius:var(--r-l);padding:20px 22px;box-shadow:var(--sh);position:relative}.np .card.soft{background:var(--cream2);box-shadow:none}.np .card.night{background:linear-gradient(160deg,var(--night2),var(--night));color:#fff;box-shadow:0 5px 0 #0a2a23}.np .card.teal{background:linear-gradient(135deg,#2dd4bf,var(--teal-d));color:#fff;box-shadow:0 5px 0 #0b5a54}.np .card.grape{background:linear-gradient(135deg,#a78bfa,var(--grape-d));color:#fff;box-shadow:0 5px 0 #4c1d95}.np .card.gold{background:linear-gradient(135deg,#fcd34d,var(--saffron));color:#3b2304;box-shadow:0 5px 0 var(--saffron-d)}.np .card h2{margin:0 0 6px;font-size:22px;font-weight:900}.np .card h3{margin:0 0 4px;font-size:18px;font-weight:900}.np .muted{color:var(--ink2);font-weight:700}.np .small{font-size:13px}.np .tiny{font-size:11px}.np .big{font-size:44px;font-weight:900;line-height:1}.np .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:0 28px;border-radius:20px;border:0;font-family:var(--font);font-weight:900;font-size:20px;color:#fff;background:var(--teal);box-shadow:0 5px 0 var(--teal-d);white-space:nowrap}.np .btn.block{width:100%}.np .btn.grape{background:var(--grape);box-shadow:0 5px 0 var(--grape-d)}.np .btn.gold{background:var(--saffron);box-shadow:0 5px 0 var(--saffron-d)}.np .btn.leaf{background:var(--leaf);box-shadow:0 5px 0 var(--leaf-d)}.np .btn.ghost{background:#fff;color:var(--ink);box-shadow:0 5px 0 var(--sand);border:3px solid var(--sand)}.np .btn.off{background:#d9d6e3;color:#8b8799;box-shadow:0 5px 0 #c4c0d1}.np .btn.sm{min-height:46px;font-size:16px;padding:0 18px;border-radius:16px}.np .btn.lg{min-height:76px;font-size:24px;border-radius:24px}.np .why{font-size:14px;font-weight:800;color:var(--ink2);text-align:center;margin-top:8px}.np .answers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.np .answers.c4{grid-template-columns:repeat(4,1fr)}.np .ans{min-height:84px;border-radius:22px;border:3px solid var(--sand);background:#fff;font-family:var(--font);font-weight:900;font-size:24px;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 5px 0 var(--sand);padding:10px 16px;text-align:center}.np .ans.a1{background:var(--sky-l);border-color:#bae6fd;color:var(--sky-d);box-shadow:0 5px 0 #bae6fd}.np .ans.a2{background:var(--leaf-l);border-color:#bbf7d0;color:var(--leaf-d);box-shadow:0 5px 0 #bbf7d0}.np .ans.a3{background:var(--coral-l);border-color:#fecdd3;color:var(--coral-d);box-shadow:0 5px 0 #fecdd3}.np .ans.a4{background:var(--saffron-l);border-color:#fde68a;color:var(--saffron-d);box-shadow:0 5px 0 #fde68a}.np .ans.pick{border-color:var(--grape);background:var(--grape-l);color:var(--grape-d);box-shadow:0 5px 0 #c4b5fd}.np .ans.right{background:var(--leaf);border-color:var(--leaf);color:#fff;box-shadow:0 5px 0 var(--leaf-d)}.np .ans.wrong{background:var(--coral-l);border-color:var(--coral);color:var(--coral-d);box-shadow:0 5px 0 var(--coral)}.np .ans.dim{opacity:.45}.np .ans .ar,.np .ar{font-family:var(--ar);font-weight:700;direction:rtl}.np .toast{border-radius:20px;padding:14px 18px;font-weight:900;font-size:19px;display:flex;align-items:center;gap:10px}.np .toast.good{background:var(--leaf-l);color:var(--leaf-d)}.np .toast.try{background:var(--saffron-l);color:var(--saffron-d)}.np .toast.info{background:var(--sky-l);color:var(--sky-d)}.np .toast.bad{background:var(--coral-l);color:var(--coral-d)}.np .bar{height:16px;border-radius:999px;background:var(--sand);overflow:hidden;position:relative}.np .bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--saffron),#fcd34d)}.np .bar.teal i{background:linear-gradient(90deg,var(--teal),#5eead4)}.np .bar.grape i{background:linear-gradient(90deg,var(--grape),#c4b5fd)}.np .bar.leaf i{background:linear-gradient(90deg,var(--leaf),#86efac)}.np .stars{display:flex;gap:6px}.np .stars b{font-size:22px;filter:grayscale(1);opacity:.35}.np .stars b.on{filter:none;opacity:1}.np .dots{display:flex;gap:6px}.np .dots i{width:12px;height:12px;border-radius:50%;background:var(--sand2)}.np .dots i.on{background:var(--teal)}.np .dots i.now{background:var(--grape);transform:scale(1.25)}.np .rows{display:flex;flex-direction:column;gap:12px}.np .rowi{gap:16px;background:#fff;border-radius:22px;padding:14px 18px;box-shadow:var(--sh);min-height:76px}.np .rowi,.np .rowi .ico{display:flex;align-items:center}.np .rowi .ico{width:54px;height:54px;border-radius:16px;justify-content:center;font-size:28px;background:var(--cream2);flex:0 0 auto}.np .rowi .tx{flex:1;min-width:0}.np .rowi .tx b{display:block;font-size:19px;font-weight:900}.np .rowi .tx span{color:var(--ink2);font-weight:700;font-size:14px}.np .rowi .go{font-size:22px;color:var(--ink3);font-weight:900}.np .rowi.done{background:var(--leaf-l);box-shadow:0 4px 0 #bbf7d0}.np .rowi.lock{opacity:.55}.np .tick{width:44px;height:44px;border-radius:50%;border:3px solid var(--sand2);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;flex:0 0 auto;background:#fff}.np .tick.on{background:var(--leaf);border-color:var(--leaf)}.np .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.np .tiles.c3{grid-template-columns:repeat(3,1fr)}.np .tiles.c2{grid-template-columns:repeat(2,1fr)}.np .tiles.c5{grid-template-columns:repeat(5,1fr)}.np .tile{border-radius:26px;padding:18px;color:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;position:relative;box-shadow:0 5px 0 rgba(0,0,0,.18)}.np .tile .em{font-size:40px;position:absolute;top:16px;left:18px}.np .tile b{font-size:19px;font-weight:900;line-height:1.15}.np .tile span{font-size:13px;font-weight:800;opacity:.9}.np .tile .bar{height:8px;background:hsla(0,0%,100%,.35)}.np .tile .bar i{background:#fff}.np .t-teal{background:linear-gradient(150deg,#2dd4bf,var(--teal-d))}.np .t-grape{background:linear-gradient(150deg,#a78bfa,var(--grape-d))}.np .t-gold{background:linear-gradient(150deg,#fbbf24,var(--saffron-d))}.np .t-leaf{background:linear-gradient(150deg,#4ade80,var(--leaf-d))}.np .t-coral{background:linear-gradient(150deg,#fda4af,var(--coral-d))}.np .t-sky{background:linear-gradient(150deg,#7dd3fc,var(--sky-d))}.np .t-night{background:linear-gradient(150deg,var(--night2),var(--night))}.np .t-grey{background:linear-gradient(150deg,#cbd5e1,#94a3b8)}.np .path{position:relative;height:260px;width:100%}.np .path svg{position:absolute;inset:0;width:100%;height:100%}.np .stone{position:absolute;width:118px;height:118px;transform:translateX(-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:14px;box-shadow:0 7px 0 rgba(0,0,0,.18);gap:2px}.np .stone em{font-style:normal;font-size:44px}.np .stone.done{background:var(--leaf)}.np .stone.next{background:var(--grape);outline:6px solid rgba(139,92,246,.25)}.np .stone.todo{background:#c7c2d6}.np .stone .badge{position:absolute;top:-4px;right:-2px;background:#fff;color:var(--leaf-d);border-radius:999px;font-size:16px;padding:2px 7px;box-shadow:0 2px 0 rgba(0,0,0,.1)}.np .scrim{position:absolute;inset:0;background:rgba(43,45,66,.45);display:flex;align-items:center;justify-content:center;z-index:20;padding:30px}.np .pop{background:#fff;border-radius:32px;width:min(620px,100%);padding:26px;box-shadow:0 18px 40px rgba(0,0,0,.25)}.np .who{gap:14px}.np .av,.np .who{display:flex;align-items:center}.np .av{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal-d));justify-content:center;font-size:32px;flex:0 0 auto}.np .who b{font-size:20px;font-weight:900}.np .who small{display:block;color:var(--ink2);font-weight:700;font-size:14px}.np .bubble{border-radius:22px 22px 22px 8px;padding:16px 18px;font-size:19px;line-height:1.4}.np .bubble,.np .thinking{background:#f0fdfa;color:var(--teal-d);font-weight:800}.np .thinking{display:flex;align-items:center;gap:10px;border-radius:20px;padding:14px 18px}.np .thinking span{display:flex;gap:5px}.np .thinking span i{width:10px;height:10px;border-radius:50%;background:var(--teal);opacity:.6}.np .say{width:52px;height:52px;border-radius:50%;border:3px solid var(--sand);align-items:center;justify-content:center;font-size:22px;flex:0 0 auto}.np .qcard,.np .say{background:#fff;display:flex}.np .qcard{border-radius:30px;padding:24px 26px;box-shadow:var(--sh);flex-direction:column;gap:12px}.np .qtag{align-self:flex-start}.np .qtext{font-size:28px;font-weight:900;line-height:1.3}.np .input{min-height:76px;border-radius:22px;border:4px solid #ddd6fe;background:#fff;font-family:var(--font);font-size:30px;font-weight:900;padding:0 22px;display:flex;align-items:center;color:var(--ink)}.np .input.ph{color:var(--ink3)}.np .input.focus{border-color:var(--grape);box-shadow:0 0 0 6px var(--grape-l)}.np .input.ok{border-color:var(--leaf);background:var(--leaf-l)}.np .input.no{border-color:var(--coral);background:var(--coral-l)}.np .split{display:grid;grid-template-columns:1fr 1fr;gap:22px;min-height:0;flex:1}.np .split.wide{grid-template-columns:1.5fr 1fr}.np .split.narrow{grid-template-columns:1fr 1.5fr}.np .col{display:flex;flex-direction:column;gap:16px;min-height:0}.np .rowx{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.np .grow{flex:1}.np .center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;flex:1}.np .lant{font-size:96px}.np .balloon{position:absolute;font-size:44px;opacity:.9}.np .confetti{position:absolute;font-size:28px}.np .modal{background:#fff;border-radius:34px;padding:30px;width:min(560px,100%);text-align:center;box-shadow:0 18px 40px rgba(0,0,0,.25)}.np .sk{background:linear-gradient(90deg,#f1e7d0,#fbf5e9,#f1e7d0);border-radius:18px}.np .mushaf{background:#fffcf3;border:3px double var(--gold);border-radius:20px;padding:24px;font-family:var(--ar);direction:rtl;font-size:34px;line-height:2.1;text-align:center;color:#1f2a24}.np .gap{display:inline-block;min-width:110px;border-bottom:4px dashed var(--grape);margin:0 6px}.np .door{border-radius:180px 180px 30px 30px/120px 120px 30px 30px;padding:120px 26px 26px;color:#fff;position:relative;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.np .door.night{background:linear-gradient(170deg,var(--night2),var(--night))}.np .door.gold{background:linear-gradient(170deg,#fff5d6,#f7e3a6);color:#3b2a06;border:3px solid var(--gold)}.np .door .medal{position:absolute;top:34px;left:50%;transform:translateX(-50%);width:84px;height:84px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--night)}@container app (max-width: 700px){.np .appi{flex-direction:column-reverse}.np .rail{flex:0 0 auto;flex-direction:row;border-right:0;border-top:3px solid var(--sand);padding:6px 4px;justify-content:space-around;gap:0}.np .rail .logo,.np .rail .sp{display:none}.np .rail a{width:auto;flex:1;padding:6px 0;font-size:11px;border-radius:14px}.np .rail a i{font-size:22px}.np .top{padding:14px 16px 0;gap:10px}.np .ttl h1{font-size:24px}.np .ttl p{font-size:13px}.np .top .chips{display:none}.np .body{padding:14px 16px 16px;gap:14px;overflow:auto}.np .split,.np .split.narrow,.np .split.wide{grid-template-columns:1fr;flex:1 0 auto;min-height:auto}.np .col{min-height:auto;min-width:0;flex:0 0 auto}.np .tiles,.np .tiles.c3,.np .tiles.c5{grid-template-columns:repeat(2,1fr)}.np .tiles.c2{grid-template-columns:1fr 1fr}.np .answers.c4{grid-template-columns:repeat(2,1fr)}.np .qtext{font-size:22px}.np .ans{min-height:68px;font-size:20px}.np .btn{min-height:56px;font-size:18px}.np .btn.lg{min-height:64px;font-size:20px}.np .path{height:200px}.np .stone{width:84px;height:84px;font-size:11px}.np .stone em{font-size:32px}.np .card{padding:16px}.np .big{font-size:36px}.np .mushaf{font-size:26px;padding:16px}.np .door{min-height:240px;padding-top:110px}.np .pop{padding:20px;border-radius:26px}.np .hide-phone{display:none!important}}@container app (min-width: 701px){.np .show-phone{display:none!important}}.np .body{overflow:auto}.np .qgrid{display:grid;gap:14px;padding-bottom:84px}.np .qgrid,.np .qgrid.three{grid-template-columns:repeat(3,1fr)}.np .qc{background:#fff;border-radius:var(--r-l);border:3px solid var(--sand);padding:16px;position:relative;display:flex;flex-direction:column;gap:10px}.np .qn{position:absolute;top:-10px;left:-8px;width:32px;height:32px;border-radius:50%;background:var(--grape);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 var(--grape-d)}.np .qt{font-weight:800;font-size:16px;line-height:1.35}.np .qpic{display:flex;justify-content:center}.np .opts{display:flex;flex-direction:column;gap:8px}.np .opts.sm .opt{padding:8px 10px;font-size:13px}.np .opt{border:3px solid var(--sand);border-radius:14px;padding:10px 12px;font-weight:700;font-size:14px;background:#fff;position:relative}.np .opt.pic{display:flex;flex-direction:column;align-items:center;gap:4px}.np .opt.pic small{font-weight:800;color:var(--ink2)}.np .opts.sm .opt.pic svg{width:90px;height:auto}.np .opt.sel{border-color:var(--grape);background:var(--grape-l)}.np .opt.good{border-color:var(--leaf);background:var(--leaf-l)}.np .opt.bad{border-color:var(--coral);background:var(--coral-l)}.np .opt.dim{opacity:.55}.np .opt .you{display:block;font-size:11px;font-weight:900;margin-bottom:2px}.np .opt.good .you{color:var(--leaf-d)}.np .opt.bad .you{color:var(--coral-d)}.np .opt.sel .you{color:var(--grape-d)}.np .match{display:flex;flex-direction:column;gap:8px}.np .mrow{gap:8px}.np .mrow,.np .mshape{display:flex;align-items:center}.np .mshape{flex-direction:column;font-size:12px}.np .mrow .opt{flex:1;font-size:13px}.np .arrow{font-weight:900;color:var(--ink3)}.np .sticky{position:absolute;left:0;right:0;bottom:0;padding:14px 24px;background:linear-gradient(transparent,var(--cream) 40%);display:flex;justify-content:flex-end}.np .main{position:relative}.np .split2{display:grid;grid-template-columns:330px 1fr;gap:18px;align-items:start}.np .col1{position:sticky;top:0}.np .col1,.np .col2{display:flex;flex-direction:column;gap:14px}.np .score{display:flex;gap:16px;align-items:center;background:#fff;border-radius:var(--r-l);border:3px solid var(--sand);padding:16px}.np .score h2{margin:0;font-size:20px}.np .score p{margin:4px 0 8px;font-size:14px}.np .ring{width:86px;height:86px;flex:0 0 auto;border-radius:50%;background:conic-gradient(var(--leaf) 0 50%,var(--coral-l) 50% 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.np .ring:before{content:"";position:absolute;inset:10px;background:#fff;border-radius:50%}.np .ring b,.np .ring span{position:relative}.np .ring b{font-size:28px;line-height:1}.np .ring span{font-size:12px;color:var(--ink2);font-weight:800}.np .dots3,.np .dots6,.np .keep{display:flex;gap:6px;align-items:center}.np .dots3,.np .dots6.c{justify-content:center;margin:10px 0}.np .dots3 i,.np .dots6 i,.np .keep i{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:900;font-size:13px;background:var(--sand);color:var(--ink2)}.np .dots3 i.g,.np .dots6 i.g,.np .keep i.g{background:var(--leaf);color:#fff}.np .dots6 i.r,.np .keep i.r{background:var(--coral);color:#fff}.np .dots3 i.w{background:var(--saffron-l)}.np .dots3 i{width:40px;height:40px;font-size:18px}.np .keep{background:#fff;border:3px solid var(--sand);border-radius:999px;padding:8px 14px;margin-bottom:18px;width:-moz-max-content;width:max-content}.np .keep span{margin-left:8px}.np .tip ol{margin:6px 0 0;padding-left:20px;line-height:1.7;font-size:14px}.np .rc{background:#fff;border-radius:var(--r-l);border:3px solid var(--sand);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.np .rc.no{border-color:#fda4af;box-shadow:0 4px 0 var(--coral-l)}.np .rc.ok{border-color:#86efac}.np .rc .opts{flex-direction:row}.np .rc .opts .opt{flex:1}.np .rh{display:flex;align-items:center;gap:10px}.np .rh .chip{margin-left:auto}.np .mark{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff}.np .rc.ok .mark{background:var(--leaf)}.np .rc.no .mark{background:var(--coral)}.np .btn.sm{min-height:44px;padding:8px 16px;font-size:14px}.np .btn.white{background:#fff;color:var(--teal-d);box-shadow:0 5px 0 rgba(0,0,0,.15)}.np .btn.coral{background:var(--coral);box-shadow:0 5px 0 var(--coral-d)}.np .btn.leafb{background:var(--leaf);box-shadow:0 5px 0 var(--leaf-d)}.np .chip.leaf{background:var(--leaf-l);color:var(--leaf-d)}.np .chip.coral{background:var(--coral-l);color:var(--coral-d)}.np .chip.white{background:hsla(0,0%,100%,.25);color:#fff}.np .blur{height:100%;min-height:500px;background:repeating-linear-gradient(90deg,#fff 0 300px,transparent 300px 320px);opacity:.5;border-radius:var(--r-l)}.np .pop.wide{max-width:720px;width:92%}.np .pop .x{width:40px;height:40px;border-radius:50%;background:var(--sand);justify-content:center;font-weight:900;cursor:pointer;margin-left:6px}.np .pop .x,.np .tq{display:flex;align-items:center}.np .tq{gap:16px;background:var(--cream);border-radius:var(--r-m);padding:12px}.np .tq .qt{margin-bottom:8px}.np .sm1{font-size:14px}.np .vid{gap:12px;max-width:860px;margin:0 auto}.np .vid,.np .vid .screen{display:flex;flex-direction:column}.np .vid .screen{background:#1e293b;border-radius:var(--r-l);height:400px;position:relative;align-items:center;justify-content:center;gap:22px;overflow:hidden}.np .vsq{display:flex;gap:30px;align-items:center;color:#fff;font-weight:900;font-size:22px;background:#fff;padding:22px 34px;border-radius:18px}.np .vsq span{color:var(--ink2)}.np .vid .cap{position:absolute;bottom:14px;left:40px;right:40px;background:rgba(0,0,0,.65);color:#fff;font-size:17px;padding:10px 14px;border-radius:12px;text-align:center}.np .vid .play{position:absolute;top:16px;left:16px;width:52px;height:52px;border-radius:50%;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;font-weight:900}.np .tl .whole{height:14px;background:var(--sand);border-radius:999px;position:relative}.np .tl .whole i{position:absolute;top:-4px;bottom:-4px;background:var(--teal);border-radius:6px;min-width:14px;box-shadow:0 0 0 4px var(--teal-l)}.np .tl .whole b{position:absolute;top:-8px;width:4px;height:30px;background:var(--ink);border-radius:2px}.np .tlx{display:flex;justify-content:space-between;font-size:12px;font-weight:800;color:var(--ink2);margin-top:6px}.np .tlx .hl{color:var(--teal-d)}.np .clipbar{display:flex;align-items:center;gap:12px}.np .clipbar .bar{flex:1}.np .today{background:linear-gradient(140deg,var(--teal),var(--teal-d));color:#fff;border-radius:var(--r-xl);padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 6px 0 var(--teal-d)}.np .today h2{margin:0;font-size:28px}.np .today p{margin:0;opacity:.9}.np .tem{font-size:56px;line-height:1}.np .ar{font-family:var(--ar);direction:rtl;text-align:center;font-size:40px;line-height:2;color:var(--ink)}.np .ar.sm{font-size:22px;line-height:1.8;color:#fff;margin:4px 0 8px}.np .ar.inl{font-size:24px}.np .week{display:flex;gap:6px;margin-top:10px}.np .week div{flex:1;flex-direction:column;gap:4px;font-size:12px;font-weight:800;color:var(--ink2)}.np .week div,.np .week i{display:flex;align-items:center}.np .week i{width:30px;height:30px;border-radius:50%;background:var(--sand);justify-content:center;font-style:normal;color:#fff}.np .week .g i{background:var(--leaf)}.np .week .on i{background:#fff;border:3px solid var(--teal)}.np .cats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.np .cat{background:#fff;border:3px solid var(--sand);border-radius:var(--r-m);padding:12px;display:flex;flex-direction:column;gap:4px}.np .cat span{font-size:28px}.np .cat b{font-size:13px}.np .cat small{font-weight:800;color:var(--saffron-d)}.np .steps{display:flex;gap:10px;margin-bottom:16px}.np .steps div{flex:1;gap:8px;background:#fff;border:3px solid var(--sand);border-radius:999px;padding:6px 12px;font-weight:800;font-size:14px;color:var(--ink2)}.np .steps div,.np .steps i{display:flex;align-items:center}.np .steps i{width:26px;height:26px;border-radius:50%;background:var(--sand);justify-content:center;font-style:normal;font-size:13px}.np .steps .done{border-color:#86efac}.np .steps .done i{background:var(--leaf);color:#fff}.np .steps .on{border-color:var(--teal);color:var(--teal-d)}.np .steps .on i{background:var(--teal);color:#fff}.np .arcard{flex-direction:column;gap:14px;padding:24px}.np .arcard,.np .help{display:flex;align-items:center}.np .help{gap:8px}.np .lbl{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--teal-d);margin-bottom:6px}.np .mean{font-size:18px;font-weight:700;margin:0;line-height:1.45}.np .why{background:var(--saffron-l);border-color:#fcd34d}.np .why .lbl{color:var(--saffron-d)}.np .why p{margin:0;font-size:16px;line-height:1.5}.np .pieces{display:flex;flex-wrap:wrap;direction:rtl;justify-content:center;gap:10px}.np .pieces span{font-family:var(--ar);font-size:30px;padding:4px 14px;border-radius:14px;background:var(--cream);color:var(--ink3)}.np .pieces .done{color:var(--leaf-d);background:var(--leaf-l)}.np .pieces .now{color:#fff;background:var(--grape);box-shadow:0 4px 0 var(--grape-d)}.np .saybox{gap:12px}.np .saybox,.np .saybox .av{display:flex;align-items:center}.np .saybox .av{width:54px;height:54px;border-radius:50%;background:var(--saffron-l);justify-content:center;font-size:28px}.np .rec{flex-direction:column;gap:16px;text-align:center;max-width:640px;margin:0 auto}.np .mic,.np .rec{display:flex;align-items:center}.np .mic{width:130px;height:130px;border-radius:50%;background:var(--coral);justify-content:center;font-size:58px;box-shadow:0 0 0 14px var(--coral-l),0 0 0 28px #fff1f2}.np .wave{display:flex;align-items:center;gap:4px;height:60px}.np .wave i{width:6px;border-radius:4px;background:var(--coral)}.np .wave.sm{height:44px;flex:1}.np .wave.sm i{width:5px;background:var(--sand2)}.np .wave.sm i.p{background:var(--teal)}.np .timer{font-size:26px}.np .play2{display:flex;align-items:center;gap:14px;background:#fff;border:3px solid var(--sand);border-radius:999px;padding:10px 18px 10px 10px;width:100%}.np .play2.light{margin:4px 0 10px}.np .pbtn{width:56px;height:56px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 auto}.np .modal .card.soft{margin:10px auto 16px;max-width:320px}.np .modal h2{font-size:30px;margin:6px 0}.np .nf.parent{background:#f8fafc}.np .nf.parent .rail.p .logo{background:linear-gradient(135deg,#475569,#1e293b);box-shadow:0 4px 0 #0f172a}.np .prec{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.np .prec .ico{width:50px;height:50px;border-radius:14px;background:var(--saffron-l);display:flex;align-items:center;justify-content:center;font-size:26px}.np .dimc{opacity:.75}.np [data-go]{cursor:pointer}.np .tlx{position:relative}.np .tlx .hl{position:absolute;transform:translateX(-10px)}.np .prec .input{font-size:15px;font-weight:600;color:var(--ink3);min-height:52px;justify-content:flex-start}.np .today .ar.sm{font-size:20px}@container app (max-width: 700px){.np .qgrid,.np .qgrid.three,.np .split2{grid-template-columns:1fr}.np .col1{position:static}.np .cats{grid-template-columns:repeat(2,1fr)}.np .rc .opts{flex-direction:column}.np .steps{flex-wrap:wrap}.np .steps div{flex:1 1 40%}.np .vid .screen{height:260px}.np .vsq{gap:12px;padding:12px}.np .vsq svg{width:70px;height:70px}.np .vid .cap{left:10px;right:10px;font-size:13px}.np .pop.wide{width:96%}.np .tq{flex-direction:column}.np .keep{width:auto;flex-wrap:wrap}.np .ar{font-size:30px}.np .pieces span{font-size:22px}.np .sticky{position:static;padding:10px 0}.np .rowx{flex-wrap:wrap}.np .rec,.np .vid{width:100%;max-width:100%;min-width:0}.np .vid .screen{width:100%}.np .vsq{max-width:92%}.np .wave{max-width:100%;overflow:hidden}.np .wave.sm{flex:1 1 0;min-width:0}.np .play2{overflow:hidden;min-width:0}.np .rec .rowx .btn,.np .vid .rowx .btn{flex:1 1 100%}}.np{--font:var(--np-nunito),"Nunito",ui-rounded,system-ui,sans-serif;--ar:var(--np-amiri),"Amiri","Noto Naskh Arabic",serif}.np .appi{min-height:100dvh}.np .rail{position:sticky;top:0;height:100dvh;align-self:flex-start}.np .body{overflow:visible;flex:1 0 auto}.np .body.fill{flex:1}.np a{color:inherit}.np button{font-family:var(--font);cursor:pointer}.np .ans,.np .back,.np .btn,.np .rowi,.np .tile{cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none}.np .ans:active,.np .back:active,.np .btn:active,.np .rowi:active,.np .tile:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.15)}.np .btn:disabled{background:#d9d6e3;color:#8b8799;box-shadow:0 5px 0 #c4c0d1;cursor:default}.np .ans:disabled{cursor:default}.np .scrim{position:fixed}@container app (max-width: 700px){.np .rail{position:fixed;left:0;right:0;bottom:0;top:auto;height:auto;z-index:30}.np .main{padding-bottom:84px}}.np .btn.sm{min-height:48px}.np .scrim{z-index:60}.np .pop{-webkit-overflow-scrolling:touch}.np .modal,.np .pop{max-height:calc(100dvh - 60px);overflow-y:auto}.np .input:focus,.np .input:focus-within{border-color:var(--grape);box-shadow:0 0 0 6px var(--grape-l);outline:none}.np .body>.split:not(.fill){flex:0 0 auto}.np .btn{white-space:normal;text-align:center;line-height:1.2;padding-top:8px;padding-bottom:8px}@keyframes np-swing{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(6deg)}}@keyframes np-float{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}@keyframes np-pulse{0%,to{transform:scale(.8);background:var(--sand2)}40%{transform:scale(1.35);background:var(--grape)}}@keyframes np-sweep{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}.np .np-loading .lant{animation:np-swing 1.8s ease-in-out infinite;transform-origin:50% 0}.np .np-loading .balloon{animation:np-float 3.2s ease-in-out infinite}.np .np-loading .balloon.b2{animation-duration:2.6s;animation-delay:-.8s}.np .np-loading .balloon.b3{animation-duration:3.8s;animation-delay:-1.6s}.np .np-dots i{animation:np-pulse 1.2s ease-in-out infinite}.np .np-dots i:nth-child(2){animation-delay:.2s}.np .np-dots i:nth-child(3){animation-delay:.4s}.np .np-sweep{width:220px;height:8px;border-radius:999px;background:var(--sand);overflow:hidden}.np .np-sweep i{display:block;width:40%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--grape));animation:np-sweep 1.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.np .np-dots i,.np .np-loading .balloon,.np .np-loading .lant,.np .np-sweep i{animation:none}}html[data-np-theme=dark] .np{color-scheme:dark;--np-card:#222636;--cream:#14161f;--cream2:#1b1e2a;--sand:#30354a;--sand2:#41475f;--ink:#eceef5;--ink2:#bdc1d1;--ink3:#9297ac;--teal-l:#113b38;--teal-d:#5eead4;--saffron-l:#3a2b0e;--saffron-d:#fcd34d;--grape-l:#2c2450;--grape-d:#c4b5fd;--leaf-l:#123521;--leaf-d:#86efac;--coral-l:#43182a;--coral-d:#fda4af;--sky-l:#0f2f45;--sky-d:#7dd3fc;--sh:0 4px 0 #0b0c12}html[data-np-theme=dark] .np-root,html[data-np-theme=dark] body{background:#14161f}html[data-np-theme=dark] .np .ans:not(.a1):not(.a2):not(.a3):not(.a4):not(.pick):not(.right):not(.wrong),html[data-np-theme=dark] .np .back,html[data-np-theme=dark] .np .card:not(.soft):not(.night):not(.teal):not(.grape):not(.gold),html[data-np-theme=dark] .np .cat,html[data-np-theme=dark] .np .chip,html[data-np-theme=dark] .np .input:not(.ok):not(.no),html[data-np-theme=dark] .np .keep,html[data-np-theme=dark] .np .modal,html[data-np-theme=dark] .np .opt:not(.sel):not(.good):not(.bad),html[data-np-theme=dark] .np .play2,html[data-np-theme=dark] .np .pop,html[data-np-theme=dark] .np .ps-field,html[data-np-theme=dark] .np .qc,html[data-np-theme=dark] .np .qcard,html[data-np-theme=dark] .np .rail,html[data-np-theme=dark] .np .rc,html[data-np-theme=dark] .np .ring:before,html[data-np-theme=dark] .np .rowi:not(.done),html[data-np-theme=dark] .np .say,html[data-np-theme=dark] .np .score,html[data-np-theme=dark] .np .steps div,html[data-np-theme=dark] .np .tick:not(.on),html[data-np-theme=dark] .np .vsq,html[data-np-theme=dark] .np .wb-subq,html[data-np-theme=dark] .np .week .on i{background:var(--np-card)}html[data-np-theme=dark] .np .cur-input,html[data-np-theme=dark] .np .ps-field{border-color:#4c3f86}html[data-np-theme=dark] .np .sp-letter{border-color:#1f5534}html[data-np-theme=dark] .np .sp-wrote{border-color:#5e4612}html[data-np-theme=dark] .np .ans.dim{background:var(--np-card)}html[data-np-theme=dark] .np .rail{border-color:var(--sand)}html[data-np-theme=dark] .np .chip{box-shadow:0 3px 0 #0b0c12}html[data-np-theme=dark] .np .chip.grey{background:#2c3042;color:var(--ink2)}html[data-np-theme=dark] .np .chip.white{background:hsla(0,0%,100%,.18);color:#fff}html[data-np-theme=dark] .np .modal,html[data-np-theme=dark] .np .pop{box-shadow:0 18px 40px rgba(0,0,0,.6);outline:2px solid var(--sand)}html[data-np-theme=dark] .np .scrim{background:rgba(5,6,10,.7)!important}html[data-np-theme=dark] .np .input{border-color:#4c3f86}html[data-np-theme=dark] .np .sk{background:linear-gradient(90deg,#222636,#2c3042,#222636)}html[data-np-theme=dark] .np .blur{background:repeating-linear-gradient(90deg,var(--np-card) 0 300px,transparent 300px 320px)}html[data-np-theme=dark] .np .bubble,html[data-np-theme=dark] .np .thinking{background:var(--teal-l)}html[data-np-theme=dark] .np .mic{box-shadow:0 0 0 14px var(--coral-l),0 0 0 28px #2a1119}html[data-np-theme=dark] .np .btn{box-shadow:0 5px 0 #0f766e}html[data-np-theme=dark] .np .btn.grape{box-shadow:0 5px 0 #5b21b6}html[data-np-theme=dark] .np .btn.gold{box-shadow:0 5px 0 #b45309}html[data-np-theme=dark] .np .btn.leaf,html[data-np-theme=dark] .np .btn.leafb{box-shadow:0 5px 0 #15803d}html[data-np-theme=dark] .np .btn.coral{box-shadow:0 5px 0 #be123c}html[data-np-theme=dark] .np .btn.ghost{background:var(--np-card);color:var(--ink);border-color:var(--sand);box-shadow:0 5px 0 #0b0c12}html[data-np-theme=dark] .np .btn.white{background:#fff;color:#0f766e;box-shadow:0 5px 0 rgba(0,0,0,.3)}html[data-np-theme=dark] .np .btn.off,html[data-np-theme=dark] .np .btn:disabled{background:#383d52;color:#a3a8bc;box-shadow:0 5px 0 #262a3a}html[data-np-theme=dark] .np .ans:active,html[data-np-theme=dark] .np .btn:active{box-shadow:0 2px 0 rgba(0,0,0,.4)}html[data-np-theme=dark] .np .av,html[data-np-theme=dark] .np .rail .logo{background:linear-gradient(135deg,var(--teal),#0f766e)}html[data-np-theme=dark] .np .rail .logo{box-shadow:0 4px 0 #0f766e}html[data-np-theme=dark] .np .card.teal{background:linear-gradient(135deg,#2dd4bf,#0f766e)}html[data-np-theme=dark] .np .card.grape{background:linear-gradient(135deg,#a78bfa,#5b21b6)}html[data-np-theme=dark] .np .card.gold{box-shadow:0 5px 0 #b45309}html[data-np-theme=dark] .np .t-teal{background:linear-gradient(150deg,#2dd4bf,#0f766e)}html[data-np-theme=dark] .np .t-grape{background:linear-gradient(150deg,#a78bfa,#5b21b6)}html[data-np-theme=dark] .np .t-gold{background:linear-gradient(150deg,#fbbf24,#b45309)}html[data-np-theme=dark] .np .t-leaf{background:linear-gradient(150deg,#4ade80,#15803d)}html[data-np-theme=dark] .np .t-coral{background:linear-gradient(150deg,#fda4af,#be123c)}html[data-np-theme=dark] .np .t-sky{background:linear-gradient(150deg,#7dd3fc,#0369a1)}html[data-np-theme=dark] .np .t-grey{background:linear-gradient(150deg,#5b6378,#3b4256)}html[data-np-theme=dark] .np .tile{box-shadow:0 5px 0 rgba(0,0,0,.45)}html[data-np-theme=dark] .np .today{background:linear-gradient(140deg,var(--teal),#0f766e);box-shadow:0 6px 0 #0b5a54}html[data-np-theme=dark] .np .ans{border-color:var(--sand);box-shadow:0 5px 0 #0b0c12}html[data-np-theme=dark] .np .ans.a1{border-color:#1d4c6b;box-shadow:0 5px 0 #1d4c6b}html[data-np-theme=dark] .np .ans.a2{border-color:#1f5534;box-shadow:0 5px 0 #1f5534}html[data-np-theme=dark] .np .ans.a3{border-color:#6a2840;box-shadow:0 5px 0 #6a2840}html[data-np-theme=dark] .np .ans.a4{border-color:#5e4612;box-shadow:0 5px 0 #5e4612}html[data-np-theme=dark] .np .ans.pick{border-color:var(--grape);box-shadow:0 5px 0 #4c3f86}html[data-np-theme=dark] .np .ans.right{background:#16a34a;border-color:#16a34a;color:#fff;box-shadow:0 5px 0 #14532d}html[data-np-theme=dark] .np .ans.wrong{box-shadow:0 5px 0 var(--coral)}html[data-np-theme=dark] .np .rowi.done{box-shadow:0 4px 0 #1f5534}html[data-np-theme=dark] .np .qn{box-shadow:0 3px 0 #5b21b6}html[data-np-theme=dark] .np .pieces .now{box-shadow:0 4px 0 #5b21b6}html[data-np-theme=dark] .np .stone.todo{background:#4a5066}html[data-np-theme=dark] .np .stone .badge{color:#15803d}html[data-np-theme=dark] .np .rc.ok{border-color:#2f7a4c}html[data-np-theme=dark] .np .rc.no{border-color:#9f3550}html[data-np-theme=dark] .np .why{border-color:#7a5a12}html[data-np-theme=dark] .np .steps .done{border-color:#2f7a4c}html[data-np-theme=dark] .np .tile .bar{background:hsla(0,0%,100%,.3)}html[data-np-theme=dark] .np [style$="background:#fff"],html[data-np-theme=dark] .np [style*="#FFFBEB"],html[data-np-theme=dark] .np [style*="background: rgb(243, 244, 246)"],html[data-np-theme=dark] .np [style*="background: rgb(255, 252, 243)"],html[data-np-theme=dark] .np [style*="background: rgb(255, 255, 255)"],html[data-np-theme=dark] .np [style*="background:#F3F4F6"],html[data-np-theme=dark] .np [style*="background:#FFFCF3"],html[data-np-theme=dark] .np [style*="background:#fff;"],html[data-np-theme=dark] .np [style*="rgb(255, 251, 235)"]{background:var(--np-card)!important}html[data-np-theme=dark] .np [style*="background: rgb(240, 253, 250)"], html[data-np-theme=dark] .np [style*="background:#F0FDFA"]{background:var(--teal-l)!important}html[data-np-theme=dark] .np [style*="background-color: rgb(229, 231, 235)"], html[data-np-theme=dark] .np [style*="background: rgb(217, 214, 227)"], html[data-np-theme=dark] .np [style*="background: rgb(229, 231, 235)"], html[data-np-theme=dark] .np [style*="background: rgb(238, 240, 243)"], html[data-np-theme=dark] .np [style*="background:#D9D6E3"], html[data-np-theme=dark] .np [style*="background:#E5E7EB"], html[data-np-theme=dark] .np [style*="background:#EEF0F3"]{background:#3a3f55!important}html[data-np-theme=dark] .np [style*="background: rgba(255, 255, 255, 0.7)"], html[data-np-theme=dark] .np [style*="background:rgba(255,255,255,.7)"]{background:hsla(0,0%,100%,.16)!important}html[data-np-theme=dark] .np [style*="color: rgb(120, 53, 15)"], html[data-np-theme=dark] .np [style*="color:#78350F"]{color:var(--saffron-d)!important}html[data-np-theme=dark] .np [style*="color: rgb(20, 83, 45)"], html[data-np-theme=dark] .np [style*="color:#14532D"]{color:var(--leaf-d)!important}html[data-np-theme=dark] .np [style*="color: rgb(136, 19, 55)"], html[data-np-theme=dark] .np [style*="color:#881337"]{color:var(--coral-d)!important}html[data-np-theme=dark] .np [style*="#FDE68A"],html[data-np-theme=dark] .np [style*="rgb(253, 230, 138)"]{border-color:#5e4612!important}html[data-np-theme=dark] .np [style*="linear-gradient(140deg, var(--leaf), var(--leaf-d))"], html[data-np-theme=dark] .np [style*="linear-gradient(140deg,var(--leaf),var(--leaf-d))"]{background:linear-gradient(140deg,#22c55e,#15803d)!important;box-shadow:0 6px 0 #14532d!important}html[data-np-theme=dark] .np [style*="linear-gradient(135deg, rgb(45, 212, 191), var(--teal-d))"], html[data-np-theme=dark] .np [style*="linear-gradient(135deg,#2DD4BF,var(--teal-d))"]{background:linear-gradient(135deg,#2dd4bf,#0f766e)!important}html[data-np-theme=dark] .np :is(.today,.card.teal,.card.grape,.card.gold,.card.night,.tile,.door,[data-envelope],.bg-white,.bg-gray-50,.bg-gray-100,.bg-amber-50,.bg-yellow-50,.bg-emerald-50,.bg-green-50,.bg-teal-50,.bg-blue-50,.bg-sky-50,.bg-indigo-50,.bg-purple-50,.bg-violet-50,.bg-pink-50,.bg-rose-50,.bg-red-50,.bg-orange-50){--np-card:#fff;--cream:#fff8ec;--cream2:#fdf1dc;--sand:#f1e7d0;--sand2:#e7dcc4;--ink:#2b2d42;--ink2:#6b6f80;--ink3:#9a9dab;--teal-d:#0f766e;--teal-l:#ccfbf1;--saffron-d:#b45309;--saffron-l:#fef3c7;--grape-d:#5b21b6;--grape-l:#ede9fe;--leaf-d:#15803d;--leaf-l:#dcfce7;--coral-d:#be123c;--coral-l:#ffe4e6;--sky-d:#0369a1;--sky-l:#e0f2fe;--sh:0 4px 0 var(--sand)}html[data-np-theme=dark] .np :is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-amber-50,.bg-yellow-50,.bg-emerald-50,.bg-green-50,.bg-teal-50,.bg-blue-50,.bg-sky-50,.bg-indigo-50,.bg-purple-50,.bg-violet-50,.bg-pink-50,.bg-rose-50,.bg-red-50,.bg-orange-50){color:#2b2d42}html[data-np-theme=dark] .np [style*="background: var(--ink)"],html[data-np-theme=dark] .np [style*="background:var(--ink)"]{background:#eceef5!important;color:#14161f!important}