@layer theme,base,components,utilities;@layer identity{:root:is([data-tone],:not([data-theme])) [data-ui=diff][data-diff-type]{--t:var(--diff,var(--add));--ti:var(--diff-ink,var(--add-ink));--te:var(--ti);background:var(--t);color:var(--ti);border-radius:var(--r-sm,4px);-webkit-box-decoration-break:clone;box-decoration-break:clone;text-decoration-color:var(--te);text-underline-offset:.62em;text-decoration-skip-ink:none;padding:.04em .28em;text-decoration-thickness:2px}:root:is([data-tone],:not([data-theme])) [data-ui=diff][data-diff-type=particle]{--t:var(--d-particle,var(--add));--ti:var(--d-particle-ink,var(--add-ink));--te:var(--d-particle-edge,currentColor);text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:3px}:root:is([data-tone],:not([data-theme])) [data-ui=diff][data-diff-type=addition]{--t:var(--d-addition,var(--add));--ti:var(--d-addition-ink,var(--add-ink));--te:var(--d-addition-edge,currentColor);box-shadow:inset 0 -3px 0 var(--te)}:root:is([data-tone],:not([data-theme])) [data-ui=diff][data-diff-type=omission]{--t:var(--d-omission,var(--diff,var(--add)));--ti:var(--d-omission-ink,var(--add-ink));--te:var(--d-omission-edge,currentColor);text-decoration-line:underline;text-decoration-style:dashed}:root:is([data-tone],:not([data-theme])) [data-ui=diff][data-diff-type=substitution]{--t:var(--d-substitution,var(--end));--ti:var(--d-substitution-ink,var(--end-ink));--te:var(--d-substitution-edge,currentColor);text-decoration-line:underline;text-decoration-style:double;text-decoration-thickness:1.5px}:root:is([data-tone],:not([data-theme])) [data-ui=diff][data-diff-type=order]{--t:var(--d-order,var(--end));--ti:var(--d-order-ink,var(--end-ink));--te:var(--d-order-edge,currentColor);box-shadow:inset 2px 0 0 var(--te), inset -2px 0 0 var(--te)}:root:is([data-tone],:not([data-theme])) [data-ui=diff][data-diff-type=ending]{--t:var(--d-ending,var(--end));--ti:var(--d-ending-ink,var(--end-ink));--te:var(--d-ending-edge,currentColor);text-decoration-line:underline;text-decoration-style:wavy;text-decoration-thickness:1.5px}:root:is([data-tone],:not([data-theme])) [data-ui=gap]{vertical-align:-.12em;border:2px dashed var(--ink-3);border-radius:var(--r-sm,4px);block-size:1.05em;inline-size:1.5em;margin-inline:.1em;display:inline-block}:root:is([data-tone],:not([data-theme])) [data-ui=gap][data-gap=addition]{border-color:var(--d-addition-edge,var(--ink-3));background:color-mix(in srgb, var(--d-addition,var(--add)) 40%, transparent)}:root:is([data-tone],:not([data-theme])) [data-ui=gap][data-gap=omission]{border-color:var(--d-omission-edge,var(--ink-3));background:color-mix(in srgb, var(--d-omission,var(--add)) 40%, transparent)}:root:is([data-tone],:not([data-theme])) [data-key]{border-radius:var(--r-sm,4px);background:var(--t,var(--add));--te:var(--ink-2);flex:none;block-size:20px;inline-size:32px;display:inline-block;position:relative}:root:is([data-tone],:not([data-theme])) [data-key]:after{content:"";border-block-start:0 solid var(--te);position:absolute;inset-block-end:3px;inset-inline:4px}:root:is([data-tone],:not([data-theme])) [data-key][data-key=particle]{--t:var(--d-particle,var(--add));--te:var(--d-particle-edge,var(--ink-2))}:root:is([data-tone],:not([data-theme])) [data-key][data-key=particle]:after{border-block-start:3px dotted var(--te)}:root:is([data-tone],:not([data-theme])) [data-key][data-key=addition]{--t:var(--d-addition,var(--add));--te:var(--d-addition-edge,var(--ink-2))}:root:is([data-tone],:not([data-theme])) [data-key][data-key=addition]:after{border-block-start:3px solid var(--te);inset-block-end:0;inset-inline:0}:root:is([data-tone],:not([data-theme])) [data-key][data-key=omission]{--t:var(--d-omission,var(--add));--te:var(--d-omission-edge,var(--ink-2))}:root:is([data-tone],:not([data-theme])) [data-key][data-key=omission]:after{border-block-start:2px dashed var(--te)}:root:is([data-tone],:not([data-theme])) [data-key][data-key=substitution]{--t:var(--d-substitution,var(--end));--te:var(--d-substitution-edge,var(--ink-2))}:root:is([data-tone],:not([data-theme])) [data-key][data-key=substitution]:after{border-block-start:4px double var(--te)}:root:is([data-tone],:not([data-theme])) [data-key][data-key=order]{--t:var(--d-order,var(--end));--te:var(--d-order-edge,var(--ink-2));box-shadow:inset 2px 0 0 var(--te), inset -2px 0 0 var(--te)}:root:is([data-tone],:not([data-theme])) [data-key][data-key=order]:after{display:none}:root:is([data-tone],:not([data-theme])) [data-key][data-key=ending]{--t:var(--d-ending,var(--end));--te:var(--d-ending-edge,var(--ink-2))}:root:is([data-tone],:not([data-theme])) [data-key][data-key=ending]:after{background:var(--te);block-size:5px;inset-block-end:2px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 3.5 Q2 0.5 4 2.5 T8 1.5' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E") repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 3.5 Q2 0.5 4 2.5 T8 1.5' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E") repeat-x}:root:is([data-tone],:not([data-theme])) [data-key][data-key=shared]{box-shadow:inset 0 0 0 1px var(--line);background:0 0}:root:is([data-tone],:not([data-theme])) [data-key][data-key=shared]:after{border-block-start:2px solid var(--ink);inset-block-end:9px}:root:is([data-tone],:not([data-theme])) [data-key][data-key=counter]{box-shadow:inset 0 0 0 1px var(--line);background:0 0}:root:is([data-tone],:not([data-theme])) [data-key][data-key=counter]:after{border-block-start:1.5px solid var(--ink-3)}:root:is([data-tone],:not([data-theme])) [data-key][data-key=gap]{border:2px dashed var(--ink-3);background:0 0}:root:is([data-tone],:not([data-theme])) [data-key][data-key=gap]:after{display:none}:root:is([data-tone],:not([data-theme])) [data-ui=band]{background:var(--surface-2);color:var(--ink)}:root:is([data-tone],:not([data-theme])) :is([data-ui=card],[data-ui=group-card]){border:0}:root:is([data-tone],:not([data-theme])) :is([data-ui=ayah],[data-ui=ayah] *,[data-part=gc-anchor],[data-part=opt-text][lang=ar],[data-part=opt-text][lang=ar] *){font-synthesis:none!important;letter-spacing:normal!important;font-weight:400!important;transform:none!important}:root:is([data-theme=fajr],:not([data-theme])){--soft:var(--sh-sm);--soft-lg:var(--sh-md)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=link]{min-block-size:32px;color:var(--cta);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-underline-offset:.4em;align-items:center;gap:.45rem;font-weight:600;text-decoration-thickness:1.5px;transition:text-decoration-color .25s;display:inline-flex}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=link]:hover{text-decoration-color:var(--accent)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=link] svg{block-size:18px;inline-size:18px;transition:transform .3s cubic-bezier(.16,1,.3,1)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=link]:hover svg{transform:translate(-3px)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=ayah]{line-height:2.7}:root:is([data-theme=fajr],:not([data-theme])) [data-shared]{color:var(--ink)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=diff][data-diff-type]{border-radius:var(--r-sm);text-underline-offset:.66em;padding:.06em .32em}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=diff][data-state=revealed]{animation:.9s cubic-bezier(.16,1,.3,1) both fajr-dawn}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=gap]{border-width:1.5px;border-radius:6px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=legend]{border-color:var(--line);color:var(--ink-2);gap:.7rem 2rem}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=legend] ul{gap:.7rem 1.8rem}:root:is([data-theme=fajr],:not([data-theme])) [data-key]{border-radius:6px}:root:is([data-theme=fajr],:not([data-theme])) :is([data-ui=chip],[data-ui=ref-chip]),:root:is([data-theme=fajr],:not([data-theme])) [data-ui=ref-chip],:root:is([data-theme=fajr],:not([data-theme])) [data-ui=chip]{background:var(--surface);color:var(--accent);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;min-block-size:32px;padding-inline:.9rem;font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=ref-chip][data-variant=link]{min-block-size:36px;transition:background .25s,box-shadow .25s}:root:is([data-theme=fajr],:not([data-theme])) a:hover>[data-ui=ref-chip]{background:var(--surface-2);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--end) 87%, var(--d-substitution-edge));color:var(--cta)}:root:is([data-theme=fajr],:not([data-theme])) :is([data-ui=chip],[data-ui=ref-chip])[data-state=active]{background:var(--surface-2);color:var(--cta);box-shadow:inset 0 0 0 1.5px var(--accent)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button]{border-radius:var(--r-btn);font-weight:600;transition:background .25s,box-shadow .25s,color .25s,transform .25s cubic-bezier(.16,1,.3,1)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button][data-variant=primary]{background:var(--cta);color:var(--cta-ink);box-shadow:0 1px 2px color-mix(in srgb, var(--cta-hover) 18%, transparent), 0 12px 26px -14px color-mix(in srgb, var(--cta-hover) 55%, transparent)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button][data-variant=primary]:hover{background:var(--cta-hover);box-shadow:0 2px 4px color-mix(in srgb, var(--cta-hover) 18%, transparent), 0 16px 30px -14px color-mix(in srgb, var(--cta-hover) 60%, transparent);transform:translateY(-1px)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button][data-variant=secondary]{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line), var(--sh-sm)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button][data-variant=secondary]:hover{background:var(--surface-2);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--end) 87%, var(--d-substitution-edge)), var(--sh-sm)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button][data-variant=ghost]{color:var(--cta);box-shadow:none;background:0 0}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button][data-variant=ghost]:hover{background:color-mix(in srgb, var(--sel) 45%, transparent);color:var(--cta-hover)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button][data-variant=danger]{background:var(--bad-soft);color:var(--bad);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bad) 21%, var(--bad-soft))}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button][data-variant=danger]:hover{background:var(--bad);color:var(--surface);box-shadow:0 12px 26px -14px color-mix(in srgb, var(--bad) 60%, transparent)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button]:disabled{opacity:1;background:var(--surface-2);color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line);transform:none}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button][data-variant=ghost]:disabled{box-shadow:none;background:0 0}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button][data-state=pending]{cursor:progress;transform:none}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button][data-variant=primary][data-state=pending]{background:color-mix(in srgb, var(--cta) 88%, var(--surface));box-shadow:none}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button] svg{block-size:19px;inline-size:19px}:root:is([data-theme=fajr],:not([data-theme])) [data-part=label]{color:var(--ink);font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=input],:root:is([data-theme=fajr],:not([data-theme])) [data-ui=select] select{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink);transition:border-color .2s,box-shadow .2s}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=input]:hover,:root:is([data-theme=fajr],:not([data-theme])) [data-ui=select] select:hover{border-color:var(--accent)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=input]:focus-visible,:root:is([data-theme=fajr],:not([data-theme])) [data-ui=select] select:focus-visible{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 28%, transparent);outline:0}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=input][data-state=error]{border-color:var(--bad);background:color-mix(in srgb, var(--bad-soft) 45%, var(--surface))}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=input]:disabled{opacity:1;background:var(--bg-2);color:var(--ink-3);border-color:var(--line)}:root:is([data-theme=fajr],:not([data-theme])) [data-part=help]{color:var(--ink-2)}:root:is([data-theme=fajr],:not([data-theme])) [data-part=error-text]{color:var(--bad);font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=search] [data-ui=input]{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=input][data-variant=otp]{font-family:var(--f-display);color:var(--cta);font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-part=box]{border:1px solid var(--line-strong);border-radius:7px;transition:background .2s,border-color .2s}:root:is([data-theme=fajr],:not([data-theme])) [data-part=box][data-variant=radio]{border-radius:50%}:root:is([data-theme=fajr],:not([data-theme])) :is([data-ui=checkbox],[data-ui=radio]):hover [data-part=box]{border-color:var(--accent)}:root:is([data-theme=fajr],:not([data-theme])) :is([data-ui=checkbox],[data-ui=radio]) input:focus-visible+[data-part=box]{outline:2px solid var(--focus);outline-offset:3px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=switch]{background:color-mix(in srgb, var(--line) 84%, var(--cta));border-radius:16px;transition:background .25s}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=switch] [data-part=thumb]{background:var(--surface);box-shadow:0 1px 3px color-mix(in srgb, var(--cta-hover) 30%, transparent);transition:inset-inline-start .3s cubic-bezier(.16,1,.3,1)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=switch][aria-checked=true]{background:var(--cta)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=progress]{background:var(--surface-2);border-radius:8px;block-size:8px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=progress]::-webkit-progress-bar{background:var(--surface-2);border-radius:8px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=progress]::-webkit-progress-value{background:linear-gradient(to left, var(--cta), color-mix(in srgb, var(--accent) 73%, var(--d-order)));border-radius:8px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=progress]::-moz-progress-bar{background:linear-gradient(to left, var(--cta), color-mix(in srgb, var(--accent) 73%, var(--d-order)));border-radius:8px}:root:is([data-theme=fajr],:not([data-theme])) [data-part=progress-label]{color:var(--ink-2);font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=timer]{color:var(--ink);font-family:var(--f-display);font-size:1.15rem;font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=timer] svg{color:var(--accent)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=badge]{border-radius:10px;font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=badge][data-variant=streak]{background:var(--d-addition);color:var(--ink)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=badge][data-variant=streak] svg{color:var(--d-addition-edge)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=badge][data-variant=due]{background:var(--surface-2);color:var(--cta)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=badge][data-variant=due-dot]{background:var(--cta);color:var(--cta-ink);box-shadow:0 0 0 2px var(--surface);border-radius:8px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=card][data-variant=question]{border-radius:var(--r-card);box-shadow:inset 0 0 0 1px var(--line), var(--sh-md);padding:clamp(20px,3.4vw,40px)}:root:is([data-theme=fajr],:not([data-theme])) [data-part=q-prompt]{color:var(--accent);font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option]{border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), var(--sh-sm);color:var(--ink);border:0;font-weight:600;transition:background .25s,box-shadow .25s}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option] [data-part=opt-key]{background:var(--surface-2);color:var(--accent);border-radius:9px;font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option]:hover{background:color-mix(in srgb, var(--surface-2) 55%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--end) 87%, var(--d-substitution-edge)), var(--sh-sm)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option][data-state=selected]{background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--cta), var(--sh-sm)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option][data-state=selected] [data-part=opt-key]{background:var(--cta);color:var(--cta-ink)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option][data-state=correct]{background:var(--ok-soft);box-shadow:inset 0 0 0 1.5px var(--ok)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option][data-state=correct] [data-part=opt-key],:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option][data-state=revealed] [data-part=opt-key]{background:var(--ok);color:var(--surface)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option][data-state=revealed]{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--ok);outline:1.5px dashed color-mix(in srgb, var(--ok) 55%, transparent);outline-offset:3px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option][data-state=wrong]{background:var(--bad-soft);box-shadow:inset 0 0 0 1.5px var(--bad)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option][data-state=wrong] [data-part=opt-key]{background:var(--bad);color:var(--surface)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option][data-state=correct] [data-part=opt-icon],:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option][data-state=revealed] [data-part=opt-icon]{color:var(--ok)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option][data-state=wrong] [data-part=opt-icon]{color:var(--bad)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option][data-state=disabled]{opacity:1;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-3);background:0 0}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option][data-state=disabled] [data-part=opt-key]{background:var(--bg-2);color:var(--ink-3)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=feedback]{border-radius:var(--r-card);padding:1.1rem 1.2rem 1.2rem}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=feedback][data-state=correct]{background:var(--ok-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--d-substitution-edge) 18%, var(--ok-soft))}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=feedback][data-state=wrong]{background:var(--bad-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bad) 19%, var(--bad-soft))}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=feedback][data-state=correct] [data-part=fb-title]{color:var(--ok)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=feedback][data-state=wrong] [data-part=fb-title]{color:var(--bad)}:root:is([data-theme=fajr],:not([data-theme])) [data-part=fb-text]{color:var(--ink-2)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=card]{border-radius:var(--r-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), var(--sh-sm)}:root:is([data-theme=fajr],:not([data-theme])) [data-part=card-title]{font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=card][data-variant=link]{color:var(--ink);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,background .3s}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=card][data-variant=link] svg{color:var(--accent)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=card][data-variant=link]:hover{background:color-mix(in srgb, var(--surface-2) 45%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 91%, var(--bad)), var(--sh-md);transform:translateY(-2px)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=group-card]{border-radius:var(--r-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), var(--sh-sm)}:root:is([data-theme=fajr],:not([data-theme])) [data-part=gc-anchor]{color:var(--ink);background:var(--bg);border-radius:var(--r-lg);padding:.4rem .9rem;font-size:1.5rem}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=band]{border-radius:var(--r-card);background:radial-gradient(70% 140% at 85% 0%, color-mix(in srgb, color-mix(in srgb, var(--add) 97%, var(--d-order-edge)) 55%, transparent), transparent 70%), radial-gradient(60% 120% at 10% 100%, color-mix(in srgb, var(--sel) 50%, transparent), transparent 70%), var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}:root:is([data-theme=fajr],:not([data-theme])) [data-part=band-name]{color:var(--ink);font-weight:700}:root:is([data-theme=fajr],:not([data-theme])) [data-part=band-meta]{color:var(--ink-2)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=tabs] [data-part=tablist]{border-color:var(--line);gap:.4rem}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=tab]{border-radius:var(--r-sm) var(--r-sm) 0 0;color:var(--ink-2);font-weight:600;transition:background .25s,color .25s}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=tab]:hover{background:var(--surface-2);color:var(--ink)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=tab][aria-selected=true]{color:var(--cta);box-shadow:inset 0 -2px 0 var(--cta)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=dialog]{box-shadow:0 2px 6px color-mix(in srgb, var(--ink) 8%, transparent), 0 40px 80px -30px color-mix(in srgb, var(--ink) 50%, transparent);border-radius:24px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=dialog] [data-part=title]{font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=toast]{background:var(--surface);color:var(--ink);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line), var(--sh-md);align-items:center}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=toast] p{padding-block:.2rem}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=toast]+[data-ui=toast]{margin-block-start:.2rem}:root:is([data-theme=fajr],:not([data-theme])) [data-part=toast-x]{color:var(--ink-3);border-radius:10px}:root:is([data-theme=fajr],:not([data-theme])) [data-part=toast-x]:hover{background:var(--surface-2);color:var(--ink)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=tooltip]{background:var(--ink);color:var(--surface);box-shadow:var(--sh-md);border-radius:10px;font-size:.92rem}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=empty]{border-radius:var(--r-card);box-shadow:inset 0 0 0 1px var(--line), var(--sh-sm)}:root:is([data-theme=fajr],:not([data-theme])) [data-part=empty-icon]{background:var(--surface-2);color:var(--accent);border-radius:20px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=empty] [data-part=title]{font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=sheet]{box-shadow:inset 0 0 0 1px var(--line), var(--sh-md)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=sheet] [data-part=title]{color:var(--accent);font-weight:600}@media (width<=760px){:root:is([data-theme=fajr],:not([data-theme])) [data-ui=ayah]{font-size:1.5rem;line-height:2.6}}@media (prefers-reduced-motion:reduce){:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button]:hover,:root:is([data-theme=fajr],:not([data-theme])) [data-ui=card]:hover{transform:none}}@keyframes fajr-dawn{0%{color:var(--ink);background-color:#0000}}:root:is([data-theme=fajr],:not([data-theme])){--soft:var(--sh-sm);--soft-lg:var(--sh-md);scrollbar-color:#dcc3b9 var(--bg)}:root:is([data-theme=fajr],:not([data-theme])) body{background:var(--bg);color:var(--ink);font-family:var(--f-ui);font-size:var(--f-size,1.1rem);caret-color:var(--accent);line-height:1.7}:root:is([data-theme=fajr],:not([data-theme])) ::selection{background:var(--sel);color:var(--sel-ink)}:root:is([data-theme=fajr],:not([data-theme])) :focus-visible{outline:2.5px solid var(--focus);outline-offset:3px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=error] [data-ui=empty]{box-shadow:none;clip-path:none;background:0 0;border:0;padding:0}@media (width<=1000px){:root:is([data-theme=fajr],:not([data-theme])){scroll-padding-block-end:calc(6rem + env(safe-area-inset-bottom))}:root:is([data-theme=fajr],:not([data-theme])) body{padding-block-end:80px}}:root:is([data-theme=fajr],:not([data-theme])) body{line-height:1.85}:root:is([data-theme=fajr],:not([data-theme])) :focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}:root:is([data-theme=fajr],:not([data-theme])) ::-webkit-scrollbar{width:12px}:root:is([data-theme=fajr],:not([data-theme])) ::-webkit-scrollbar-track{background:var(--bg)}:root:is([data-theme=fajr],:not([data-theme])) ::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:#dcc3b9;border-radius:8px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=skip-link]{border-radius:var(--r-sm)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=header]{background:color-mix(in srgb, var(--bg) 92%, white);border-block-end:1px solid var(--line)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=header] [data-ui=wrap]{min-height:76px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=brand]{color:var(--accent);gap:.6rem;font-size:1.85rem;font-weight:700}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=brand] svg{width:22px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=primary-nav] a{border-radius:var(--r-sm);color:var(--ink-2);padding:.4rem .9rem;font-weight:500;transition:background .25s,color .25s}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=primary-nav] a:hover{background:var(--surface-2);color:var(--ink)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=primary-nav] a[aria-current=page]{color:var(--cta);background:var(--surface-2);font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=header] [data-ui=icon-button]{border-radius:var(--r-md);border-color:var(--line);background:var(--surface);color:var(--ink-2);transition:background .25s,border-color .25s}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=header] [data-ui=icon-button]:hover{background:var(--surface-2);color:var(--ink);border-color:#dcc3b9}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=signin]{border-radius:var(--r-md);background:var(--surface-2);color:var(--cta);padding:0 1.15rem;font-weight:600;transition:background .25s}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=signin]:hover{background:#f1ddd6}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=footer]{background:var(--bg-2);border-block-start:1px solid var(--line);padding-block:2.4rem}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=footer] [data-ui=footer-rights]{color:var(--accent);font-family:var(--f-display);font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=bottom-nav]{background:var(--surface);border-color:var(--line);box-shadow:0 -10px 30px -20px #82544d59}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=picker-menu]{border-color:var(--line);border-radius:20px;box-shadow:0 2px 6px #82544d0f,0 24px 54px -24px #82544d66}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=picker-option]{border-radius:var(--r-md)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=picker-option][aria-checked=true]{background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--accent)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=picker-sub]{color:var(--ink-3)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=toc] a{border-color:var(--line);background:var(--surface);color:var(--ink-2);border-radius:var(--r-md);font-weight:500;transition:background .25s,color .25s}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=toc] a:hover{background:var(--surface-2);color:var(--cta)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=error]{border-radius:var(--r-card);box-shadow:inset 0 0 0 1px var(--line), var(--sh-sm)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=error] h1{font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=error]{background:var(--surface);isolation:isolate;position:relative}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=account] [data-ui=avatar]{background:var(--surface-2);color:var(--accent);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=sheet]{box-shadow:inset 0 0 0 1px var(--line), var(--sh-md);border:0;border-radius:24px;padding:1.1rem}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=sheet-title]{color:var(--accent);font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=sheet-nav] a{color:var(--ink-2);border-radius:var(--r-md);font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=sheet-nav] a [data-ic]{color:var(--accent)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=sheet-nav] a:hover{background:var(--surface-2);color:var(--ink)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=sheet-nav] a[aria-current=page]{background:var(--surface-2);color:var(--cta)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=bottom-nav] a{color:var(--ink-2);border-radius:var(--r-md);font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=bottom-nav] a:hover{color:var(--cta);background:var(--surface-2)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=bottom-nav] a[aria-current=page]{color:var(--cta)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=bottom-nav] a[aria-current=page] [data-ic]{background:var(--surface-2);box-sizing:content-box;border-radius:10px;margin-block:-3px;padding:3px 12px}@media (width<=1000px){:root:is([data-theme=fajr],:not([data-theme])) body{padding-block-end:84px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=bottom-nav] a{min-block-size:58px}}@media (width<=760px){:root:is([data-theme=fajr],:not([data-theme])) [data-ui=header] [data-ui=wrap]{min-height:68px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=signin]{padding:0 .8rem}}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=error]:before{content:"";pointer-events:none;z-index:-1;border-radius:inherit;background:radial-gradient(60% 70% at 50% 0,#ebc9ca66,#0000 70%);position:absolute;inset:0}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-hero]{padding-block:clamp(72px,10vw,140px) clamp(56px,8vw,104px)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-deco]{background:radial-gradient(48% 60% at 50% 0,#ebc9ca8c,#0000 72%),radial-gradient(36% 46% at 80% 18%,#f1d9b26b,#0000 70%),radial-gradient(34% 44% at 18% 26%,#f1d9b24d,#0000 70%)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-hero] h1{color:var(--ink);letter-spacing:0;font-size:clamp(2.9rem,6.6vw,5.4rem);font-weight:700;line-height:1.2}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-hero] [data-ui=home-lead]{color:var(--accent);margin-block-start:1.4rem;font-weight:500}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-hero] [data-ui=home-pitch]{margin-block-start:1.1rem;line-height:1.95}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-ctas]{gap:1rem;margin-block-start:2.4rem}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-note]{color:var(--ink-3);margin-block-start:1.2rem}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-note] svg{color:var(--accent)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-panel]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), var(--soft-lg);border-radius:28px;padding:clamp(28px,4.5vw,60px) clamp(18px,4.5vw,60px)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-panel] h2{color:var(--ink);font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-stage]{gap:clamp(18px,3.4vw,48px);margin-block-start:2.2rem}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-stage] [data-ui=home-member]{background:var(--bg);border-radius:var(--r-lg);padding:clamp(16px,2vw,26px) clamp(16px,2.2vw,28px) clamp(8px,1.2vw,14px)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-divider]{border-color:#0000}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-band]{padding-block:clamp(64px,8vw,116px)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-heading]{color:var(--ink);margin-block-end:2.2rem;font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-steps] li{background:var(--surface);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line), var(--soft);padding:1.8rem 1.6rem 1.9rem}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-step-num]{background:var(--surface-2);block-size:54px;inline-size:54px;color:var(--accent);border-radius:16px;font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-band][data-variant=terms] [data-ui=home-count]{border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), var(--soft);padding:1.8rem 2rem}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=home] [data-ui=home-browse] a{border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), var(--soft);padding:1.4rem 1.5rem;font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=rank]{background:var(--surface);color:var(--accent);box-shadow:var(--sh-sm);border-radius:16px;font-weight:600}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=table-wrap]{border-radius:var(--r-card);box-shadow:inset 0 0 0 1px var(--line), var(--sh-sm)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=breadcrumbs] a{color:var(--ink-2);text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);border-radius:6px}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=breadcrumbs] a:hover{color:var(--cta)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=breadcrumbs] a[aria-current=page]{color:var(--accent)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=breadcrumbs] [data-part=crumb-sep]{color:var(--line-strong)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=pagination] :is([data-part=page],[data-part=step]){border-radius:var(--r-md);color:var(--ink-2);font-weight:600;transition:background .25s}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=pagination] :is(a[data-part=page],a[data-part=step]):hover{background:var(--surface-2);color:var(--ink)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=pagination] [data-part=page][aria-current=page]{background:var(--cta);color:var(--cta-ink);box-shadow:0 10px 22px -12px color-mix(in srgb, var(--cta) 60%, transparent)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=pagination] [data-part=step]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--accent)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button][aria-pressed=true],:root:is([data-theme=fajr],:not([data-theme])) [data-ui=button][aria-pressed=true]:hover{background:var(--sel);color:var(--sel-ink);box-shadow:inset 0 0 0 1.5px var(--accent)}:root:is([data-theme=fajr],:not([data-theme])) a[data-ui=chip]:hover{background-color:var(--surface-2);color:var(--cta)}:root:is([data-theme=fajr],:not([data-theme])) a[data-ui=card]:hover{background-color:var(--surface-2)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=table] thead th{color:var(--ink-2)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-bar]{background:var(--surface);flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;padding:1rem 1.2rem}:root:is([data-theme=fajr],:not([data-theme])) :where([data-ui=card][data-variant=question]){background:var(--surface);padding:clamp(18px,3vw,36px)}:root:is([data-theme=fajr],:not([data-theme])) :where([data-part=q-prompt]){font-family:var(--f-display);font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:700;line-height:1.35}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-option] [lang=ar],:root:is([data-theme=fajr],:not([data-theme])) [data-ui=card] [lang=ar][data-part]{font-weight:400}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=page-head] [data-part=page-title],:root:is([data-theme=fajr],:not([data-theme])) [data-ui=practice-start] [data-part=page-title]{font-family:var(--f-display)}:root:is([data-theme=fajr],:not([data-theme])) [data-part=page-lead]{color:var(--ink-2)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=practice-scope]{border-radius:var(--r-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), var(--sh-sm);padding:1rem 1.2rem}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=test-fact]{border-color:var(--line);border-radius:var(--r-md);background:var(--surface)}:root:is([data-theme=fajr],:not([data-theme])) [data-part=step-num]{background:var(--cta);color:var(--cta-ink);font-family:var(--f-display)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=level-meter] [data-part=level-pip]{border-radius:var(--r-sm);background:var(--line-strong)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=level-meter] [data-part=level-pip][data-state=on]{background:var(--cta)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=preset]{border-radius:var(--r-btn)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=preset][data-state=active]{border-color:var(--cta);background:var(--cta);color:var(--cta-ink)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=save-prompt]{border-color:var(--line-strong);border-radius:var(--r-card);background:var(--surface-2)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-summary] [data-part=summary-score]{font-family:var(--f-display);color:var(--ok)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-bar]{border-radius:var(--r-card);box-shadow:inset 0 0 0 1px var(--line), var(--sh-sm);padding:1.1rem 1.4rem}@media (width<=760px){:root:is([data-theme=fajr],:not([data-theme])) [data-ui=quiz-bar]{padding:1rem}}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=input][data-variant=otp][data-state=active]{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 28%, transparent)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=input][data-variant=otp][data-state=error]{border-color:var(--bad);background:color-mix(in srgb, var(--bad-soft) 45%, var(--surface))}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=signin-form] [data-part=signin-or]{color:var(--ink-2)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=account-menu]{border-color:var(--line);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--sh-md)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=guest-banner]{border-color:var(--accent);border-radius:var(--r-card);background:var(--surface-2)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=guest-banner]>p{color:var(--ink)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=choice] input{accent-color:var(--cta)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=choice][data-variant=pill]{border-color:var(--line-strong);border-radius:var(--r-btn);background:var(--surface);color:var(--ink)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=choice][data-variant=pill]:hover{border-color:var(--accent)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=choice][data-variant=pill]:has(input:checked){border-color:var(--cta);background:var(--sel);color:var(--sel-ink);box-shadow:inset 0 0 0 1px var(--cta)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=juz-cell]{border-color:var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=juz-cell][data-state=checked]{border-color:var(--cta);background:var(--cta);color:var(--cta-ink)}:root:is([data-theme=fajr],:not([data-theme])) input:focus-visible+[data-ui=juz-cell]{outline-color:var(--focus)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=appearance] [role=radio][aria-checked=true]{box-shadow:inset 0 0 0 2px var(--cta)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=appearance] [role=radio][aria-checked=true] span{color:var(--sel-ink)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=appearance] [data-part=appearance-preview]>[data-ui=card]{background:var(--bg)}:root:is([data-theme=fajr],:not([data-theme])) [data-ui=report-form] textarea[data-ui=input]{border-radius:var(--r-md)}}