@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-ui);--default-mono-font-family:var(--font-mono);--font-quran:var(--font-face-quran), serif}}@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}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{--lh-scale:1}html[lang=en]{--font-ui:var(--font-face-latin), system-ui, sans-serif;--font-head:var(--font-face-latin), system-ui, sans-serif;--font-body:var(--font-face-latin), system-ui, sans-serif;--lh-body:1.6;--lh-head:1.25}html[lang=ur]{--font-ui:var(--font-face-urdu), serif;--font-head:var(--font-face-gulzar), var(--font-face-urdu), serif;--font-body:var(--font-face-urdu), serif;--lh-body:2.1;--lh-head:1.75}h1,h2,h3,h4{font-family:var(--font-head);text-wrap:balance}html[lang=en] :where(h1,h2){letter-spacing:-.02em}html[lang=en] :where(h3,h4){letter-spacing:-.01em}html[lang=ur]{font-size:106.25%}html[lang=ur] body{line-height:1.9}html[lang=ur] :where(h1,h2,h3,h4){line-height:1.7}body{background-color:var(--background);background-image:var(--page-wash);min-height:100dvh;color:var(--foreground);font-family:var(--font-ui);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;background-repeat:no-repeat;overflow-x:clip}}@layer components{.animate-sheet-up{animation:.24s cubic-bezier(.2,.8,.2,1) sheet-up}.font-body{font-family:var(--font-body)}.btn-soft{height:calc(var(--spacing) * 11);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);background-color:var(--surface-2);padding-inline:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--foreground);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));--tw-duration:.15s;border-radius:2147483647px;transition-duration:.15s;display:inline-flex}.btn-soft:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.btn-soft:disabled{opacity:.4}.btn-outline{height:calc(var(--spacing) * 11);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--primary);padding-inline:calc(var(--spacing) * 5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--primary);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));--tw-duration:.15s;background-color:#0000;border-radius:2147483647px;transition-duration:.15s;display:inline-flex}.btn-outline:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.btn-outline:disabled{opacity:.4}.btn-text{height:calc(var(--spacing) * 11);justify-content:center;align-items:center;gap:calc(var(--spacing) * 1.5);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--primary);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));--tw-duration:.15s;border-radius:2147483647px;transition-duration:.15s;display:inline-flex}.btn-text:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.btn-text:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn-text:hover{background:color-mix(in oklab, var(--primary) 8%, transparent)}}.pattern-star{isolation:isolate;position:relative}.pattern-star:before{content:"";z-index:-1;pointer-events:none;background-image:var(--star);opacity:.05;background-size:44px 44px;position:absolute;inset:0;mask-image:linear-gradient(#000 0%,#0000 100%)}.hairline-gold{background:linear-gradient(90deg, transparent, var(--hairline), transparent);border:0;height:1px}.page-header{background:linear-gradient(180deg, var(--background), var(--accent))}@supports (color:color-mix(in lab, red, red)){.page-header{background:linear-gradient(180deg, var(--background), color-mix(in oklab, var(--accent) 6%, var(--background)))}}.page-header{border-bottom:1px solid var(--hairline)}.badge{min-height:calc(var(--spacing) * 6);align-items:center;gap:var(--spacing);padding-inline:calc(var(--spacing) * 2.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--accent);background:var(--accent);border-radius:2147483647px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.badge{background:color-mix(in oklab, var(--accent) 12%, var(--surface))}}.badge{box-shadow:inset 0 0 0 1px var(--hairline)}.stat-number{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.tab-active{color:var(--primary);position:relative}.tab-active:after{content:"";background:var(--accent);inset-inline:22%;border-radius:2px;height:2px;position:absolute;bottom:0}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-2), var(--surface-2), var(--surface-2))}@supports (color:color-mix(in lab, red, red)){.skeleton{background:linear-gradient(90deg, var(--surface-2), color-mix(in oklab, var(--surface-2) 60%, var(--surface)), var(--surface-2))}}.skeleton{background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shift}.empty-state{align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1px;border-color:var(--border);padding:calc(var(--spacing) * 8);text-align:center;color:var(--muted);background:var(--surface);border-radius:1.25rem;flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.empty-state{background:color-mix(in oklab, var(--surface) 60%, transparent)}}.animate-tap-ripple{animation:.45s ease-out forwards tap-ripple}.animate-count-pop{animation:.16s ease-out count-pop}.btn-light{height:calc(var(--spacing) * 11);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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);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));border-radius:2147483647px;display:inline-flex}.btn-light:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.btn-light{color:#0b5f47}.btn-outline-light{height:calc(var(--spacing) * 11);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff80;border-radius:2147483647px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.btn-outline-light{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.btn-outline-light{padding-inline:calc(var(--spacing) * 5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);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))}@media (hover:hover){.btn-outline-light:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.btn-outline-light:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}}.btn-outline-light:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.field{min-height:calc(var(--spacing) * 11);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--surface);width:100%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));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));--tw-duration:.15s;--tw-outline-style:none;outline-style:none;transition-duration:.15s}.field::placeholder{color:var(--muted)}.field:focus{border-color:var(--primary);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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);--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.field:focus{--tw-ring-color:color-mix(in oklab, var(--primary) 25%, transparent)}}@media (min-width:48rem){.field{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.field{box-shadow:inset 0 1px 2px #0f3c320d}.hero-glow{background-image:radial-gradient(circle at 85% 15%,#ffffff38,#0000 45%)}.glass{background:var(--surface)}.bar-shadow-down{box-shadow:0 6px 16px -10px #0f3c3233}.bar-shadow-up{box-shadow:0 -6px 16px -10px #0f3c3238}.dark .bar-shadow-down{box-shadow:0 6px 16px -6px #0009}.dark .bar-shadow-up{box-shadow:0 -6px 16px -6px #000000a6}.drawer-panel{animation:.22s ease-out drawer-in}html[dir=rtl] .drawer-panel{animation-name:drawer-in-rtl}.animate-fade-in{animation:.2s ease-out fade-in}.card{border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);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));--tw-duration:.15s;background:linear-gradient(180deg, var(--surface-raised), var(--surface));box-shadow:var(--shadow-card);border-radius:1.25rem;transition-duration:.15s}.card-raised{border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background:var(--surface-raised);box-shadow:var(--shadow-raised);border-radius:1.25rem}@media (hover:hover){a.card:hover{box-shadow:var(--shadow-raised);transform:translateY(-2px)}}a.card:active{transform:scale(.985)}.icon-btn{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);color:var(--foreground);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));--tw-duration:.15s;border-radius:2147483647px;justify-content:center;align-items:center;transition-duration:.15s;display:inline-flex}@media (hover:hover){.icon-btn:hover{background-color:var(--surface-2)}}.icon-btn:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.btn-primary{height:calc(var(--spacing) * 11);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);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));--tw-duration:.15s;background-image:var(--gradient-brand);border-radius:2147483647px;transition-duration:.15s;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 6px 14px -8px #0f5c4db3}.btn-primary:active{transform:translateY(1px)}.gradient-bg{background-image:var(--gradient-brand)}.gradient-text{background-image:var(--gradient-ink);color:#0000;background-clip:text}.page-glow{background-color:var(--background)}.tone-emerald{--tone-from:#0f5c4d;--tone-to:#14705d}.tone-gold{--tone-from:#7a5817;--tone-to:#8f6a1f}.tone-sky{--tone-from:#2f5d6b;--tone-to:#3a7184}.tone-rose{--tone-from:#8f3a33;--tone-to:#a64a3f}.tone-gradient{background-image:linear-gradient(135deg, var(--tone-from), var(--tone-to))}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.hero-card{isolation:isolate;color:var(--on-hero);background:linear-gradient(140deg, var(--hero-from), var(--hero-via));box-shadow:var(--shadow-raised), inset 0 0 0 1px var(--hero-gold);position:relative}@supports (color:color-mix(in lab, red, red)){.hero-card{box-shadow:var(--shadow-raised), inset 0 0 0 1px color-mix(in oklab, var(--hero-gold) 28%, transparent)}}.hero-card:before{content:"";z-index:-1;pointer-events:none;background-image:var(--star-on-dark);opacity:.06;background-size:44px 44px;position:absolute;inset:0;mask-image:linear-gradient(200deg,#000 0%,#0000 70%)}.hero-headline{color:var(--on-hero)}.stat-pill{min-height:calc(var(--spacing) * 8);align-items:center;gap:calc(var(--spacing) * 1.5);padding-inline:calc(var(--spacing) * 2.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);background:var(--on-hero);border-radius:2147483647px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.stat-pill{background:color-mix(in oklab, var(--on-hero) 16%, transparent)}}.stat-pill{box-shadow:inset 0 0 0 1px var(--on-hero)}@supports (color:color-mix(in lab, red, red)){.stat-pill{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--on-hero) 20%, transparent)}}.btn-hero{min-height:calc(var(--spacing) * 11);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);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));border-radius:2147483647px;display:inline-flex}.btn-hero:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.btn-hero{color:var(--hero-from);background:var(--on-hero);box-shadow:0 8px 18px -10px #00000080}.flame-icon{color:var(--flame);filter:none}.points-icon{color:var(--points);filter:none}.course-qaida{--tone-from:var(--course-qaida-from);--tone-to:var(--course-qaida-to)}.course-rules{--tone-from:var(--course-rules-from);--tone-to:var(--course-rules-to)}.course-quran{--tone-from:var(--course-quran-from);--tone-to:var(--course-quran-to)}.glow-card{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);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))}.glow-card:active{scale:.97}.glow-card{background:linear-gradient(160deg, var(--tone-from,var(--primary)), transparent 60%), var(--surface)}@supports (color:color-mix(in lab, red, red)){.glow-card{background:linear-gradient(160deg, color-mix(in oklab, var(--tone-from,var(--primary)) 14%, transparent), transparent 60%), var(--surface)}}.glow-card{box-shadow:var(--shadow-card)}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.streak-banner{background:linear-gradient(120deg, var(--danger), var(--flame))}@supports (color:color-mix(in lab, red, red)){.streak-banner{background:linear-gradient(120deg, color-mix(in oklab, var(--danger) 16%, var(--surface)), color-mix(in oklab, var(--flame) 14%, var(--surface)))}}.streak-banner{border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.streak-banner{border:1px solid color-mix(in oklab, var(--danger) 35%, transparent)}}.hero-input{color:var(--on-hero);background:var(--on-hero)}@supports (color:color-mix(in lab, red, red)){.hero-input{background:color-mix(in oklab, var(--on-hero) 16%, transparent)}}.hero-input{outline:none}.hero-input::placeholder{color:var(--on-hero)}@supports (color:color-mix(in lab, red, red)){.hero-input::placeholder{color:color-mix(in oklab, var(--on-hero) 70%, transparent)}}.hero-input:focus{box-shadow:0 0 0 2px var(--on-hero)}@supports (color:color-mix(in lab, red, red)){.hero-input:focus{box-shadow:0 0 0 2px color-mix(in oklab, var(--on-hero) 60%, transparent)}}.lesson-card{border-radius:calc(var(--skin-radius,1.25rem) * 1.3);background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, var(--primary), var(--rule-madd), var(--rule-qalqalah)) border-box;border:1px solid #0000}@supports (color:color-mix(in lab, red, red)){.lesson-card{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, color-mix(in oklab, var(--primary) 55%, transparent), color-mix(in oklab, var(--rule-madd) 40%, transparent), color-mix(in oklab, var(--rule-qalqalah) 45%, transparent)) border-box}}.lesson-card{box-shadow:0 .9rem 1.75rem -1.25rem var(--primary)}@supports (color:color-mix(in lab, red, red)){.lesson-card{box-shadow:0 .9rem 1.75rem -1.25rem color-mix(in oklab, var(--primary) 55%, transparent)}}.rule-chip{border:1px solid var(--rule,var(--border));border-radius:1.1rem}@supports (color:color-mix(in lab, red, red)){.rule-chip{border:1px solid color-mix(in oklab, var(--rule,var(--border)) 35%, var(--border))}}.rule-chip{background:linear-gradient(90deg, var(--rule,var(--primary)), var(--surface) 70%)}@supports (color:color-mix(in lab, red, red)){.rule-chip{background:linear-gradient(90deg, color-mix(in oklab, var(--rule,var(--primary)) 12%, var(--surface)), var(--surface) 70%)}}.rule-dot{background:var(--rule,var(--border));box-shadow:0 0 .5rem var(--rule,transparent)}@supports (color:color-mix(in lab, red, red)){.rule-dot{box-shadow:0 0 .5rem color-mix(in oklab, var(--rule,transparent) 70%, transparent)}}.letter-badge{color:var(--rule,var(--foreground));background:radial-gradient(circle at 35% 30%, var(--rule,var(--primary)), var(--rule,var(--primary)) 70%)}@supports (color:color-mix(in lab, red, red)){.letter-badge{background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--rule,var(--primary)) 18%, var(--surface)), color-mix(in oklab, var(--rule,var(--primary)) 8%, var(--surface)) 70%)}}.letter-badge{box-shadow:0 .2rem 0 var(--rule,var(--border)), 0 .5rem .9rem -.5rem var(--rule,var(--primary))}@supports (color:color-mix(in lab, red, red)){.letter-badge{box-shadow:0 .2rem 0 color-mix(in oklab, var(--rule,var(--border)) 35%, var(--border)), 0 .5rem .9rem -.5rem color-mix(in oklab, var(--rule,var(--primary)) 55%, transparent)}}.letter-badge{line-height:1}.quran-text{font-family:var(--font-face-indopak), var(--font-quran);font-size:calc(1.85rem * var(--skin-scale,1));text-align:justify;text-align-last:right;line-height:2.35}.quran-word{border-radius:.6rem;padding-inline:.08em;transition:background-color .15s}.quran-word:hover,.quran-word[aria-pressed=true]{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.quran-word:hover,.quran-word[aria-pressed=true]{background:color-mix(in oklab, var(--primary) 14%, transparent)}}.ayah-mark{min-width:1.6em;height:1.6em;font-family:var(--font-ui);vertical-align:middle;color:var(--primary-foreground);background-image:var(--gradient-brand);box-shadow:0 .25rem .6rem -.2rem var(--primary);border-radius:9999px;justify-content:center;align-items:center;margin-inline:.25em 0;padding-inline:.3em;font-size:.45em;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ayah-mark{box-shadow:0 .25rem .6rem -.2rem color-mix(in oklab, var(--primary) 60%, transparent)}}.ayah-block{content-visibility:auto;contain-intrinsic-size:auto 9rem}.game-icon{filter:drop-shadow(0 .12em .12em #0000282e);display:inline-block;overflow:visible}.game-icon-muted{filter:grayscale()opacity(.55)}.game-tile{border-radius:var(--radius-2xl);background:linear-gradient(160deg, var(--tone-from,var(--primary)), var(--surface-solid));justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.game-tile{background:linear-gradient(160deg, color-mix(in oklab, var(--tone-from,var(--primary)) 16%, var(--surface-solid)), var(--surface-solid))}}.game-tile{box-shadow:inset 0 0 0 1px var(--tone-from,var(--primary)), var(--shadow-card)}@supports (color:color-mix(in lab, red, red)){.game-tile{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tone-from,var(--primary)) 18%, transparent), var(--shadow-card)}}.btn-game{min-height:calc(var(--spacing) * 11);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-2xl);padding-inline:calc(var(--spacing) * 5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--color-white);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-image:linear-gradient(180deg, var(--tone-to,#14705d), var(--tone-from,#0f5c4d));box-shadow:var(--depth-shadow);display:inline-flex}.btn-game:active,.press:active{transform:translateY(.18rem)scale(.98)}.btn-game:disabled{filter:grayscale(.8);opacity:.6}.tone-coin{--tone-from:#c77d00;--tone-to:#ffc21a}.tone-xp{--tone-from:#5b2bd6;--tone-to:#a78bfa}.tone-danger{--tone-from:#b3162f;--tone-to:#ff6b7d}.motion-pop{animation:motion-pop .42s var(--motion-pop) both}.motion-reward{animation:motion-reward .9s var(--motion-pop) both}.motion-flame{transform-origin:50% 90%;animation:1.4s ease-in-out infinite motion-flame}.motion-burst{position:relative}.motion-burst:before{content:"";background:conic-gradient(from 0deg, transparent, var(--accent), transparent 30%, var(--primary), transparent 60%, var(--xp), transparent);border-radius:9999px;position:absolute;inset:-40%}@supports (color:color-mix(in lab, red, red)){.motion-burst:before{background:conic-gradient(from 0deg, transparent, color-mix(in oklab, var(--accent) 55%, transparent), transparent 30%, color-mix(in oklab, var(--primary) 50%, transparent), transparent 60%, color-mix(in oklab, var(--xp) 50%, transparent), transparent)}}.motion-burst:before{animation:motion-burst 1.2s var(--motion-ease) both;pointer-events:none;z-index:-1}.motion-page{animation:motion-page .28s var(--motion-ease) both}.motion-float{animation:3s ease-in-out infinite motion-float}.avatar-frame{padding:.14em}.frame-none{padding:0}.frame-gold{background:linear-gradient(135deg, var(--gi-gold-1), var(--gi-gold-2))}.frame-emerald{background:linear-gradient(135deg, var(--gi-green-1), var(--gi-teal-2))}.frame-violet{background:linear-gradient(135deg, var(--gi-violet-1), var(--gi-pink-2))}.frame-flame{background:linear-gradient(135deg, var(--gi-gold-1), var(--gi-orange-2), var(--gi-red-2));box-shadow:0 0 .6em var(--flame)}@supports (color:color-mix(in lab, red, red)){.frame-flame{box-shadow:0 0 .6em color-mix(in oklab, var(--flame) 60%, transparent)}}.frame-rainbow{background:conic-gradient(var(--gi-red-1), var(--gi-gold-1), var(--gi-green-1), var(--gi-blue-1), var(--gi-violet-1), var(--gi-red-1))}.coin-pill{min-height:calc(var(--spacing) * 9);align-items:center;gap:var(--spacing);padding-inline:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);background:var(--coin);border-radius:2147483647px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.coin-pill{background:color-mix(in oklab, var(--coin) 16%, var(--surface-solid))}}.coin-pill{box-shadow:inset 0 0 0 1px var(--coin)}@supports (color:color-mix(in lab, red, red)){.coin-pill{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--coin) 40%, transparent)}}}@layer utilities{.\[container-type\:inline-size\]{container-type:inline-size}.\[container-type\:size\]{container-type:size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-\[11\%\]{inset:11%}.inset-x-0{inset-inline:0}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.inset-y-0{inset-block:0}.start-0{inset-inline-start:calc(var(--spacing) * 0)}.start-1{inset-inline-start:calc(var(--spacing) * 1)}.start-3{inset-inline-start:calc(var(--spacing) * 3)}.start-4{inset-inline-start:calc(var(--spacing) * 4)}.start-6{inset-inline-start:calc(var(--spacing) * 6)}.-end-1{inset-inline-end:calc(var(--spacing) * -1)}.-end-3{inset-inline-end:calc(var(--spacing) * -3)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.end-1{inset-inline-end:calc(var(--spacing) * 1)}.end-1\.5{inset-inline-end:calc(var(--spacing) * 1.5)}.end-2{inset-inline-end:calc(var(--spacing) * 2)}.-top-1{top:calc(var(--spacing) * -1)}.-top-3{top:calc(var(--spacing) * -3)}.-top-8{top:calc(var(--spacing) * -8)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-\[calc\(4rem\+env\(safe-area-inset-top\)\)\]{top:calc(4rem + env(safe-area-inset-top))}.top-full{top:100%}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.right-2{right:calc(var(--spacing) * 2)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-1\.5{bottom:calc(var(--spacing) * -1.5)}.bottom-0{bottom:0}.bottom-1{bottom:var(--spacing)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-\[calc\(5rem\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(5rem + env(safe-area-inset-bottom))}.left-0{left:0}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[45\]{z-index:45}.z-\[60\]{z-index:60}.z-\[65\]{z-index:65}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.order-last{order:9999}.col-span-4{grid-column:span 4/span 4}.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}}.m-0{margin:0}.-mx-3{margin-inline:calc(var(--spacing) * -3)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.-ms-1\.5{margin-inline-start:calc(var(--spacing) * -1.5)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-3{margin-inline-start:calc(var(--spacing) * 3)}.ms-auto{margin-inline-start:auto}.me-1{margin-inline-end:var(--spacing)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.me-auto{margin-inline-end:auto}.-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.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-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-\[2cqw\]{margin-top:2cqw}.mt-auto{margin-top:auto}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.size-\[38\%\]{width:38%;height:38%}.size-\[42\%\]{width:42%;height:42%}.size-\[78\%\]{width:78%;height:78%}.size-\[92px\]{width:92px;height:92px}.size-\[calc\(4\.5rem\*var\(--skin-scale\,1\)\)\]{width:calc(4.5rem * var(--skin-scale,1));height:calc(4.5rem * var(--skin-scale,1))}.size-full{width:100%;height:100%}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-64{height:calc(var(--spacing) * 64)}.h-\[38\%\]{height:38%}.h-\[calc\(2\.75rem\*var\(--skin-scale\,1\)\)\]{height:calc(2.75rem * var(--skin-scale,1))}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[30dvh\]{max-height:30dvh}.max-h-\[38dvh\]{max-height:38dvh}.max-h-\[45dvh\]{max-height:45dvh}.max-h-\[50dvh\]{max-height:50dvh}.max-h-\[var\(--sheet-max\)\]{max-height:var(--sheet-max)}.max-h-full{max-height:100%}.\!min-h-10{min-height:calc(var(--spacing) * 10)!important}.\!min-h-11{min-height:calc(var(--spacing) * 11)!important}.\!min-h-12{min-height:calc(var(--spacing) * 12)!important}.\!min-h-16{min-height:calc(var(--spacing) * 16)!important}.\[min-height\:calc\(3rem\*var\(--skin-scale\,1\)\)\]{min-height:calc(3rem * var(--skin-scale,1))}.min-h-0{min-height:0}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-\[50dvh\]{min-height:50dvh}.min-h-\[calc\(3rem\*var\(--skin-scale\,1\)\)\]{min-height:calc(3rem * var(--skin-scale,1))}.min-h-dvh{min-height:100dvh}.w-1\/2{width:50%}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-\[85\%\]{width:85%}.w-\[min\(100cqw\,100cqh\,24rem\)\]{width:min(100cqw,100cqh,24rem)}.w-\[var\(--sidebar-w\)\]{width:var(--sidebar-w)}.w-auto{width:auto}.w-dvw{width:100dvw}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-10{max-width:calc(var(--spacing) * 10)}.max-w-20{max-width:calc(var(--spacing) * 20)}.max-w-24{max-width:calc(var(--spacing) * 24)}.max-w-\[22rem\]{max-width:22rem}.max-w-\[min\(88vw\,62dvh\)\]{max-width:min(88vw,62dvh)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.\!min-w-11{min-width:calc(var(--spacing) * 11)!important}.min-w-0{min-width:0}.min-w-3{min-width:calc(var(--spacing) * 3)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-11{min-width:calc(var(--spacing) * 11)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-14{min-width:calc(var(--spacing) * 14)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-64{min-width:calc(var(--spacing) * 64)}.min-w-\[3\.9rem\]{min-width:3.9rem}.min-w-\[calc\(2\.75rem\*var\(--skin-scale\,1\)\)\]{min-width:calc(2.75rem * var(--skin-scale,1))}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-ns-resize{cursor:ns-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-start{scroll-snap-align:start}.\[scrollbar-width\:none\]{scrollbar-width:none}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[16rem_minmax\(0\,1fr\)_26rem\]{grid-template-columns:16rem minmax(0,1fr) 26rem}.grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.grid-rows-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\]{grid-template-rows:minmax(0,.9fr) minmax(0,1.1fr)}.grid-rows-\[minmax\(0\,1fr\)_auto\]{grid-template-rows:minmax(0,1fr) auto}.grid-rows-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\]{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.grid-rows-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\]{grid-template-rows:minmax(0,3fr) minmax(0,2fr)}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:var(--spacing)}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--border)}:where(.divide-hairline>:not(:last-child)){border-color:var(--hairline)}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.overscroll-x-contain{overscroll-behavior-x:contain}.\[border-radius\:var\(--skin-radius\,1\.25rem\)\]{border-radius:var(--skin-radius,1.25rem)}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[28\%\]{border-radius:28%}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--tab\){border-color:var(--tab)}.border-\[var\(--hk-do-pesh\)\]{border-color:var(--hk-do-pesh)}.border-\[var\(--kg-groove-deep\)\]{border-color:var(--kg-groove-deep)}.border-accent{border-color:var(--accent)}.border-border{border-color:var(--border)}.border-current{border-color:currentColor}.border-danger{border-color:var(--danger)}.border-hairline{border-color:var(--hairline)}.border-muted{border-color:var(--muted)}.border-primary,.border-primary\/60{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/60{border-color:color-mix(in oklab, var(--primary) 60%, transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.\!bg-\[var\(--hk-do-pesh\)\]{background-color:var(--hk-do-pesh)!important}.bg-\(--dot\){background-color:var(--dot)}.bg-\[color-mix\(in_oklab\,var\(--kg-ink\)_55\%\,transparent\)\]{background-color:var(--kg-ink)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklab\,var\(--kg-ink\)_55\%\,transparent\)\]{background-color:color-mix(in oklab,var(--kg-ink) 55%,transparent)}}.bg-\[var\(--kg-chip\)\]{background-color:var(--kg-chip)}.bg-\[var\(--kg-cream\)\]{background-color:var(--kg-cream)}.bg-\[var\(--kg-cream-deep\)\]{background-color:var(--kg-cream-deep)}.bg-\[var\(--kg-felt\)\]{background-color:var(--kg-felt)}.bg-\[var\(--kg-felt-deep\)\]{background-color:var(--kg-felt-deep)}.bg-\[var\(--kg-groove\)\]{background-color:var(--kg-groove)}.bg-\[var\(--kg-ink-soft\)\]{background-color:var(--kg-ink-soft)}.bg-\[var\(--kg-orange\)\]{background-color:var(--kg-orange)}.bg-\[var\(--kg-yellow\)\]{background-color:var(--kg-yellow)}.bg-accent,.bg-accent\/15{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/15{background-color:color-mix(in oklab, var(--accent) 15%, transparent)}}.bg-accent\/20{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/20{background-color:color-mix(in oklab, var(--accent) 20%, transparent)}}.bg-accent\/30{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/30{background-color:color-mix(in oklab, var(--accent) 30%, transparent)}}.bg-background,.bg-background\/70{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/70{background-color:color-mix(in oklab, var(--background) 70%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-border{background-color:var(--border)}.bg-current{background-color:currentColor}.bg-danger,.bg-danger\/10{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.bg-danger\/10{background-color:color-mix(in oklab, var(--danger) 10%, transparent)}}.bg-danger\/15{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.bg-danger\/15{background-color:color-mix(in oklab, var(--danger) 15%, transparent)}}.bg-primary{background-color:var(--primary)}.bg-primary-foreground\/20{background-color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-primary-foreground\/20{background-color:color-mix(in oklab, var(--primary-foreground) 20%, transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-primary\/12{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/12{background-color:color-mix(in oklab, var(--primary) 12%, transparent)}}.bg-primary\/15{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/15{background-color:color-mix(in oklab, var(--primary) 15%, transparent)}}.bg-primary\/30{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/30{background-color:color-mix(in oklab, var(--primary) 30%, transparent)}}.bg-success{background-color:var(--success)}.bg-surface{background-color:var(--surface)}.bg-surface-2{background-color:var(--surface-2)}.bg-surface-solid{background-color:var(--surface-solid)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-\[linear-gradient\(135deg\,color-mix\(in_oklab\,var\(--accent\)_60\%\,var\(--q-on\)\)\,var\(--accent\)\)\]{background-image:linear-gradient(135deg,var(--accent),var(--accent))}@supports (color:color-mix(in lab, red, red)){.bg-\[linear-gradient\(135deg\,color-mix\(in_oklab\,var\(--accent\)_60\%\,var\(--q-on\)\)\,var\(--accent\)\)\]{background-image:linear-gradient(135deg,color-mix(in oklab,var(--accent) 60%,var(--q-on)),var(--accent))}}.bg-\[linear-gradient\(to_left\,var\(--surface-solid\)\,transparent\)\]{background-image:linear-gradient(to left,var(--surface-solid),transparent)}.bg-\[linear-gradient\(to_right\,var\(--surface-solid\)\,transparent\)\]{background-image:linear-gradient(to right,var(--surface-solid),transparent)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.fill-\[var\(--kg-gold\)\]{fill:var(--kg-gold)}.fill-\[var\(--kg-groove\)\]{fill:var(--kg-groove)}.fill-accent{fill:var(--accent)}.fill-current{fill:currentColor}.stroke-muted\/50{stroke:var(--muted)}@supports (color:color-mix(in lab, red, red)){.stroke-muted\/50{stroke:color-mix(in oklab, var(--muted) 50%, transparent)}}.stroke-primary{stroke:var(--primary)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.\!px-0{padding-inline:0!important}.\!px-2{padding-inline:calc(var(--spacing) * 2)!important}.\!px-3{padding-inline:calc(var(--spacing) * 3)!important}.\!px-8{padding-inline:calc(var(--spacing) * 8)!important}.\!px-10{padding-inline:calc(var(--spacing) * 10)!important}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-20{padding-block:calc(var(--spacing) * 20)}.ps-1{padding-inline-start:var(--spacing)}.ps-1\.5{padding-inline-start:calc(var(--spacing) * 1.5)}.ps-2{padding-inline-start:calc(var(--spacing) * 2)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.ps-6{padding-inline-start:calc(var(--spacing) * 6)}.ps-9{padding-inline-start:calc(var(--spacing) * 9)}.ps-10{padding-inline-start:calc(var(--spacing) * 10)}.ps-12{padding-inline-start:calc(var(--spacing) * 12)}.ps-\[max\(0\.5rem\,env\(safe-area-inset-left\)\)\]{padding-inline-start:max(.5rem, env(safe-area-inset-left))}.pe-1{padding-inline-end:var(--spacing)}.pe-2{padding-inline-end:calc(var(--spacing) * 2)}.pe-3{padding-inline-end:calc(var(--spacing) * 3)}.pe-9{padding-inline-end:calc(var(--spacing) * 9)}.pe-12{padding-inline-end:calc(var(--spacing) * 12)}.pe-\[max\(0\.5rem\,env\(safe-area-inset-right\)\)\]{padding-inline-end:max(.5rem, env(safe-area-inset-right))}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-\[max\(0\.375rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(.375rem, env(safe-area-inset-top))}.pr-\[max\(0\.5rem\,env\(safe-area-inset-right\)\)\]{padding-right:max(.5rem, env(safe-area-inset-right))}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-\[calc\(5\.5rem\+env\(safe-area-inset-bottom\)\+var\(--banner-h\,0px\)\)\]{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom) + var(--banner-h,0px))}.pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.75rem, env(safe-area-inset-bottom))}.pl-\[max\(0\.5rem\,env\(safe-area-inset-left\)\)\]{padding-left:max(.5rem, env(safe-area-inset-left))}.text-center{text-align:center}.text-end{text-align:end}.text-start{text-align:start}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-quran{font-family:var(--font-face-quran), serif}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[length\:24cqw\]{font-size:24cqw}.text-\[length\:30cqw\]{font-size:30cqw}.text-\[length\:max\(11px\,4\.5cqw\)\]{font-size:max(11px,4.5cqw)}.text-\[length\:max\(12px\,7cqw\)\]{font-size:max(12px,7cqw)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[2\]{--tw-leading:2;line-height:2}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-white{color:var(--color-white)!important}.text-\(--accent\){color:var(--accent)}.text-\(--q-on\){color:var(--q-on)}.text-\[var\(--kg-cream\)\]{color:var(--kg-cream)}.text-\[var\(--kg-gold\)\]{color:var(--kg-gold)}.text-\[var\(--kg-groove-deep\)\]{color:var(--kg-groove-deep)}.text-\[var\(--kg-ink\)\]{color:var(--kg-ink)}.text-\[var\(--kg-ink-soft\)\]{color:var(--kg-ink-soft)}.text-\[var\(--kg-orange\)\]{color:var(--kg-orange)}.text-accent{color:var(--accent)}.text-border{color:var(--border)}.text-danger{color:var(--danger)}.text-foreground{color:var(--foreground)}.text-muted{color:var(--muted)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.accent-\[var\(--primary\)\],.accent-primary{accent-color:var(--primary)}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.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)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0\.5rem_var\(--dot\)\]{--tw-shadow:0 0 .5rem var(--tw-shadow-color,var(--dot));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_3px_0_var\(--kg-groove-deep\)\]{--tw-shadow:0 3px 0 var(--tw-shadow-color,var(--kg-groove-deep));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_0_var\(--kg-groove-deep\)\]{--tw-shadow:0 4px 0 var(--tw-shadow-color,var(--kg-groove-deep));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_5px_0_var\(--kg-felt-deep\)\]{--tw-shadow:0 5px 0 var(--tw-shadow-color,var(--kg-felt-deep));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_6px_0_var\(--kg-groove-deep\)\]{--tw-shadow:0 6px 0 var(--tw-shadow-color,var(--kg-groove-deep));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_var\(--hairline\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--hairline));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}.shadow-sm{--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)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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)}.ring-accent,.ring-accent\/40{--tw-ring-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ring-accent\/40{--tw-ring-color:color-mix(in oklab, var(--accent) 40%, transparent)}}.ring-accent\/70{--tw-ring-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ring-accent\/70{--tw-ring-color:color-mix(in oklab, var(--accent) 70%, transparent)}}.ring-danger\/30{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.ring-danger\/30{--tw-ring-color:color-mix(in oklab, var(--danger) 30%, transparent)}}.ring-primary,.ring-primary\/30{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/30{--tw-ring-color:color-mix(in oklab, var(--primary) 30%, transparent)}}.ring-primary\/40{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/40{--tw-ring-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-surface{--tw-ring-offset-color:var(--surface)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-offset-2{outline-offset:2px}.outline-offset-6{outline-offset:6px}.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,)}.grayscale{--tw-grayscale:grayscale(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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.transition-\[stroke-dashoffset\]{transition-property:stroke-dashoffset;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[grid-area\:actions\]{grid-area:actions}.\[grid-area\:board\]{grid-area:board}.\[grid-area\:crew\]{grid-area:crew}.\[text-shadow\:0_0\.06em_0_var\(--stage-shade\)\]{text-shadow:0 .06em 0 var(--stage-shade)}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:bg-black\/85:is(:where(.group):hover *){background-color:#000000d9}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-black\/85:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-black) 85%, transparent)}}}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:border-border:hover{border-color:var(--border)}.hover\:border-primary\/40:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/40:hover{border-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.hover\:border-primary\/60:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/60:hover{border-color:color-mix(in oklab, var(--primary) 60%, transparent)}}.hover\:bg-surface:hover{background-color:var(--surface)}.hover\:bg-surface-2:hover{background-color:var(--surface-2)}.hover\:text-danger:hover{color:var(--danger)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}}.focus\:border-primary:focus{border-color:var(--primary)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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)}.focus-visible\:ring-primary\/40:focus-visible{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-primary\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.active\:translate-y-1:active{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.97\]:active{scale:.97}.active\:scale-\[0\.98\]:active{scale:.98}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-55:disabled{opacity:.55}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:\!min-h-12{min-height:calc(var(--spacing) * 12)!important}.sm\:\!min-w-12{min-width:calc(var(--spacing) * 12)!important}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:items-center{align-items:center}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:\!px-5{padding-inline:calc(var(--spacing) * 5)!important}.sm\:\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:48rem){.md\:\[container-type\:normal\]{container-type:normal}.md\:inset-x-auto{inset-inline:auto}.md\:inset-y-0{inset-block:0}.md\:start-auto{inset-inline-start:auto}.md\:end-0{inset-inline-end:calc(var(--spacing) * 0)}.md\:end-4{inset-inline-end:calc(var(--spacing) * 4)}.md\:bottom-4{bottom:calc(var(--spacing) * 4)}.md\:mx-0{margin-inline:0}.md\:mt-6{margin-top:calc(var(--spacing) * 6)}.md\:mb-3{margin-bottom:calc(var(--spacing) * 3)}.md\:mb-5{margin-bottom:calc(var(--spacing) * 5)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:inline{display:inline}.md\:inline-flex{display:inline-flex}.md\:size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.md\:size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.md\:size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.md\:size-13{width:calc(var(--spacing) * 13);height:calc(var(--spacing) * 13)}.md\:size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.md\:size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.md\:size-auto{width:auto;height:auto}.md\:h-10{height:calc(var(--spacing) * 10)}.md\:h-11{height:calc(var(--spacing) * 11)}.md\:h-auto{height:auto}.md\:max-h-\[70dvh\]{max-height:70dvh}.md\:max-h-none\!{max-height:none!important}.md\:w-32{width:calc(var(--spacing) * 32)}.md\:w-96{width:calc(var(--spacing) * 96)}.md\:w-\[28rem\]{width:28rem}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:max-w-\[22rem\]{max-width:22rem}.md\:max-w-lg{max-width:var(--container-lg)}.md\:max-w-xl{max-width:var(--container-xl)}.md\:flex-none{flex:none}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:justify-center{justify-content:center}.md\:gap-2{gap:calc(var(--spacing) * 2)}.md\:gap-3{gap:calc(var(--spacing) * 3)}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-5{gap:calc(var(--spacing) * 5)}.md\:gap-6{gap:calc(var(--spacing) * 6)}:where(.md\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.md\:overflow-hidden{overflow:hidden}.md\:overflow-visible{overflow:visible}.md\:rounded-3xl{border-radius:var(--radius-3xl)}.md\:rounded-none{border-radius:0}.md\:rounded-s-3xl{border-start-start-radius:var(--radius-3xl);border-end-start-radius:var(--radius-3xl)}.md\:border{border-style:var(--tw-border-style);border-width:1px}.md\:border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.md\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.md\:border-border{border-color:var(--border)}.md\:bg-surface-solid{background-color:var(--surface-solid)}.md\:p-4{padding:calc(var(--spacing) * 4)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:\!px-5{padding-inline:calc(var(--spacing) * 5)!important}.md\:px-0{padding-inline:0}.md\:px-4{padding-inline:calc(var(--spacing) * 4)}.md\:px-5{padding-inline:calc(var(--spacing) * 5)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:px-7{padding-inline:calc(var(--spacing) * 7)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:py-3{padding-block:calc(var(--spacing) * 3)}.md\:py-4{padding-block:calc(var(--spacing) * 4)}.md\:py-5{padding-block:calc(var(--spacing) * 5)}.md\:py-6{padding-block:calc(var(--spacing) * 6)}.md\:py-8{padding-block:calc(var(--spacing) * 8)}.md\:ps-\[var\(--sidebar-w\)\]{padding-inline-start:var(--sidebar-w)}.md\:pt-4{padding-top:calc(var(--spacing) * 4)}.md\:pt-\[12dvh\]{padding-top:12dvh}.md\:text-start{text-align:start}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.md\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.md\:transition-\[padding\]{transition-property:padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.md\:duration-200{--tw-duration:.2s;transition-duration:.2s}}@media (min-width:64rem){.lg\:order-first{order:-9999}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:h-auto{height:auto}.lg\:h-full{height:100%}.lg\:max-h-none{max-height:none}.lg\:min-h-0{min-height:0}.lg\:w-\[5\.5rem\]{width:5.5rem}.lg\:w-\[24rem\]{width:24rem}.lg\:w-full{width:100%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_20rem\]{grid-template-columns:minmax(0,1fr) 20rem}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:overflow-y-auto{overflow-y:auto}.lg\:border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.lg\:border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}}.rtl\:-scale-x-100:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-scale-x:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}.rtl\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}.rtl\:bg-\[linear-gradient\(to_left\,var\(--surface-solid\)\,transparent\)\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){background-image:linear-gradient(to left,var(--surface-solid),transparent)}.rtl\:bg-\[linear-gradient\(to_right\,var\(--surface-solid\)\,transparent\)\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){background-image:linear-gradient(to right,var(--surface-solid),transparent)}:where(.rtl\:divide-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-divide-x-reverse:1}.dark\:block:where(.dark,.dark *){display:block}.dark\:hidden:where(.dark,.dark *){display:none}@media not all and (min-width:359px){.max-\[359px\]\:\[\&_\.icon-btn\]\:size-9 .icon-btn{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}}.rtl\:\[\&_svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) svg{rotate:180deg}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}@media (max-height:480px){.\[\@media\(max-height\:480px\)\]\:block{display:block}.\[\@media\(max-height\:480px\)\]\:hidden{display:none}.\[\@media\(max-height\:480px\)\]\:size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.\[\@media\(max-height\:480px\)\]\:h-9{height:calc(var(--spacing) * 9)}.\[\@media\(max-height\:480px\)\]\:\!min-h-10{min-height:calc(var(--spacing) * 10)!important}.\[\@media\(max-height\:480px\)\]\:\!min-h-12{min-height:calc(var(--spacing) * 12)!important}.\[\@media\(max-height\:480px\)\]\:\!min-w-10{min-width:calc(var(--spacing) * 10)!important}.\[\@media\(max-height\:480px\)\]\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.\[\@media\(max-height\:480px\)\]\:gap-2{gap:calc(var(--spacing) * 2)}.\[\@media\(max-height\:480px\)\]\:py-0{padding-block:0}.\[\@media\(max-height\:480px\)\]\:pb-\[max\(0\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.5rem, env(safe-area-inset-bottom))}.\[\@media\(max-height\:480px\)\]\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.\[\@media\(max-height\:480px\)\]\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\[\@media\(max-height\:480px\)\]\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\[\@media\(max-height\:480px\)\]\:\[\&_\.kg-btn\]\:\!min-h-11 .kg-btn{min-height:calc(var(--spacing) * 11)!important}}@media (max-height:540px){.\[\@media\(max-height\:540px\)\]\:hidden{display:none}.\[\@media\(max-height\:540px\)\]\:size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.\[\@media\(max-height\:540px\)\]\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.\[\@media\(max-height\:540px\)\]\:py-0\.5{padding-block:calc(var(--spacing) * .5)}.\[\@media\(max-height\:540px\)\]\:py-1{padding-block:var(--spacing)}.\[\@media\(max-height\:540px\)\]\:py-3{padding-block:calc(var(--spacing) * 3)}.\[\@media\(max-height\:540px\)\]\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.\[\@media\(max-height\:540px\)\]\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (max-height:600px){@media not all and (min-width:48rem){.\[\@media\(max-height\:600px\)\]\:max-md\:hidden{display:none}}}@media (max-height:640px){@media not all and (min-width:48rem){.\[\@media\(max-height\:640px\)\]\:max-md\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}}@media (max-height:680px){.\[\@media\(max-height\:680px\)\]\:hidden{display:none}}@media (min-width:48rem){@media (max-height:680px){.md\:\[\@media\(max-height\:680px\)\]\:block{display:block}}}@media (max-height:700px){@media not all and (min-width:48rem){.\[\@media\(max-height\:700px\)\]\:max-md\:gap-3{gap:calc(var(--spacing) * 3)}}}@media (orientation:landscape) and (max-height:540px){.\[\@media\(orientation\:landscape\)_and_\(max-height\:540px\)\]\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.\[\@media\(orientation\:landscape\)_and_\(max-height\:540px\)\]\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}}}@font-face{font-family:IndoPak;src:url(/fonts/indopak.ttf)format("truetype");font-display:swap}@font-face{font-family:HarakatMarks;src:url(/fonts/harakat-marks.woff2)format("woff2");font-display:swap}@font-face{font-family:PDMS;src:url(/fonts/pdms.ttf)format("truetype");font-display:swap}@font-face{font-family:QuranNastaleeq;src:url(/fonts/nastaleeq.ttf)format("truetype");font-display:swap}:root{--font-face-indopak:"IndoPak";--font-face-pdms:"PDMS";--font-face-nastaleeq:"QuranNastaleeq";--sidebar-w:4.5rem}html[data-sidebar=open]{--sidebar-w:16rem}:root{--background:#f6f3ec;--surface:#fff;--surface-2:#ece7db;--foreground:#1b2421;--muted:#56605b;--border:#1b24211f;--primary:#0f5c4d;--primary-foreground:#fff;--accent:#856019;--danger:#a8281f;--gradient-brand:linear-gradient(135deg, #0f5c4d 0%, #14705d 100%);--gradient-ink:linear-gradient(135deg, #0f5c4d 0%, #14705d 100%);--glow:transparent;--cert-paper:#fffdf6;--cert-ink:#0f1a14;--cert-muted:#5d6b63;--cert-primary:#0e7a5a;--cert-accent:#c8a24b;--cert-blue:#1d4ed8;--cert-pink:#db2777;--rule-tafkheem:#0d7a3c;--rule-tafkheem-soft:var(--rule-tafkheem)}@supports (color:color-mix(in lab, red, red)){:root{--rule-tafkheem-soft:color-mix(in oklab, var(--rule-tafkheem) 28%, transparent)}}:root{--rule-tarqeeq:var(--foreground);--rule-tarqeeq-soft:transparent;--rule-qalqalah:#1d4ed8;--rule-qalqalah-soft:var(--rule-qalqalah)}@supports (color:color-mix(in lab, red, red)){:root{--rule-qalqalah-soft:color-mix(in oklab, var(--rule-qalqalah) 28%, transparent)}}:root{--rule-ghunnah:#d1202f;--rule-ghunnah-soft:var(--rule-ghunnah)}@supports (color:color-mix(in lab, red, red)){:root{--rule-ghunnah-soft:color-mix(in oklab, var(--rule-ghunnah) 28%, transparent)}}:root{--rule-ikhfa:var(--rule-ghunnah);--rule-ikhfa-soft:var(--rule-ghunnah-soft);--rule-madd:#c0267a;--rule-madd-soft:var(--rule-madd)}@supports (color:color-mix(in lab, red, red)){:root{--rule-madd-soft:color-mix(in oklab, var(--rule-madd) 28%, transparent)}}:root{--rule-silent:#6b7190;--rule-silent-soft:var(--rule-silent)}@supports (color:color-mix(in lab, red, red)){:root{--rule-silent-soft:color-mix(in oklab, var(--rule-silent) 28%, transparent)}}:root{--rule-izhar:var(--foreground);--rule-izhar-soft:transparent;--rule-idgham:var(--rule-ghunnah);--rule-idgham-soft:var(--rule-ghunnah-soft);--rule-iqlab:var(--rule-ghunnah);--rule-iqlab-soft:var(--rule-ghunnah-soft);--rule-waqf:#9a5b00;--rule-waqf-soft:var(--rule-waqf)}@supports (color:color-mix(in lab, red, red)){:root{--rule-waqf-soft:color-mix(in oklab, var(--rule-waqf) 28%, transparent)}}:root{--stage-shade:var(--foreground);--stage-ground:var(--foreground)}@supports (color:color-mix(in lab, red, red)){:root{--stage-ground:color-mix(in oklab, var(--foreground) 24%, transparent)}}:root{--logo-from:#1b8a72;--logo-via:#0f5c4d;--logo-to:#0a3f35;--logo-ink:#fff;--logo-gold:#d6ae5c;--logo-danger-from:#ff6b8b;--logo-danger-via:#e5384f;--logo-danger-to:#7a1631;--logo-flame:#ff7a1a;--logo-flame-core:#ffe066;--logo-glow:#1b8a72;--logo-alert-glow:#f43f5e;--surface-solid:#fbf9f4;--success:#17704a;--hk-zabar:#0b7a5c;--hk-zer:#2563eb;--hk-pesh:#b45309;--hk-khari-zabar:#7c3aed;--hk-khari-zer:#c026d3;--hk-ulta-pesh:#c2410c;--hk-do-zabar:#0e7490;--hk-do-zer:#4d7c0f;--hk-do-pesh:#dc2626;--hk-mark:#fff;--gradient-warm:linear-gradient(135deg, #b58b3c 0%, #856019 100%);--gradient-cool:linear-gradient(135deg, #2f5d6b 0%, #24495a 100%);--bg-mesh:none;--glass-highlight:transparent;--glass-blur:0px;--surface-raised:#fff;--page-wash:linear-gradient(180deg, #f6f3ec 0%, #efe9db 100%);--hairline:#85601947;--shadow-card:0 1px 2px #0f3c320d, 0 8px 20px -12px #0f3c3229;--shadow-raised:0 2px 4px #0f3c320f, 0 16px 32px -16px #0f3c3242;--depth-shadow:var(--shadow-card);--press-edge:#0f5c4d59;--star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none' stroke='%230f5c4d' stroke-width='1'%3E%3Cpath d='M13 13h18v18H13zM22 7l15 15-15 15L7 22z'/%3E%3C/svg%3E");--star-on-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none' stroke='%23ffffff' stroke-width='1'%3E%3Cpath d='M13 13h18v18H13zM22 7l15 15-15 15L7 22z'/%3E%3C/svg%3E");--radius-sm:.625rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-xl:1.75rem}.dark{--gradient-brand:linear-gradient(135deg, #0f5c4d 0%, #14705d 100%);--gradient-ink:linear-gradient(135deg, #8bdcc4 0%, #5cc4a6 100%);--glow:transparent;--background:#0b1411;--surface:#121e1a;--surface-2:#1a2923;--foreground:#e8ede8;--muted:#9daea6;--border:#e8ede81f;--primary:#5cc4a6;--primary-foreground:#062019;--accent:#d6ae5c;--danger:#ff8b7e;--rule-tafkheem:#5ff09a;--rule-tafkheem-soft:var(--rule-tafkheem)}@supports (color:color-mix(in lab, red, red)){.dark{--rule-tafkheem-soft:color-mix(in oklab, var(--rule-tafkheem) 32%, transparent)}}.dark{--rule-tarqeeq:var(--foreground);--rule-tarqeeq-soft:transparent;--rule-qalqalah:#7fb6ff;--rule-qalqalah-soft:var(--rule-qalqalah)}@supports (color:color-mix(in lab, red, red)){.dark{--rule-qalqalah-soft:color-mix(in oklab, var(--rule-qalqalah) 32%, transparent)}}.dark{--rule-ghunnah:#ff7d86;--rule-ghunnah-soft:var(--rule-ghunnah)}@supports (color:color-mix(in lab, red, red)){.dark{--rule-ghunnah-soft:color-mix(in oklab, var(--rule-ghunnah) 32%, transparent)}}.dark{--rule-ikhfa:var(--rule-ghunnah);--rule-ikhfa-soft:var(--rule-ghunnah-soft);--rule-madd:#ff86d3;--rule-madd-soft:var(--rule-madd)}@supports (color:color-mix(in lab, red, red)){.dark{--rule-madd-soft:color-mix(in oklab, var(--rule-madd) 32%, transparent)}}.dark{--rule-silent:#a9afcf;--rule-silent-soft:var(--rule-silent)}@supports (color:color-mix(in lab, red, red)){.dark{--rule-silent-soft:color-mix(in oklab, var(--rule-silent) 32%, transparent)}}.dark{--rule-izhar:var(--foreground);--rule-izhar-soft:transparent;--rule-idgham:var(--rule-ghunnah);--rule-idgham-soft:var(--rule-ghunnah-soft);--rule-iqlab:var(--rule-ghunnah);--rule-iqlab-soft:var(--rule-ghunnah-soft);--rule-waqf:#ffd84d;--rule-waqf-soft:var(--rule-waqf)}@supports (color:color-mix(in lab, red, red)){.dark{--rule-waqf-soft:color-mix(in oklab, var(--rule-waqf) 32%, transparent)}}.dark{--stage-shade:var(--background);--stage-ground:var(--background)}@supports (color:color-mix(in lab, red, red)){.dark{--stage-ground:color-mix(in oklab, var(--background) 85%, transparent)}}.dark{--surface-solid:#0f1a16;--success:#5cc4a6;--hk-zabar:#0b7a5c;--hk-zer:#2563eb;--hk-pesh:#b45309;--hk-khari-zabar:#7c3aed;--hk-khari-zer:#c026d3;--hk-ulta-pesh:#c2410c;--hk-do-zabar:#0e7490;--hk-do-zer:#4d7c0f;--hk-do-pesh:#dc2626;--hk-mark:#fff;--gradient-warm:linear-gradient(135deg, #d6ae5c 0%, #b58b3c 100%);--gradient-cool:linear-gradient(135deg, #4a8394 0%, #2f5d6b 100%);--bg-mesh:none;--glass-highlight:transparent;--surface-raised:#182720;--page-wash:linear-gradient(180deg, #0b1411 0%, #0e1b16 100%);--hairline:#d6ae5c4d;--shadow-card:0 1px 2px #00000059, 0 10px 22px -14px #000000a6;--shadow-raised:0 2px 4px #0006, 0 18px 34px -16px #000000bf;--star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none' stroke='%23d6ae5c' stroke-width='1'%3E%3Cpath d='M13 13h18v18H13zM22 7l15 15-15 15L7 22z'/%3E%3C/svg%3E");--press-edge:#0006}[data-skin=kids]{--skin-scale:1.15;--skin-radius:1.75rem;--skin-motion:1}[data-skin=adult]{--skin-scale:1;--skin-radius:1.25rem;--skin-motion:.6}@media (prefers-reduced-motion:reduce){[data-skin]{--skin-motion:0}}@keyframes skeleton-shift{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes tap-ripple{0%{opacity:.55;transform:scale(.55)}to{opacity:0;transform:scale(1.15)}}@keyframes count-pop{0%{transform:scale(.88)}to{transform:scale(1)}}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawer-in-rtl{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.no-select{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.no-select img,.no-select svg{-webkit-user-drag:none;user-drag:none}.no-select input,.no-select textarea,.no-select [data-selectable]{-webkit-user-select:text;user-select:text}@media (max-width:767px){.tool-viewport{height:calc(100dvh - 15.9rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:24rem}[data-tool-page] .tool-extra{display:none}body:has([data-tool-page]) footer{display:none}body:has([data-tool-page]) #main{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom) + var(--banner-h,0px))}}@media (max-width:767px) and (max-height:640px){.tool-viewport{height:calc(100dvh - 12.7rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:16rem}}@media (max-width:767px) and (orientation:landscape){.tool-viewport{height:auto;min-height:26rem}}html[data-immersive]{--sidebar-w:0px}html[data-immersive] [data-chrome],html[data-immersive] #main{display:none!important}.sheet-body{-webkit-overflow-scrolling:touch}.sheet-panel{--sheet-max:85dvh}@media (orientation:landscape) and (max-height:500px){.sheet-panel{--sheet-max:94dvh}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.en-island{--font-ui:var(--font-face-latin), system-ui, sans-serif;--font-head:var(--font-face-latin), system-ui, sans-serif;--font-body:var(--font-face-latin), system-ui, sans-serif;--lh-body:1.6;--lh-head:1.25;font-family:var(--font-ui)}html .en-island :where(h1,h2,h3,h4){font-weight:600}.logo-mark{display:block;overflow:visible}.logo-safe{filter:none}.logo-danger{filter:drop-shadow(0 0 .4rem var(--logo-alert-glow))}@supports (color:color-mix(in lab, red, red)){.logo-danger{filter:drop-shadow(0 0 .4rem color-mix(in oklab, var(--logo-alert-glow) 75%, transparent))}}.logo-danger{animation:1.6s ease-in-out infinite logo-alert}@keyframes logo-alert{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.logo-danger{animation:none}}.lang-island[lang=ur]{--font-ui:var(--font-face-urdu), serif;--font-head:var(--font-face-gulzar), var(--font-face-urdu), serif;--font-body:var(--font-face-urdu), serif;--lh-body:2.1;--lh-head:1.75;font-family:var(--font-ui)}.lang-island[lang=en]{--font-ui:var(--font-face-latin), system-ui, sans-serif;--font-head:var(--font-face-latin), system-ui, sans-serif;--font-body:var(--font-face-latin), system-ui, sans-serif;--lh-body:1.6;--lh-head:1.25;font-family:var(--font-ui)}:root{--hero-from:#0f5c4d;--hero-via:#14705d;--hero-to:#0a3f35;--hero-gold:#d6ae5c;--on-hero:#fff;--flame:#ff7a1a;--flame-core:#ffe066;--points:#ffb800;--ring-track:var(--on-hero)}@supports (color:color-mix(in lab, red, red)){:root{--ring-track:color-mix(in oklab, var(--on-hero) 22%, transparent)}}:root{--course-qaida-from:#7a5817;--course-qaida-to:#8f6a1f;--course-rules-from:#0f5c4d;--course-rules-to:#14705d;--course-quran-from:#2f5d6b;--course-quran-to:#3a7184;--coin:#ffc21a;--coin-edge:#c77d00;--xp:#856019}.dark{--hero-from:#0c4a3e;--hero-via:#115c4c;--hero-to:#083a31;--xp:#d6ae5c;--ring-track:var(--on-hero)}@supports (color:color-mix(in lab, red, red)){.dark{--ring-track:color-mix(in oklab, var(--on-hero) 16%, transparent)}}:root{--scrim:#0c0e3080;--q-1:var(--gi-cyan-2);--q-2:var(--gi-gold-2);--q-3:var(--gi-violet-2);--q-4:var(--gi-sky-2);--q-5:var(--gi-orange-2);--q-6:var(--gi-lime-2);--q-7:var(--gi-blue-2);--q-8:var(--gi-coral-2);--q-reserved:#0e9a46;--q-mark:#b5155f;--q-on:var(--gi-white);--kid-sky-top:#79cdfb;--kid-sky-bottom:#dff4ff;--kid-sun:var(--gi-gold-1);--kid-sun-core:var(--gi-gold-2);--kid-cloud:#fff;--kid-hill-far:#8fdc6f;--kid-hill-near:#3fb56a;--kid-board:#fffdf6;--kid-board-edge:var(--gi-gold-2);--kid-eye:#fff;--kid-ink:var(--gi-ink);--kid-cheek:var(--gi-coral-1);--kid-badge:#fff;--gi-cyan-1:#5ee1f5;--gi-cyan-2:#0891b2;--gi-sky-1:#8fd0ff;--gi-sky-2:#2f9be8;--gi-lime-1:#c8f05a;--gi-lime-2:#6f9c00;--gi-coral-1:#ff9f93;--gi-coral-2:#ee6a5b;--gi-gold-1:#ffe27a;--gi-gold-2:#f5a300;--gi-orange-1:#ffb347;--gi-orange-2:#ff6a1a;--gi-red-1:#ff7a8a;--gi-red-2:#e0213f;--gi-green-1:#6ef0a8;--gi-green-2:#0aa86b;--gi-teal-1:#5ef2e0;--gi-teal-2:#0b98b8;--gi-blue-1:#7cc4ff;--gi-blue-2:#2a5cf0;--gi-violet-1:#c29bff;--gi-violet-2:#6b35e8;--gi-pink-1:#ffa3d9;--gi-pink-2:#e0359a;--gi-silver-1:#f3f5ff;--gi-silver-2:#9aa3c4;--gi-bronze-1:#f0b07a;--gi-bronze-2:#a35a22;--gi-brown-1:#b97a4a;--gi-brown-2:#6b3b1c;--gi-ink-1:#3a3f66;--gi-ink-2:#151935;--gi-white:#fff;--gi-ink:#151935;--gi-paper:#fff8e8;--gi-gloss:#ffffff6b;--gi-shade:#00001e24;--gi-shadow:#1e1e5a2e;--motion-pop:cubic-bezier(.34, 1.56, .64, 1);--motion-ease:cubic-bezier(.2, .8, .2, 1)}.dark{--scrim:#0000009e;--q-1:var(--gi-cyan-1);--q-2:var(--gi-gold-1);--q-3:var(--gi-violet-1);--q-4:var(--gi-sky-1);--q-5:var(--gi-orange-1);--q-6:var(--gi-lime-1);--q-7:var(--gi-blue-1);--q-8:var(--gi-coral-1);--q-reserved:#4ade80;--q-mark:#ff4fa0;--q-on:var(--gi-ink);--kid-sky-top:#1b2766;--kid-sky-bottom:#3d5bb0;--kid-cloud:#9aa8e0;--kid-hill-far:#2e8a52;--kid-hill-near:#1d6b3f;--kid-board:#1b2152;--kid-board-edge:var(--gi-gold-1);--gi-paper:#fff4dc;--gi-gloss:#ffffff57;--gi-shadow:#00000073}@keyframes motion-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes motion-reward{0%{opacity:0;transform:scale(.3)rotate(-12deg)}55%{opacity:1;transform:scale(1.18)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes motion-flame{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.06,.94)rotate(-3deg)}}@keyframes motion-burst{0%{opacity:.9;transform:scale(.2)rotate(0)}to{opacity:0;transform:scale(1.4)rotate(160deg)}}@keyframes motion-page{0%{opacity:0}to{opacity:1}}@keyframes motion-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.25rem)}}@media (prefers-reduced-motion:reduce){.motion-pop,.motion-reward,.motion-flame,.motion-burst:before,.motion-page,.motion-float{animation:none}.btn-game:active,.press:active,.btn-primary:active{transform:none}}html[data-pack=ocean]{--gradient-brand:linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #6366f1 100%);--hero-from:#0369a1;--hero-via:#2563eb;--hero-to:#22d3ee}html[data-pack=sunset]{--gradient-brand:linear-gradient(135deg, #f59e0b 0%, #f97316 45%, #ec4899 100%);--hero-from:#c2410c;--hero-via:#db2777;--hero-to:#f59e0b}html[data-pack=forest]{--gradient-brand:linear-gradient(135deg, #16a34a 0%, #65a30d 50%, #ca8a04 100%);--hero-from:#166534;--hero-via:#15803d;--hero-to:#84cc16}html[data-pack=royal]{--gradient-brand:linear-gradient(135deg, #7c3aed 0%, #c026d3 50%, #f59e0b 100%);--hero-from:#4c1d95;--hero-via:#7e22ce;--hero-to:#db2777}[data-pack-preview=default]{background-image:linear-gradient(135deg,#0f5c4d 0%,#14705d 100%)}[data-pack-preview=ocean]{background-image:linear-gradient(135deg,#06b6d4 0%,#3b82f6 50%,#6366f1 100%)}[data-pack-preview=sunset]{background-image:linear-gradient(135deg,#f59e0b 0%,#f97316 45%,#ec4899 100%)}[data-pack-preview=forest]{background-image:linear-gradient(135deg,#16a34a 0%,#65a30d 50%,#ca8a04 100%)}[data-pack-preview=royal]{background-image:linear-gradient(135deg,#7c3aed 0%,#c026d3 50%,#f59e0b 100%)}.thin-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.thin-scroll::-webkit-scrollbar{width:6px;height:6px}.thin-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.thin-scroll::-webkit-scrollbar-track{background:0 0}.kg{--kg-cream:#fff3cf;--kg-cream-deep:#ffe6a3;--kg-felt:#2f9e5b;--kg-felt-deep:#1d7242;--kg-board:#fff;--kg-ink:#3a2616;--kg-ink-soft:#6b5233;--kg-card-hi:#ffc2dd;--kg-card-1:#ff8fc1;--kg-card-2:#ec4899;--kg-gold:#f5b82e;--kg-yellow:#ffc933;--kg-orange:#ff8a1f;--kg-teal:#19c3b0;--kg-purple:#7c3aed;--kg-groove:#e7dcb6;--kg-groove-deep:#bba96f;--kg-locked:#cfc8b6;--kg-chip:#fff8e3;--kg-font:var(--font-face-baloo), var(--font-head), system-ui, sans-serif;color:var(--kg-ink)}.kg-display{font-family:var(--kg-font)}.kg-btn{--b:var(--kg-yellow);--bd:var(--b)}@supports (color:color-mix(in lab, red, red)){.kg-btn{--bd:color-mix(in oklab, var(--b) 62%, black)}}.kg-btn{--bt:var(--kg-ink);background:linear-gradient(180deg, var(--b), var(--b));border:3px solid #ffffffd9;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;min-width:3.5rem;min-height:3.5rem;padding:0 1.5rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.kg-btn{background:linear-gradient(180deg, color-mix(in oklab, var(--b) 78%, white), var(--b))}}.kg-btn{color:var(--bt);font-family:var(--kg-font);box-shadow:0 5px 0 var(--bd), 0 12px 14px -8px #00000059;font-size:1.05rem;font-weight:800;transition:transform 80ms ease-out,box-shadow 80ms ease-out}.kg-btn:active:not(:disabled){box-shadow:0 1px 0 var(--bd), 0 4px 8px -6px #00000059;transform:translateY(4px)}.kg-btn:disabled{opacity:.5}.kg-btn-orange{--b:var(--kg-orange)}.kg-btn-teal{--b:var(--kg-teal)}.kg-btn-purple{--b:var(--kg-purple);--bt:#fff}.kg-board{border:5px solid var(--kg-felt-deep);background:var(--kg-board);box-shadow:0 8px 0 var(--kg-felt-deep), inset 0 0 0 4px var(--kg-cream-deep);border-radius:2rem;position:relative}.kg-card{background:radial-gradient(120% 90% at 30% 12%, var(--kg-card-hi), var(--kg-card-1) 48%, var(--kg-card-2));box-shadow:0 0 0 3px var(--kg-gold), 0 9px 0 var(--kg-card-2), 0 18px 20px -8px var(--hk-near,var(--kg-card-2)), inset 0 -8px 0 #00000014;border:4px solid #fff;border-radius:28%;position:relative}@supports (color:color-mix(in lab, red, red)){.kg-card{box-shadow:0 0 0 3px var(--kg-gold), 0 9px 0 color-mix(in oklab, var(--kg-card-2) 68%, black), 0 18px 20px -8px color-mix(in oklab, var(--hk-near,var(--kg-card-2)) 75%, transparent), inset 0 -8px 0 #00000014}}.kg-card:before{content:"";pointer-events:none;background:linear-gradient(#fff6,#fff0);border-radius:50%;height:26%;position:absolute;top:5%;left:12%;right:12%}.kg-card-dash{pointer-events:none;border:2px dashed #fffc;border-radius:24%;position:absolute;inset:5px}.kg-bob{animation:2.6s ease-in-out infinite kg-bob}.kg-blink{transform-box:fill-box;transform-origin:50%;animation:4.6s infinite kg-blink}.kg-lifted{transform:scale(1.06,.97)}.kg-arrow{animation:.9s ease-in-out infinite kg-arrow}.kg-spark{animation:.55s ease-out both kg-spark}.kg-burst{animation:.9s ease-out both kg-burst}.kg-wave{animation:1.1s ease-out infinite kg-wave}.kg-node-now{animation:1.4s ease-in-out infinite hk-pulse}.kg-phone{animation:2.6s ease-in-out infinite kg-phone}@keyframes kg-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes kg-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes kg-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes kg-spark{0%{opacity:.95;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(0)rotate(90deg)}}@keyframes kg-burst{0%{opacity:1;transform:translate(0)rotate(0)scale(.6)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(1);opacity:0}}@keyframes kg-wave{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}@keyframes kg-phone{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@keyframes kg-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.kg-bob,.kg-blink,.kg-arrow,.kg-spark,.kg-wave,.kg-node-now{animation:none}.kg-phone{animation:none;transform:rotate(-90deg)}.kg-burst{transform:translate(var(--dx), var(--dy));animation:.4s ease-out both kg-fade}.kg-lifted{transform:none}.kg-btn{transition:none}}@keyframes hk-shake{0%,to{transform:translate(var(--hk-x,0), var(--hk-y,0))}20%{transform:translate(calc(var(--hk-x,0px) - 8px), var(--hk-y,0))}40%{transform:translate(calc(var(--hk-x,0px) + 8px), var(--hk-y,0))}60%{transform:translate(calc(var(--hk-x,0px) - 5px), var(--hk-y,0))}80%{transform:translate(calc(var(--hk-x,0px) + 5px), var(--hk-y,0))}}@keyframes hk-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes hk-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.hk-shake{animation:.42s ease-in-out hk-shake}.hk-pulse{animation:.7s ease-in-out 2 hk-pulse}.hk-pop{animation:.35s ease-out both hk-pop}@media (prefers-reduced-motion:reduce){.hk-shake,.hk-pulse{animation:none}.hk-pop{animation:.3s ease-out both kg-fade}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}