@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-arabic-400-normal-CyU-ddYS.woff2)format("woff2"),url(/assets/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:600;src:url(/assets/ibm-plex-sans-arabic-arabic-600-normal-0pRdybE_.woff2)format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-600-normal-MJZ0liF5.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-quran-arabic-400-normal-wRcqfVJx.woff2)format("woff2"),url(/assets/amiri-quran-arabic-400-normal-CZ144KtP.woff)format("woff")}:root{--c-primary:#0f57a3;--c-primary-hover:#0d4378;--c-ring:#0f57a359;--c-bg:#fafafa;--c-surface:#fff;--c-surface-2:#f4f4f6;--c-border:#e8e8ec;--c-text:#0a0a0a;--c-text-2:#6b6b6b;--c-neutral:#9c9c9c;--c-success:#10b981;--c-on-primary:#fff;--c-bar:#fafafaeb;--f-ar:"DM Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;--f-quran:"Amiri Quran", "IBM Plex Sans Arabic", serif;--fs:18px;--measure:40rem;--bar-h:56px;--r-chip:4px;--r-btn:6px;--r-panel:8px;--r-card:12px;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--c-primary:#6aa8ec;--c-primary-hover:#8cbef2;--c-ring:#6aa8ec59;--c-bg:#0b0b0f;--c-surface:#16161c;--c-surface-2:#1e1e26;--c-border:#2a2a33;--c-text:#f2f2f5;--c-text-2:#a1a1aa;--c-neutral:#71717a;--c-success:#34d399;--c-on-primary:#0b0b0f;--c-bar:#0b0b0fe6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-font="0"]{--fs:16px}:root[data-font="1"]{--fs:18px}:root[data-font="2"]{--fs:20px}:root[data-font="3"]{--fs:23px}:root[data-font="4"]{--fs:26px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--c-bg);color:var(--c-text);font-family:var(--f-ar);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;font-size:16px;font-weight:400;line-height:1.7}a{color:var(--c-primary);text-decoration:none}a:hover{color:var(--c-primary-hover)}button{font:inherit;color:inherit}img{max-width:100%;height:auto;display:block}:focus-visible{box-shadow:0 0 0 3px var(--c-ring);border-radius:var(--r-btn);outline:none}.sr{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.skip{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-btn);z-index:50;padding:8px 12px;position:absolute;inset-block-start:-48px;inset-inline-start:16px}.skip:focus{inset-block-start:8px}.bar{z-index:20;background:var(--c-bar);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);border-block-end:1px solid var(--c-border);padding-block-start:env(safe-area-inset-top);position:sticky;inset-block-start:0}.bar-in{max-inline-size:1280px;block-size:var(--bar-h);justify-content:space-between;align-items:center;gap:8px;margin-inline:auto;padding-inline:16px;display:flex}.brand{min-inline-size:0;color:var(--c-text);align-items:center;gap:8px;padding:4px;font-size:16px;font-weight:600;display:inline-flex}.brand:hover{color:var(--c-text)}.brand-mark{flex:none;block-size:30px;inline-size:30px}.brand-mark.dark,:root[data-theme=dark] .brand-mark.light{display:none}:root[data-theme=dark] .brand-mark.dark{display:block}.tools{align-items:center;gap:4px;display:flex}.tool{border-radius:var(--r-btn);block-size:40px;min-inline-size:40px;color:var(--c-text-2);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding-inline:8px;transition:background-color .2s,color .2s;display:inline-flex}.tool:hover{background:var(--c-surface-2);color:var(--c-text)}.tool svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;block-size:22px;inline-size:22px}.tool svg text{fill:currentColor;stroke:none;font-family:var(--f-ar)}.tool svg .fill{fill:currentColor;stroke:none}.tool[aria-pressed=true]{color:var(--c-primary)}.tool[aria-pressed=true] svg{fill:currentColor}.pop-wrap{position:relative}.pop{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-panel);gap:12px;min-inline-size:240px;padding:12px;display:grid;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;box-shadow:0 10px 30px #0000001f}.pop[hidden]{display:none}.pop-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.pop-label{color:var(--c-text-2);font-size:14px}.pop-ctl{align-items:center;gap:4px;display:flex}.pop-ctl button{background:var(--c-surface-2);border-radius:var(--r-btn);cursor:pointer;border:0;block-size:40px;inline-size:44px;font-weight:600}.pop-ctl button:hover{color:var(--c-primary)}.pop-ctl button:disabled{opacity:.4;cursor:default}.pop-ctl output{text-align:center;min-inline-size:36px;color:var(--c-text-2);font-size:14px}.seg{background:var(--c-surface-2);border-radius:var(--r-btn);padding:2px;display:flex}.seg button{cursor:pointer;block-size:36px;color:var(--c-text-2);background:0 0;border:0;border-radius:4px;padding-inline:14px;font-size:14px;font-weight:600}.seg button[aria-pressed=true]{background:var(--c-primary);color:var(--c-on-primary)}.progress{block-size:2px;position:relative}.progress span{background:var(--c-primary);inline-size:0;transition:inline-size .15s linear;position:absolute;inset-block:0;inset-inline-start:0}.btn{border-radius:var(--r-btn);cursor:pointer;border:1px solid var(--c-border);block-size:44px;color:var(--c-text);transition:transform .2s var(--ease), box-shadow .2s, background-color .2s;background:0 0;justify-content:center;align-items:center;gap:8px;padding-inline:20px;font-size:16px;font-weight:600;display:inline-flex}.btn:hover{color:var(--c-text);transform:translateY(-1px)}.btn.primary{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary)}.btn.primary:hover{background:var(--c-primary-hover);color:var(--c-on-primary);box-shadow:0 4px 12px var(--c-ring)}.home{max-inline-size:960px;margin-inline:auto;padding:40px 16px 80px}.title-block{max-inline-size:36rem;padding-block:16px 32px}.title-block h1{margin:0;font-size:clamp(32px,7vw,40px);font-weight:600;line-height:1.35}.title-block .sub{color:var(--c-text-2);margin:12px 0 0;font-size:16px;line-height:1.8}.title-block .by{color:var(--c-text-2);margin:16px 0 0;font-size:15px}.title-block .by strong{color:var(--c-text);font-weight:600}.resume{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);gap:10px;margin-block-end:32px;padding-block:12px 15px;padding-inline:16px 44px;display:grid;position:relative;overflow:hidden}.resume .where{margin:0;font-size:17px;font-weight:600;line-height:1.6}.resume .label{color:var(--c-text-2);margin-inline-end:6px;font-size:13px;font-weight:400}.resume .where small{color:var(--c-text-2);font-size:14px;font-weight:400}.resume .actions{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.resume .btn.sm{block-size:36px;padding-inline:16px;font-size:15px}.resume .alt{white-space:nowrap;text-overflow:ellipsis;flex:100%;order:3;min-inline-size:0;font-size:14px;font-weight:600;overflow:hidden}.resume .stat{color:var(--c-text-2);margin-inline-start:auto;font-size:13px}.resume .meter{background:var(--c-surface-2);block-size:3px;position:absolute;inset-block-end:0;inset-inline:0}.resume .meter span{background:var(--c-primary);block-size:100%;display:block}.ribbon{background:var(--c-primary);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);transform-origin:top;block-size:36px;inline-size:14px;animation:ribbon-drop .6s var(--ease) both;position:absolute;inset-block-start:-1px;inset-inline-end:16px}@keyframes ribbon-drop{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.toc-head{border-block-end:1px solid var(--c-border);justify-content:space-between;align-items:baseline;gap:16px;margin-block-end:8px;padding-block-end:12px;display:flex}.toc-head h2{margin:0;font-size:24px;font-weight:600}.toc-head span{color:var(--c-text-2);font-size:14px}.toc{margin:0;padding:0;list-style:none}@media (width>=900px){.toc{columns:2;column-gap:48px}}.toc li{break-inside:avoid}.toc a{color:var(--c-text);border-radius:var(--r-btn);grid-template-columns:16px 1fr auto;align-items:baseline;gap:12px;padding:10px 4px;transition:background-color .2s;display:grid}.toc a:hover{background:var(--c-surface-2);color:var(--c-text)}.toc .t{align-items:baseline;gap:8px;min-inline-size:0;display:flex}.toc .t:after{content:"";border-block-end:2px dotted var(--c-border);flex:1;min-inline-size:16px;transform:translateY(-4px)}.toc .pg-no{color:var(--c-text-2);text-align:end;min-inline-size:2.5ch;font-size:15px}.toc .state{border:1.5px solid var(--c-neutral);border-radius:9999px;align-self:center;block-size:10px;inline-size:10px}.toc .state.part{background:linear-gradient(to left, var(--c-primary) 50%, transparent 50%);border-color:var(--c-primary)}.toc .state.done{background:var(--c-primary);border-color:var(--c-primary)}.toc .here{position:relative}.toc .here .state{background:var(--c-primary);clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);border:0;border-radius:0;block-size:14px;inline-size:10px}.legend{color:var(--c-text-2);flex-wrap:wrap;gap:16px;margin-block-start:24px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border:1.5px solid var(--c-neutral);border-radius:9999px;block-size:10px;inline-size:10px;display:inline-block}.legend i.part{background:linear-gradient(to left, var(--c-primary) 50%, transparent 50%);border-color:var(--c-primary)}.legend i.done{background:var(--c-primary);border-color:var(--c-primary)}.reader{padding:32px 16px 80px}.reader-in{max-inline-size:var(--measure);margin-inline:auto;position:relative}.eyebrow{color:var(--c-text-2);letter-spacing:.02em;margin:0 0 8px;font-size:14px;font-weight:600}.reader h1:focus{box-shadow:none}.reader h1{margin:0;font-size:clamp(28px,6vw,36px);font-weight:600;line-height:1.4}.reader .range{color:var(--c-text-2);margin:8px 0 0;font-size:15px}.inside{border:1px solid var(--c-border);border-radius:var(--r-panel);background:var(--c-surface);margin-block:24px 32px}.inside summary{cursor:pointer;color:var(--c-text-2);justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;font-weight:600;list-style:none;display:flex}.inside summary::-webkit-details-marker{display:none}.inside summary:after{content:"+";font-size:20px;line-height:1}.inside[open] summary:after{content:"−"}.inside ol{border-block-start:1px solid var(--c-border);margin:0;padding:0 16px 12px;list-style:none}.inside li a{color:var(--c-text);padding:8px 0;font-size:15px;line-height:1.6;display:block}.inside li a:hover{color:var(--c-primary)}.inside li.l3 a{color:var(--c-text-2);padding-inline-start:16px}.text{font-size:var(--fs);line-height:2}.text p{text-align:justify;text-justify:inter-word;-webkit-hyphens:none;hyphens:none;margin:0 0 1.1em}.text h2,.text h3{margin:1.8em 0 .6em;font-weight:600;line-height:1.6}.text h2{font-size:1.3em}.text h3{font-size:1.1em}.text h2:first-child,.text h3:first-child{margin-block-start:0}.ayah{font-family:var(--f-quran);font-size:1.12em;font-weight:400;line-height:2.1}.pg{color:var(--c-text-2);align-items:center;gap:12px;margin:1.6em 0;font-size:13px;line-height:1;display:flex}.pg:before,.pg:after{content:"";border-block-start:1px solid var(--c-border);flex:1}.pg span{font-family:var(--f-ar)}.text>.pg:first-child{margin-block-start:0}.fn-ref{vertical-align:.55em;margin-inline:2px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:.68em;line-height:0}.fn-ref a{text-align:center;border-radius:var(--r-chip);background:var(--c-surface-2);border:1px solid var(--c-border);min-inline-size:1.7em;padding-inline:.3em;font-weight:600;line-height:1.5;display:inline-block}.fn-ref a:hover{background:var(--c-primary);color:var(--c-on-primary)}.footnotes{border-block-start:1px solid var(--c-border);margin-block-start:48px;padding-block-start:24px}.fn-title{margin:0 0 16px!important;font-size:18px!important}.fn-list{font-size:calc(var(--fs) * .85);margin:0;padding:0;line-height:1.9;list-style:none}.fn-item{border-radius:var(--r-btn);grid-template-columns:2.2em 1fr;gap:4px;padding-block:6px;display:grid}.fn-item:target,.fn-item.flash{background:var(--c-surface-2)}.fn-num{color:var(--c-text-2);text-align:center;font-weight:600}.fn-body p{text-align:start;margin:0}.fn-back{margin-inline-start:4px}[data-b]{scroll-margin-block-start:calc(var(--bar-h) + 24px);position:relative}.marked:before{content:"";background:var(--c-primary);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);transform-origin:top;block-size:36px;inline-size:14px;animation:ribbon-drop .5s var(--ease) both;position:absolute;inset-block-start:-.2em;inset-inline-start:-28px}@media (width<=720px){.marked:before{block-size:28px;inline-size:8px;inset-inline-start:-14px}}.pager{border-block-start:1px solid var(--c-border);grid-template-columns:1fr 1fr;gap:12px;margin-block-start:56px;padding-block-start:24px;display:grid}.pager a{border:1px solid var(--c-border);border-radius:var(--r-card);background:var(--c-surface);color:var(--c-text);transition:transform .2s var(--ease), box-shadow .2s;gap:4px;padding:16px;display:grid}.pager a:hover{color:var(--c-text);transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.pager .dir{color:var(--c-primary);font-size:13px;font-weight:600}.pager .ttl{font-size:16px;font-weight:600;line-height:1.5}.pager .next{text-align:end;grid-column:2}.pager .back-home{text-align:center;color:var(--c-primary);grid-column:1/-1;padding:12px;font-weight:600}.fn-pop{z-index:40;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);max-inline-size:36rem;animation:rise .2s var(--ease);margin-inline:auto;padding:12px 16px 16px;position:fixed;inset-block-end:calc(16px + env(safe-area-inset-bottom));inset-inline:16px;box-shadow:0 16px 48px #0000002e}.fn-pop[hidden]{display:none}.fn-pop-head{justify-content:space-between;align-items:center;margin-block-end:4px;display:flex}.fn-pop-head strong{color:var(--c-text-2);font-size:14px;font-weight:600}.fn-pop-body{font-size:calc(var(--fs) * .9);max-block-size:40vh;line-height:1.9;overflow:auto}.fn-pop-body p{margin:0}.fn-pop-body .fn-back{display:none}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.close{border-radius:var(--r-btn);block-size:40px;inline-size:40px;color:var(--c-text-2);cursor:pointer;background:0 0;border:0;font-size:24px;line-height:1}.close:hover{background:var(--c-surface-2);color:var(--c-text)}.sheet{border:1px solid var(--c-border);border-radius:var(--r-card);background:var(--c-surface);color:var(--c-text);max-block-size:calc(100dvh - 32px);inline-size:min(40rem,100vw - 32px);padding:16px 24px 24px;box-shadow:0 24px 64px #00000040}.sheet::backdrop{background:#00000073}.sheet[open]{animation:rise .25s var(--ease)}.sheet-head{justify-content:space-between;align-items:center;gap:16px;margin-block-end:16px;display:flex}.sheet-head h2{margin:0;font-size:20px;font-weight:600}.about{gap:24px;display:grid}@media (width>=600px){.about{grid-template-columns:180px 1fr;align-items:start}}.cover{border-radius:var(--r-panel);border:1px solid var(--c-border);inline-size:100%;max-inline-size:180px;margin-inline:auto}.about-title{margin:0;font-size:22px;font-weight:600}.about-sub{color:var(--c-text-2);margin:4px 0 16px;font-size:15px}.facts{margin:0;display:grid}.facts div{border-block-start:1px solid var(--c-border);grid-template-columns:7.5em 1fr;gap:12px;padding-block:10px;font-size:15px;display:grid}.facts dt{color:var(--c-text-2)}.facts dd{margin:0;font-weight:600}.fine{color:var(--c-text-2);margin:12px 0 0;font-size:13px;line-height:1.8}.steps{gap:12px;margin:0 0 24px;padding-inline-start:24px;font-size:16px;list-style:arabic-indic;display:grid}.steps svg{vertical-align:middle;fill:none;block-size:22px;inline-size:22px;stroke:var(--c-primary);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}#ios-install .btn{inline-size:100%}.toast{z-index:45;inline-size:max-content;max-inline-size:calc(100vw - 32px);background:var(--c-text);color:var(--c-bg);border-radius:var(--r-panel);animation:rise .2s var(--ease);margin-inline:auto;padding:10px 16px;font-size:15px;position:fixed;inset-block-end:calc(24px + env(safe-area-inset-bottom));inset-inline:0;box-shadow:0 8px 30px #0003}.toast[hidden]{display:none}.empty{max-inline-size:var(--measure);text-align:center;margin:80px auto;padding-inline:16px}.empty p{color:var(--c-text-2)}@media (width<=480px){.brand{gap:6px}.brand span{white-space:nowrap;font-size:14px}.tools{gap:0}.tool{min-inline-size:36px;padding-inline:6px}.bar-in{gap:4px;padding-inline:12px}.resume{padding-inline:14px 38px}.resume .ribbon{inset-inline-end:12px}.pager{grid-template-columns:1fr}.pager .next{grid-column:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}.sheet.search{padding-block-end:16px}.sheet.search[open]{flex-direction:column;block-size:min(46rem,100dvh - 32px);display:flex}.sheet.search input{background:var(--c-surface);block-size:44px;inline-size:100%;color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--r-btn);font:inherit;padding-inline:14px;font-size:16px}.sheet.search input::placeholder{color:var(--c-neutral)}.sheet.search input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-ring);outline:none}.count{min-block-size:1.7em;color:var(--c-text-2);margin:12px 0 4px;font-size:14px}.results{overscroll-behavior:contain;flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.results li+li{border-block-start:1px solid var(--c-border)}.results a{color:var(--c-text);border-radius:var(--r-btn);gap:4px;padding:12px 8px;display:grid}.results a:hover{background:var(--c-surface-2);color:var(--c-text)}.r-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.r-head strong{font-size:15px;font-weight:600}.r-page{color:var(--c-text-2);white-space:nowrap;font-size:13px}.r-text{color:var(--c-text-2);overflow-wrap:anywhere;font-size:15px;line-height:1.9}.r-text mark{color:var(--c-primary);box-shadow:inset 0 -2px 0 var(--c-ring);background:0 0;font-weight:600}.sheet.search .more{inline-size:100%;margin-block-start:12px}.sheet.search .more[hidden]{display:none}.found{animation:found 2.4s var(--ease) 1;border-radius:var(--r-btn)}@keyframes found{0%,55%{background:var(--c-ring)}to{background:0 0}}@media (width<=370px){.brand span{white-space:normal;font-size:13px;line-height:1.25}}.install .app-icon{border-radius:14px;block-size:64px;inline-size:64px;margin-block-end:16px}.install .lead{margin:0 0 20px;font-size:16px;line-height:1.9}.install .actions{gap:8px;display:grid}.about .btn{inline-size:100%;margin-block-start:16px}.about .btn[hidden]{display:none}