:root{--color-desk:oklch(97.2% .012 88);--color-page:oklch(98.8% .012 90);--color-card:oklch(99.2% .006 90);--color-seg:oklch(93% .012 88);--color-paper-2:oklch(94.4% .024 88);--color-ink:oklch(21% .01 90);--color-ink-2:oklch(38% .012 90);--color-muted:oklch(50% .02 88);--color-rule:oklch(88% .016 88);--color-green:oklch(51% .103 139);--color-green-2:oklch(40% .085 141);--color-green-3:oklch(30% .065 142);--color-on-green:oklch(97% .015 95);--color-gold:oklch(68% .09 79);--color-gold-soft:oklch(90% .035 85);--color-title:var(--color-green-2);--color-hl:oklch(91.5% .045 132);--color-hl-hover:oklch(95% .022 110);--color-focus:oklch(55% .16 139);--color-danger:oklch(52% .18 25);--color-shadow:oklch(35% .04 80/.12);--color-shadow-2:oklch(35% .04 80/.06);--color-fold:oklch(28% .04 80/.4);--color-aya-num:#2f5a24;--color-fold-2:oklch(28% .04 80/.12);--color-ph:oklch(90% .014 88);--color-night:oklch(26% .05 146);--color-night-2:oklch(32% .06 144);--color-on-night:oklch(95% .02 92);--color-on-night-2:oklch(82% .035 100);--color-gilt:oklch(81% .09 84);--color-logo-tile:oklch(99% .004 90);--font-ui:"Janna LT", system-ui, sans-serif;--font-display:"Wahy Digits", "KacstBook", "Janna LT", serif;--text-xs:.8rem;--text-sm:.9rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.6rem;--text-2xl:2.4rem;--text-display:clamp(2.6rem, 1.6rem + 3.2vw, 4.6rem);--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:80px;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-pill:999px;--ease-out:cubic-bezier(.22, .8, .26, 1);--ease-in:cubic-bezier(.5, 0, .75, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.14s;--dur-med:.26s;--wrap:1240px}:root[data-theme=dark]{--color-desk:oklch(15.5% .018 84);--color-page:oklch(20% .024 86);--color-card:oklch(22% .026 86);--color-seg:oklch(25% .028 86);--color-paper-2:oklch(25% .03 86);--color-ink:oklch(91% .022 90);--color-ink-2:oklch(80% .028 88);--color-muted:oklch(66% .03 86);--color-rule:oklch(30% .03 86);--color-green:oklch(66% .1 139);--color-green-2:oklch(74.9% .107 78);--color-green-3:oklch(26% .05 142);--color-gold:oklch(74.9% .107 78);--color-gold-soft:oklch(32% .05 84);--color-title:oklch(74.9% .107 78);--color-hl:oklch(33% .055 120);--color-hl-hover:oklch(27% .03 100);--color-focus:oklch(80% .13 78);--color-shadow:oklch(5% .02 86/.55);--color-shadow-2:oklch(5% .02 86/.3);--color-fold:oklch(4% .02 86/.75);--color-aya-num:#2f5a24;--color-fold-2:oklch(4% .02 86/.3);--color-ph:oklch(29% .03 86);--color-night:oklch(20% .04 146);--color-night-2:oklch(26% .05 144);--color-on-night:oklch(93% .02 92);--color-on-night-2:oklch(78% .035 100);--color-gilt:oklch(79% .1 82);--color-logo-tile:oklch(95% .008 90)}@font-face{font-family:Janna LT;src:url(../fonts/ui/JannaLT-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:KacstBook;src:url(../fonts/ui/KacstBook.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Wahy Digits;src:url(../fonts/ui/JannaLT-Regular.woff2)format("woff2");unicode-range:U+30-39;font-weight:400;font-display:swap}@font-face{font-family:ed_warsh;src:url(../fonts/editions/ed_warsh.woff2)format("woff2");font-display:block}@font-face{font-family:ed_qalun;src:url(../fonts/editions/ed_qalun.woff2)format("woff2");font-display:block}@font-face{font-family:ed_shubah;src:url(../fonts/editions/ed_shubah.woff2)format("woff2");font-display:block}@font-face{font-family:ed_douri;src:url(../fonts/editions/ed_douri.woff2)format("woff2");font-display:block}@font-face{font-family:ed_susi;src:url(../fonts/editions/ed_susi.woff2)format("woff2");font-display:block}@font-face{font-family:ed_bazzi;src:url(../fonts/editions/ed_bazzi.woff2)format("woff2");font-display:block}*,:after,:before{box-sizing:border-box}body,html{overflow-x:clip}body{background:var(--color-desk);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-md);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:inherit}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.wrap{inline-size:min(var(--wrap),100% - 2 * var(--space-lg));margin-inline:auto}.btn{justify-content:center;align-items:center;gap:var(--space-xs);block-size:46px;padding-inline:var(--space-xl);border-radius:var(--radius-pill);border:1px solid var(--color-green);background:var(--color-green);color:var(--color-on-green);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-green-2);border-color:var(--color-green-2)}.btn:active{transform:translateY(1px)}.btn.line{color:var(--color-green-2);background:0 0}.btn.line:hover{background:var(--color-paper-2)}.ib{block-size:42px;inline-size:42px;color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.ib:hover{background:var(--color-seg);color:var(--color-ink)}.ib:active{transform:scale(.95)}.ib:disabled{opacity:.4;cursor:not-allowed;background:0 0}.ib svg{block-size:22px;inline-size:22px}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@font-face{font-family:uthmanic_hafs;src:url(../fonts/editions/uthmanic_hafs.woff2)format("woff2");font-display:swap}@font-face{font-family:ed_hafs;src:url(../fonts/editions/ed_hafs.woff2)format("woff2");font-display:swap}@font-face{font-family:surah_names;src:url(../fonts/surah-names/sn-1.woff2)format("woff2");unicode-range:U+FB50-FB63;font-display:block}@font-face{font-family:surah_names;src:url(../fonts/surah-names/sn-2.woff2)format("woff2");unicode-range:U+FB64-FB77;font-display:block}@font-face{font-family:surah_names;src:url(../fonts/surah-names/sn-3.woff2)format("woff2");unicode-range:U+FB78-FB8B;font-display:block}@font-face{font-family:surah_names;src:url(../fonts/surah-names/sn-4.woff2)format("woff2");unicode-range:U+FB8C-FB9F;font-display:block}@font-face{font-family:surah_names;src:url(../fonts/surah-names/sn-5.woff2)format("woff2");unicode-range:U+FBA0-FBD4;font-display:block}@font-face{font-family:surah_names;src:url(../fonts/surah-names/sn-6.woff2)format("woff2");unicode-range:U+FBD5-FBE8;font-display:block}@font-face{font-family:surah_names;src:url(../fonts/surah-names/sn-7.woff2)format("woff2");unicode-range:U+FBE9-FBFC;font-display:block}@font-face{font-family:surah_names;src:url(../fonts/surah-names/sn-8.woff2)format("woff2");unicode-range:U+FBFD-FC10;font-display:block}@font-face{font-family:surah_names;src:url(../fonts/surah-names/sn-9.woff2)format("woff2");unicode-range:U+FC11-FC24;font-display:block}@font-face{font-family:surah_names;src:url(../fonts/surah-names/sn-10.woff2)format("woff2");unicode-range:U+FC25-FC38;font-display:block}@font-face{font-family:surah_names;src:url(../fonts/surah-names/sn-11.woff2)format("woff2");unicode-range:U+FC39-FC4C;font-display:block}@font-face{font-family:surah_names;src:url(../fonts/surah-names/sn-12.woff2)format("woff2");unicode-range:U+FC4D-FC57;font-display:block}