@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) 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-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-outline-style:solid;--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, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}:root{--dir-sign:1;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}[dir=rtl]{--dir-sign:-1}[dir=ltr]{--dir-sign:1}html{background:var(--c-bg);font-family:var(--font-ui)}body{background:var(--c-bg);min-block-size:100dvh;color:var(--c-text);font-family:var(--font-ui);font-size:var(--fs-md);font-kerning:normal;line-height:var(--lh-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;transition:background-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard);margin:0}:focus-visible{outline:var(--focus-width) solid var(--c-focus);outline-offset:var(--focus-offset)}::selection{background:var(--c-highlight-ayah);color:inherit}a{color:var(--c-accent-soft-text);text-underline-offset:.25em}[hidden]{display:none!important}.ui-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){:focus-visible{outline-color:highlight}}}@layer components{.t-xs{font-size:var(--fs-xs);line-height:var(--lh-snug)}.t-sm{font-size:var(--fs-sm);line-height:1.6}.t-md{font-size:var(--fs-md);line-height:var(--lh-body)}.t-lg{font-size:var(--fs-lg);line-height:var(--lh-body)}.t-xl{font-size:var(--fs-xl);line-height:var(--lh-snug)}.t-2xl{font-size:var(--fs-2xl);line-height:var(--lh-tight)}.t-3xl{font-size:var(--fs-3xl);line-height:var(--lh-tight)}.t-ui{font-family:var(--font-ui)}.t-heading{font-family:var(--font-text);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}.t-display{font-family:var(--font-display);font-weight:var(--fw-bold);line-height:1.4}.t-prose{font-family:var(--font-text);font-size:calc(var(--fs-lg) * 1.1);line-height:var(--lh-loose)}.t-quran{font-family:var(--font-quran);font-size:calc(var(--fs-xl) * 1.1);line-height:2.2}.t-soft{color:var(--c-text-soft)}.t-medium{font-weight:var(--fw-medium)}.t-semibold{font-weight:var(--fw-semibold)}.t-tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.t-translation{font-family:var(--font-ui);font-size:var(--fs-lg);line-height:var(--lh-body);text-align:start}.t-dyslexic,:root[data-dyslexic] .t-translation{font-family:var(--font-read);letter-spacing:.02em;word-spacing:.1em;text-align:start;line-height:1.8}.ui-icon{flex:none}[dir=rtl] .ui-icon[data-flip]{transform:scaleX(-1)}.ui-spinner{border-radius:var(--radius-full);border:2px solid;border-block-start-color:#0000;flex:none;block-size:1.05em;inline-size:1.05em;animation:.8s linear infinite ui-spin}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-btn{--ui-btn-h:var(--btn-h-md);--ui-btn-pad:var(--btn-pad-md);gap:var(--space-2);min-block-size:var(--ui-btn-h);min-inline-size:var(--ui-btn-h);padding-block:0;padding-inline:var(--ui-btn-pad);border-radius:var(--btn-radius);color:var(--c-text);font:inherit;font-size:var(--fs-md);font-weight:var(--fw-medium);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;line-height:1.2;display:inline-flex}.ui-btn[data-size=sm]{--ui-btn-h:var(--btn-h-sm);--ui-btn-pad:var(--btn-pad-sm);font-size:var(--fs-sm)}.ui-btn[data-size=lg]{--ui-btn-h:var(--btn-h-lg);--ui-btn-pad:var(--btn-pad-lg);font-size:var(--fs-lg)}.ui-btn[data-block]{inline-size:100%;display:flex}.ui-btn-label{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.ui-btn[data-variant=primary]{background:var(--c-accent);color:var(--c-accent-text);box-shadow:var(--shadow-1)}.ui-btn[data-variant=primary]:hover:not(:disabled){background:var(--c-accent-hover)}.ui-btn[data-variant=secondary]{border-color:var(--c-border);background:var(--c-surface);box-shadow:var(--shadow-1)}.ui-btn[data-variant=secondary]:hover:not(:disabled){border-color:var(--c-border-strong);background:var(--c-surface-2)}.ui-btn[data-variant=ghost]{color:var(--c-text)}.ui-btn[data-variant=ghost]:hover:not(:disabled){background:var(--c-surface-2)}.ui-btn[data-variant=danger]{background:var(--c-danger-soft);color:var(--c-danger)}.ui-btn[data-variant=danger]:hover:not(:disabled){border-color:var(--c-danger)}.ui-btn:active:not(:disabled){transform:translateY(1px)scale(.985)}.ui-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.ui-btn[aria-busy=true]{opacity:.8;cursor:progress}.ui-iconbtn{border-radius:var(--radius-full);padding:0}.ui-tip-anchor{flex:none;display:inline-flex;position:relative}.ui-tip{z-index:var(--z-tooltip);padding-block:var(--space-1);padding-inline:var(--space-3);border-radius:var(--radius-sm);background:var(--c-tooltip-bg);color:var(--c-tooltip-text);font-size:var(--fs-sm);font-weight:var(--fw-medium);white-space:nowrap;translate:calc(var(--dir-sign) * -50% + var(--ui-tip-shift,0px)) 0;box-shadow:var(--shadow-2);animation:ui-fade-in var(--dur-fast) var(--ease-out);line-height:1.5;position:absolute;inset-block-end:calc(100% + var(--space-2));inset-inline-start:50%}.ui-tip[data-placement=bottom]{inset-block:calc(100% + var(--space-2)) auto}.ui-field{gap:var(--space-1-5);min-inline-size:0;display:grid}.ui-field-label{color:var(--c-text);font-size:var(--fs-md);font-weight:var(--fw-medium);line-height:1.5}.ui-field-mark{color:var(--c-text-soft);font-size:var(--fs-sm);font-weight:var(--fw-regular);margin-inline-start:var(--space-1)}.ui-field-help{color:var(--c-text-soft);font-size:var(--fs-help);line-height:var(--lh-help);margin:0}.ui-field-error{gap:var(--space-1);color:var(--c-danger);font-size:var(--fs-help);font-weight:var(--fw-medium);line-height:var(--lh-help);align-items:flex-start;margin:0;display:flex}.ui-field-error .ui-icon{margin-block-start:.15em}.ui-input,.ui-select select{inline-size:100%;min-block-size:var(--field-h);padding-block:var(--space-2);padding-inline:var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--field-radius);background:var(--field-bg);color:var(--c-text);font:inherit;font-size:var(--fs-md);transition:border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);line-height:1.5}.ui-input::placeholder{color:var(--c-text-soft);opacity:1}.ui-input:hover:not(:disabled),.ui-select select:hover:not(:disabled){border-color:var(--c-text-soft)}.ui-input:focus-visible,.ui-select select:focus-visible{border-color:var(--c-accent);outline:var(--focus-width) solid var(--c-focus);outline-offset:1px}.ui-input[aria-invalid=true],.ui-select select[aria-invalid=true]{border-color:var(--c-danger);box-shadow:inset 0 0 0 1px var(--c-danger)}.ui-input:disabled,.ui-select select:disabled{opacity:.5;cursor:not-allowed}.ui-textarea{min-block-size:calc(var(--field-h) * 2);resize:block;field-sizing:content;max-block-size:40dvh}.ui-select{display:block;position:relative}.ui-select select{appearance:none;cursor:pointer;padding-inline-end:var(--space-10)}.ui-select select option{background:var(--c-surface);color:var(--c-text)}.ui-select .ui-icon{color:var(--c-text-soft);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-3);translate:0 -50%}.ui-switch-row{gap:var(--space-4);min-block-size:var(--tap);justify-content:space-between;align-items:center;display:flex}.ui-switch-text{min-inline-size:0;display:grid}.ui-switch-label{font-size:var(--fs-md);cursor:pointer;line-height:1.5}.ui-switch-desc{color:var(--c-text-soft);font-size:var(--fs-help);line-height:var(--lh-help)}.ui-switch{inline-size:var(--switch-w);block-size:var(--switch-h);border:1px solid var(--c-border-strong);border-radius:var(--radius-full);background:var(--control-track);cursor:pointer;transition:background-color var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard);flex:none;padding:0;position:relative}.ui-switch:before{content:"";position:absolute;inset-block:-8px;inset-inline:-4px}.ui-switch-thumb{inline-size:calc(var(--switch-h) - 6px);block-size:calc(var(--switch-h) - 6px);border-radius:var(--radius-full);background:var(--switch-thumb);box-shadow:0 1px 2px #00000040, 0 0 0 1px var(--c-border);transition:translate var(--dur-base) var(--ease-out);position:absolute;inset-block-start:2px;inset-inline-start:2px}.ui-switch[aria-checked=true]{border-color:var(--c-accent);background:var(--c-accent)}.ui-switch[aria-checked=true] .ui-switch-thumb{background:var(--c-accent-text);translate:calc(var(--dir-sign) * (var(--switch-w) - var(--switch-h))) 0}.ui-switch:disabled,.ui-switch-row[data-disabled]{opacity:.5;cursor:not-allowed}.ui-switch-row[data-disabled] .ui-switch-label{cursor:not-allowed}.ui-seg-field{gap:var(--space-2);min-inline-size:0;display:grid}.ui-seg{border:1px solid var(--c-border);border-radius:var(--radius-full);background:var(--c-surface-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:3px;display:grid}.ui-seg-item{min-block-size:38px;min-inline-size:0;padding-block:0;padding-inline:var(--space-3);border-radius:var(--radius-full);color:var(--c-text-soft);font:inherit;font-size:var(--fs-md);font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);background:0 0;border:0;overflow:hidden}.ui-seg[data-size=sm] .ui-seg-item{min-block-size:32px;font-size:var(--fs-sm)}.ui-seg-item:hover:not(:disabled):not([aria-checked=true]){color:var(--c-text)}.ui-seg-item[aria-checked=true]{background:var(--control-raised);color:var(--c-text);box-shadow:var(--shadow-1), 0 0 0 1px var(--c-border)}.ui-seg-item:disabled{opacity:.45;cursor:not-allowed}.ui-seg-item:focus-visible{outline-offset:-2px}.ui-slider{gap:var(--space-1);min-inline-size:0;display:grid}.ui-slider-head{gap:var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.ui-slider-value{color:var(--c-accent-soft-text);font-size:var(--fs-md);font-weight:var(--fw-semibold)}.ui-slider input{--ui-fill-angle:90deg;--ui-track:6px;--ui-thumb:24px;inline-size:100%;block-size:var(--tap);cursor:pointer;appearance:none;background:0 0;margin:0}[dir=rtl] .ui-slider input{--ui-fill-angle:270deg}.ui-slider input::-webkit-slider-runnable-track{block-size:var(--ui-track);border-radius:var(--radius-full);background:linear-gradient(var(--ui-fill-angle), var(--c-accent) var(--ui-fill), var(--control-track) var(--ui-fill));box-shadow:inset 0 0 0 1px var(--c-border)}.ui-slider input::-moz-range-track{block-size:var(--ui-track);border-radius:var(--radius-full);background:var(--control-track)}.ui-slider input::-moz-range-progress{block-size:var(--ui-track);border-radius:var(--radius-full);background:var(--c-accent)}.ui-slider input::-webkit-slider-thumb{inline-size:var(--ui-thumb);block-size:var(--ui-thumb);border:2px solid var(--c-accent);border-radius:var(--radius-full);background:var(--c-surface);box-shadow:var(--shadow-1);appearance:none;transition:scale var(--dur-fast) var(--ease-out);margin-block-start:calc((var(--ui-track) - var(--ui-thumb)) / 2)}.ui-slider input::-moz-range-thumb{inline-size:var(--ui-thumb);block-size:var(--ui-thumb);box-sizing:border-box;border:2px solid var(--c-accent);border-radius:var(--radius-full);background:var(--c-surface)}.ui-slider input:active::-webkit-slider-thumb{scale:1.12}.ui-slider input:focus-visible{outline:none}.ui-slider input:focus-visible::-webkit-slider-thumb{outline:var(--focus-width) solid var(--c-focus);outline-offset:2px}.ui-slider input:focus-visible::-moz-range-thumb{outline:var(--focus-width) solid var(--c-focus);outline-offset:2px}.ui-slider[data-disabled] input{opacity:.45;cursor:not-allowed}.ui-slider[data-disabled] .ui-field-label,.ui-slider[data-disabled] .ui-slider-value{color:var(--c-text-soft)}.ui-slider-ends{color:var(--c-text-soft);font-size:var(--fs-xs);justify-content:space-between;margin-block-start:calc(var(--space-2) * -1);display:flex}.ui-stepper-row{gap:var(--space-2) var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.ui-stepper-label{gap:var(--space-2);font-size:var(--fs-md);font-weight:var(--fw-medium);align-items:center;display:inline-flex}.ui-stepper{border:1px solid var(--c-border-strong);border-radius:var(--radius-full);background:var(--c-surface);align-items:center;padding:2px;display:inline-flex}.ui-stepper-btn{border-radius:var(--radius-full);block-size:40px;inline-size:40px;color:var(--c-text);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard);background:0 0;border:0;place-items:center;padding:0;display:grid}.ui-stepper-btn:hover:not(:disabled){background:var(--c-surface-2)}.ui-stepper-btn:active:not(:disabled){background:var(--c-surface-3)}.ui-stepper-btn:disabled{color:var(--c-text-disabled);cursor:not-allowed}.ui-stepper-value{min-inline-size:4ch;padding-inline:var(--space-1);border-radius:var(--radius-sm);font-size:var(--fs-lg);font-weight:var(--fw-semibold);text-align:center;line-height:40px}.ui-stepper-value[data-infinite]{color:var(--c-accent-soft-text);font-size:var(--fs-xl)}.ui-stepper-row[data-disabled]{opacity:.5}.ui-tabs{min-inline-size:0;display:grid}.ui-tablist{gap:var(--space-1);border-block-end:1px solid var(--c-border);display:flex}.ui-scroller{--ui-scroller-bg:var(--c-bg);--ui-scroller-shade:var(--c-text)}@supports (color:color-mix(in lab, red, red)){.ui-scroller{--ui-scroller-shade:color-mix(in srgb, var(--c-text) 22%, transparent)}}.ui-scroller{overscroll-behavior-inline:contain;background:linear-gradient(to right, var(--ui-scroller-bg) 40%, transparent) 0 0 / var(--space-8) 100% no-repeat local, linear-gradient(to left, var(--ui-scroller-bg) 40%, transparent) 100% 0 / var(--space-8) 100% no-repeat local, radial-gradient(farthest-side at 0 50%, var(--ui-scroller-shade), transparent) 0 0 / var(--space-3) 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, var(--ui-scroller-shade), transparent) 100% 0 / var(--space-3) 100% no-repeat scroll;scrollbar-width:none;min-inline-size:0;overflow:auto hidden}.ui-scroller::-webkit-scrollbar{display:none}.ui-sheet .ui-scroller,.ui-card .ui-scroller{--ui-scroller-bg:var(--c-surface)}.ui-tab{min-block-size:var(--tap);padding-block:0;padding-inline:var(--space-3);color:var(--c-text-soft);font:inherit;font-size:var(--fs-md);font-weight:var(--fw-medium);white-space:nowrap;cursor:pointer;transition:color var(--dur-fast) var(--ease-standard);background:0 0;border:0;flex:none;position:relative}.ui-tab:after{inset-block-end:-1px;inset-inline:var(--space-3);background:var(--c-accent);content:"";opacity:0;block-size:2px;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);border-start-start-radius:2px;border-start-end-radius:2px;position:absolute;transform:scaleX(.4)}.ui-tab:hover:not(:disabled),.ui-tab[aria-selected=true]{color:var(--c-text)}.ui-tab[aria-selected=true]:after{opacity:1;transform:none}.ui-tab:focus-visible{outline-offset:-3px;border-radius:var(--radius-sm)}.ui-tab:disabled{opacity:.45;cursor:not-allowed}.ui-tabpanel{padding-block:var(--space-4) 0}.ui-tabpanel:focus-visible{outline-offset:4px;border-radius:var(--radius-sm)}.ui-layer{z-index:var(--z-sheet);display:grid;position:fixed;inset:0}.ui-scrim{background:var(--c-scrim);animation:ui-fade-in var(--dur-slow) var(--ease-out);position:absolute;inset:0}.ui-layer[data-state=closing] .ui-scrim{animation:ui-fade-out var(--dur-base) var(--ease-in-out) forwards}.ui-sheet{inline-size:100%;max-block-size:min(90dvh, 100% - var(--space-6));background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-3);animation:ui-sheet-up var(--dur-slow) var(--ease-out);border-start-start-radius:var(--sheet-radius);border-start-end-radius:var(--sheet-radius);outline:none;flex-direction:column;align-self:end;margin-inline:auto;display:flex;position:relative;overflow:hidden}.ui-sheet[data-state=closing]{animation:ui-sheet-down var(--dur-base) var(--ease-in-out) forwards}.ui-sheet:focus-visible{outline:none}.ui-sheet-grip{block-size:4px;inline-size:36px;margin-block:var(--space-2) 0;border-radius:var(--radius-full);background:var(--c-border-strong);opacity:.6;flex:none;margin-inline:auto}.ui-sheet-head{gap:var(--space-3);padding-block:var(--space-3) var(--space-2);padding-inline:var(--space-5) var(--space-3);flex:none;justify-content:space-between;align-items:flex-start;display:flex}.ui-sheet-titles{gap:var(--space-1);min-inline-size:0;padding-block-start:var(--space-1-5);display:grid}.ui-sheet-title{font-family:var(--font-text);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin:0}.ui-sheet-desc{color:var(--c-text-soft);font-size:var(--fs-md);margin:0;line-height:1.6}.ui-sheet-body{min-block-size:0;padding-block:var(--space-2) var(--space-5);padding-inline:var(--space-5);overscroll-behavior:contain;flex:1;overflow:auto}.ui-sheet-foot{gap:var(--space-2);padding-block:var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom,0px));padding-inline:var(--space-5);border-block-start:1px solid var(--c-border);background:var(--c-surface);flex-wrap:wrap;flex:none;justify-content:flex-end;display:flex}.ui-sheet[data-variant=sheet] .ui-sheet-body:last-child{padding-block-end:calc(var(--space-5) + env(safe-area-inset-bottom,0px))}.ui-layer[data-variant=dialog]{padding:var(--space-4);place-items:center}.ui-sheet[data-variant=dialog]{border-radius:var(--sheet-radius);max-block-size:min(80dvh,640px);inline-size:min(460px,100%);animation:ui-scale-in var(--dur-base) var(--ease-out);align-self:center}.ui-sheet[data-variant=dialog][data-state=closing]{animation:ui-scale-out var(--dur-fast) var(--ease-in-out) forwards}.ui-sheet[data-variant=dialog] .ui-sheet-head{padding-block-start:var(--space-4)}@keyframes ui-panel-in{0%{transform:translateX(calc(var(--dir-sign) * 100%))}}@keyframes ui-panel-out{to{transform:translateX(calc(var(--dir-sign) * 100%))}}@media (min-width:720px){.ui-layer[data-variant=sheet]{justify-items:end}.ui-sheet[data-variant=sheet]{inline-size:min(var(--sheet-inline), 100%);border-radius:0;border-start-start-radius:var(--sheet-radius);border-end-start-radius:var(--sheet-radius);align-self:stretch;max-block-size:none;margin-inline:0;animation-name:ui-panel-in}.ui-sheet[data-variant=sheet][data-state=closing]{animation-name:ui-panel-out}.ui-sheet[data-variant=sheet] .ui-sheet-grip{display:none}.ui-sheet[data-variant=sheet] .ui-sheet-head{padding-block-start:var(--space-5)}}.ui-pop{inline-size:max-content;min-inline-size:200px;max-inline-size:min(320px, 100vw - var(--space-4));padding:var(--space-3) var(--space-4);border:1px solid var(--c-border);border-radius:var(--popover-radius);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-md);box-shadow:var(--shadow-3);margin:0;line-height:1.6;position:fixed;inset:auto}.ui-pop:popover-open{animation:ui-scale-in var(--dur-fast) var(--ease-out)}.ui-menu{min-inline-size:220px;padding:var(--space-1-5)}.ui-menu:popover-open{display:grid}.ui-menu-item{gap:var(--space-3);min-block-size:var(--tap);padding-block:0;padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--c-text);font:inherit;font-size:var(--fs-md);text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.ui-menu-item .ui-icon{color:var(--c-text-soft)}.ui-menu-item:hover,.ui-menu-item:focus{background:var(--c-surface-2)}.ui-menu-item:focus-visible{outline-offset:-2px}.ui-menu-item[data-danger]{color:var(--c-danger)}.ui-menu-item[data-danger] .ui-icon{color:currentColor}.ui-menu-item[aria-disabled=true]{opacity:.45;cursor:not-allowed}.ui-toasts{z-index:var(--z-toast);pointer-events:none;justify-items:center;display:grid;position:fixed;inset-block-end:calc(var(--space-4) + env(safe-area-inset-bottom,0px));inset-inline:0}.ui-toasts-stack{gap:var(--space-2);justify-items:center;inline-size:100%;display:grid}.ui-toasts-stack:empty{display:none}.ui-toasts-stack+.ui-toasts-stack{margin-block-start:var(--space-2)}.ui-toast{gap:var(--space-3);inline-size:min(440px, 100% - var(--space-8));min-block-size:52px;padding-block:var(--space-1);padding-inline:var(--space-4) var(--space-1);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-3);pointer-events:auto;animation:ui-rise-in var(--dur-slow) var(--ease-out);align-items:center;display:flex}.ui-toast>.ui-icon{color:var(--c-accent)}.ui-toast[data-tone=success]>.ui-icon{color:var(--c-success)}.ui-toast[data-tone=danger]>.ui-icon{color:var(--c-danger)}.ui-toast-msg{min-inline-size:0;font-size:var(--fs-md);flex:1;margin:0;line-height:1.5}.ui-toast-action{min-block-size:var(--btn-h-sm);padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--c-accent-soft-text);font:inherit;font-weight:var(--fw-semibold);cursor:pointer;background:0 0;border:0;flex:none}.ui-toast-action:hover{background:var(--c-accent-soft)}.ui-badge{--ui-badge-bg:var(--c-surface-2);--ui-badge-fg:var(--c-text-soft);gap:var(--space-1);min-block-size:24px;padding-block:0;padding-inline:var(--space-2-5);border-radius:var(--radius-full);background:var(--ui-badge-bg);color:var(--ui-badge-fg);font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap;align-items:center;line-height:1.5;display:inline-flex}.ui-badge[data-tone=accent]{--ui-badge-bg:var(--c-accent-soft);--ui-badge-fg:var(--c-accent-soft-text)}.ui-badge[data-tone=success]{--ui-badge-bg:var(--c-success-soft);--ui-badge-fg:var(--c-success)}.ui-badge[data-tone=warning]{--ui-badge-bg:var(--c-warning-soft);--ui-badge-fg:var(--c-warning)}.ui-badge[data-tone=danger]{--ui-badge-bg:var(--c-danger-soft);--ui-badge-fg:var(--c-danger)}.ui-badge[data-tone=memorized]{--ui-badge-bg:var(--c-memorized-soft);--ui-badge-fg:var(--c-memorized)}.ui-badge[data-tone=reviewed]{--ui-badge-bg:var(--c-reviewed-soft);--ui-badge-fg:var(--c-reviewed)}.ui-badge[data-tone=mistake]{--ui-badge-bg:var(--c-mistake-soft);--ui-badge-fg:var(--c-mistake)}.ui-card{gap:var(--space-3);min-inline-size:0;padding:var(--card-pad);border:1px solid var(--c-border);border-radius:var(--card-radius);background:var(--c-surface);align-content:start;display:grid}.ui-card[data-tone=raised]{box-shadow:var(--shadow-2);border-color:#0000}.ui-card[data-tone=outline]{background:0 0}.ui-card-head{gap:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.ui-card-title{font-family:var(--font-text);font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin:0}.ui-card-meta{color:var(--c-text-soft);font-size:var(--fs-help);line-height:var(--lh-help);margin:0;margin-block-start:var(--space-0-5)}.ui-kbd{min-block-size:26px;min-inline-size:26px;padding-inline:var(--space-1-5);border:1px solid var(--c-border-strong);border-radius:var(--radius-xs);background:var(--c-surface);color:var(--c-text);font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-block-end-width:2px;place-items:center;line-height:1;display:inline-grid}.ui-skeleton-group{gap:var(--space-2);display:grid}.ui-skeleton{border-radius:var(--radius-xs);background-color:var(--c-skeleton);background-image:linear-gradient(90deg, transparent 0%, var(--c-skeleton-shine) 50%, transparent 100%);background-position-x:200%;background-repeat:no-repeat;background-size:200% 100%;block-size:.9em;inline-size:100%;animation:1.6s linear infinite ui-shimmer;display:block}.ui-skeleton[data-shape=block]{border-radius:var(--radius-md);block-size:96px}.ui-skeleton[data-shape=circle]{border-radius:var(--radius-full);block-size:44px;inline-size:44px}.ui-state{gap:var(--space-2);padding-block:var(--space-8);padding-inline:var(--space-4);text-align:center;justify-items:center;display:grid}.ui-state-mark{border-radius:var(--radius-full);background:var(--c-surface-2);block-size:56px;inline-size:56px;color:var(--c-text-soft);place-items:center;margin-block-end:var(--space-1);display:grid}.ui-state[data-tone=danger] .ui-state-mark{background:var(--c-danger-soft);color:var(--c-danger)}.ui-state-title{font-family:var(--font-text);font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin:0}.ui-state-body{max-inline-size:38ch;color:var(--c-text-soft);font-size:var(--fs-md);line-height:1.7}.ui-state-action{margin-block-start:var(--space-2)}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow: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}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.lowercase{text-transform:lowercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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, )}.invert{--tw-invert:invert(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, )}.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, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--p-ink-950:#12161f;--p-ink-900:#1c2230;--p-ink-800:#2a3141;--p-ink-700:#3a4253;--p-ink-600:#4c5466;--p-ink-500:#676e7e;--p-ink-400:#7d8291;--p-ink-300:#aeb3bd;--p-ink-200:#d2d5db;--p-paper-0:#fdfbf5;--p-paper-50:#fcfbf8;--p-paper-100:#f3f2ee;--p-paper-200:#ebe9e3;--p-paper-300:#e1ded5;--p-sepia-50:#f6eedc;--p-sepia-100:#f4ead4;--p-sepia-200:#ece2cd;--p-sepia-300:#e3d6ba;--p-sepia-400:#d8c8a6;--p-sepia-600:#8f7a5d;--p-sepia-800:#5b4834;--p-sepia-900:#33271a;--p-sepia-950:#2b2015;--p-night-950:#111419;--p-night-900:#191d24;--p-night-850:#1a1c21;--p-night-800:#222731;--p-night-700:#2c323d;--p-night-500:#6c7383;--p-night-300:#adb2bd;--p-night-100:#e9e6df;--p-night-50:#e3dfd5;--p-black:#000;--p-black-900:#0c0c0d;--p-black-800:#17171a;--p-black-700:#222226;--p-black-500:#616169;--p-black-300:#a3a19b;--p-black-100:#e4e1da;--p-black-50:#d8d4ca;--p-lapis-900:#1d3566;--p-lapis-800:#24407a;--p-lapis-750:#283f69;--p-lapis-700:#2b4a8b;--p-lapis-650:#2d4878;--p-lapis-600:#2f62c9;--p-lapis-500:#2d5bb3;--p-lapis-300:#93b0ea;--p-lapis-250:#9fb8ec;--p-lapis-200:#b4c8f2;--p-lapis-150:#a8c0f0;--p-lapis-100:#8fb6ff;--p-lapis-ink:#0d1830;--p-bronze-700:#7a6545;--p-bronze-600:#8d7550;--p-bronze-550:#9c7a45;--p-bronze-500:#a8834a;--p-bronze-300:#d9c49d;--p-bronze-100:#f3ead8;--p-rose-100:#fde6ea;--p-rose-300:#f2a9b9;--p-rose-500:#c4506f;--p-rose-600:#b03f62;--p-rose-300d:#f39ab5;--p-red-700:#9c3326;--p-red-650:#a8352a;--p-red-300:#f0998a;--p-red-250:#ef9787;--p-green-700:#2c6649;--p-green-750:#2d5f40;--p-green-300:#82c9a2;--p-green-250:#7fc69f;--p-amber-700:#835400;--p-amber-750:#7a4d00;--p-amber-300:#e5bb6c;--p-amber-250:#e2b866;--p-teal-700:#1d6670;--p-teal-750:#1e5f66;--p-teal-300:#79c4cb;--p-teal-250:#76c0c7;--p-space-0:0;--p-space-0-5:2px;--p-space-1:4px;--p-space-1-5:6px;--p-space-2:8px;--p-space-2-5:10px;--p-space-3:12px;--p-space-4:16px;--p-space-5:20px;--p-space-6:24px;--p-space-8:32px;--p-space-10:40px;--p-space-12:48px;--p-space-16:64px;--p-radius-xs:4px;--p-radius-sm:8px;--p-radius-md:12px;--p-radius-lg:16px;--p-radius-xl:24px;--p-radius-full:999px;--p-fs-xs:.875rem;--p-fs-sm:.9375rem;--p-fs-md:1rem;--p-fs-lg:1.125rem;--p-fs-xl:1.3125rem;--p-fs-2xl:1.625rem;--p-fs-3xl:2rem;--p-dur-150:.15s;--p-dur-200:.2s;--p-dur-250:.25s;--p-ease-out:cubic-bezier(.22, 1, .36, 1);--p-ease-in-out:cubic-bezier(.65, 0, .35, 1);--p-ease-standard:cubic-bezier(.2, 0, 0, 1);--space-0-5:var(--p-space-0-5);--space-1:var(--p-space-1);--space-1-5:var(--p-space-1-5);--space-2:var(--p-space-2);--space-2-5:var(--p-space-2-5);--space-3:var(--p-space-3);--space-4:var(--p-space-4);--space-5:var(--p-space-5);--space-6:var(--p-space-6);--space-8:var(--p-space-8);--space-10:var(--p-space-10);--space-12:var(--p-space-12);--space-16:var(--p-space-16);--gutter:var(--p-space-4);--radius-xs:var(--p-radius-xs);--radius-sm:var(--p-radius-sm);--radius-md:var(--p-radius-md);--radius-lg:var(--p-radius-lg);--radius-xl:var(--p-radius-xl);--radius-full:var(--p-radius-full);--ui-scale:1;--fs-xs:calc(var(--p-fs-xs) * var(--ui-scale));--fs-sm:calc(var(--p-fs-sm) * var(--ui-scale));--fs-md:calc(var(--p-fs-md) * var(--ui-scale));--fs-lg:calc(var(--p-fs-lg) * var(--ui-scale));--fs-xl:calc(var(--p-fs-xl) * var(--ui-scale));--fs-2xl:calc(var(--p-fs-2xl) * var(--ui-scale));--fs-3xl:calc(var(--p-fs-3xl) * var(--ui-scale));--fs-help:var(--fs-md);--lh-help:1.6;--lh-tight:1.3;--lh-snug:1.45;--lh-body:1.7;--lh-loose:1.9;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--font-ui:var(--font-ui-family,"IBM Plex Sans Arabic"), "Segoe UI", Tahoma, system-ui, sans-serif;--font-text:var(--font-text-family,"Markazi Text"), "Noto Naskh Arabic", "Times New Roman", serif;--font-display:var(--font-text-family,"Markazi Text"), "Noto Naskh Arabic", "Times New Roman", serif;--font-quran:var(--font-quran-family,"Amiri Quran"), "Amiri", "Noto Naskh Arabic", serif;--font-read:var(--font-read-family,"Atkinson Hyperlegible Next"), Verdana, system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--dur-fast:var(--p-dur-150);--dur-base:var(--p-dur-200);--dur-slow:var(--p-dur-250);--ease-out:var(--p-ease-out);--ease-in-out:var(--p-ease-in-out);--ease-standard:var(--p-ease-standard);--z-bar:20;--z-player:30;--z-sheet:40;--z-popover:50;--z-toast:60;--z-tooltip:70;--tap:44px;--tap-compact:36px;--focus-width:2px;--focus-offset:2px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg:var(--p-paper-100);--c-surface:var(--p-paper-50);--c-surface-2:var(--p-paper-200);--c-surface-3:var(--p-paper-300);--c-text:var(--p-ink-900);--c-text-soft:var(--p-ink-600);--c-text-disabled:var(--p-ink-300);--c-border:#1c22301f;--c-border-strong:var(--p-ink-400);--c-accent:var(--p-lapis-700);--c-accent-hover:var(--p-lapis-900);--c-accent-text:#fff;--c-accent-soft:#2b4a8b1a;--c-accent-soft-text:var(--p-lapis-800);--c-focus:var(--p-lapis-600);--c-danger:var(--p-red-650);--c-danger-soft:#a8352a1a;--c-success:var(--p-green-700);--c-success-soft:#2c66491a;--c-warning:var(--p-amber-700);--c-warning-soft:#8354001a;--c-scrim:#12161f61;--c-highlight-ayah:#2f62c924;--c-highlight-range:#2f62c912;--c-highlight-word:#e2aa3c61;--c-mistake:var(--p-red-700);--c-mistake-soft:#9c33261f;--c-memorized:var(--p-green-700);--c-memorized-soft:#2c66491f;--c-reviewed:var(--p-teal-700);--c-reviewed-soft:#1d66701f;--c-page-paper:var(--p-paper-0);--c-page-ink:#1a1c22;--c-page-frame:var(--p-bronze-500);--c-page-frame-soft:var(--p-bronze-300);--c-page-frame-fill:var(--p-bronze-100);--c-heart-accent:var(--p-rose-600);--c-heart-soft:var(--p-rose-100);--c-heart-mid:var(--p-rose-300);--c-skeleton:#1c223012;--c-skeleton-shine:#ffffff8c;--c-tooltip-bg:var(--p-ink-900);--c-tooltip-text:var(--p-paper-50);--shadow-1:0 1px 2px #1c22300f, 0 1px 1px #1c22300a;--shadow-2:0 2px 4px #1c22300d, 0 8px 24px -10px #1c223038;--shadow-3:0 12px 40px -12px #1c223052, 0 2px 6px #1c22300f;--shadow-page:0 1px 2px #1c223014, 0 6px 18px -8px #1c223038;--btn-h-sm:var(--tap-compact);--btn-h-md:var(--tap);--btn-h-lg:52px;--btn-pad-sm:var(--space-3);--btn-pad-md:var(--space-4);--btn-pad-lg:var(--space-6);--btn-radius:var(--radius-md);--field-h:var(--tap);--field-radius:var(--radius-md);--field-bg:var(--c-surface);--control-track:var(--c-surface-3);--control-raised:var(--c-surface);--switch-thumb:var(--c-surface);--switch-w:48px;--switch-h:28px;--card-radius:var(--radius-lg);--card-pad:var(--space-4);--sheet-radius:var(--radius-xl);--sheet-inline:440px;--popover-radius:var(--radius-md);--bar-h:56px;--page-title-font:var(--font-display);--page-title-size:var(--fs-xl);--page-title-weight:var(--fw-bold);--page-max:1100px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:var(--p-night-950);--c-surface:var(--p-night-900);--c-surface-2:var(--p-night-800);--c-surface-3:var(--p-night-700);--c-text:var(--p-night-100);--c-text-soft:var(--p-night-300);--c-text-disabled:#5b6170;--c-border:#e9e6df1c;--c-border-strong:var(--p-night-500);--c-accent:var(--p-lapis-250);--c-accent-hover:var(--p-lapis-200);--c-accent-text:var(--p-lapis-ink);--c-accent-soft:#9fb8ec1f;--c-accent-soft-text:var(--p-lapis-200);--c-focus:var(--p-lapis-100);--c-danger:var(--p-red-300);--c-danger-soft:#f0998a21;--c-success:var(--p-green-300);--c-success-soft:#82c9a21f;--c-warning:var(--p-amber-300);--c-warning-soft:#e5bb6c1f;--c-scrim:#0009;--c-highlight-ayah:#8fb6ff33;--c-highlight-range:#8fb6ff17;--c-highlight-word:#e5bb6c4d;--c-mistake:var(--p-red-300);--c-mistake-soft:#f0998a33;--c-memorized:var(--p-green-300);--c-memorized-soft:#82c9a224;--c-reviewed:var(--p-teal-300);--c-reviewed-soft:#79c4cb24;--c-page-paper:var(--p-night-850);--c-page-ink:var(--p-night-50);--c-page-frame:var(--p-bronze-600);--c-page-frame-soft:#5c4e38;--c-page-frame-fill:#24221d;--c-heart-accent:var(--p-rose-300d);--c-heart-soft:#4a2836;--c-heart-mid:#9a4864;--c-skeleton:#e9e6df12;--c-skeleton-shine:#e9e6df14;--c-tooltip-bg:var(--p-night-100);--c-tooltip-text:var(--p-night-950);--shadow-1:0 1px 2px #0006;--shadow-2:0 0 0 1px #e9e6df0d, 0 8px 24px -10px #000000b3;--shadow-3:0 0 0 1px #e9e6df0f, 0 16px 44px -12px #000c;--shadow-page:0 0 0 1px #e9e6df0f, 0 8px 24px -10px #0009;--control-raised:var(--p-night-700);--switch-thumb:var(--p-night-300)}:root[data-theme=sepia]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg:var(--p-sepia-200);--c-surface:var(--p-sepia-50);--c-surface-2:var(--p-sepia-300);--c-surface-3:var(--p-sepia-400);--c-text:var(--p-sepia-900);--c-text-soft:var(--p-sepia-800);--c-text-disabled:#b3a283;--c-border:#33271a24;--c-border-strong:var(--p-sepia-600);--c-accent:var(--p-lapis-650);--c-accent-hover:var(--p-lapis-900);--c-accent-text:#fbf5e8;--c-accent-soft:#2d48781a;--c-accent-soft-text:var(--p-lapis-750);--c-focus:var(--p-lapis-500);--c-danger:var(--p-red-700);--c-danger-soft:#9c33261a;--c-success:var(--p-green-750);--c-success-soft:#2d5f401a;--c-warning:var(--p-amber-750);--c-warning-soft:#7a4d001a;--c-scrim:#2b201566;--c-highlight-ayah:#2d5bb324;--c-highlight-range:#2d5bb312;--c-highlight-word:#d6962852;--c-mistake:var(--p-red-700);--c-mistake-soft:#9c33261a;--c-memorized:var(--p-green-750);--c-memorized-soft:#2d5f401f;--c-reviewed:var(--p-teal-750);--c-reviewed-soft:#1e5f661f;--c-page-paper:var(--p-sepia-100);--c-page-ink:var(--p-sepia-950);--c-page-frame:var(--p-bronze-550);--c-page-frame-soft:#cdb48a;--c-page-frame-fill:#efe2c6;--c-skeleton:#33271a14;--c-skeleton-shine:#fffaee80;--c-tooltip-bg:var(--p-sepia-900);--c-tooltip-text:var(--p-sepia-50);--shadow-1:0 1px 2px #33271a14;--shadow-2:0 2px 4px #33271a0f, 0 8px 24px -10px #33271a42;--shadow-3:0 12px 40px -12px #33271a5c, 0 2px 6px #33271a14;--shadow-page:0 1px 2px #33271a1a, 0 6px 18px -8px #33271a42}:root[data-theme=black]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:var(--p-black);--c-surface:var(--p-black-900);--c-surface-2:var(--p-black-800);--c-surface-3:var(--p-black-700);--c-text:var(--p-black-100);--c-text-soft:var(--p-black-300);--c-text-disabled:#55555b;--c-border:#e4e1da1f;--c-border-strong:var(--p-black-500);--c-accent:var(--p-lapis-300);--c-accent-hover:var(--p-lapis-200);--c-accent-text:var(--p-black);--c-accent-soft:#93b0ea21;--c-accent-soft-text:var(--p-lapis-150);--c-focus:var(--p-lapis-100);--c-danger:var(--p-red-250);--c-danger-soft:#ef978724;--c-success:var(--p-green-250);--c-success-soft:#7fc69f21;--c-warning:var(--p-amber-250);--c-warning-soft:#e2b86621;--c-scrim:#000000b8;--c-highlight-ayah:#8fb6ff33;--c-highlight-range:#8fb6ff17;--c-highlight-word:#e2b86647;--c-mistake:var(--p-red-250);--c-mistake-soft:#ef978733;--c-memorized:var(--p-green-250);--c-memorized-soft:#7fc69f24;--c-reviewed:var(--p-teal-250);--c-reviewed-soft:#76c0c724;--c-page-paper:var(--p-black);--c-page-ink:var(--p-black-50);--c-page-frame:var(--p-bronze-700);--c-page-frame-soft:#4a3e2c;--c-page-frame-fill:#0e0d0b;--c-heart-accent:var(--p-rose-300d);--c-heart-soft:#3a1f2a;--c-heart-mid:#8a3f59;--c-skeleton:#e4e1da14;--c-skeleton-shine:#e4e1da12;--c-tooltip-bg:var(--p-black-100);--c-tooltip-text:var(--p-black);--shadow-1:none;--shadow-2:0 0 0 1px #e4e1da1a;--shadow-3:0 0 0 1px #e4e1da1f;--shadow-page:0 0 0 1px #e4e1da14;--control-raised:#2a2a2f;--switch-thumb:var(--p-black-300)}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]){--dur-fast:0s;--dur-base:0s;--dur-slow:0s}:root:not([data-motion=full]) *,:root:not([data-motion=full]) :before,:root:not([data-motion=full]) :after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}:root[data-motion=reduce]{--dur-fast:0s;--dur-base:0s;--dur-slow:0s}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}@keyframes ui-fade-in{0%{opacity:0}}@keyframes ui-fade-out{to{opacity:0}}@keyframes ui-rise-in{0%{opacity:0;transform:translateY(12px)}}@keyframes ui-sink-out{to{opacity:0;transform:translateY(12px)}}@keyframes ui-sheet-up{0%{transform:translateY(100%)}}@keyframes ui-sheet-down{to{transform:translateY(100%)}}@keyframes ui-scale-in{0%{opacity:0;transform:scale(.97)}}@keyframes ui-scale-out{to{opacity:0;transform:scale(.97)}}@keyframes ui-shimmer{to{background-position-x:-200%}}:root{--heart-paper:var(--c-bg);--heart-paper-2:var(--c-surface-2);--heart-surface:var(--c-surface);--heart-cell:var(--c-page-paper);--heart-ink:var(--c-text);--heart-ink-soft:var(--c-text-soft);--heart-ink-faint:var(--c-border);--heart-ink-on-deep:var(--c-accent-text);--heart-rose-1:var(--c-heart-soft);--heart-rose-2:var(--c-heart-mid);--heart-rose-3:var(--c-heart-accent);--heart-accent:var(--c-heart-accent);--heart-focus:var(--c-focus);--heart-shadow:var(--shadow-2);--heart-font-text:var(--font-text);--heart-font-calligraphy:var(--font-display);--mu-orn:var(--c-page-frame);--mu-orn-soft:var(--c-page-frame-soft);--mu-orn-fill:var(--c-page-frame-fill);--mu-hl:var(--c-highlight-ayah);--mu-playing:var(--c-highlight-word);--mu-range:var(--c-highlight-range);--mu-font-basmala:var(--font-quran)}.heart-theme[data-ds=bridge][data-theme],.heart-theme[data-ds=bridge]{color-scheme:inherit;--heart-paper:var(--c-bg);--heart-paper-2:var(--c-surface-2);--heart-surface:var(--c-surface);--heart-cell:var(--c-page-paper);--heart-ink:var(--c-text);--heart-ink-soft:var(--c-text-soft);--heart-ink-faint:var(--c-border);--heart-ink-on-deep:var(--c-accent-text);--heart-rose-1:var(--c-heart-soft);--heart-rose-2:var(--c-heart-mid);--heart-rose-3:var(--c-heart-accent);--heart-accent:var(--c-heart-accent);--heart-focus:var(--c-focus);--heart-shadow:var(--shadow-2)}[data-ds=bridge] .mu-reader,[data-ds=bridge] .mu-pages,.mu-reader[data-ds=bridge],.mu-pages[data-ds=bridge]{--mu-orn:var(--c-page-frame);--mu-orn-soft:var(--c-page-frame-soft);--mu-orn-fill:var(--c-page-frame-fill);--mu-hl:var(--c-highlight-ayah);--mu-playing:var(--c-highlight-word);--mu-range:var(--c-highlight-range)}@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-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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}