:root{--bg:#f8f4e8;--surface:#fffdf7;--surface-2:#f0eadc;--surface-3:#e8dfcf;--ink:#14231e;--ink-2:#34433d;--muted:#5c645d;--faint:#8b9089;--line:#14231e1f;--line-strong:#126f5b47;--line-field:#4c907e;--emerald:#126f5b;--emerald-2:#0f594a;--emerald-soft:#126f5b17;--gold:#c39a4a;--gold-soft:#c39a4a29;--rose:#b36a65;--sky:#2f88c9;--sky-soft:#dbeeff;--st-mem:#108c6c;--st-learn:#b98316;--st-weak:#d04a5a;--st-test:#3a7fd6;--st-none:#e6dfd0;--g-easy:#0d7a5e;--g-hard:#8a620f;--g-forgot:#b83a4a;--mushaf-paper:#fffcf2;--mushaf-ink:#1d1a12;--mushaf-ornament:#8a6a24;--mushaf-frame:#c39a4a8c;--mushaf-head-ink:#6f531a;--mushaf-head-line:#c39a4abf;--on-gold:#7a5a12;--on-note:#5e4510;--on-rose:#a3303e;--on-sky:#1d5f91;--on-accent:#fff;--on-player:#fffaf0;--tint-rose:#d04a5a1a;--tint-select:#3a7fd629;--tint-cursor:#3a7fd61f;--tint-audio:#c39a4a33;--tint-stopped:#d04a5a2e;--tint-scrim:#14231e52;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-control:12px;--r-sheet:26px;--r-pill:999px;--r-word:4px;--r-page:6px;--fs-2xs:12px;--fs-xs:12.5px;--fs-sm:13.5px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;--qs-ayah:22px;--qs-test:24px;--qs-player:23px;--qs-peek:21px;--qs-compare:19px;--qs-context:18px;--qs-brand:36px;--lh-mushaf:2.02;--lh-ayah:2.1;--lh-test:2.2;--sp-screen:18px;--sp-card:16px;--sp-stack:12px;--sp-row:10px;--sp-grid:8px;--sp-chip:6px;--sp-tight:4px;--sz-tap:44px;--sz-avatar:42px;--sz-tile-icon:38px;--sz-check:24px;--sz-switch-width:46px;--sz-switch-height:28px;--sz-switch-knob:22px;--sz-play:62px;--sz-control:42px;--ui:"IBM Plex Sans Arabic",-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif;--quran:"Amiri Quran",Amiri,"Noto Naskh Arabic",serif}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-arabic-arabic-400-normal.CyU-ddYS.woff2)format("woff2"),url(./ibm-plex-sans-arabic-arabic-400-normal.EA1o-u_Q.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-arabic-arabic-500-normal.C4MQITzh.woff2)format("woff2"),url(./ibm-plex-sans-arabic-arabic-500-normal.DPXcppbm.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-arabic-arabic-600-normal.0pRdybE_.woff2)format("woff2"),url(./ibm-plex-sans-arabic-arabic-600-normal.MJZ0liF5.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(./ibm-plex-sans-arabic-arabic-700-normal.DrtBj6UE.woff2)format("woff2"),url(./ibm-plex-sans-arabic-arabic-700-normal.9rXc6cUL.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-arabic-latin-400-normal.Bo5KPYvw.woff2)format("woff2"),url(./ibm-plex-sans-arabic-latin-400-normal.CFZh1unN.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-arabic-latin-500-normal.Cd6jVIg7.woff2)format("woff2"),url(./ibm-plex-sans-arabic-latin-500-normal.BletK1Hp.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-arabic-latin-600-normal.KrqB56Mw.woff2)format("woff2"),url(./ibm-plex-sans-arabic-latin-600-normal.Dk5eISD_.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(./ibm-plex-sans-arabic-latin-700-normal.BzSf6GNr.woff2)format("woff2"),url(./ibm-plex-sans-arabic-latin-700-normal.Cl4F7CZR.woff)format("woff")}:root{--quran:"UthmanicHafs", "Amiri Quran", Amiri, "Noto Naskh Arabic", serif;--shadow:0 18px 50px #2f26141f;--shell-max:480px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body,html{height:100%;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--surface-2);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#__nuxt{height:100%}button{cursor:pointer;background:0 0;border:0;padding:0}button,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}:focus-visible{outline-offset:1px;box-shadow:0 0 0 4px var(--ink);outline:2px solid #fff}.sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute}.shell,.sr{overflow:hidden}.shell{width:100%;max-width:var(--shell-max);background:var(--bg);isolation:isolate;flex-direction:column;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:clip}@media (width>=481px){.shell{box-shadow:0 0 0 1px var(--line),var(--shadow)}}.devnote{padding:calc(3px + var(--safe-top)) 12px 3px;background:var(--gold-soft);color:var(--on-note);font-size:var(--fs-2xs);line-height:1.5}.dbnote,.devnote{text-align:center;flex:none}.dbnote{background:var(--tint-stopped);color:var(--ink);font-size:var(--fs-xs);padding:6px 12px;line-height:1.6}.shell>.dbnote:first-child{padding-top:calc(6px + var(--safe-top))}.content{min-height:0;padding:8px var(--sp-screen) 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.content::-webkit-scrollbar{display:none}.content.r-mushaf{padding-inline:8px}.content.r-mushaf .duebar,.content.r-mushaf .legend,.content.r-mushaf .mbar2,.content.r-mushaf .mhint{margin-inline:8px}.tabs{padding:6px 8px calc(6px + var(--safe-bottom));border-top:1px solid var(--line);background:#fffdf7f5;flex:none;grid-template-columns:repeat(4,1fr);display:grid}.tabs a{border-radius:var(--r-control);min-height:48px;font-size:var(--fs-2xs);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 0;display:flex}.tabs a.on{color:var(--emerald);font-weight:600}.tabs a.on svg{stroke-width:2.3px}.scrim{z-index:45;background:var(--tint-scrim);animation:.2s fin;inset:0}.scrim,.sheet,.sheet .sclose{position:absolute}.sheet{z-index:46;max-height:82%;padding:10px 18px calc(24px + var(--safe-bottom));background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;overscroll-behavior:contain;animation:.25s sin;bottom:0;left:0;right:0;overflow:auto}.sheet .grab{background:var(--surface-3);border-radius:3px;width:40px;height:5px;margin:0 auto 12px}.sheet .sclose{inset-inline-end:10px;z-index:1;top:10px}.sheet h2{font-size:var(--fs-lg);margin:0}.sheet h2:focus{box-shadow:none;outline:0}.sheet .shead-row{min-height:34px;padding-inline-end:44px}@keyframes fin{0%{opacity:0}}@keyframes sin{0%{opacity:0;transform:translateY(40px)}}.toast{left:16px;right:16px;bottom:calc(84px + var(--safe-bottom));z-index:60;border-radius:var(--r-md);background:var(--ink);color:var(--on-accent);font-size:var(--fs-sm);text-align:center;padding:11px 14px;animation:.2s tin;position:absolute}.toast.low{bottom:calc(24px + var(--safe-bottom))}#overlays:has(.selbar)~.toast{bottom:calc(150px + var(--safe-bottom))}@keyframes tin{0%{opacity:0;transform:translateY(8px)}}.gate{text-align:center;flex:1;place-items:center;padding:28px;display:grid}.gate p{color:var(--muted);line-height:1.8;font-size:var(--fs-md);margin:10px 0 16px}@media (prefers-reduced-motion:reduce){.scrim,.sheet,.toast{animation:none}*{transition:none!important}}.top{justify-content:space-between;align-items:flex-start;gap:10px;margin:6px 0 14px;display:flex}.top h1{font-size:var(--fs-2xl);margin:2px 0 0;line-height:1.25}.eyebrow{font-size:var(--fs-xs);color:var(--muted)}.hdr{align-items:center;gap:10px;margin:4px 0 14px;display:flex}.hdr h1{flex:1;min-width:0;margin:0;font-size:19px}.hdr h1:focus{box-shadow:none;outline:0}.hdr .sub{font-size:var(--fs-xs);color:var(--muted)}.ibtn{width:var(--sz-tap);height:var(--sz-tap);background:var(--surface);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;display:grid}.ibtn:disabled{opacity:.4;cursor:default}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-card);margin-bottom:var(--sp-stack)}.card h2{font-size:var(--fs-lg);margin:0}.between,.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:var(--fs-xs)}.tiny{font-size:var(--fs-2xs)}.badge,.chip,.nw,.seg button{white-space:nowrap}.chip{border-radius:var(--r-pill);background:var(--surface-2);font-size:var(--fs-xs);color:var(--ink-2);border:0;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}button.chip{background:var(--surface);border:1px solid var(--line-strong);min-height:var(--sz-tap);padding-inline:12px}.chip.em,button.chip{color:var(--emerald-2)}.chip.em{background:var(--emerald-soft)}.chip.em,.chip.gold,.chip.rose,.chip.sky{border-color:#0000}.chip.gold{background:var(--gold-soft);color:var(--on-gold)}.chip.rose{background:var(--tint-rose);color:var(--on-rose)}.chip.sky{background:var(--sky-soft);color:var(--on-sky)}.badge{font-size:var(--fs-2xs);border-radius:var(--r-pill);background:var(--gold-soft);color:var(--on-gold);flex:none;padding:3px 8px}.badge,.btn,.linkbtn,.seg button.on,.status{font-weight:600}.btn{width:100%;min-height:var(--sz-tap);border-radius:var(--r-md);background:var(--emerald);color:var(--on-accent);justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15.5px;display:flex}.btn:disabled{opacity:.45;cursor:default}.btn.soft{background:var(--emerald-soft);color:var(--emerald-2)}.btn.line{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn.sm{font-size:var(--fs-sm);border-radius:var(--r-sm);width:auto;padding:9px 14px}.btn.sm,.linkbtn,.pills button,.seg button,.setrow{min-height:var(--sz-tap)}.linkbtn{color:var(--emerald);align-items:center;gap:5px;margin:-6px;padding:10px 6px;display:inline-flex}.dot{border-radius:50%;flex:none;width:9px;height:9px}.seg{background:var(--surface-2);border:1px solid var(--line);gap:2px;padding:3px;display:inline-flex}.seg,.seg button{border-radius:var(--r-pill)}.seg button{font-size:var(--fs-sm);color:var(--ink-2);padding:10px 14px}.seg button.on{background:var(--surface);color:var(--emerald-2);box-shadow:0 1px 3px #00000014}.seg.wide{width:100%;display:flex}.seg.wide button{flex:1}.pills{flex-wrap:wrap;gap:6px;display:flex}.pills button{min-width:var(--sz-tap);border-radius:var(--r-control);background:var(--surface-2);font-size:var(--fs-sm);border:1px solid #0000;padding:7px 12px}.pills button.on{background:var(--emerald);color:var(--on-accent)}.stepper{background:var(--surface-2);border-radius:var(--r-control);align-items:center;gap:4px;padding:3px;display:flex}.stepper button{width:var(--sz-tap);height:var(--sz-tap);border-radius:var(--r-sm);background:var(--surface);place-items:center;display:grid}.stepper button:disabled{opacity:.4;cursor:default}.stepper b{text-align:center;min-width:46px;font-size:14.5px}.setrow{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:11px 0;display:flex}.setrow:first-child{border-top:0;padding-top:2px}.setrow .lbl{font-size:14px}.setrow .lbl small{color:var(--muted);font-size:var(--fs-2xs);margin-top:1px;display:block}.list a.setrow,.list button.setrow,.task{text-align:start;width:100%}.flip{transform:scaleX(1)}[dir=rtl] .flip{transform:scaleX(-1)}.note{border-radius:var(--r-control);background:var(--gold-soft);color:var(--on-note);font-size:var(--fs-xs);align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;line-height:1.65;display:flex}.note svg{margin-top:2px}.status{border-radius:var(--r-md);background:var(--emerald-soft);color:var(--emerald-2);align-items:flex-start;gap:8px;margin-top:12px;padding:12px 14px;line-height:1.6;display:flex}.task{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.task:first-of-type{border-top:0}.task .tic{width:var(--sz-tile-icon);height:var(--sz-tile-icon);border-radius:var(--r-control);flex:none;place-items:center;display:grid}.task .tt{flex:1;min-width:0}.task .tt b{font-size:14.5px;display:block}.task .tt span{font-size:var(--fs-xs);color:var(--muted)}.dripc{text-align:start;align-items:center;gap:12px;width:100%;display:flex}.hero{text-align:center;padding:6px 6px 4px}.hero .brandname{font-family:var(--quran);font-weight:400;font-size:var(--qs-brand);color:var(--emerald-2);margin:2px 0 0;line-height:1.6}.hero p{font-size:var(--fs-sm);color:var(--muted);margin:0;line-height:1.8}.capq{font-family:var(--quran);font-size:var(--qs-context);color:var(--mushaf-ink);direction:rtl;min-height:2.05em;margin:0 2px 6px;line-height:2.05}.capq .end{color:var(--mushaf-ornament)}.tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px}.tile b{font-size:var(--fs-2xl);line-height:1.2;display:block}.tile span{color:var(--muted);font-size:12px}.lg{font-size:var(--fs-xs);flex-wrap:wrap;gap:6px 14px;display:flex}.lg span{align-items:center;gap:6px;display:inline-flex}.lg i{border-radius:3px;width:10px;height:10px;display:inline-block}.heat{direction:rtl;flex-direction:column;gap:3px;margin-top:8px}.hcells,.heat,.hrow{display:flex}.hrow{align-items:center;gap:6px;width:100%;padding:2px 0}.hrow .jn{width:18px;font-size:var(--fs-2xs);color:var(--muted);text-align:center;flex:none}.hcells{flex:1;gap:2px;min-width:0}.hc{background:var(--st-none);border-radius:2px;flex:1;max-width:11px;height:9px}.hc.mem{background:var(--st-mem)}.hc.learn{background:var(--st-learn)}.hc.stumbled{background:var(--st-weak)}.ayahtx{font-family:var(--quran);font-size:var(--qs-ayah);line-height:var(--lh-ayah);text-align:center;color:var(--mushaf-ink);direction:rtl;padding:6px 4px}.ayahtx .end,.lkt .end{color:var(--mushaf-ornament)}.agrid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;display:grid}.agrid button{border-radius:var(--r-md);background:var(--bg);font-size:var(--fs-sm);text-align:start;min-height:var(--sz-tap);align-items:center;gap:8px;padding:12px;display:flex}.agrid button.pri{background:var(--emerald);color:var(--on-accent)}.agrid button:disabled{opacity:.55;cursor:default}.agrid button .badge{margin-inline-start:auto}.agrid button.full{grid-column:1/-1}.lookcard{border-radius:var(--r-md);background:var(--gold-soft);margin-top:10px;padding:10px 12px}.lk{margin-top:8px}.lkl{font-size:var(--fs-2xs);color:var(--on-gold);font-family:var(--ui);margin:6px 0 2px}.lkt{font-family:var(--quran);font-size:var(--qs-compare);color:var(--mushaf-ink);direction:rtl;line-height:1.95}.lkt .w,.now .w,.sw:disabled,.swtap:disabled{cursor:default}.w.dw{background:var(--gold);color:var(--mushaf-ink);border-radius:var(--r-word);padding:0 .12em}.w.dv{-webkit-text-decoration:underline dotted var(--gold);-webkit-text-decoration:underline dotted var(--gold);text-decoration:underline dotted var(--gold);text-underline-offset:.3em;text-decoration-thickness:2px}.jscroll{overscroll-behavior:contain;max-height:calc(min(56vh,480px));margin-inline:-4px;padding-inline:4px;overflow-y:auto}.jlist{flex-direction:column;margin-top:10px;display:flex}.jlist button{border-top:1px solid var(--line);text-align:start;align-items:center;gap:12px;width:100%;min-height:48px;padding:6px 2px;display:flex}.jlist button:first-child{border-top:0}.jlist .jnum{background:var(--surface-2);width:34px;height:34px;font-size:var(--fs-xs);color:var(--ink-2);border-radius:10px;flex:none;place-items:center;display:grid}.jlist .jname{min-width:0;font-weight:600;font-size:var(--fs-md);flex:1}.jlist .jname small{font-weight:400;font-size:var(--fs-2xs);color:var(--muted);display:block}.jlist button.on .jnum{background:var(--emerald);color:var(--on-accent)}.jgrid{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px;display:grid}.jgrid button{min-height:var(--sz-tap);border-radius:var(--r-control);background:var(--surface-2);font-size:var(--fs-sm)}.jgrid button.on{background:var(--emerald);color:var(--on-accent);font-weight:600}.jpage{align-items:flex-end;gap:8px;margin-top:12px;display:flex}.jpage label{min-width:0;font-size:var(--fs-xs);color:var(--muted);flex:1}.txt{width:100%;min-height:var(--sz-tap);border-radius:var(--r-md);border:1.5px solid var(--line-field);background:var(--surface);font-size:var(--fs-md);color:var(--ink);margin-top:6px;padding:10px 14px}.sw,.txt{display:block}.sw{width:var(--sz-switch-width);height:var(--sz-switch-height);border-radius:var(--r-pill);background:var(--surface-3);flex:none;transition:background .2s;position:relative}.sw:after{content:"";top:3px;width:var(--sz-switch-knob);height:var(--sz-switch-knob);background:#fff;border-radius:50%;transition:inset-inline-start .2s;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #0003}.sw.on{background:var(--emerald)}.sw.on:after{inset-inline-start:21px}.sw:disabled{opacity:.5}.swtap{min-width:var(--sz-tap);min-height:var(--sz-tap);flex:none;place-items:center;margin-block:-8px;display:grid}.now{background:linear-gradient(160deg,var(--emerald-2),var(--emerald));color:var(--on-accent);border:0;padding:16px 14px 14px}.now .ayahtx{color:var(--on-player);font-size:var(--qs-player);flex-wrap:wrap;place-content:center;gap:0 .3em;min-height:96px;display:flex}.now .ayahtx .end{color:var(--gold)}.now .nowchip{color:var(--on-accent);background:#ffffff24;border-color:#0000}.now :focus-visible{outline-color:var(--gold);box-shadow:none}.w.w-on{background:var(--gold);color:var(--mushaf-ink)}.now .w.w-mute{outline-offset:1px;opacity:.75;outline:1.5px dashed #ffffff8c}.now .w.w-mute.w-on{opacity:1}.now .w.w-dim{filter:blur(5px);opacity:.45}.now .nowline{font-size:var(--fs-2xs);opacity:.9;text-align:center;min-height:1.5em}.echo{border-radius:var(--r-pill);width:max-content;max-width:100%;font-size:var(--fs-xs);background:#ffffff24;margin:8px auto 0;padding:4px 12px}.echo.on{background:var(--gold);color:var(--mushaf-ink);font-weight:700;animation:1.2s infinite pl}@keyframes pl{50%{opacity:.55}}.cnt{font-size:var(--fs-sm);justify-content:space-between;gap:8px;margin-top:12px;display:flex}.pbar{background:#fff3;border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.pbar i{background:var(--gold);height:100%;transition:width .3s;display:block}.ctrl{justify-content:center;align-items:center;gap:22px;margin-top:8px;display:flex}.ctrl .big{width:var(--sz-play);height:var(--sz-play);color:var(--emerald-2);background:#fff}.ctrl .big,.ctrl .sm{border-radius:50%;place-items:center;display:grid}.ctrl .sm{width:var(--sz-tap);height:var(--sz-tap);background:#ffffff24}.ctrl .sm:disabled{opacity:.4;cursor:default}.setgrid{grid-template-columns:1fr 1fr;gap:10px 14px;padding:4px 0 10px;display:grid}.setgrid .cell{min-width:0}.setgrid .cell .lbl{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;overflow:hidden}.setgrid .stepper{justify-content:space-between;width:100%}.setgrid .stepper b{min-width:0;font-size:var(--fs-sm);flex:1;line-height:1.2}.mini,.setgrid .stepper button{flex:none}.pagechips,.setrow.wrap,.tq{flex-wrap:wrap}.mini{background:var(--emerald-2);color:var(--on-accent);border-radius:16px;align-items:center;gap:10px;margin:0 10px 8px;padding:8px 10px;display:flex;box-shadow:0 8px 24px #0f594a4d}.mini .mt{min-width:0;color:inherit;text-align:start;flex:1;display:block}.mini .mt b{font-size:var(--fs-sm)}.mini .mt b,.mini .mt span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.mini .mt span{font-size:var(--fs-2xs);opacity:.85}.mini .mbtn{width:var(--sz-tap);height:var(--sz-tap);background:#ffffff24;border-radius:50%;flex:none;place-items:center;display:grid}.mini :focus-visible{outline-color:var(--gold);box-shadow:none}.minibar{background:#fff3;border-radius:2px;height:3px;margin-top:5px;overflow:hidden}.minibar i{background:var(--gold);height:100%;display:block}.shell.has-mini .selbar{bottom:calc(146px + var(--safe-bottom))}.shell.has-mini .toast:not(.low){bottom:calc(154px + var(--safe-bottom))}.shell.has-mini #overlays:has(.selbar)~.toast{bottom:calc(220px + var(--safe-bottom))}.rcard{border-radius:var(--r-md);border:1.5px solid var(--line);text-align:start;background:var(--surface);align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px;display:flex}.rcard.on{border-color:var(--emerald);background:var(--emerald-soft)}.rcard b{display:block}.av{width:var(--sz-avatar);height:var(--sz-avatar);color:#fff;border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid}.nextayah{text-align:center;border-radius:var(--r-md);background:var(--mushaf-paper);border:1px solid #c39a4a73;width:100%;margin-top:10px;padding:8px 10px;display:block}.nextayah .ayahtx{font-size:var(--qs-peek);min-height:2.1em;padding:2px 0;display:block}@media (prefers-reduced-motion:reduce){.echo.on{animation:none}}.task:disabled{cursor:default}.task.done .tt b{text-decoration:line-through;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);color:var(--muted)}.task .tt span{line-height:1.6;display:block}.task .tt span.cohort{color:var(--ink-2)}.ystats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.ystats div{background:var(--bg);border-radius:var(--r-md);text-align:center;padding:10px}.ystats b{font-size:19px;display:block}.ystats span{font-size:var(--fs-2xs);color:var(--muted)}.chk{width:var(--sz-check);height:var(--sz-check);border:1.5px solid var(--emerald);color:#fff;border-radius:8px;flex:none;place-items:center;display:grid}.chk.on{background:var(--emerald)}button.setrow{text-align:start;width:100%}.setrow.done .lbl{text-decoration:line-through;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);color:var(--muted)}.hero.compact{padding:4px 6px 2px}.hero.compact .brandname{font-size:28px}.sbarx{background:var(--surface-3);border-radius:4px;height:7px;margin-top:6px;display:flex;overflow:hidden}.sbarx i{background:var(--st-mem);height:100%;display:block}.sbarx i.learn{background:var(--st-learn)}.tfoot{padding-top:2px}.tfoot.sticky{z-index:3;background:linear-gradient(to bottom,#f8f4e800,var(--bg) 14px);padding:14px 0 24px;position:sticky;bottom:-24px}.pagechips{gap:8px;margin-top:10px;display:flex}.tprog{background:var(--surface-3);border-radius:3px;flex:1;height:6px;overflow:hidden}.tprog i{background:var(--emerald);height:100%;transition:width .3s;display:block}.tcard{background:var(--mushaf-paper);border-radius:var(--r-lg);border:1px solid #c39a4a80;margin:12px 0;padding:14px 12px}.tcard.tapreveal{cursor:pointer}.ctx{font-size:var(--qs-context);color:var(--muted);border-bottom:1px dashed #c39a4a80;margin-bottom:6px;padding-bottom:6px;line-height:2}.ctx,.tq{font-family:var(--quran);text-align:center;direction:rtl}.tq{font-size:var(--qs-test);line-height:var(--lh-test);color:var(--mushaf-ink);isolation:isolate;place-content:center;gap:0 .3em;min-height:110px;display:flex}.tq .w{cursor:default}.tq .w.hid{filter:blur(7px);opacity:.55;-webkit-user-select:none;user-select:none}.tq .w.tap{cursor:pointer}.tq .end{color:var(--mushaf-ornament)}.w.tap:focus-visible{outline:2px solid var(--st-test);box-shadow:none}.grades{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.grades button{min-height:var(--sz-tap);text-align:center;color:#fff;border-radius:16px;padding:12px 6px;font-size:14.5px;font-weight:600}.grades button span{font-size:var(--fs-xs);margin-top:2px;font-weight:500;line-height:1.5;display:block}.grades .g-easy{background:var(--g-easy)}.grades .g-hard{background:var(--g-hard)}.grades .g-forgot{background:var(--g-forgot)}.donemark{background:var(--emerald-soft);width:76px;height:76px;color:var(--emerald);border-radius:50%;place-items:center;margin:0 auto;display:grid}.donemark.gold{background:var(--gold-soft);color:var(--on-gold)}.donemark.rose{background:var(--tint-rose);color:var(--on-rose)}.content.r-test.paged{padding-inline:8px}.content.r-test.paged>.between,.content.r-test.paged>.card,.content.r-test.paged>.duebar,.content.r-test.paged>.hdr,.content.r-test.paged>.seg,.content.r-test.paged>.tiny{margin-inline:10px}.content.r-sard .tfoot,.content.r-test.paged .tfoot{z-index:3;background:linear-gradient(to bottom,#f8f4e800,var(--bg) 14px);margin:0 -8px;padding:14px 18px 24px;position:sticky;bottom:-24px}.content.r-sard{padding-inline:8px}.content.r-sard>.btn,.content.r-sard>.card,.content.r-sard>.hdr,.content.r-sard>.sardhead,.content.r-sard>.small,.content.r-sard>.tiles,.content.r-sard>.tiny{margin-inline:10px}.content.r-sard>.btn{width:calc(100% - 20px)}.duebar{border-radius:var(--r-md);background:var(--emerald-soft);color:var(--emerald-2);align-items:center;gap:8px;margin:0 0 6px;padding:8px 10px;font-size:13px;display:flex}.duebar.gold{background:var(--gold-soft);color:var(--on-note)}.duebar .btn.sm{flex:none}.tiles.two{grid-template-columns:repeat(2,1fr)}.stack{background:var(--surface-3);border-radius:7px;gap:2px;height:14px;margin:10px 0 8px;display:flex;overflow:hidden}.stack i{height:100%;display:block}.bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:8px;height:150px;padding:0 2px;display:flex}.bars .b{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.bars .b i{background:var(--st-mem);border-radius:4px 4px 0 0;width:100%;max-width:26px;min-height:2px;display:block}.bars .b.today i{background:var(--emerald-2)}.bars .b em{color:var(--ink-2);font-size:11px;font-style:normal}.bx{gap:8px;padding:6px 2px 0;display:flex}.bx span{text-align:center;color:var(--muted);flex:1;font-size:11px}.bx span.today{color:var(--ink);font-weight:600}.surow{border-top:1px solid var(--line);padding:8px 0}.surow:first-of-type{border-top:0}.gsub{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-top:2px;line-height:1.7;display:-webkit-box;overflow:hidden}.ob{flex-direction:column;min-height:100%;display:flex}.ob .grow{flex:1;min-height:12px}.obdots{justify-content:center;gap:6px;margin:6px 0 14px;display:flex}.obdots i{background:var(--surface-3);border-radius:4px;width:7px;height:7px}.obdots i.on{background:var(--emerald);width:22px}.feat{text-align:start;border-top:1px solid var(--line);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.feat:first-child{border-top:0}.dlrow,.ob .feat{padding:9px 0}.feat .fi{background:var(--emerald-soft);width:38px;height:38px;color:var(--emerald);border-radius:12px;flex:none;place-items:center;display:grid}.feat b{font-size:14.5px;display:block}.feat span{color:var(--muted);font-size:12.5px;line-height:1.6}.q{margin:16px 0 8px;font-size:15px;font-weight:600;display:block}.rwrap{align-items:center;gap:8px;margin-bottom:8px;display:flex}.rwrap .rcard{flex:1;min-width:0;margin-bottom:0}select.txt{appearance:none;background-image:none}.dlbar{background:var(--surface-3);border-radius:4px;height:8px;margin-top:10px;overflow:hidden}.dlbar i{background:var(--emerald);height:100%;transition:width .2s;display:block}.dlrow{border-top:1px solid var(--line);min-height:var(--sz-tap);justify-content:space-between;align-items:center;gap:10px;display:flex}.dlrow:first-child{border-top:0}.dlrow .lbl{flex:1;min-width:0;font-size:14px}.dlrow .lbl small{color:var(--muted);font-size:var(--fs-2xs);margin-top:1px;display:block}.dlrow .acts{flex:none;align-items:center;gap:6px;display:flex}.dlrow .dlbar{height:5px;margin-top:6px}.segs{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.segs button{min-height:var(--sz-tap);border-radius:var(--r-pill);background:var(--surface-2);font-size:var(--fs-sm);color:var(--ink);border:0;flex:none;padding:7px 12px}.segs button.on{background:var(--emerald);color:var(--on-accent)}.credit{border-top:1px solid var(--line);padding:10px 0}.credit:first-child{border-top:0;padding-top:2px}.credit b{margin-bottom:2px;font-size:14px;display:block}.credit p{color:var(--ink-2);margin:0;line-height:1.8}.banner,.credit p{font-size:var(--fs-sm)}.banner{margin:8px var(--sp-screen) 0;border-radius:var(--r-control);background:var(--emerald-soft);color:var(--emerald-2);flex:none;align-items:center;gap:10px;padding:8px 12px;display:flex}.banner span{flex:1;min-width:0}.banner.warn{background:var(--gold-soft);color:var(--on-note)}@media (prefers-reduced-motion:reduce){.dlbar i{transition:none}}.tq .w.tap:before{content:"";z-index:-1;position:absolute;inset:-6px -10px}.ferr{font-size:var(--fs-xs);color:#a3303e;align-items:center;gap:5px;margin-top:4px;line-height:1.5;display:flex}p.ferr{margin:8px 0 0}.mbar2{direction:rtl;align-items:center;gap:8px;margin:2px 0 10px;display:flex}.mbar2 .mtitle{min-width:0;min-height:var(--sz-tap);text-align:center;border-radius:var(--r-control);flex:1;padding:2px 6px;display:block}.mbar2 .mtitle b{align-items:center;gap:4px;max-width:100%;font-size:16px;display:inline-flex}.mbar2 .mtitle b .names{overflow-wrap:break-word;min-width:0;line-height:1.25}.mbar2 .mtitle b .names.many{font-size:14px}.mbar2 .mtitle span.sub{font-size:var(--fs-2xs);color:var(--muted);display:block}.mstage{touch-action:pan-y;position:relative;overflow:hidden}.mstage.zoomed{touch-action:pan-x pan-y}.mpage{--mfont:20px;--mslot:calc(var(--mfont) * var(--lh-mushaf));background:var(--mushaf-paper);border-radius:var(--r-page);box-shadow:0 0 0 1px var(--mushaf-frame),0 0 0 4px var(--mushaf-paper),0 0 0 5px #c39a4a59,0 10px 30px #2f26141a;font-size:var(--mfont);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;direction:rtl;margin:8px 6px 12px;padding:10px 8px 8px;position:relative}.mbody{min-height:calc(var(--mslot) * 15);flex-direction:column;justify-content:center;align-items:center;display:flex}.mpage.zoomed .mbody{overscroll-behavior-x:contain;scrollbar-width:thin;align-items:flex-start;overflow-x:auto}.mslot{width:var(--mline,100%);max-width:none;height:var(--mslot);flex:none}.mpage:not(.zoomed) .mslot{max-width:100%}.mslot.blank{display:none}.mline{white-space:nowrap;font-family:var(--quran);line-height:var(--mslot);color:var(--mushaf-ink);isolation:isolate;justify-content:space-between;align-items:center;display:flex}.mline.center{justify-content:center}.mpage.measuring .mline{justify-content:flex-start;gap:.22em}.legend,.mpage.measuring .mline.center,.shead,.shead div{justify-content:center}.mpage.loading .mbody{opacity:.35}.w{border-radius:var(--r-word);cursor:pointer;text-underline-offset:.42em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;flex:none;padding:0 .04em;text-decoration-thickness:2px;transition:background .15s,color .15s;position:relative}.states .w.s-mem{-webkit-text-decoration-color:var(--st-mem);text-decoration-color:var(--st-mem)}.states .w.s-learn,.states .w.s-mem,.states .w.s-stumbled,.states .w.s-today{text-decoration-line:underline}.states .w.s-learn{text-decoration-style:double;-webkit-text-decoration-color:var(--st-learn);text-decoration-color:var(--st-learn)}.states .w.s-stumbled{text-decoration-style:wavy;-webkit-text-decoration-color:var(--st-weak);text-decoration-color:var(--st-weak)}.states .w.s-today{text-decoration-style:dotted;-webkit-text-decoration-color:var(--st-test);text-decoration-color:var(--st-test)}.w.a-on{background:var(--tint-audio);box-shadow:inset 0 -3px 0 var(--gold)}.w.a-on.w-on{background:var(--gold);color:var(--mushaf-ink)}.w.sel{background:var(--tint-select);box-shadow:inset 0 -3px 0 var(--st-test)}.w.wm{text-decoration:underline;-webkit-text-decoration-color:var(--st-weak);text-decoration-color:var(--st-weak);text-decoration-thickness:2px}.w.wm:after{content:"";background:var(--st-weak);border-radius:50%;width:.3em;height:.3em;position:absolute;bottom:.18em;left:50%;transform:translate(-50%)}.mpage.focus .w:not(.s-today):not(.s-stumbled){color:#1d1a124d;text-decoration-color:#0000}.mpage.focus .end.dimend{opacity:.4}.end{font-family:var(--quran);color:var(--mushaf-ornament);cursor:pointer;border-radius:6px;flex:none;padding:0 .04em;position:relative}.mline>.end:before,.mline>.w:before{content:"";z-index:-1;position:absolute;inset:-5px -6px}.mline>.end:before{inset:-5px -15px}.mline>.w.tap:before,.mpage.recite .mline>.w:before{inset:-5px -10px}.mline>.w.dim:before,.mline>.w.hid:before{content:none}.mpage .mbody .mline>:first-child:before{right:0}.mpage .mbody .mline>:last-child:before{left:0}.mpage.zoomed .mbody .mline>:before{top:0;bottom:0}.end:focus-visible,.w:focus-visible{outline:2px solid var(--st-test);box-shadow:none}.end.sel{background:var(--tint-select);box-shadow:inset 0 -3px 0 var(--st-test)}.pno,.shead{font-family:var(--ui)}.legend,.shead,.shead div{align-items:center;display:flex}.shead div{border:1.5px solid var(--mushaf-head-line);white-space:nowrap;width:100%;height:1.55em;color:var(--mushaf-head-ink);letter-spacing:.02em;background:linear-gradient(90deg,#0000,#c39a4a21,#0000);border-radius:6px;font-size:.72em;font-weight:600;overflow:hidden}.pno{text-align:center;color:var(--mushaf-ornament);margin-top:4px;font-size:12px}.legend{font-size:var(--fs-xs);color:var(--ink-2);flex-wrap:wrap;gap:6px 14px;margin:2px 0 6px}.legend .lsample{font-family:var(--quran);text-underline-offset:.3em;cursor:default;padding:0;font-size:17px;text-decoration-line:underline;text-decoration-thickness:2px}.legend .lsample.s-mem{-webkit-text-decoration-color:var(--st-mem);text-decoration-color:var(--st-mem)}.legend .lsample.s-learn{text-decoration-style:double;-webkit-text-decoration-color:var(--st-learn);text-decoration-color:var(--st-learn)}.legend .lsample.s-stumbled{text-decoration-style:wavy;-webkit-text-decoration-color:var(--st-weak);text-decoration-color:var(--st-weak)}.legend .lsample.s-today{text-decoration-style:dotted;-webkit-text-decoration-color:var(--st-test);text-decoration-color:var(--st-test)}.legend .lsample.wm{text-decoration:none}.legend .litem{align-items:center;gap:5px;display:inline-flex}.merror,.mhint{text-align:center}.merror{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);margin:8px 6px 12px;padding:28px 16px}.merror p{color:var(--muted);margin:0 0 12px}.selbar{left:12px;right:12px;bottom:calc(76px + var(--safe-bottom));z-index:25;background:var(--surface);border:1px solid var(--line-strong);border-radius:18px;align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;box-shadow:0 12px 30px #00000026}.selbar .stx{flex:1;min-width:0;font-size:13px}.selbar .stx b{overflow-wrap:break-word;font-size:14px;display:block}.pg-next-enter-active,.pg-prev-enter-active{transition:transform .18s ease-out,opacity .18s ease-out}.pg-next-enter-from{opacity:0;transform:translate(-28px)}.pg-prev-enter-from{opacity:0;transform:translate(28px)}@media (prefers-reduced-motion:reduce){.pg-next-enter-active,.pg-prev-enter-active,.w{transition:none}}.mpage .w.hid{filter:blur(6px);opacity:.5;cursor:default}.mpage .w.cur{background:var(--tint-cursor);box-shadow:inset 0 -3px 0 var(--st-test);cursor:default}.mpage .w.cur.tap,.mpage .w.tap{cursor:pointer}.mpage .w.dim{opacity:.35;cursor:default}.mpage .w.stopped{background:var(--tint-stopped);box-shadow:inset 0 -3px 0 var(--st-weak)}.mpage.recite .end,.mpage.recite .w{cursor:pointer}.mpage.focus .w.cur{color:var(--mushaf-ink)}