@layer primitive{:root{--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-150:#ececee;--gray-300:#d4d4d8;--gray-400:#919199;--gray-500:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#1c1c1f;--neutral-600:#71717a;--red-800:#991b1b;--t-label:1rem;--t-body:1.0625rem;--t-title:1.25rem;--t-heading:1.5rem;--t-hero:2rem;--lh-label:1.4;--lh-body:1.45;--lh-title:1.35;--lh-heading:1.25;--lh-hero:1.15;--lh-btn:1.25;--ui:system-ui, -apple-system, "Segoe UI", sans-serif;--sp-1:.25rem;--sp-2:.5rem;--sp-3:1rem;--sp-4:1.5rem;--r-sm:7px;--r-md:12px;--r-lg:18px;--r-paper:3px;--rule-w:1px;--elev-1:0 10px 22px #00000021;--elev-2:0 -8px 24px #00000040;--scrim:#00000059;--dur-state:.18s;--dur-sheet:.24s;--dur-flip:.6s;--ease-state:linear;--ease-sheet:cubic-bezier(.2, 0, 0, 1)}@media (prefers-reduced-motion:reduce){:root{--dur-state:0s;--dur-sheet:0s;--dur-flip:0s}}}@layer semantic{:root{--surface:var(--gray-100);--surface-paper:var(--gray-50);--surface-accent:var(--gray-150);--ink:var(--gray-900);--ink-soft:var(--gray-500);--action:var(--gray-700);--action-on:var(--gray-50);--action-pressed:var(--gray-800);--success:var(--gray-800);--focus:var(--gray-900);--focus-offset:var(--gray-50);--rule:var(--gray-300);--accent:var(--neutral-600);--danger:var(--red-800);--danger-on:var(--gray-50);--edge:var(--neutral-600);--leather:var(--gray-800);--leather-ink:var(--gray-50);--leather-tool:var(--gray-400)}html[data-theme=mom-hub]{--light-surface:#f6f1e7;--light-paper:#fdfaf3;--light-accent:#f3ead6;--light-ink:#231c12;--light-soft:#5f5545;--light-deco:#b9983f;--light-rule:#cdbd9a;--dim-surface:#e4ded0;--dim-paper:#ece6d8;--dim-accent:#e6dcc4;--dim-ink:#1d1710;--dim-soft:#4f4739;--dim-deco:#a68430;--lamp-surface:#efe2c8;--lamp-paper:#f6ebd6;--lamp-accent:#f0e2c2;--lamp-ink:#241c10;--lamp-soft:#554b39;--green-700:#17573f;--green-900:#10402e;--gold-800:#6f5216;--edge-500:#94845c;--leather-900:#10332a;--leather-50:#f3e6c4;--tool-400:#d4b25e;--gold-450:#c4a24a;--red-800:#8c2f22;--surface:var(--light-surface);--surface-paper:var(--light-paper);--surface-accent:var(--light-accent);--ink:var(--light-ink);--ink-soft:var(--light-soft);--action:var(--green-700);--action-on:var(--light-paper);--action-pressed:var(--green-900);--success:var(--green-900);--focus:var(--light-ink);--focus-offset:var(--light-paper);--rule:var(--light-rule);--rule-w:2px;--accent:var(--gold-800);--edge:var(--edge-500);--leather:var(--leather-900);--leather-ink:var(--leather-50);--leather-tool:var(--tool-400);--gild-highlight:#fff3cf;--game-ground:var(--surface-paper);--mushaf-ornament-text:var(--gold-800);--mushaf-ornament-deco:var(--light-deco);--mushaf-progress:var(--gold-450);--danger:var(--red-800);--danger-on:var(--light-paper);--pg-1:#3e8f80;--pg-2:#2e5c9e;--pg-3:#c0812f;--pg-4:#3b4380;--pg-5:#5a8c3a;--pg-6:#c46a86;--pg-7:#2f281e;--pg-8:#e2a72e;--pg-9:#75543a;--pg-10:#b0462f;--pg-11:#6e2f5a;--pg-12:#5a6b78;--pg-1-edge:#366d5f;--pg-2-edge:#2b4974;--pg-3-edge:#916326;--pg-4-edge:#34375f;--pg-5-edge:#4a6a2e;--pg-6-edge:#945363;--pg-7-edge:#2b241a;--pg-8-edge:#966f23;--pg-9-edge:#5c432e;--pg-10-edge:#863926;--pg-11-edge:#582944;--pg-12-edge:#4a5359;--t-label:1.0625rem;--t-body:1.125rem;--t-title:1.375rem;--t-heading:1.625rem;--t-hero:2.5rem;--lh-label:1.4;--lh-body:1.3;--lh-title:1.3;--lh-heading:1.2;--lh-hero:1.05;--lh-btn:1.2;--w-label:400;--w-body:500;--w-title:500;--w-heading:600;--w-hero:600;--ui:"Readex Pro", -apple-system, BlinkMacSystemFont, "SF Arabic", "Segoe UI", "Atkinson Hyperlegible", "Noto Naskh Arabic", system-ui, sans-serif;--book:"UthmanicHafs", var(--ui);--r-sm:8px;--r-md:16px;--r-lg:24px;--r-paper:4px;--elev-1:0 10px 22px #46321421;--elev-2:0 -8px 24px #46321438;--scrim:#231c126b;--elev-pop:0 4px 12px #4632142e;--elev-drag:0 14px 14px #46321452;--pitch:1.95;--line-em:16.9;--mushaf:1.5rem}html[data-theme=mom-hub][data-paper=bright]{--surface:var(--light-surface);--surface-paper:var(--light-paper);--surface-accent:var(--light-accent);--ink:var(--light-ink);--ink-soft:var(--light-soft);--mushaf-ornament-deco:var(--light-deco);--mushaf-progress:var(--gold-450)}html[data-theme=mom-hub][data-paper=dim]{--surface:var(--dim-surface);--surface-paper:var(--dim-paper);--surface-accent:var(--dim-accent);--ink:var(--dim-ink);--ink-soft:var(--dim-soft);--mushaf-ornament-deco:var(--dim-deco);--mushaf-progress:var(--dim-deco)}html[data-theme=mom-hub][data-paper=lamp]{--surface:var(--lamp-surface);--surface-paper:var(--lamp-paper);--surface-accent:var(--lamp-accent);--ink:var(--lamp-ink);--ink-soft:var(--lamp-soft);--mushaf-ornament-deco:var(--dim-deco);--mushaf-progress:var(--dim-deco)}@media (prefers-color-scheme:dark){html[data-theme=mom-hub]:not([data-paper]){--surface:var(--dim-surface);--surface-paper:var(--dim-paper);--surface-accent:var(--dim-accent);--ink:var(--dim-ink);--ink-soft:var(--dim-soft);--mushaf-ornament-deco:var(--dim-deco);--mushaf-progress:var(--dim-deco)}}}@layer component{:root{--btn-h:3rem;--btn-h-compact:2.75rem;--btn-h-big:3.5rem;--row-h:3rem;--tap-min:2.75rem;--gap-min:.5rem;--pad:1rem}html[data-theme=mom-hub]{--btn-h:3.25rem;--btn-h-compact:2.75rem;--btn-h-big:4rem;--row-h:3.75rem;--tap-min:2.75rem;--gap-min:.5rem;--pad:1rem}body{margin:0}.kit-btn,.kit-row,.kit-status__action,.kit-paper__opt{font-family:var(--ui);overflow-wrap:normal;-webkit-tap-highlight-color:transparent}.kit-btn:focus-visible,.kit-row:focus-visible,.kit-status__action:focus-visible,.kit-paper__opt:focus-within{outline:3px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 2px var(--focus-offset)}.kit-btn{box-sizing:border-box;inline-size:100%;min-block-size:var(--btn-h);padding-block:.625rem;padding-inline:var(--sp-3);border-radius:var(--r-md);font-size:var(--t-body);font-weight:600;line-height:var(--lh-btn);text-align:center;transition:background-color var(--dur-state) var(--ease-state), border-color var(--dur-state) var(--ease-state);border:2px solid #0000;justify-content:center;align-items:center;display:flex}.kit-btn+.kit-btn{margin-block-start:var(--gap-min)}.kit-btn--primary{background:var(--action);border-color:var(--action);color:var(--action-on)}.kit-btn--primary:active{background:var(--action-pressed);border-color:var(--action-pressed)}.kit-btn--secondary{background:var(--surface-paper);border-color:var(--edge);color:var(--ink)}.kit-btn--secondary:active{background:var(--surface-accent)}.kit-btn--quiet{border-color:var(--edge);color:var(--ink);background:0 0}.kit-btn--quiet:active{background:var(--surface-accent)}.kit-btn--danger{background:var(--danger);border-color:var(--danger);color:var(--danger-on)}.kit-btn--inverse{background:var(--leather-ink);border-color:var(--leather-ink);color:var(--leather)}.kit-btn--compact{min-block-size:var(--btn-h-compact);padding-inline:var(--sp-2);font-size:var(--t-label)}.kit-btn--big{min-block-size:var(--btn-h-big);padding-inline:var(--sp-4)}.kit-btn:disabled{background:var(--surface);border-color:var(--edge);color:var(--ink-soft);cursor:default;border-style:dashed}.kit-btn__label{display:block}.kit-row{box-sizing:border-box;justify-content:center;align-items:flex-start;gap:var(--sp-1);inline-size:100%;min-block-size:var(--row-h);padding-block:var(--sp-2);padding-inline:var(--pad);background:var(--surface-paper);border:0;border-block-end:var(--rule-w) solid var(--rule);color:var(--ink);text-align:start;flex-direction:column;display:flex}.kit-row:active{background:var(--surface-accent)}.kit-row[aria-pressed=true]{background:var(--surface-accent);color:var(--action)}.kit-row:disabled{background:var(--surface);color:var(--ink-soft);cursor:default}.kit-row--destructive{border-block-start:var(--rule-w) solid var(--rule);color:var(--danger)}.kit-row__label{font-size:var(--t-title);line-height:var(--lh-title)}.kit-row__sub{font-size:var(--t-label);line-height:var(--lh-label);color:var(--ink-soft)}.kit-header{align-items:center;gap:var(--gap-min);padding-block:var(--sp-2);padding-inline:var(--pad);background:var(--surface);border-block-end:var(--rule-w) solid var(--rule);flex-wrap:wrap;display:flex}.kit-header--compact{flex-wrap:nowrap}.kit-header--compact .kit-header__text{flex:1 1 0}.kit-header--leather{background:0 0;border-block-end:0}.kit-header--leather .kit-header__title,.kit-header--leather .kit-header__sub{color:var(--leather-ink)}.kit-header--leather .kit-header__left .kit-btn,.kit-header--leather .kit-header__right .kit-btn{border:2px solid var(--leather-tool);color:var(--leather-ink);background:0 0}.kit-header__text{flex:12ch;min-inline-size:0}.kit-header__title{font-size:var(--t-title);font-weight:700;line-height:var(--lh-title);color:var(--ink);margin:0}.kit-header__sub{font-size:var(--t-label);line-height:var(--lh-label);color:var(--ink-soft);margin-block:0}.kit-header__left,.kit-header__right{align-items:center;gap:var(--gap-min);flex:none;display:flex}.kit-header__left .kit-btn,.kit-header__right .kit-btn{inline-size:auto;min-inline-size:var(--tap-min);min-block-size:var(--btn-h-compact);padding-inline:var(--sp-1);font-size:var(--t-label);margin-block-start:0}.kit-status{align-items:center;gap:var(--gap-min);min-block-size:var(--tap-min);padding-block:var(--sp-2);padding-inline:var(--pad);background:var(--surface-accent);border-block-start:var(--rule-w) solid var(--rule);font-size:var(--t-label);line-height:var(--lh-label);color:var(--ink);display:flex}.kit-status--empty{border-block-start:0;min-block-size:0;padding-block:0}.kit-status__text{flex:auto;min-inline-size:0}.kit-status__action{min-block-size:var(--tap-min);padding-inline:var(--sp-3);background:var(--surface-paper);border:2px solid var(--accent);border-radius:var(--r-md);font-size:var(--t-label);color:var(--ink);flex:none}.kit-offline{min-block-size:var(--tap-min);padding-block:var(--sp-2);padding-inline:var(--pad);background:var(--surface-accent);border-block-end:var(--rule-w) solid var(--rule);font-size:var(--t-label);line-height:var(--lh-label);color:var(--ink);text-align:center}.kit-paper{gap:var(--gap-min);padding-block:var(--sp-2);padding-inline:var(--pad);border:0;flex-direction:column;margin:0;display:flex}.kit-paper__legend{font-size:var(--t-label);line-height:var(--lh-label);color:var(--ink-soft);padding:0}.kit-paper__opt{align-items:center;gap:var(--sp-3);min-block-size:var(--btn-h);padding-inline:var(--sp-3);background:var(--surface-paper);border:2px solid var(--rule);border-radius:var(--r-sm);font-size:var(--t-title);line-height:var(--lh-title);color:var(--ink);display:flex}.kit-paper__opt:has(input:checked){border-color:var(--action);color:var(--action)}.kit-paper__radio{inline-size:var(--sp-4);block-size:var(--sp-4);accent-color:var(--action)}.kit-leather{background-color:var(--leather);color:var(--leather-ink);isolation:isolate;position:relative}.kit-leather:before{content:"";z-index:-1;mix-blend-mode:multiply;pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .252 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.kit-scroll-lock{overflow:hidden}.kit-dialog{inline-size:min(34rem, 100% - var(--sp-4));max-block-size:min(90dvh, 100% - var(--sp-4));background:0 0;border:0;margin:auto;padding:0;overflow:visible}.kit-dialog::backdrop{background:var(--scrim)}.kit-dialog__panel{gap:var(--sp-3);max-block-size:90dvh;padding-block:var(--sp-4);padding-inline:var(--pad);background:var(--surface-paper);border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--elev-1);overscroll-behavior:contain;z-index:1;flex-direction:column;display:flex;position:relative;overflow-y:auto}.kit-dialog__title{font-family:var(--ui);font-size:var(--t-heading);font-weight:700;line-height:var(--lh-heading);color:var(--ink);overflow-wrap:anywhere;margin:0}.kit-dialog__body{gap:var(--gap-min);flex-direction:column;display:flex}.kit-dialog--fallback{z-index:2147483647;justify-content:center;align-items:center;max-block-size:100%;inline-size:100%;max-inline-size:100%;display:flex;position:fixed;inset:0}.kit-dialog--fallback:before{content:"";background:var(--scrim);position:absolute;inset:0}.kit-dialog--sheet{inline-size:min(34rem,100%);max-inline-size:100%;margin-block:auto 0}.kit-dialog--sheet.kit-dialog--fallback{align-items:flex-end}.kit-dialog--sheet .kit-dialog__panel{box-shadow:var(--elev-2);animation:kit-sheet-rise var(--dur-sheet) var(--ease-sheet);border-start-start-radius:var(--r-lg);border-start-end-radius:var(--r-lg);border-end-end-radius:0;border-end-start-radius:0}@keyframes kit-sheet-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@font-face{font-family:Readex Pro;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/readex-pro-arabic-DiwT_uOQ.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+898-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB}@font-face{font-family:Readex Pro;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/readex-pro-latin--ekFhJJC.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:UthmanicHafs;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/uthmanic-hafs-arabic-BeX5DmBH.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}