/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif;--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-semibold:600;--leading-relaxed:1.625;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-arabic:"Amiri", "Noto Naskh Arabic", serif;--text-ayah:calc(1.75rem * var(--reader-scale,1));--text-ayah--line-height:2.1;--text-translation:calc(1.0625rem * var(--reader-scale,1));--text-translation--line-height:1.75;--container-reader:44rem;--container-wide:72rem;--header-h:3.5rem;--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--duration-fast:.12s;--duration-base:.22s;--duration-slow:.32s}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-height:100svh;padding-bottom:calc(var(--tabbar-h) + var(--safe-b))}@media(min-width:48rem){body{padding-bottom:0}}.prose-reading{font-family:var(--font-serif)}:where(a){color:inherit;text-decoration:none}:where(a,button,select,input,summary):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-xs)}:where(a,button,label){-webkit-tap-highlight-color:transparent}.icon{flex:none;display:block}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}}@layer components{.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-btn{border-radius:var(--r-sm);width:2.5rem;height:2.5rem;color:var(--ink-muted);transition:background var(--duration-fast) var(--ease-out-quint),color var(--duration-fast) var(--ease-out-quint),transform var(--duration-fast) var(--ease-out-quint);background:0 0;flex:none;justify-content:center;align-items:center;gap:.4rem;display:inline-flex;position:relative}.icon-btn:after{content:"";width:2.875rem;height:2.875rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.icon-btn:hover{background:var(--paper-sunk);color:var(--ink)}.icon-btn:active{transform:scale(.94)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn:disabled:hover{color:var(--ink-muted);background:0 0}.icon-btn--wide{width:auto;padding-inline:.75rem;font-size:.875rem;font-weight:550}.icon-btn--solid{background:var(--primary);color:var(--primary-ink);box-shadow:var(--shadow-sm)}.icon-btn--solid:hover{background:var(--primary-hi);color:var(--primary-ink)}.btn{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper-raised);min-height:2.75rem;box-shadow:var(--shadow-sm);letter-spacing:-.005em;transition:transform var(--duration-fast) var(--ease-out-quint),border-color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast);justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.15rem;font-size:.9375rem;font-weight:550;display:inline-flex}.btn:hover{border-color:var(--rule-strong);box-shadow:var(--shadow-md)}.btn:active{box-shadow:var(--shadow-sm);transform:translateY(1px)}.btn--primary{background:linear-gradient(180deg,var(--primary-hi),var(--primary));color:var(--primary-ink);border-color:#0000}.btn--primary:hover{filter:brightness(1.06)}.btn--small{border-radius:var(--r-sm);min-height:2.5rem;padding:.45rem .85rem;font-size:.875rem}.btn--ghost{box-shadow:none;background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--paper-sunk);box-shadow:none}.field{appearance:none;border:1px solid var(--rule);border-radius:var(--r-sm);background-color:var(--paper-raised);background-image:linear-gradient(45deg,transparent 50%,var(--ink-faint) 50%),linear-gradient(135deg,var(--ink-faint) 50%,transparent 50%);min-height:2.5rem;color:inherit;font:inherit;max-width:100%;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);background-position:right .9rem center,right .6rem center;background-repeat:no-repeat;background-size:.3rem .3rem,.3rem .3rem;padding:.45rem 2.1rem .45rem .85rem;font-size:.875rem}.field:hover{border-color:var(--rule-strong)}.field:disabled{opacity:.5}:root[dir=rtl] .field{padding:.45rem .85rem .45rem 2.1rem}.input{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper-raised);width:100%;min-height:2.75rem;box-shadow:var(--shadow-sm);color:inherit;font:inherit;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);padding:.7rem 1rem;font-size:.9375rem}.input::placeholder{color:var(--ink-faint)}.input:focus{border-color:var(--primary);outline:none}@supports (color:color-mix(in lab,red,red)){.input:focus{border-color:color-mix(in oklab,var(--primary) 55%,var(--rule))}}.input:focus{box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab,red,red)){.input:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%,transparent)}}.input[type=search]::-webkit-search-cancel-button{filter:grayscale()opacity(.5)}.switch{appearance:none;border-radius:var(--r-full);background:var(--rule-strong);width:2.75rem;height:1.625rem;transition:background var(--duration-base) var(--ease-out-quint);cursor:pointer;flex:none;position:relative}.switch:after{content:"";border-radius:var(--r-full);width:1.25rem;height:1.25rem;box-shadow:var(--shadow-sm);transition:translate var(--duration-base) var(--ease-spring);top:.1875rem;background:#fff;position:absolute;inset-inline-start:.1875rem}.switch:checked{background:var(--primary)}.switch:checked:after{translate:1.125rem}:root[dir=rtl] .switch:checked:after{translate:-1.125rem}.switch:disabled{opacity:.5;cursor:wait}.segmented{border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--paper-sunk);align-items:center;padding:.1875rem;display:inline-flex}.segmented .icon-btn{border-radius:var(--r-xs);width:2.125rem;height:2.125rem}.segmented .icon-btn:hover{background:var(--paper-raised)}.segmented__value{text-align:center;font-variant-numeric:tabular-nums;min-width:2.75rem;color:var(--ink-muted);font-size:.8125rem;font-weight:550}.card{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper-raised);box-shadow:var(--shadow-sm)}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:.6875rem;font-weight:650}.badge{border-radius:var(--r-full);background:var(--primary);min-width:1.375rem;height:1.375rem;color:var(--primary-ink);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding-inline:.375rem;font-size:.75rem;font-weight:650;display:inline-flex}.sheet{z-index:60;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet[hidden]{display:none}.sheet__scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:sheet-fade var(--duration-base) var(--ease-out-quint);background:#0000006b;position:absolute;inset:0}.sheet__panel{width:100%;max-height:88svh;padding-bottom:var(--safe-b);border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--paper-raised);box-shadow:var(--shadow-lg);animation:sheet-rise var(--duration-slow) var(--ease-out-quint);flex-direction:column;display:flex;position:relative}@media(min-width:40rem){.sheet{align-items:center;padding:1.5rem}.sheet__panel{border-radius:var(--r-xl);width:min(26rem,100%);animation:sheet-pop var(--duration-base) var(--ease-out-quint)}.sheet__grip{display:none}}.sheet__grip{border-radius:var(--r-full);background:var(--rule-strong);width:2.25rem;height:.25rem;margin:.625rem auto 0}.sheet__head{justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.125rem .75rem;display:flex}.sheet__title{letter-spacing:-.01em;font-size:1rem;font-weight:650}.sheet__body{overscroll-behavior:contain;padding:0 1.125rem 1.25rem;overflow-y:auto}.row{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:1rem;min-width:0;min-height:3rem;padding-block:.5rem;display:flex}.row:first-child{border-top:0}.row__label{font-size:.9375rem}.row__hint{color:var(--ink-faint);font-size:.75rem;display:block}.row select.field,.row>.btn{white-space:nowrap;flex:0 auto;min-width:0;max-width:62%;overflow:hidden}.row select.field{min-width:8rem}.jump__verses{margin-top:1.25rem}.jump__heading{margin-bottom:.625rem;display:block}.jump__grid{grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:.375rem;display:grid}.jump__chip{border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--paper-raised);font-variant-numeric:tabular-nums;height:2.75rem;color:var(--ink-muted);transition:border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast),transform var(--duration-fast);justify-content:center;align-items:center;font-size:.875rem;font-weight:550;display:flex}.jump__chip:hover{border-color:var(--primary);background:var(--primary-wash);color:var(--primary)}.jump__chip:active{transform:scale(.94)}.jump__fallback{color:var(--ink-faint);grid-column:1/-1;font-size:.875rem}@keyframes sheet-rise{0%{translate:0 100%}}@keyframes sheet-pop{0%{opacity:0;scale:.96}}@keyframes sheet-fade{0%{opacity:0}}.appbar{z-index:40;height:var(--header-h);border-bottom:1px solid var(--rule);background:var(--paper);align-items:center;gap:.5rem;padding-inline:.5rem;display:flex;position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.appbar{background:var(--paper)}@supports (color:color-mix(in lab,red,red)){.appbar{background:color-mix(in oklab,var(--paper) 78%,transparent)}}.appbar{-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px)}}@media(min-width:48rem){.appbar{display:none}}body:has(.appbar) .site-header{display:none}@media(min-width:48rem){body:has(.appbar) .site-header{display:block}}body:has(.appbar) .crumbs{display:none}@media(min-width:48rem){body:has(.appbar) .crumbs{display:flex}}.appbar__title{text-align:center;flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.appbar__name{letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:650;overflow:hidden}.appbar__sub{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}:root[dir=rtl] .appbar__back .icon{scale:-1 1}.site-header{z-index:40;border-bottom:1px solid var(--rule);background:var(--paper);position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header{background:var(--paper)}@supports (color:color-mix(in lab,red,red)){.site-header{background:color-mix(in oklab,var(--paper) 78%,transparent)}}.site-header{-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px)}}.site-header__inner{height:var(--header-h);justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{align-items:center;gap:.625rem;min-width:0;display:flex}.brand__mark{border-radius:var(--r-sm);background:linear-gradient(145deg,var(--primary-hi),var(--primary));width:2rem;height:2rem;color:var(--primary-ink);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-spring);flex:none;place-items:center;padding:.3rem;display:grid}.brand__mark svg{width:100%;height:100%;display:block}.brand:hover .brand__mark{transform:translateY(-1px)rotate(-3deg)}@media(prefers-reduced-motion:reduce){.brand__mark{transition:none}.brand:hover .brand__mark{transform:none}}.brand__text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.brand__name{letter-spacing:-.015em;white-space:nowrap;font-size:.9375rem;font-weight:650}.brand__tag{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;font-size:.625rem;font-weight:550}.site-nav{align-items:center;gap:.125rem;display:none}@media(min-width:48rem){.site-nav{display:flex}}.site-nav__link{border-radius:var(--r-sm);color:var(--ink-muted);transition:background var(--duration-fast) var(--ease-out-quint),color var(--duration-fast) var(--ease-out-quint);align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.875rem;font-weight:500;display:inline-flex}.site-nav__link:hover{background:var(--paper-sunk);color:var(--ink)}.site-nav__link[aria-current=page]{background:var(--primary-wash);color:var(--primary);font-weight:600}.site-header__actions{align-items:center;gap:.25rem;display:flex}@media(min-width:48rem){.site-header__actions{display:none}}.tabbar{z-index:45;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);border-top:1px solid var(--rule);background:var(--paper);box-shadow:var(--shadow-up);inset-inline:0;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.tabbar{background:var(--paper)}@supports (color:color-mix(in lab,red,red)){.tabbar{background:color-mix(in oklab,var(--paper) 86%,transparent)}}.tabbar{-webkit-backdrop-filter:saturate(1.6)blur(18px);backdrop-filter:saturate(1.6)blur(18px)}}@media(min-width:48rem){.tabbar{display:none}}.tabbar__item{letter-spacing:.01em;color:var(--ink-faint);transition:color var(--duration-fast);flex-direction:column;justify-content:center;align-items:center;gap:.1875rem;font-size:.6875rem;font-weight:550;display:flex}.tabbar__item:active,.tabbar__item[aria-current=page]{color:var(--primary)}.tabbar__icon{border-radius:var(--r-full);width:3rem;height:1.75rem;transition:background var(--duration-base) var(--ease-out-quint);place-items:center;display:grid}.tabbar__item[aria-current=page] .tabbar__icon{background:var(--primary-wash)}.site-footer{border-top:1px solid var(--rule);background:var(--paper-sunk);color:var(--ink-muted);margin-top:4rem;padding-block:2.5rem 3rem;font-size:.875rem}.site-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}@media(min-width:48rem){.site-footer__cols{grid-template-columns:1fr 1fr 2fr;gap:3rem}}.site-footer__head{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.75rem;font-size:.6875rem;font-weight:650}.site-footer__list{gap:.625rem;display:grid}.site-footer__list a:hover,.site-footer__fine a:hover{color:var(--primary)}.site-footer__about p{max-width:46ch;line-height:1.7}.site-footer__fine{color:var(--ink-faint);margin-top:2rem;font-size:.75rem;line-height:1.7}.site-footer__fine+.site-footer__fine{margin-top:.5rem}body:has([data-player]) .site-footer{padding-bottom:8rem}.ayah-text{font-family:var(--font-arabic);font-size:var(--text-ayah);line-height:var(--text-ayah--line-height);text-align:right;padding-block:.12em}@media(min-width:40rem){.ayah-text{text-align:justify;text-align-last:right}}.verse-translation{font-family:var(--font-serif);font-size:var(--text-translation);line-height:var(--text-translation--line-height);color:var(--ink-muted)}:root.hide-translation .verse-translation{display:none}.verses{gap:.75rem;margin-top:1.5rem;display:grid}.verse{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper-raised);transition:border-color var(--duration-base) var(--ease-out-quint),box-shadow var(--duration-base) var(--ease-out-quint);padding:1.125rem 1.125rem 1.25rem;position:relative}@media(min-width:48rem){.verse{padding:1.375rem 1.5rem 1.5rem}.verse:hover{box-shadow:var(--shadow-md)}}.verse__head{align-items:center;gap:.5rem;margin-bottom:.875rem;display:flex}.verse__num{border-radius:var(--r-full);background:var(--primary-wash);min-width:2.125rem;height:2.125rem;color:var(--primary);font-variant-numeric:tabular-nums;transition:background var(--duration-fast),color var(--duration-fast);justify-content:center;align-items:center;padding-inline:.55rem;font-size:.875rem;font-weight:650;display:inline-flex}.verse__num:hover{background:var(--primary);color:var(--primary-ink)}.verse__sajda{color:var(--accent);font-size:1.125rem;line-height:1}.verse-actions{align-items:center;gap:.25rem;margin-inline-start:auto;display:flex}.verse-btn{border-radius:var(--r-sm);width:2.375rem;height:2.375rem;color:var(--ink-muted);opacity:0;transition:opacity var(--duration-fast),color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast);justify-content:center;align-items:center;display:inline-flex;position:relative}.verse-btn:after{content:"";width:2.875rem;height:2.875rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.verse:hover .verse-btn,.verse:focus-within .verse-btn,.verse-btn:focus-visible{opacity:1}@media(pointer:coarse){.verse-btn{opacity:1}}.verse-btn:hover{color:var(--ink);background:var(--paper-sunk)}.verse-btn:active{transform:scale(.9)}.verse-btn.is-on{opacity:1;color:var(--accent)}.verse-btn [data-state]{display:none}.verse-btn [data-state=off]{display:flex}.verse-btn[aria-pressed=true] [data-state=off]{display:none}.verse-btn[aria-pressed=true] [data-state=on]{display:flex}.verse-btn[data-copied] [data-state]{display:none}.verse-btn[data-copied] [data-state=done]{color:var(--primary);display:flex}.verse.is-playing{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.verse.is-playing{border-color:color-mix(in oklab,var(--primary) 55%,var(--rule))}}.verse.is-playing{background:var(--primary-wash)}@supports (color:color-mix(in lab,red,red)){.verse.is-playing{background:color-mix(in oklab,var(--primary-wash) 55%,var(--paper-raised))}}.verse.is-playing{box-shadow:var(--shadow-md),0 0 0 1px var(--primary)}@supports (color:color-mix(in lab,red,red)){.verse.is-playing{box-shadow:var(--shadow-md),0 0 0 1px color-mix(in oklab,var(--primary) 35%,transparent)}}.verse.is-playing .verse__num{background:var(--primary);color:var(--primary-ink)}.verse__eq{align-items:flex-end;gap:.1875rem;height:1rem;display:none}.verse.is-playing .verse__eq{display:flex}.verse__eq i{border-radius:var(--r-full);background:var(--primary);width:.21875rem;animation:eq .9s var(--ease-out-quint) infinite alternate}.verse__eq i:first-child{height:55%;animation-delay:-.3s}.verse__eq i:nth-child(2){height:100%;animation-delay:-.6s}.verse__eq i:nth-child(3){height:70%}@keyframes eq{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.verse__eq i{animation:none}}.juz-divider{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:1rem;margin-block:1.25rem;font-size:.6875rem;font-weight:650;display:flex}.juz-divider:before,.juz-divider:after{content:"";background:var(--rule);flex:1;height:1px}.resume-link{border:1px solid var(--accent);align-items:center;gap:.5rem;margin-block:.625rem 0;padding:.5rem .875rem;display:flex}@supports (color:color-mix(in lab,red,red)){.resume-link{border:1px solid color-mix(in oklab,var(--accent) 35%,var(--rule))}}.resume-link{border-radius:var(--r-md);background:var(--accent-wash);color:var(--ink);font-size:.8125rem;font-weight:550}.surah-hero{border:1px solid var(--rule);border-radius:var(--r-xl);background:radial-gradient(85% 115% at 50% -15%,var(--primary),transparent 70%),var(--paper-raised);margin-top:.75rem;padding:1.75rem 1.25rem 1.5rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.surah-hero{background:radial-gradient(85% 115% at 50% -15%,color-mix(in oklab,var(--primary) 15%,transparent),transparent 70%),var(--paper-raised)}}.surah-hero{box-shadow:var(--shadow-sm);text-align:center}@media(min-width:48rem){.surah-hero{padding:2.5rem 2rem 2rem}}.surah-hero__ar{font-family:var(--font-arabic);color:var(--primary);font-size:clamp(2.25rem,1.3rem + 4vw,3.25rem);line-height:1.5}.surah-hero__name{letter-spacing:-.025em;margin-top:.375rem;font-size:1.5rem;font-weight:700}.surah-hero__en{color:var(--ink-muted);margin-top:.125rem;font-size:.9375rem}.surah-hero__facts{color:var(--ink-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;row-gap:.15rem;margin-top:.875rem;font-size:.8125rem;font-weight:550;display:flex}.surah-hero__facts .fact{white-space:nowrap;display:inline-flex}.surah-hero__facts .fact:not(:last-child):after{content:"·";color:var(--ink-faint);margin-inline:.45rem}.surah-hero__facts dd{display:inline}.surah-hero__play{width:min(18rem,100%);margin-top:1.25rem;font-size:1rem}.surah-hero__play[hidden]{display:none}.bismillah{font-family:var(--font-arabic);font-size:calc(1.5rem * var(--reader-scale,1));text-align:center;color:var(--ink-muted);margin-block:1.75rem .5rem;line-height:2}.crumbs{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:.375rem;padding-top:1rem;font-size:.8125rem;display:flex}.crumbs a:hover{color:var(--primary)}.crumbs [aria-current=page]{color:var(--ink-muted)}.pager{justify-content:space-between;gap:.75rem;margin-top:2rem;display:flex}.pager a{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper-raised);transition:border-color var(--duration-fast),box-shadow var(--duration-fast);align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.875rem;font-weight:550;display:inline-flex}.pager a:hover{border-color:var(--rule-strong);box-shadow:var(--shadow-sm)}.reader-bar{top:var(--header-h);z-index:25;border-bottom:1px solid var(--rule);background:var(--paper);align-items:center;gap:.5rem;margin-inline:-1rem;padding:.5rem 1rem;display:flex;position:sticky}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.reader-bar{background:var(--paper)}@supports (color:color-mix(in lab,red,red)){.reader-bar{background:color-mix(in oklab,var(--paper) 80%,transparent)}}.reader-bar{-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px)}}.reader-bar:after{content:"";height:2px;width:var(--read-progress,0%);background:var(--primary);border-end-end-radius:var(--r-full);transition:width 90ms linear;position:absolute;inset-block-end:-1px;inset-inline-start:0}.reader-bar__spacer{flex:1}.reader-bar__link{border-radius:var(--r-sm);height:2.5rem;color:var(--ink-muted);transition:background var(--duration-fast),color var(--duration-fast);align-items:center;gap:.4rem;padding-inline:.75rem;font-size:.875rem;font-weight:550;display:inline-flex}.reader-bar__link:hover{background:var(--paper-sunk);color:var(--ink)}.reader-bar__label{display:none}@media(min-width:30rem){.reader-bar__label{display:inline}}.player{inset-inline:0;bottom:calc(var(--tabbar-h) + var(--safe-b));z-index:44;border-top:1px solid var(--rule);background:var(--paper);box-shadow:var(--shadow-up);position:fixed}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.player{background:var(--paper)}@supports (color:color-mix(in lab,red,red)){.player{background:color-mix(in oklab,var(--paper) 88%,transparent)}}.player{-webkit-backdrop-filter:saturate(1.6)blur(18px);backdrop-filter:saturate(1.6)blur(18px)}}@media(min-width:48rem){.player{padding-bottom:var(--safe-b);bottom:0}}.player__seek{display:block}.player__seek input{appearance:none;background:linear-gradient(to right,var(--primary) var(--pct,0%),var(--rule) var(--pct,0%));cursor:pointer;width:100%;height:.1875rem;transition:height var(--duration-fast) var(--ease-out-quint);margin:0;display:block}.player__seek:hover input,.player__seek input:focus-visible{height:.4375rem}.player__seek input:disabled{cursor:default;background:var(--rule)}.player__seek input::-webkit-slider-thumb{appearance:none;border-radius:var(--r-full);background:var(--primary);width:.875rem;height:.875rem;box-shadow:var(--shadow-sm);opacity:0;transition:opacity var(--duration-fast)}.player__seek input::-moz-range-thumb{border-radius:var(--r-full);background:var(--primary);opacity:0;width:.875rem;height:.875rem;transition:opacity var(--duration-fast);border:0}.player__seek:hover input:not(:disabled)::-webkit-slider-thumb{opacity:1}.player__seek input:focus-visible::-webkit-slider-thumb{opacity:1}.player__seek:hover input:not(:disabled)::-moz-range-thumb{opacity:1}.player__seek input:focus-visible::-moz-range-thumb{opacity:1}@media(pointer:coarse){.player__seek input{height:.3125rem}.player__seek input:not(:disabled)::-webkit-slider-thumb{opacity:1}.player__seek input:not(:disabled)::-moz-range-thumb{opacity:1}}.player__bar{align-items:center;gap:.625rem;padding:.5rem .75rem;display:flex}@media(min-width:48rem){.player__bar{padding:.625rem 1rem}}.player__play{border-radius:var(--r-full);background:linear-gradient(180deg,var(--primary-hi),var(--primary));width:3.25rem;height:3.25rem;color:var(--primary-ink);box-shadow:var(--shadow-md)}.player__play:hover{filter:brightness(1.06);background:var(--primary);color:var(--primary-ink)}.player__meta{text-align:start;border-radius:var(--r-sm);min-width:0;transition:background var(--duration-fast);flex:1;margin-inline-start:-.4rem;padding:.25rem .4rem;line-height:1.3}.player__meta:hover{background:var(--paper-sunk)}.player__title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;display:block;overflow:hidden}.player__status{font-variant-numeric:tabular-nums;color:var(--ink-muted);font-size:.8125rem;display:block}.player__tray{border-top:1px solid var(--rule);gap:.75rem 1.25rem;margin-top:-1px;padding:0 .75rem .75rem;display:none}.player.is-open .player__tray{grid-template-columns:minmax(0,1fr);padding-top:.25rem;display:grid}.player__tray .row{min-height:2.875rem}@media(min-width:52rem){.player__inner{max-width:var(--container-wide);align-items:center;gap:1.5rem;margin-inline:auto;padding-inline:.5rem;display:flex}.player__bar{flex:auto;min-width:20rem}.player__meta{min-width:7rem}.player__more,.player__tray .row--jump{display:none}.player__tray,.player.is-open .player__tray{border-top:0;flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:.5rem 1.25rem;min-width:0;margin-top:0;padding:0 1rem;display:flex}.player__tray .row{border-top:0;gap:.5rem;min-height:0;padding:0}.player__tray .row select.field{max-width:16rem}.player__tray .row>.btn{max-width:none}.player__tray .row__label{color:var(--ink-muted);font-size:.8125rem}}.icon-swap{align-items:center;display:inline-flex}.icon-swap [data-state]{display:none}.icon-swap [data-state=off]{display:flex}[data-playing=true] .icon-swap [data-state=off]{display:none}[data-playing=true] .icon-swap [data-state=on]{display:flex}.verse-transliteration{font-family:var(--font-serif);font-size:calc(.9375rem * var(--reader-scale,1));color:var(--ink-faint);font-style:italic;display:none}:root.show-transliteration .verse-transliteration{display:block}.tr-label{font-family:var(--font-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.3rem;font-size:.625rem;font-weight:650}:root:not(.compare-translations) .tr-label{display:none}.tafsir-panel{z-index:55;border-inline-start:1px solid var(--rule);background:var(--paper-raised);width:min(32rem,100vw);box-shadow:var(--shadow-lg);animation:panel-in var(--duration-slow) var(--ease-out-quint);flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-end:0}@keyframes panel-in{0%{translate:100%}}@media(max-width:40rem){.tafsir-panel{border-radius:var(--r-xl) var(--r-xl) 0 0;border-inline-start:0;border-top:1px solid var(--rule);width:100vw;height:80svh;animation:sheet-rise var(--duration-slow) var(--ease-out-quint);inset-block-start:auto}}.tafsir-panel__head{border-bottom:1px solid var(--rule);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.tafsir-panel__body{overscroll-behavior:contain;font-family:var(--font-arabic);font-size:calc(1.0625rem * var(--reader-scale,1));flex:1;padding:1.25rem 1.25rem 2rem;line-height:2;overflow-y:auto}.tafsir-panel__body p{margin-block:.85em}.tafsir-panel__body h3,.tafsir-panel__body h4{margin-block:1em .4em;font-weight:600}.tafsir-panel__body blockquote{border-inline-start:2px solid var(--accent);color:var(--ink-muted);padding-inline-start:.9rem}.tafsir-loading,.tafsir-empty{color:var(--ink-faint);font-family:var(--font-sans)}.tafsir-panel__foot{padding:.6rem 1rem calc(.6rem + var(--safe-b));border-top:1px solid var(--rule);color:var(--ink-faint);font-size:.6875rem;line-height:1.5}.wbw{display:none}:root.show-wbw .wbw{border-radius:var(--r-md);background:var(--paper-sunk);flex-wrap:wrap;gap:.375rem;margin-top:1rem;padding:.75rem;display:flex}.wbw-word{text-align:center;border-radius:var(--r-xs);transition:background var(--duration-fast);flex-direction:column;align-items:center;gap:.1rem;padding:.35rem .5rem;display:flex}.wbw-word:hover{background:var(--primary-wash)}.wbw-ar{font-family:var(--font-arabic);font-size:calc(1.35rem * var(--reader-scale,1));line-height:1.9}.wbw-tl{font-family:var(--font-serif);color:var(--ink-faint);direction:ltr;font-size:.75rem;font-style:italic}.wbw-gloss{font-family:var(--font-sans);color:var(--ink-muted);direction:ltr;max-width:11ch;font-size:.75rem}.wbw--static{border-radius:var(--r-md);background:var(--paper-sunk);flex-wrap:wrap;gap:.375rem;padding:.75rem;display:flex!important}.tafsir-inline{font-family:var(--font-arabic);font-size:calc(1.0625rem * var(--reader-scale,1));color:var(--ink-muted);line-height:2}.tafsir-inline p{margin-block:.85em}.surah-card{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper-raised);transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast) var(--ease-out-quint);align-items:center;gap:.875rem;padding:.875rem 1rem;display:flex}.surah-card:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.surah-card:hover{border-color:color-mix(in oklab,var(--primary) 40%,var(--rule))}}.surah-card:hover{box-shadow:var(--shadow-md)}.surah-card:active{transform:scale(.99)}.surah-card__num{background:var(--primary-wash);width:2.375rem;height:2.375rem;color:var(--primary);font-variant-numeric:tabular-nums;clip-path:polygon(50% 0%,67% 14%,86% 14%,86% 33%,100% 50%,86% 67%,86% 86%,67% 86%,50% 100%,33% 86%,14% 86%,14% 67%,0% 50%,14% 33%,14% 14%,33% 14%);transition:background var(--duration-fast),color var(--duration-fast);flex:none;place-items:center;font-size:.8125rem;font-weight:650;display:grid}.surah-card:hover .surah-card__num{background:var(--primary);color:var(--primary-ink)}.surah-card__sub{color:var(--ink-muted);font-size:.8125rem}.surah-card__ar{font-family:var(--font-arabic);color:var(--ink-muted);font-size:1.25rem;line-height:1.6}.surah-card:hover .surah-card__ar{color:var(--primary)}.search-hit{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper-raised);transition:border-color var(--duration-fast),box-shadow var(--duration-fast);align-items:center;gap:.875rem;padding:.875rem 1rem;display:flex}.search-hit+.search-hit{margin-top:.5rem}.search-hit:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.search-hit:hover{border-color:color-mix(in oklab,var(--primary) 35%,var(--rule))}}.search-hit:hover{box-shadow:var(--shadow-sm)}.search-hit__ref{border-radius:var(--r-xs);background:var(--primary-wash);font-variant-numeric:tabular-nums;color:var(--primary);flex:none;align-self:flex-start;padding:.25rem .5rem;font-size:.75rem;font-weight:650}.search-hit__text{min-width:0;font-family:var(--font-serif);color:var(--ink-muted);flex:1;font-size:.9375rem}.search-hit__text.ayah-text{font-family:var(--font-arabic);font-size:calc(1.25rem * var(--reader-scale,1));color:var(--ink)}.hero{border-bottom:1px solid var(--rule);position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(55% 48% at 50% 50%,var(--primary),transparent 70%),radial-gradient(36% 38% at 80% 28%,var(--accent),transparent 70%);height:40rem;position:absolute;inset:-45% 0 auto}@supports (color:color-mix(in lab,red,red)){.hero:before{background:radial-gradient(55% 48% at 50% 50%,color-mix(in oklab,var(--primary) 20%,transparent),transparent 70%),radial-gradient(36% 38% at 80% 28%,color-mix(in oklab,var(--accent) 14%,transparent),transparent 70%)}}.hero:before{pointer-events:none}.hero__inner{text-align:center;padding-block:3rem 2.75rem;position:relative}@media(min-width:48rem){.hero__inner{padding-block:5.5rem 4rem}}.hero__bismillah{font-family:var(--font-arabic);color:var(--primary);margin-bottom:1rem;font-size:1.5rem;line-height:2}@media(min-width:48rem){.hero__bismillah{font-size:1.875rem}}.hero__title{letter-spacing:-.035em;text-wrap:balance;max-width:22ch;margin-inline:auto;font-size:clamp(1.875rem,1.1rem + 3.4vw,3.25rem);font-weight:700;line-height:1.08}.hero__lede{max-width:54ch;color:var(--ink-muted);text-wrap:pretty;margin:1.125rem auto 0;font-size:1rem;line-height:1.65}@media(min-width:48rem){.hero__lede{font-size:1.0625rem}}.hero__search{border:1px solid var(--rule);border-radius:var(--r-full);background:var(--paper-raised);max-width:34rem;box-shadow:var(--shadow-md);transition:border-color var(--duration-fast),box-shadow var(--duration-fast);align-items:center;gap:.5rem;margin:1.75rem auto 0;padding:.3125rem .3125rem .3125rem .875rem;display:flex}.hero__search:focus-within{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hero__search:focus-within{border-color:color-mix(in oklab,var(--primary) 50%,var(--rule))}}.hero__search:focus-within{box-shadow:var(--shadow-md),0 0 0 3px var(--primary)}@supports (color:color-mix(in lab,red,red)){.hero__search:focus-within{box-shadow:var(--shadow-md),0 0 0 3px color-mix(in oklab,var(--primary) 16%,transparent)}}.hero__search .icon{color:var(--ink-faint)}.hero__search input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;flex:1;padding:.55rem 0;font-size:.9375rem}.hero__search input:focus{outline:none}.hero__search input::placeholder{color:var(--ink-faint)}.hero__search button{border-radius:var(--r-full);background:linear-gradient(180deg,var(--primary-hi),var(--primary));color:var(--primary-ink);transition:filter var(--duration-fast);flex:none;padding:.55rem 1.15rem;font-size:.9375rem;font-weight:600}.hero__search button:hover{filter:brightness(1.06)}.hero__actions{flex-wrap:wrap;justify-content:center;gap:.625rem;margin-top:1rem;display:flex}.continue{border:1px solid var(--primary);align-items:center;gap:.875rem;width:min(34rem,100%);margin:1.5rem auto 0;padding:.875rem 1rem;display:flex}@supports (color:color-mix(in lab,red,red)){.continue{border:1px solid color-mix(in oklab,var(--primary) 32%,var(--rule))}}.continue{border-radius:var(--r-lg);background:linear-gradient(135deg,var(--primary),var(--paper-raised))}@supports (color:color-mix(in lab,red,red)){.continue{background:linear-gradient(135deg,color-mix(in oklab,var(--primary) 10%,var(--paper-raised)),var(--paper-raised))}}.continue{box-shadow:var(--shadow-sm);text-align:start;transition:transform var(--duration-fast) var(--ease-out-quint),box-shadow var(--duration-fast),border-color var(--duration-fast)}.continue:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.continue:active{transform:translateY(0)}.continue__icon{border-radius:var(--r-full);background:linear-gradient(180deg,var(--primary-hi),var(--primary));width:2.75rem;height:2.75rem;color:var(--primary-ink);box-shadow:var(--shadow-sm);flex:none;place-items:center;display:grid}.continue__icon .icon{margin-inline-start:2px}.continue__text{flex:1;min-width:0}.continue__label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:.6875rem;font-weight:650;display:block}.continue__where{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin-top:.125rem;font-size:1rem;font-weight:650;display:block;overflow:hidden}.continue__ar{font-family:var(--font-arabic);color:var(--primary);flex:none;font-size:1.25rem;line-height:1.6}@media(max-width:26rem){.continue__ar{display:none}}.continue__go{color:var(--ink-faint);transition:translate var(--duration-fast) var(--ease-out-quint);flex:none}.continue:hover .continue__go{color:var(--primary);translate:3px}:root[dir=rtl] .continue__go{scale:-1 1}.stats{border-top:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;max-width:38rem;margin:2.25rem auto 0;padding-top:1.5rem;display:grid}@media(max-width:21.5rem){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem .5rem}}.stats dt{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);order:2;font-size:.625rem;font-weight:650}.stats dd{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:1.5rem;font-weight:700}.stats>div{flex-direction:column;gap:.15rem;display:flex}.section{padding-top:3rem}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.section__title{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:1rem;font-size:.6875rem;font-weight:700}.section__head .section__title{margin-bottom:0}.section__more{color:var(--ink-muted);margin-top:1.5rem;font-size:.875rem}.section__more a{color:var(--primary);font-weight:550}.section__more a:hover{text-decoration:underline}.vod{border:1px solid var(--rule);border-radius:var(--r-xl);background:radial-gradient(80% 100% at 50% 0%,var(--primary),transparent 65%),var(--paper-raised);padding:2rem clamp(1.25rem,4vw,2.5rem)}@supports (color:color-mix(in lab,red,red)){.vod{background:radial-gradient(80% 100% at 50% 0%,color-mix(in oklab,var(--primary) 10%,transparent),transparent 65%),var(--paper-raised)}}.vod{box-shadow:var(--shadow-sm)}.vod__ar{text-align:center;text-align-last:center}.vod__en{max-width:60ch;font-family:var(--font-serif);color:var(--ink-muted);text-align:center;text-wrap:pretty;margin:1.25rem auto 0;font-size:1.0625rem;line-height:1.75}.vod__cite{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;margin-top:1.25rem;font-size:.8125rem;display:flex}.vod__cite a{border-radius:var(--r-full);background:var(--primary-wash);color:var(--primary);padding:.3rem .7rem;font-weight:600}.vod__note{color:var(--ink-faint)}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--rule);border-radius:var(--r-full);background:var(--paper-raised);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast) var(--ease-out-quint);align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.875rem;display:flex}.chip:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.chip:hover{border-color:color-mix(in oklab,var(--primary) 40%,var(--rule))}}.chip:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.chip__ar{font-family:var(--font-arabic);color:var(--primary);font-size:1.0625rem}.chip__name{font-weight:600}.chip__meta{color:var(--ink-faint);font-size:.75rem}.features{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}@media(min-width:40rem){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:68rem){.features{grid-template-columns:repeat(4,minmax(0,1fr))}}.feature{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper-raised);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base),transform var(--duration-base) var(--ease-out-quint);flex-direction:column;padding:1.375rem;display:flex}.feature:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature__icon{border-radius:var(--r-sm);background:var(--primary-wash);width:2.375rem;height:2.375rem;color:var(--primary);place-items:center;margin-bottom:.875rem;display:grid}.feature__title{letter-spacing:-.015em;font-size:1rem;font-weight:650}.feature__body{color:var(--ink-muted);text-wrap:pretty;flex:1;margin-top:.4rem;font-size:.875rem;line-height:1.6}.feature__cta{color:var(--primary);align-items:center;gap:.35rem;margin-top:1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.feature__cta .icon{transition:translate var(--duration-fast) var(--ease-out-quint)}.feature:hover .feature__cta .icon{translate:3px}.filter{align-items:center;display:flex;position:relative}.filter .icon{color:var(--ink-faint);position:absolute;inset-inline-start:.75rem}.filter input{border:1px solid var(--rule);border-radius:var(--r-full);background:var(--paper-raised);width:min(18rem,60vw);min-height:2.5rem;color:inherit;font:inherit;padding:.5rem .9rem .5rem 2.35rem;font-size:.875rem}.filter input:focus{border-color:var(--primary);outline:none}@supports (color:color-mix(in lab,red,red)){.filter input:focus{border-color:color-mix(in oklab,var(--primary) 50%,var(--rule))}}.filter input:focus{box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab,red,red)){.filter input:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 16%,transparent)}}.filter input::placeholder{color:var(--ink-faint)}.filter__empty{color:var(--ink-muted);margin-top:1.5rem}.surah-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:.5rem;margin-top:.25rem;display:grid}.page-head{padding-block:1.75rem 1.5rem}.page-head h1{letter-spacing:-.03em;font-size:clamp(1.625rem,1.2rem + 1.6vw,2.125rem);font-weight:700}.page-head p{max-width:52ch;color:var(--ink-muted);margin-top:.5rem}.empty-state[hidden]{display:none}.empty-state{border:1px dashed var(--rule-strong);border-radius:var(--r-xl);text-align:center;color:var(--ink-muted);justify-items:center;gap:.5rem;padding:3rem 1.5rem;display:grid}.empty-state__icon{border-radius:var(--r-full);background:var(--paper-sunk);width:3rem;height:3rem;color:var(--ink-faint);place-items:center;margin-bottom:.25rem;display:grid}.appbar__brand .brand__mark{width:2rem;height:2rem}.study{border-top:1px solid var(--rule);margin-top:3.5rem;padding-top:2.5rem}.study__title{letter-spacing:-.025em;text-wrap:balance;margin-top:.4rem;font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem);font-weight:700}.study__p{font-family:var(--font-serif);color:var(--ink-muted);text-wrap:pretty;margin-top:.9rem;font-size:1.0625rem;line-height:1.75}.study__facts{margin-top:1.5rem;padding:.5rem 1.25rem}.study__facts dl{display:grid}.study__facts dl>div{border-bottom:1px solid var(--rule);grid-template-columns:minmax(8rem,38%) 1fr;gap:1rem;padding-block:.7rem;font-size:.9rem;display:grid}.study__facts dl>div:last-child{border-bottom:0}.study__facts dt{color:var(--ink-faint);font-weight:550}.study__facts dd{color:var(--ink)}.study__grid{grid-template-columns:minmax(0,1fr);gap:.75rem;margin-top:1.75rem;display:grid}@media(min-width:36rem){.study__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.faq{gap:.5rem;margin-top:1.25rem;display:grid}.faq__item{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper-raised);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.faq__item[open]{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.faq__item[open]{border-color:color-mix(in oklab,var(--primary) 30%,var(--rule))}}.faq__item[open]{box-shadow:var(--shadow-sm)}.faq__item summary{letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.1rem;font-weight:600;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"";border-right:1.7px solid var(--ink-faint);border-bottom:1.7px solid var(--ink-faint);width:.55rem;height:.55rem;transition:transform var(--duration-base) var(--ease-out-quint);flex:none;transform:rotate(45deg)translateY(-2px)}.faq__item[open] summary:after{transform:rotate(-135deg)translateY(-2px)}.faq__a{color:var(--ink-muted);padding:0 1.1rem 1.1rem;line-height:1.7}.faq__a p+p{margin-top:.75rem}.faq__a a,.prose a{color:var(--primary);text-underline-offset:2px;font-weight:550;text-decoration:underline;text-decoration-thickness:1px}.article-hero{border:1px solid var(--rule);border-radius:var(--r-xl);background:radial-gradient(85% 115% at 50% -15%,var(--primary),transparent 70%),radial-gradient(40% 60% at 90% 0%,var(--accent),transparent 70%),var(--paper-raised);margin-top:.75rem;padding:2rem 1.25rem 1.75rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.article-hero{background:radial-gradient(85% 115% at 50% -15%,color-mix(in oklab,var(--primary) 14%,transparent),transparent 70%),radial-gradient(40% 60% at 90% 0%,color-mix(in oklab,var(--accent) 12%,transparent),transparent 70%),var(--paper-raised)}}.article-hero{box-shadow:var(--shadow-sm);text-align:center}@media(min-width:48rem){.article-hero{padding:2.75rem 2.5rem 2.25rem}}.article-hero__ar{font-family:var(--font-arabic);color:var(--primary);font-size:1.75rem;line-height:1.6}.article-hero h1{letter-spacing:-.03em;text-wrap:balance;margin-top:.4rem;font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem);font-weight:700;line-height:1.12}.article-hero__lede{max-width:56ch;color:var(--ink-muted);text-wrap:pretty;margin:.9rem auto 0;line-height:1.65}.article-hero .btn{margin-top:1.25rem}.tldr{border-inline-start:3px solid var(--primary);border-radius:var(--r-sm);background:var(--primary-wash);margin-top:1.5rem;padding:1.1rem 1.25rem;line-height:1.7}.tldr strong{color:var(--primary)}.toc{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper-sunk);margin-top:1.5rem;padding:1rem 1.25rem;font-size:.9rem}.toc ol{counter-reset:toc;gap:.45rem;margin-top:.6rem;display:grid}.toc li{counter-increment:toc;gap:.6rem;display:flex}.toc li:before{content:counter(toc);min-width:1.25rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.toc a:hover{color:var(--primary)}.toc__range{color:var(--ink-faint);font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-start:auto}.prose{margin-top:2rem}.prose h2{letter-spacing:-.025em;text-wrap:balance;margin-top:2.75rem;scroll-margin-top:5rem;font-size:clamp(1.3rem,1.1rem + .8vw,1.625rem);font-weight:700}.prose h3{letter-spacing:-.015em;margin-top:1.75rem;font-size:1.125rem;font-weight:650}.prose p,.prose li{font-family:var(--font-serif);color:var(--ink-muted);text-wrap:pretty;font-size:1.0625rem;line-height:1.78}.prose p{margin-top:.9rem}.prose strong{color:var(--ink);font-weight:650}.prose ul,.prose ol{gap:.4rem;margin-top:.75rem;padding-inline-start:1.25rem;display:grid}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose .eyebrow{margin-top:2.75rem;display:block}.prose .eyebrow+h2{margin-top:.35rem}.gist{font-family:var(--font-sans)!important;color:var(--ink)!important;font-size:.95rem!important}.vref{border-radius:var(--r-xs);background:var(--primary-wash);font-family:var(--font-sans);font-variant-numeric:tabular-nums;vertical-align:.08em;padding:0 .35rem;font-size:.8em;font-weight:650;display:inline-flex;color:var(--primary)!important;text-decoration:none!important}.vref:hover{background:var(--primary);color:var(--primary-ink)!important}.vquote{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper-raised);box-shadow:var(--shadow-sm);margin-top:1.25rem;padding:1.1rem 1.25rem 1rem}.vquote__ar{font-family:var(--font-arabic);font-size:calc(1.5rem * var(--reader-scale,1));color:var(--ink);line-height:2}.vquote__en{margin-top:.5rem!important;font-size:1rem!important}.vquote__cite{color:var(--ink-faint);margin-top:.5rem;font-size:.8rem}.vquote__cite a{color:var(--primary);font-weight:600}.theme-grid{grid-template-columns:minmax(0,1fr);gap:.6rem;margin-top:1rem;display:grid}@media(min-width:36rem){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.theme-card{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper-raised);padding:1rem 1.1rem}.theme-card__t{letter-spacing:-.01em;font-weight:650}.theme-card__b{color:var(--ink-muted);margin-top:.3rem;font-size:.875rem;line-height:1.6}.theme-card__v{flex-wrap:wrap;gap:.3rem;margin-top:.6rem;display:flex}.hadith{border:1px solid var(--rule);border-radius:var(--r-xl);background:var(--paper-raised);box-shadow:var(--shadow-sm);margin-top:1.25rem;padding:1.35rem 1.35rem 1.15rem;scroll-margin-top:5rem}.hadith--weak{background:var(--paper-sunk);box-shadow:none;border-style:dashed}.hadith__head{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.hadith__title{letter-spacing:-.015em;flex:16rem;font-size:1.0625rem;font-weight:650}.grade{border-radius:var(--r-full);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.grade--good{background:var(--primary-wash);color:var(--primary)}.grade--weak{background:var(--accent-wash);color:var(--accent)}.hadith__matn{font-family:var(--font-arabic);color:var(--ink);margin-top:1rem;font-size:1.375rem;line-height:2}.hadith__en{font-family:var(--font-serif);color:var(--ink-muted);margin-top:.75rem;font-size:1.0625rem;line-height:1.75}.hadith__meta{gap:.6rem;margin-top:1rem;font-size:.85rem;display:grid}.hadith__meta dt{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:.68rem;font-weight:700}.hadith__meta dd{color:var(--ink-muted);margin-top:.15rem;line-height:1.6}.hadith__meta a{color:var(--primary);font-weight:600}.hadith__meta a:hover{text-decoration:underline}.hadith__note{border-radius:var(--r-sm);background:var(--paper-sunk);color:var(--ink-muted);margin-top:.9rem;padding:.7rem .9rem;font-size:.85rem;line-height:1.6}.hadith--weak .hadith__note{background:var(--paper-raised)}.names{gap:.5rem;margin-top:1rem;display:grid}.names__row{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper-raised);grid-template-columns:auto 1fr;align-items:baseline;gap:.25rem 1rem;padding:.85rem 1rem;display:grid}.names__ar{font-family:var(--font-arabic);color:var(--primary);grid-row:span 2;font-size:1.5rem;line-height:1.5}.names__name{font-weight:650}.names__name span{color:var(--ink-faint);font-weight:400}.names__basis{color:var(--ink-muted);font-size:.85rem}.steps{counter-reset:step;gap:.75rem;margin-top:1.25rem;display:grid}.step{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper-raised);counter-increment:step;padding:1rem 1.1rem 1rem 3.4rem;position:relative}.step:before{content:counter(step);border-radius:var(--r-full);background:linear-gradient(180deg,var(--primary-hi),var(--primary));width:1.75rem;height:1.75rem;color:var(--primary-ink);top:1rem;place-items:center;font-size:.8rem;font-weight:700;display:grid;position:absolute;inset-inline-start:1rem}.step__t{font-weight:650}.step__b{color:var(--ink-muted);margin-top:.25rem;font-size:.9rem;line-height:1.6}.plan{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.4rem;margin-top:1rem;display:grid}.plan__day{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper-raised);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast);align-items:center;gap:.75rem;padding:.6rem .8rem;font-size:.875rem;display:flex}.plan__day:hover{border-color:var(--rule-strong)}.plan__day input{accent-color:var(--primary);flex:none;width:1.05rem;height:1.05rem}.plan__day:has(input:checked){background:var(--primary-wash);border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.plan__day:has(input:checked){border-color:color-mix(in oklab,var(--primary) 30%,var(--rule))}}.plan__day:has(input:checked) .plan__label{color:var(--ink-faint);text-decoration:line-through}.plan__label{flex:1;min-width:0}.plan__go{color:var(--primary);font-size:.8rem;font-weight:600}.plan__progress{color:var(--ink-muted);margin-top:.75rem;font-size:.85rem}.reading{gap:.75rem;margin-top:1.5rem;display:grid}.reading__row{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper-raised);padding:1rem 1.15rem;scroll-margin-top:5rem}.reading__num{border-radius:var(--r-full);background:var(--primary-wash);min-width:1.75rem;height:1.75rem;color:var(--primary);place-items:center;padding-inline:.35rem;font-size:.75rem;font-weight:700;display:inline-grid}.reading__ar{font-family:var(--font-arabic);font-size:calc(1.5rem * var(--reader-scale,1));margin-top:.4rem;line-height:2.05}.reading__tl{color:var(--ink);margin-top:.4rem;font-size:1rem;font-style:italic;line-height:1.7}.reading__en{font-family:var(--font-serif);color:var(--ink-muted);margin-top:.5rem;font-size:1rem;line-height:1.7}.reading__en+.reading__en{margin-top:.4rem}.reading__src{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:.68rem;font-weight:700;display:block}.checksum{word-break:break-all;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.prose [lang=ar],.faq__a [lang=ar]{font-family:var(--font-arabic);font-size:1.15em;font-style:normal}.saw{vertical-align:.05em;margin-inline:.06em;font-size:.72em;line-height:0;display:inline-block}.pager{flex-wrap:wrap}.pager a{white-space:nowrap}@media(max-width:26rem){.pager{justify-content:center}.pager>span:empty{display:none}}a.visually-hidden:focus{z-index:100;clip-path:none;white-space:normal;border-radius:var(--r-sm);background:var(--primary);width:auto;height:auto;color:var(--primary-ink);margin:0;padding:.6rem 1rem;font-weight:600;position:fixed;top:.5rem;left:.5rem}.mushaf{gap:1rem;margin-top:1.5rem;display:grid}.mushaf__bismillah{font-family:var(--font-arabic);font-size:calc(1.6rem * var(--reader-scale,1));text-align:center;color:var(--primary);line-height:2}.mushaf__page{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper-raised);box-shadow:var(--shadow-sm);padding:1.25rem 1.25rem .9rem}.mushaf__text{font-family:var(--font-arabic);font-size:calc(1.6rem * var(--reader-scale,1));text-align:justify;text-align-last:center;line-height:2.25}.mushaf__ayah{color:var(--ink);transition:color var(--duration-fast)}.mushaf__ayah:hover{color:var(--primary)}.mushaf__ayah:target{background:var(--accent-wash);border-radius:var(--r-xs)}.mushaf__end{border:1px solid var(--primary);place-items:center;min-width:1.7em;height:1.7em;margin-inline:.15em;display:inline-grid}@supports (color:color-mix(in lab,red,red)){.mushaf__end{border:1px solid color-mix(in oklab,var(--primary) 45%,transparent)}}.mushaf__end{border-radius:var(--r-full);color:var(--primary);vertical-align:.35em;font-family:system-ui,sans-serif;font-size:.55em;line-height:1}.mushaf__foot{border-top:1px solid var(--rule);text-align:center;color:var(--ink-faint);margin-top:.6rem;padding-top:.6rem;font-size:.75rem}.vocab{margin-top:2.25rem}.vocab__title{letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.vocab__title span{color:var(--ink-faint);font-size:.85rem;font-weight:500}.vocab__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:.5rem;margin-top:.8rem;display:grid}.vocab__card{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper-raised);text-align:center;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast) var(--ease-out-quint);gap:.15rem;padding:.8rem .85rem .7rem;display:grid;position:relative}.vocab__card:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.vocab__card:hover{border-color:color-mix(in oklab,var(--primary) 40%,var(--rule))}}.vocab__card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.vocab__ar{font-family:var(--font-arabic);color:var(--primary);font-size:1.6rem;line-height:1.7}.vocab__tl{color:var(--ink-muted);font-size:.8rem;font-style:italic}.vocab__gloss{font-size:.875rem;font-weight:600}.vocab__ref{color:var(--ink-faint);font-variant-numeric:tabular-nums;margin-top:.25rem;font-size:.7rem}.bars{grid-template-columns:repeat(30,minmax(0,1fr));align-items:end;gap:2px;height:10rem;margin-top:1rem;padding-top:1.2rem;display:grid}.bars__bar{height:var(--h);background:var(--primary);border-radius:3px 3px 0 0;min-height:4px;position:relative}@supports (color:color-mix(in lab,red,red)){.bars__bar{background:color-mix(in oklab,var(--primary) 70%,transparent)}}.bars__bar{transition:background var(--duration-fast)}.bars__bar:hover{background:var(--primary)}.bars__n{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.55rem;position:absolute;bottom:100%;left:50%;translate:-50% -2px}.bars__v{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.55rem;position:absolute;top:100%;left:50%;translate:-50% 2px}.bars+p{margin-top:1.6rem!important}.reciters{gap:.5rem;margin-top:1rem;display:grid}.reciters__row{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper-raised);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.75rem 1rem;display:flex}.reciters__name{font-weight:650}.reciters__links{flex-wrap:wrap;gap:.4rem;display:flex}.reciters__links .chip{box-shadow:none;padding:.35rem .7rem;font-size:.78rem}.reciters__links .chip .icon{color:var(--primary)}.mp3{grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));gap:.35rem;margin-top:1rem;display:grid}.mp3 li{border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--paper-raised);justify-content:space-between;align-items:baseline;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;display:flex}.mp3 a:first-child{color:var(--primary);font-weight:600}.mp3__study{color:var(--ink-faint);font-size:.72rem}@media(min-width:48rem){.site-footer__cols--4{grid-template-columns:1fr 1fr 1fr 1.6fr}}.hub{grid-template-columns:minmax(0,1fr);gap:.5rem;margin-top:1rem;display:grid}@media(min-width:36rem){.hub{grid-template-columns:repeat(2,minmax(0,1fr))}}.hub__item{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper-raised);height:100%;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);gap:.2rem;padding:.85rem 1rem;display:grid}.hub__item:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hub__item:hover{border-color:color-mix(in oklab,var(--primary) 40%,var(--rule))}}.hub__item:hover{box-shadow:var(--shadow-sm)}.hub__t{letter-spacing:-.01em;font-weight:650}.hub__s{color:var(--ink-muted);font-size:.82rem;line-height:1.5}.report{border:1px solid var(--primary);align-items:center;gap:.75rem;margin-top:2rem;padding:.85rem 1rem;display:flex}@supports (color:color-mix(in lab,red,red)){.report{border:1px solid color-mix(in oklab,var(--primary) 35%,var(--rule))}}.report{border-radius:var(--r-md);background:var(--primary-wash);color:var(--ink);transition:border-color var(--duration-fast),box-shadow var(--duration-fast);font-size:.9375rem}.report:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.report>span:nth-child(2){flex:1}.report strong{color:var(--primary)}.report__icon{border-radius:var(--r-full);background:var(--primary);width:2rem;height:2rem;color:var(--primary-ink);place-items:center;display:grid}}@layer utilities{.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.\!grid{display:grid!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.w-full{width:100%}.max-w-\(--container-reader\){max-width:var(--container-reader)}.max-w-\(--container-wide\){max-width:var(--container-wide)}.max-w-\[34ch\]{max-width:34ch}.max-w-\[38ch\]{max-width:38ch}.min-w-0{min-width:0}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.scroll-mt-28{scroll-margin-top:calc(var(--spacing) * 28)}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.rounded{border-radius:.25rem}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.px-4{padding-inline:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-32{padding-bottom:calc(var(--spacing) * 32)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--r-xs:.375rem;--r-sm:.625rem;--r-md:.875rem;--r-lg:1.125rem;--r-xl:1.5rem;--r-full:999px;--tabbar-h:3.875rem;--safe-b:env(safe-area-inset-bottom,0px)}:root,:root[data-theme=light]{color-scheme:light;--paper:oklch(98.6% .004 160);--paper-sunk:oklch(96.4% .006 160);--paper-raised:oklch(100% 0 0);--ink:oklch(22% .014 185);--ink-muted:oklch(48% .016 185);--ink-faint:oklch(64% .014 185);--rule:oklch(92.5% .008 175);--rule-strong:oklch(87% .01 175);--primary:oklch(47% .108 166);--primary-hi:oklch(55% .115 166);--primary-ink:oklch(99% .01 166);--primary-wash:oklch(95.5% .028 166);--accent:oklch(60% .115 75);--accent-wash:oklch(95.5% .034 75);--focus:oklch(55% .16 250);--shadow-sm:0 1px 2px oklch(22% .014 185/.06), 0 1px 1px oklch(22% .014 185/.04);--shadow-md:0 2px 4px oklch(22% .014 185/.05), 0 6px 16px oklch(22% .014 185/.07);--shadow-lg:0 8px 24px oklch(22% .014 185/.1), 0 2px 6px oklch(22% .014 185/.06);--shadow-up:0 -1px 0 oklch(22% .014 185/.05), 0 -8px 28px oklch(22% .014 185/.08)}:root[data-theme=sepia]{color-scheme:light;--paper:oklch(95.8% .022 80);--paper-sunk:oklch(93.4% .026 80);--paper-raised:oklch(98% .015 80);--ink:oklch(29% .026 60);--ink-muted:oklch(48% .028 60);--ink-faint:oklch(63% .026 60);--rule:oklch(88.5% .026 80);--rule-strong:oklch(83% .03 80);--primary:oklch(44% .095 158);--primary-hi:oklch(52% .1 158);--primary-ink:oklch(98% .012 158);--primary-wash:oklch(92% .034 158);--accent:oklch(54% .102 62);--accent-wash:oklch(92% .04 62);--focus:oklch(52% .15 250);--shadow-sm:0 1px 2px oklch(29% .026 60/.07);--shadow-md:0 2px 4px oklch(29% .026 60/.06), 0 6px 16px oklch(29% .026 60/.08);--shadow-lg:0 8px 24px oklch(29% .026 60/.12), 0 2px 6px oklch(29% .026 60/.07);--shadow-up:0 -1px 0 oklch(29% .026 60/.06), 0 -8px 28px oklch(29% .026 60/.09)}:root[data-theme=dark]{color-scheme:dark;--paper:oklch(19.5% .012 185);--paper-sunk:oklch(16.5% .012 185);--paper-raised:oklch(24% .014 185);--ink:oklch(94% .006 160);--ink-muted:oklch(74% .011 185);--ink-faint:oklch(59% .013 185);--rule:oklch(30% .014 185);--rule-strong:oklch(38% .016 185);--primary:oklch(76% .115 166);--primary-hi:oklch(83% .12 166);--primary-ink:oklch(18% .03 166);--primary-wash:oklch(28% .04 166);--accent:oklch(79% .105 82);--accent-wash:oklch(29% .038 82);--focus:oklch(74% .13 250);--shadow-sm:0 1px 2px oklch(0% 0 0/.3);--shadow-md:0 2px 6px oklch(0% 0 0/.34), 0 8px 20px oklch(0% 0 0/.3);--shadow-lg:0 10px 34px oklch(0% 0 0/.46);--shadow-up:0 -1px 0 oklch(100% 0 0/.05), 0 -10px 30px oklch(0% 0 0/.4)}:root[data-theme=black]{color-scheme:dark;--paper:oklch(0% 0 0);--paper-sunk:oklch(0% 0 0);--paper-raised:oklch(14% .008 185);--ink:oklch(93% .004 160);--ink-muted:oklch(71% .008 185);--ink-faint:oklch(55% .01 185);--rule:oklch(24% .01 185);--rule-strong:oklch(32% .012 185);--primary:oklch(78% .115 166);--primary-hi:oklch(85% .12 166);--primary-ink:oklch(11% .03 166);--primary-wash:oklch(21% .042 166);--accent:oklch(81% .105 82);--accent-wash:oklch(23% .038 82);--focus:oklch(76% .13 250);--shadow-sm:0 0 0 1px oklch(100% 0 0/.04);--shadow-md:0 0 0 1px oklch(100% 0 0/.05), 0 8px 24px oklch(0% 0 0/.6);--shadow-lg:0 0 0 1px oklch(100% 0 0/.06), 0 12px 38px oklch(0% 0 0/.7);--shadow-up:0 -1px 0 oklch(100% 0 0/.07)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--paper:oklch(19.5% .012 185);--paper-sunk:oklch(16.5% .012 185);--paper-raised:oklch(24% .014 185);--ink:oklch(94% .006 160);--ink-muted:oklch(74% .011 185);--ink-faint:oklch(59% .013 185);--rule:oklch(30% .014 185);--rule-strong:oklch(38% .016 185);--primary:oklch(76% .115 166);--primary-hi:oklch(83% .12 166);--primary-ink:oklch(18% .03 166);--primary-wash:oklch(28% .04 166);--accent:oklch(79% .105 82);--accent-wash:oklch(29% .038 82);--focus:oklch(74% .13 250);--shadow-sm:0 1px 2px oklch(0% 0 0/.3);--shadow-md:0 2px 6px oklch(0% 0 0/.34), 0 8px 20px oklch(0% 0 0/.3);--shadow-lg:0 10px 34px oklch(0% 0 0/.46);--shadow-up:0 -1px 0 oklch(100% 0 0/.05), 0 -10px 30px oklch(0% 0 0/.4)}}@font-face{font-family:Amiri;src:url(/fonts/amiri.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/noto-naskh.woff2)format("woff2");font-weight:400;font-display:swap}:root.font-amiri{--font-arabic:"Amiri", serif}:root.font-noto-naskh{--font-arabic:"Noto Naskh Arabic", serif}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}