@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;--tw-ease: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-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-lg:0 4px 4px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--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;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.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}.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}.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;-webkit-background-clip:text;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;-webkit-mask-image:linear-gradient(200deg,#000 0%,#0000 70%);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}.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}html[data-app=android],html[data-app=android] *{scrollbar-width:none}html[data-app=android]::-webkit-scrollbar{display:none}html[data-app=android] ::-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{aspect-ratio:1;container:avatar/inline-size}.avatar-face{border-radius:9999px;position:absolute;inset:0;overflow:hidden}.avatar-frame[data-framed] .avatar-face{inset:12%}.frame-shimmer{transform-origin:50px 50px;animation:3.6s linear infinite frame-shimmer}.frame-flicker{transform-box:fill-box;transform-origin:50% 100%;animation:1.1s ease-in-out infinite alternate frame-flicker}.flame-risk{filter:saturate(.55)brightness(.88);transform-origin:50% 90%;animation:2.4s ease-in-out infinite flame-shake}@container avatar (max-width:47.9px){.frame-ribbon{display:none}}.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{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.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-x-0{inset-inline:0}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.inset-x-6{inset-inline:calc(var(--spacing) * 6)}.inset-x-\[16\%\]{inset-inline:16%}.inset-y-0{inset-block:0}.inset-y-2{inset-block:calc(var(--spacing) * 2)}.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-0{inset-inline-end:calc(var(--spacing) * 0)}.end-1{inset-inline-end:calc(var(--spacing) * 1)}.end-2{inset-inline-end:calc(var(--spacing) * 2)}.end-4{inset-inline-end:calc(var(--spacing) * 4)}.-top-1{top:calc(var(--spacing) * -1)}.-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-3{top:calc(var(--spacing) * 3)}.top-\[26\%\]{top:26%}.top-\[calc\(4rem\+env\(safe-area-inset-top\)\)\]{top:calc(4rem + env(safe-area-inset-top))}.top-\[calc\(env\(safe-area-inset-top\)\+0\.75rem\)\]{top:calc(env(safe-area-inset-top) + .75rem)}.top-\[env\(safe-area-inset-top\)\]{top:env(safe-area-inset-top)}.top-full{top:100%}.-right-1{right:calc(var(--spacing) * -1)}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.right-\[max\(20px\,env\(safe-area-inset-right\)\)\]{right:max(20px, env(safe-area-inset-right))}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-1\.5{bottom:calc(var(--spacing) * -1.5)}.-bottom-5{bottom:calc(var(--spacing) * -5)}.bottom-0{bottom:0}.bottom-1{bottom:var(--spacing)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-\[33\%\]{bottom:33%}.bottom-\[calc\(5rem\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(5rem + env(safe-area-inset-bottom))}.bottom-\[calc\(5rem\+env\(safe-area-inset-bottom\)\+var\(--banner-h\,0px\)\+0\.75rem\)\]{bottom:calc(5rem + env(safe-area-inset-bottom) + var(--banner-h,0px) + .75rem)}.bottom-\[calc\(env\(safe-area-inset-bottom\)\+5rem\)\]{bottom:calc(env(safe-area-inset-bottom) + 5rem)}.bottom-\[max\(20px\,env\(safe-area-inset-bottom\)\)\]{bottom:max(20px, env(safe-area-inset-bottom))}.bottom-\[max\(28px\,env\(safe-area-inset-bottom\)\)\]{bottom:max(28px, env(safe-area-inset-bottom))}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-\[max\(20px\,env\(safe-area-inset-left\)\)\]{left:max(20px, env(safe-area-inset-left))}.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-\[35\]{z-index:35}.z-\[45\]{z-index:45}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[100\]{z-index:100}.z-\[110\]{z-index:110}.col-span-4{grid-column:span 4/span 4}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.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}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-1{margin-inline:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.-ms-1\.5{margin-inline-start:calc(var(--spacing) * -1.5)}.-ms-4{margin-inline-start:calc(var(--spacing) * -4)}.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-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}.\!grid{display:grid!important}.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-\[8\/5\]{aspect-ratio:8/5}.aspect-\[120\/130\]{aspect-ratio:120/130}.aspect-square{aspect-ratio:1}.\!size-14{width:calc(var(--spacing) * 14)!important;height:calc(var(--spacing) * 14)!important}.\!size-24{width:calc(var(--spacing) * 24)!important;height:calc(var(--spacing) * 24)!important}.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-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.size-36{width:calc(var(--spacing) * 36);height:calc(var(--spacing) * 36)}.size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.size-56{width:calc(var(--spacing) * 56);height:calc(var(--spacing) * 56)}.size-\[3\.9rem\]{width:3.9rem;height:3.9rem}.size-\[4\.4rem\]{width:4.4rem;height:4.4rem}.size-\[38\%\]{width:38%;height:38%}.size-\[42\%\]{width:42%;height:42%}.size-\[76px\]{width:76px;height:76px}.size-\[78\%\]{width:78%;height:78%}.size-\[92px\]{width:92px;height:92px}.size-\[116px\]{width:116px;height:116px}.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-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.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-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-40{height:calc(var(--spacing) * 40)}.h-64{height:calc(var(--spacing) * 64)}.h-\[26\%\]{height:26%}.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-\[46dvh\]{max-height:46dvh}.max-h-\[50dvh\]{max-height:50dvh}.max-h-\[var\(--sheet-max\)\]{max-height:var(--sheet-max)}.max-h-full{max-height:100%}.\!min-h-9{min-height:calc(var(--spacing) * 9)!important}.\!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-14{min-height:calc(var(--spacing) * 14)!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-28{min-height:calc(var(--spacing) * 28)}.min-h-\[2\.6rem\]{min-height:2.6rem}.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-2{width:calc(var(--spacing) * 2)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-72{width:calc(var(--spacing) * 72)}.w-\[24\%\]{width:24%}.w-\[31\%\]{width:31%}.w-\[40\%\]{width:40%}.w-\[46\%\]{width:46%}.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-16{max-width:calc(var(--spacing) * 16)}.max-w-60{max-width:calc(var(--spacing) * 60)}.max-w-\[26rem\]{max-width:26rem}.max-w-\[118px\]{max-width:118px}.max-w-\[140px\]{max-width:140px}.max-w-\[170px\]{max-width:170px}.max-w-\[190px\]{max-width:190px}.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-12{min-width:calc(var(--spacing) * 12)!important}.\!min-w-14{min-width:calc(var(--spacing) * 14)!important}.\!min-w-\[5\.5rem\]{min-width:5.5rem!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-10{min-width:calc(var(--spacing) * 10)}.min-w-11{min-width:calc(var(--spacing) * 11)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-64{min-width:calc(var(--spacing) * 64)}.min-w-\[5\.5rem\]{min-width:5.5rem}.min-w-\[calc\(2\.75rem\*var\(--skin-scale\,1\)\)\]{min-width:calc(2.75rem * var(--skin-scale,1))}.flex-1{flex:1}.flex-\[5\]{flex:5}.flex-\[6\]{flex:6}.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-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1{--tw-translate-y:var(--spacing);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)}.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-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.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-y{resize:vertical}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-start{scroll-snap-align:start}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.list-decimal{list-style-type:decimal}.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-\[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-3{grid-template-rows:repeat(3,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-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-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.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-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}: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}.\[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-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[28\%\]{border-radius:28%}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.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-\[2rem\]{border-top-left-radius:2rem;border-top-right-radius:2rem}.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-\[10px\]{border-style:var(--tw-border-style);border-width:10px}.border-x-4{border-inline-style:var(--tw-border-style);border-inline-width:4px}.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-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.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-\[var\(--kg-orange\)\]{border-color:var(--kg-orange)}.border-\[var\(--ms-glow-bad\)\]{border-color:var(--ms-glow-bad)}.border-\[var\(--nb-bad\)\]{border-color:var(--nb-bad)}.border-\[var\(--tm-bad\)\]{border-color:var(--tm-bad)}.border-\[var\(--tm-balloon-edge\)\]{border-color:var(--tm-balloon-edge)}.border-\[var\(--tm-glow\)\]{border-color:var(--tm-glow)}.border-\[var\(--wq-brake\)\]{border-color:var(--wq-brake)}.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-primary{border-color:var(--primary)}.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-\[var\(--ms-glow-bad\)\]{background-color:var(--ms-glow-bad)!important}.\!bg-\[var\(--nb-bad\)\]{background-color:var(--nb-bad)!important}.\!bg-\[var\(--tm-bad\)\]{background-color:var(--tm-bad)!important}.\!bg-\[var\(--wq-brake\)\]{background-color:var(--wq-brake)!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-board\)\]{background-color:var(--kg-board)}.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-gold\)\]{background-color:var(--kg-gold)}.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-purple\)\]{background-color:var(--kg-purple)}.bg-\[var\(--kg-yellow\)\]{background-color:var(--kg-yellow)}.bg-\[var\(--ms-glow-target\)\]{background-color:var(--ms-glow-target)}.bg-\[var\(--ms-sky-day-bottom\)\]{background-color:var(--ms-sky-day-bottom)}.bg-\[var\(--nb-hud\)\]{background-color:var(--nb-hud)}.bg-\[var\(--nb-panel\)\]{background-color:var(--nb-panel)}.bg-\[var\(--nb-scrim\)\]{background-color:var(--nb-scrim)}.bg-\[var\(--tm-accent\)\]{background-color:var(--tm-accent)}.bg-\[var\(--tm-hud\)\]{background-color:var(--tm-hud)}.bg-\[var\(--tm-panel\)\]{background-color:var(--tm-panel)}.bg-\[var\(--tm-scrim\)\]{background-color:var(--tm-scrim)}.bg-\[var\(--wq-stage\)\]{background-color:var(--wq-stage)}.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\/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\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab, var(--color-black) 55%, 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-foreground\/90{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/90{background-color:color-mix(in oklab, var(--foreground) 90%, 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-success{background-color:var(--success)}.bg-surface{background-color:var(--surface)}.bg-surface-2{background-color:var(--surface-2)}.bg-surface-raised\/90{background-color:var(--surface-raised)}@supports (color:color-mix(in lab, red, red)){.bg-surface-raised\/90{background-color:color-mix(in oklab, var(--surface-raised) 90%, transparent)}}.bg-surface-solid{background-color:var(--surface-solid)}.bg-whatsapp{background-color:var(--whatsapp)}.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-\[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\(180deg\,var\(--tm-tongue\)\,var\(--tm-mouth\)\)\]{background-image:linear-gradient(180deg,var(--tm-tongue),var(--tm-mouth))}.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-\[var\(--tm-heart\)\]{fill:var(--tm-heart)}.fill-\[var\(--tm-heart-off\)\]{fill:var(--tm-heart-off)}.fill-\[var\(--wq-brake\)\]{fill:var(--wq-brake)}.fill-accent{fill:var(--accent)}.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-bottom{object-position:bottom}.\!p-0{padding:0!important}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.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-1{padding-inline:var(--spacing)!important}.\!px-2{padding-inline:calc(var(--spacing) * 2)!important}.\!px-3{padding-inline:calc(var(--spacing) * 3)!important}.\!px-6{padding-inline:calc(var(--spacing) * 6)!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-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.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-14{padding-inline-start:calc(var(--spacing) * 14)}.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-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-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-\[env\(safe-area-inset-top\)\]{padding-top:env(safe-area-inset-top)}.pt-\[max\(0\.5rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(.5rem, env(safe-area-inset-top))}.pt-\[max\(0\.375rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(.375rem, env(safe-area-inset-top))}.pt-\[max\(8px\,env\(safe-area-inset-top\)\)\]{padding-top:max(8px, env(safe-area-inset-top))}.pr-\[max\(0\.5rem\,env\(safe-area-inset-right\)\)\]{padding-right:max(.5rem, env(safe-area-inset-right))}.pr-\[max\(0\.75rem\,env\(safe-area-inset-right\)\)\]{padding-right:max(.75rem, env(safe-area-inset-right))}.pr-\[max\(1rem\,env\(safe-area-inset-right\)\)\]{padding-right:max(1rem, env(safe-area-inset-right))}.pr-\[max\(12px\,env\(safe-area-inset-right\)\)\]{padding-right:max(12px, 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-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pb-\[max\(0\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.5rem, env(safe-area-inset-bottom))}.pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.75rem, env(safe-area-inset-bottom))}.pb-\[max\(1\.5rem\,calc\(env\(safe-area-inset-bottom\)\+0\.75rem\)\)\]{padding-bottom:max(1.5rem, calc(env(safe-area-inset-bottom) + .75rem))}.pb-\[max\(8px\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(8px, env(safe-area-inset-bottom))}.pl-\[max\(0\.5rem\,env\(safe-area-inset-left\)\)\]{padding-left:max(.5rem, env(safe-area-inset-left))}.pl-\[max\(0\.75rem\,env\(safe-area-inset-left\)\)\]{padding-left:max(.75rem, env(safe-area-inset-left))}.pl-\[max\(1rem\,env\(safe-area-inset-left\)\)\]{padding-left:max(1rem, env(safe-area-inset-left))}.pl-\[max\(12px\,env\(safe-area-inset-left\)\)\]{padding-left:max(12px, 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-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.\!text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.\!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-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--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\.72rem\]{font-size:.72rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.8rem\]{font-size:1.8rem}.text-\[2\.2rem\]{font-size:2.2rem}.text-\[2\.3rem\]{font-size:2.3rem}.text-\[2\.6rem\]{font-size:2.6rem}.text-\[3\.2rem\]{font-size:3.2rem}.text-\[3\.4rem\]{font-size:3.4rem}.text-\[3rem\]{font-size:3rem}.text-\[4rem\]{font-size:4rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-\[1\.9\]{--tw-leading:1.9;line-height:1.9}.leading-\[1\.75\]{--tw-leading:1.75;line-height:1.75}.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-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.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-\[var\(--nb-panel-ink\)\]{color:var(--nb-panel-ink)}.text-\[var\(--nb-panel-soft\)\]{color:var(--nb-panel-soft)}.text-\[var\(--tm-heart\)\]{color:var(--tm-heart)}.text-\[var\(--tm-heart-off\)\]{color:var(--tm-heart-off)}.text-\[var\(--tm-hl-next\)\]{color:var(--tm-hl-next)}.text-\[var\(--tm-panel-ink\)\]{color:var(--tm-panel-ink)}.text-\[var\(--tm-panel-soft\)\]{color:var(--tm-panel-soft)}.text-\[var\(--wq-brake\)\]{color:var(--wq-brake)}.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-whatsapp-ink{color:var(--whatsapp-ink)}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.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\(--kg-orange\)\]{accent-color:var(--kg-orange)}.accent-primary{accent-color:var(--primary)}.opacity-0{opacity:0}.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_5px_0_var\(--kg-groove-deep\)\]{--tw-shadow:0 5px 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_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-lg{--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)}.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-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-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-4{outline-style:var(--tw-outline-style);outline-width:4px}.outline-offset-2{outline-offset:2px}.outline-offset-6{outline-offset:6px}.outline-\[var\(--kg-orange\)\]{outline-color:var(--kg-orange)}.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,)}.blur-sm{--tw-blur:blur(var(--blur-sm));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,)}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));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,)}.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-\[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-opacity{transition-property:opacity;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}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--ayah-h\:8rem\]{--ayah-h:8rem}.\[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}.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)}.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\.98\]:active{scale:.98}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-surface-2:active{background-color:var(--surface-2)}.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-70:disabled{opacity:.7}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media not all and (min-width:399px){.max-\[399px\]\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (min-width:560px){.min-\[560px\]\:max-h-\[38dvh\]{max-height:38dvh}.min-\[560px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.min-\[560px\]\:gap-3{gap:calc(var(--spacing) * 3)}}@media (min-width:40rem){.sm\:inline{display:inline}.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))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (min-width:48rem){.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\:end-6{inset-inline-end:calc(var(--spacing) * 6)}.md\:bottom-4{bottom:calc(var(--spacing) * 4)}.md\:bottom-6{bottom:calc(var(--spacing) * 6)}.md\:mx-0{margin-inline:0}.md\:mb-3{margin-bottom:calc(var(--spacing) * 3)}.md\:block{display:block}.md\:flex{display:flex}.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-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.md\:size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.md\:h-10{height:calc(var(--spacing) * 10)}.md\:h-auto{height:auto}.md\:max-h-\[70dvh\]{max-height:70dvh}.md\:max-h-none\!{max-height:none!important}.md\:w-96{width:calc(var(--spacing) * 96)}.md\:w-\[28rem\]{width:28rem}.md\:w-auto{width:auto}.md\:max-w-xl{max-width:var(--container-xl)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.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)}.md\:overflow-hidden{overflow:hidden}.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-5{padding:calc(var(--spacing) * 5)}.md\:p-6{padding:calc(var(--spacing) * 6)}.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-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--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\: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-8{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.rtl\:-scale-x-100:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){--tw-scale-x:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}.rtl\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){rotate:180deg}:where(.rtl\:divide-x-reverse:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[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}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}@media (max-height:420px){.\[\@media\(max-height\:420px\)\]\:\!size-12{width:calc(var(--spacing) * 12)!important;height:calc(var(--spacing) * 12)!important}.\[\@media\(max-height\:420px\)\]\:\!size-\[4\.25rem\]{width:4.25rem!important;height:4.25rem!important}.\[\@media\(max-height\:420px\)\]\:size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.\[\@media\(max-height\:420px\)\]\:pb-\[max\(1\.75rem\,calc\(env\(safe-area-inset-bottom\)\+1rem\)\)\]{padding-bottom:max(1.75rem, calc(env(safe-area-inset-bottom) + 1rem))}.\[\@media\(max-height\:420px\)\]\:\[--ayah-h\:4\.5rem\]{--ayah-h:4.5rem}}@media (max-height:480px){.\[\@media\(max-height\:480px\)\]\:right-\[max\(12px\,env\(safe-area-inset-right\)\)\]{right:max(12px, env(safe-area-inset-right))}.\[\@media\(max-height\:480px\)\]\:bottom-\[max\(10px\,env\(safe-area-inset-bottom\)\)\]{bottom:max(10px, env(safe-area-inset-bottom))}.\[\@media\(max-height\:480px\)\]\:bottom-\[max\(12px\,env\(safe-area-inset-bottom\)\)\]{bottom:max(12px, env(safe-area-inset-bottom))}.\[\@media\(max-height\:480px\)\]\:left-\[max\(12px\,env\(safe-area-inset-left\)\)\]{left:max(12px, env(safe-area-inset-left))}.\[\@media\(max-height\:480px\)\]\:-mt-11{margin-top:calc(var(--spacing) * -11)}.\[\@media\(max-height\:480px\)\]\:block{display:block}.\[\@media\(max-height\:480px\)\]\:contents{display:contents}.\[\@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\)\]\:size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.\[\@media\(max-height\:480px\)\]\:size-\[96px\]{width:96px;height:96px}.\[\@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-h-11{min-height:calc(var(--spacing) * 11)}.\[\@media\(max-height\:480px\)\]\:\!min-w-10{min-width:calc(var(--spacing) * 10)!important}.\[\@media\(max-height\:480px\)\]\:gap-0\.5{gap:calc(var(--spacing) * .5)}.\[\@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-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--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-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--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:520px){.\[\@media\(max-height\:520px\)\]\:col-span-2{grid-column:span 2/span 2}.\[\@media\(max-height\:520px\)\]\:max-w-lg{max-width:var(--container-lg)}.\[\@media\(max-height\:520px\)\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\[\@media\(max-height\:520px\)\]\:gap-2{gap:calc(var(--spacing) * 2)}.\[\@media\(max-height\:520px\)\]\:p-3{padding:calc(var(--spacing) * 3)}}@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: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}:root{--font-face-indopak:"IndoPak";--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-bg-from:#07694f;--logo-bg-via:#085140;--logo-bg-to:#06382c;--logo-cream:#fbf6ea;--logo-arch-from:#fde377;--logo-arch-to:#e8a42b;--logo-wave-from:#fedc66;--logo-wave-to:#efae2e;--logo-rehal-from:#f6bb36;--logo-rehal-to:#dc9420;--logo-leg-from:#e8a62c;--logo-leg-to:#c5791a;--logo-cover-from:#17886c;--logo-cover-to:#0a5946;--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;--whatsapp:#25d366;--whatsapp-ink:#fff;--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 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;--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}: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;--av-skin-light:#f7d6b8;--av-skin-wheat:#e9bd8f;--av-skin-tan:#c88f5f;--av-skin-brown:#8d5b38;--av-beard:#2a2019;--av-eye:#1d1713;--av-blush:#de666047;--av-shade:#1e140a29;--av-cloth-white:#f3f0e8;--av-cloth-green:#1f7a4f;--av-cloth-navy:#243b6b;--av-cloth-sand:#c9a977;--av-cloth-teal:#17808a;--av-cloth-rose:#c85a7a;--av-cloth-black:#23262c;--av-cloth-emerald:#0d6b4a;--av-head-topiWhite:#f7f5ef;--av-head-topiGreen:#2e8b57;--av-head-knit:#e6dcc4;--av-head-turbanWhite:#f3efe4;--av-head-turbanGreen:#2a8a5a;--av-head-turbanBlack:#2a2c33;--av-head-turbanSand:#d6ba84;--av-hijab-black:#272a30;--av-hijab-teal:#1f8e96;--av-hijab-rose:#d9708f;--av-hijab-navy:#2a4577;--av-hijab-white:#f4f1ea;--av-hijab-emerald:#14825a;--av-hijab-pink:#f08fb4;--av-band:#e3b94a;--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 frame-shimmer{to{transform:rotate(360deg)}}@keyframes frame-flicker{0%{transform:scale(.85,.8)}to{transform:scale(1.05,1.15)}}@keyframes flame-shake{0%,70%,to{transform:translate(0)rotate(0)}76%{transform:translate(-1.5px)rotate(-4deg)}82%{transform:translate(1.5px)rotate(4deg)}88%{transform:translate(-1px)rotate(-3deg)}94%{transform:translate(1px)rotate(2deg)}}@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,.frame-shimmer,.frame-flicker,.flame-risk,.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%)}.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;--wq-car-compact:#ff8a1f;--wq-car-hatch:#19c3b0;--wq-car-sedan:#2f9e5b;--wq-car-offroad:#e5483f;--wq-car-suv:#7c3aed;--wq-car-coupe:#3b6cf5;--wq-car-sport:#f5b82e;--wq-glass:#9fd6ff;--wq-tire:#2a2437;--wq-sign-stop-hard:#e5483f;--wq-sign-go-hard:#2ecc71;--wq-sign-stop-soft:#ff8a1f;--wq-sign-go-soft:#19c3b0;--wq-sign-either:#f5b82e;--wq-sign-pair:#7c3aed;--wq-sign-pause:#2563eb;--wq-sign-same:#6b5233;--wq-sign-face:#fffaf0;--wq-stage:#4aa8ff;--wq-gas:#2ecc71;--wq-brake:#e5483f;--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}}.wq-speedlines{pointer-events:none;opacity:var(--wq-speed,0);background:repeating-conic-gradient(from 3deg at 50% 52%, var(--kg-cream) 0deg .9deg, transparent .9deg 7deg);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.wq-speedlines{background:repeating-conic-gradient(from 3deg at 50% 52%, color-mix(in srgb, var(--kg-cream) 70%, transparent) 0deg .9deg, transparent .9deg 7deg)}}.wq-speedlines{-webkit-mask-image:radial-gradient(ellipse at 50% 52%, transparent 52%, var(--kg-ink) 100%);-webkit-mask-image:radial-gradient(ellipse at 50% 52%, transparent 52%, var(--kg-ink) 100%);-webkit-mask-image:radial-gradient(ellipse at 50% 52%, transparent 52%, var(--kg-ink) 100%);mask-image:radial-gradient(ellipse at 50% 52%, transparent 52%, var(--kg-ink) 100%);animation:.18s linear infinite wq-speedlines}@keyframes wq-speedlines{0%{transform:scale(1)rotate(0)}to{transform:scale(1.06)rotate(1.5deg)}}@media (prefers-reduced-motion:reduce){.wq-speedlines{display:none}}html[lang=ur] :is(.text-xs,.text-sm,.text-base,.text-lg,.text-xl,.text-2xl,[class*=text-\[],[class*=md\:text-]),.lang-island[lang=ur] :is(.text-xs,.text-sm,.text-base,.text-lg,.text-xl,.text-2xl,[class*=text-\[],[class*=md\:text-]),html[lang=ur] :is(.leading-none,.leading-tight,.leading-snug,.leading-normal),.lang-island[lang=ur] :is(.leading-none,.leading-tight,.leading-snug,.leading-normal){line-height:1.8}html[lang=ur] :is(.truncate,[class*=line-clamp-]),.lang-island[lang=ur] :is(.truncate,[class*=line-clamp-]){margin-block:-.3em;padding-block:.3em}.qc-en:lang(ur),.qc-ur:not(:lang(ur)){display:none}.tm{--tm-w1-from:#bfe9ff;--tm-w1-mid:#d9f3ff;--tm-w1-to:#fff3cf;--tm-w1-accent:#ff8a1f;--tm-w2-from:#ffd9c7;--tm-w2-mid:#ffc9b8;--tm-w2-to:#ffeccc;--tm-w2-accent:#e5483f;--tm-w3-from:#bcd8ff;--tm-w3-mid:#d5e6ff;--tm-w3-to:#eaf3ff;--tm-w3-accent:#3b6cf5;--tm-w4-from:#c3efc7;--tm-w4-mid:#dcf5cf;--tm-w4-to:#f3fbd8;--tm-w4-accent:#2f9e5b;--tm-w5-from:#d6c4ff;--tm-w5-mid:#e6d9ff;--tm-w5-to:#f6efff;--tm-w5-accent:#7c3aed;--tm-w6-from:#ffd2a0;--tm-w6-mid:#ffe1ba;--tm-w6-to:#fff0d6;--tm-w6-accent:#ff8a1f;--tm-w7-from:#b4f0e8;--tm-w7-mid:#d3f6f0;--tm-w7-to:#fff5cf;--tm-w7-accent:#19c3b0;--tm-w8-from:#ffc6e1;--tm-w8-mid:#ffdaed;--tm-w8-to:#fff0f7;--tm-w8-accent:#ec4899;--tm-w9-from:#ffe08a;--tm-w9-mid:#ffcf9e;--tm-w9-to:#ffb7a8;--tm-w9-accent:#e5483f;--tm-noon:#19c3b0;--tm-noon-deep:#0e8c7d;--tm-sukoon:#ff8fc1;--tm-sukoon-deep:#d9528f;--tm-halq:#f5b82e;--tm-halq-deep:#c48a10;--tm-izhar:#3b8cff;--tm-izhar-deep:#2358c6;--tm-idgham:#3dbb6a;--tm-idgham-deep:#1f8a47;--tm-idgham-alt:#86c93a;--tm-idgham-alt-deep:#5a9420;--tm-iqlab:#9b5cf6;--tm-iqlab-deep:#6a35c4;--tm-ikhfa:#ff8a1f;--tm-ikhfa-deep:#c25f00;--tm-ikhfa-s:#ff6b8b;--tm-ikhfa-s-deep:#c43d5f;--tm-idgham-s:#2fb5c4;--tm-idgham-s-deep:#1b8794;--tm-izhar-s:#6dc7f5;--tm-izhar-s-deep:#2f93c4;--tm-other:#a89a86;--tm-other-deep:#6f6351;--tm-balloon-1:#ffe3ef;--tm-balloon-2:#e3f2ff;--tm-balloon-3:#fff3d1;--tm-balloon-4:#e6f8e2;--tm-balloon-5:#efe5ff;--tm-balloon-6:#ffe6d6;--tm-balloon-edge:#fff;--tm-panel:#fffaf0;--tm-panel-ink:#3a2616;--tm-panel-soft:#6b5233;--tm-hud:#ffffffb3;--tm-glow:#ffd84d;--tm-hl:#e5483f;--tm-hl-soft:#ffd8d4;--tm-hl-next:#2563eb;--tm-heart:#e5483f;--tm-heart-off:#d9cdb6;--tm-mouth:#5b1d2a;--tm-tongue:#ff7a8a;--tm-eye:#fff;--tm-pupil:#2a2437;--tm-cheek:#ff9bb3;--tm-good:#2ecc71;--tm-bad:#e5483f;--tm-cost-bow:#e5483f;--tm-cost-crown:#f5b82e;--tm-cost-cape:#7c3aed;--tm-cost-frame:#2a2437;--tm-cost-party:#19c3b0;--tm-cost-wizard:#3b6cf5;--tm-cost-halo:#ffd84d;--tm-gold-hi:#fff6c2;--tm-gold:#f7cf4a;--tm-gold-mid:#d9a21b;--tm-gold-deep:#8a5a00;--tm-silver-hi:#fff;--tm-silver:#e3e9f0;--tm-silver-mid:#aeb9c6;--tm-silver-deep:#5f6b78;--tm-deco:#fff;--tm-scrim:#1b12308c;color:var(--kg-ink)}@supports (color:lab(0% 0 0)){.tm{--tm-hud:lab(100% -.0000298023 .0000119209/.7);--tm-scrim:lab(7.73823% 11.3763 -18.6822/.55)}}.dark .tm{--tm-w1-from:#17325a;--tm-w1-mid:#1d3f6e;--tm-w1-to:#2c3a55;--tm-w2-from:#4a2630;--tm-w2-mid:#5a2f36;--tm-w2-to:#3d2a2a;--tm-w3-from:#1a2c5c;--tm-w3-mid:#22377a;--tm-w3-to:#1b2748;--tm-w4-from:#17402a;--tm-w4-mid:#1d4f31;--tm-w4-to:#25402a;--tm-w5-from:#2c1f58;--tm-w5-mid:#382670;--tm-w5-to:#241a45;--tm-w6-from:#55341a;--tm-w6-mid:#67401c;--tm-w6-to:#3f2c1b;--tm-w7-from:#14473f;--tm-w7-mid:#1b564c;--tm-w7-to:#2b4036;--tm-w8-from:#542043;--tm-w8-mid:#662850;--tm-w8-to:#3d1f33;--tm-w9-from:#5a3a14;--tm-w9-mid:#623018;--tm-w9-to:#50201b;--tm-balloon-1:#f7d4e3;--tm-balloon-2:#d3e7fb;--tm-balloon-3:#f5e7bd;--tm-balloon-4:#d5ecd0;--tm-balloon-5:#e1d5f7;--tm-balloon-6:#f6d8c5;--tm-balloon-edge:#f1e9d6;--tm-panel:#2a2438;--tm-panel-ink:#fff3cf;--tm-panel-soft:#d8c9a6;--tm-hud:#1b1230b3;--tm-hl:#ff7a6e;--tm-hl-soft:#5a2c34;--tm-hl-next:#7fb0ff;--tm-heart-off:#5a5068;--tm-deco:#cfe0ff;--tm-scrim:#0000009e;color:var(--kg-cream)}@supports (color:lab(0% 0 0)){.dark .tm{--tm-hud:lab(7.73823% 11.3763 -18.6822/.7);--tm-scrim:lab(0% 0 0/.62)}}.tm-stage{background:linear-gradient(180deg, var(--w-from), var(--w-mid) 55%, var(--w-to))}.tm-arabic{font-family:var(--font-face-indopak), var(--font-quran);direction:rtl;unicode-bidi:isolate}.tm-balloon{border:3px solid var(--tm-balloon-edge);background:radial-gradient(120% 90% at 30% 18%, var(--tm-balloon), var(--tm-balloon) 62%);border-radius:50% 50% 48% 48%/56% 56% 44% 44%;justify-content:center;align-items:center;min-width:5.5rem;max-width:11rem;padding:.9rem 1.1rem 1.1rem;display:flex;position:absolute;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.tm-balloon{background:radial-gradient(120% 90% at 30% 18%, color-mix(in oklab, var(--tm-balloon) 55%, white), var(--tm-balloon) 62%)}}.tm-balloon{color:var(--kg-ink);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;box-shadow:0 10px 14px -8px #0006,inset 0 -8px #0000000f}.tm-balloon:after{content:"";background:var(--tm-balloon);border-radius:20%;width:.8rem;height:.8rem;position:absolute;bottom:-.55rem;left:50%;transform:translate(-50%)rotate(45deg)}.tm-balloon[data-drag=true]{cursor:grabbing;z-index:30;box-shadow:0 18px 22px -10px #00000080,inset 0 -8px #0000000f}.tm-balloon:focus-visible,.tm-balloon[data-grab=true]{outline:4px solid var(--kg-orange);outline-offset:3px;z-index:31}.tm-balloon[data-gone=eat]{opacity:0;transition:transform .28s cubic-bezier(.5,0,.8,.4),opacity .28s ease-in}.tm-balloon[data-gone=pop]{animation:.3s ease-out both tm-pop}.tm-hl{color:var(--tm-hl);text-shadow:0 0 .35em var(--tm-glow);animation:1s ease-in-out infinite tm-hl}.tm-hl-next{color:var(--tm-hl-next)}.tm-float-card{border:4px solid var(--tm-balloon-edge);background:var(--tm-panel);color:var(--tm-panel-ink);box-shadow:0 14px 0 -6px var(--tm-panel), 0 22px 24px -10px #0006;border-radius:1.5rem;position:relative}@supports (color:color-mix(in lab, red, red)){.tm-float-card{box-shadow:0 14px 0 -6px color-mix(in oklab, var(--tm-panel) 60%, black), 0 22px 24px -10px #0006}}.tm-float-card{animation:3s ease-in-out infinite tm-hover}.tm-monster-mouth[data-hungry=true]{filter:drop-shadow(0 0 10px var(--tm-glow))}.tm-glow-ring{animation:1s ease-in-out infinite tm-ring}.tm-deco{color:var(--tm-deco);opacity:.55;pointer-events:none;animation:tm-drift var(--tm-dur,14s) linear infinite;animation-delay:var(--tm-delay,0s);position:absolute}.tm-bob{animation:2.4s ease-in-out infinite tm-bobbing}.tm-wiggle{animation:.5s ease-in-out tm-wiggle}.tm-grow{animation:.7s ease-out tm-grow}.tm-yuck{animation:.5s ease-in-out tm-yuck}.tm-glint{animation:2.4s ease-in-out infinite tm-glint}.tm-chomp{animation:.45s ease-in-out tm-chomp}.tm-finger{z-index:40;pointer-events:none;animation:2.4s ease-in-out infinite tm-finger;position:absolute}.tm-slide-in{animation:.35s ease-out both tm-slide}.tm-merge-a{animation:3.2s ease-in-out infinite tm-merge-a}.tm-merge-b{animation:3.2s ease-in-out infinite tm-merge-b}.tm-hide-a{animation:3.2s ease-in-out infinite tm-hide-a}.tm-clear-a{animation:3.2s ease-in-out infinite tm-clear-a}.tm-flip-a{animation:3.2s ease-in-out infinite tm-flip-a}.tm-flip-b{animation:3.2s ease-in-out infinite tm-flip-b}.tm-hum{animation:1.2s ease-out infinite tm-hum}@keyframes tm-hl{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}@keyframes tm-hover{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-7px)rotate(.6deg)}}@keyframes tm-ring{0%,to{box-shadow:0 0 0 0 var(--tm-glow)}50%{box-shadow:0 0 0 10px #0000}}@keyframes tm-drift{0%{transform:translateY(110%)rotate(0)}to{transform:translate3d(var(--tm-sway,20px), -120vh, 0) rotate(40deg)}}@keyframes tm-bobbing{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tm-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes tm-grow{0%{transform:scale(.7)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes tm-yuck{0%,to{transform:translate(0)}20%{transform:translate(-9px)rotate(-4deg)}40%{transform:translate(9px)rotate(4deg)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes tm-glint{0%,55%,to{opacity:0;transform:scale(0)}75%{opacity:.95;transform:scale(1)}}@keyframes tm-chomp{0%{transform:scale(1)}30%{transform:scale(1.12,.9)}60%{transform:scale(.94,1.08)}to{transform:scale(1)}}@keyframes tm-pop{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes tm-finger{0%{opacity:0;transform:translate(0)}10%{opacity:1}70%{transform:translate(var(--fx,0), var(--fy,-160px));opacity:1}90%,to{transform:translate(var(--fx,0), var(--fy,-160px));opacity:0}}@keyframes tm-slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes tm-merge-a{0%,20%{opacity:1;transform:translate(0)}60%,to{transform:translateX(calc(var(--tm-dir,1) * 4.2rem));opacity:.1}}@keyframes tm-merge-b{0%,20%{transform:scale(1)}60%,to{filter:brightness(1.12);transform:scale(1.18)}}@keyframes tm-hide-a{0%,20%{opacity:1;filter:blur();transform:translate(0)}70%,to{opacity:.15;filter:blur(3px);transform:translateX(calc(var(--tm-dir,1) * 1.6rem))}}@keyframes tm-clear-a{0%,15%{transform:scale(1)}35%{transform:scale(1.3)translateY(-.4rem)}60%,to{transform:scale(1.15)translateY(-.2rem)}}@keyframes tm-flip-a{0%,25%{opacity:1;transform:rotateY(0)}50%,to{opacity:0;transform:rotateY(90deg)}}@keyframes tm-flip-b{0%,45%{opacity:0;transform:rotateY(-90deg)}70%,to{opacity:1;transform:rotateY(0)}}@keyframes tm-hum{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.tm-hl,.tm-float-card,.tm-glow-ring,.tm-deco,.tm-bob,.tm-wiggle,.tm-grow,.tm-yuck,.tm-chomp,.tm-glint,.tm-finger,.tm-slide-in,.tm-merge-a,.tm-merge-b,.tm-hide-a,.tm-clear-a,.tm-flip-a,.tm-flip-b,.tm-hum{animation:none}.tm-deco{opacity:.25}.tm-flip-b{opacity:1;transform:none}.tm-balloon[data-gone=eat]{transition:none}}.tm[lang=ur],html[lang=ur] .tm{--kg-font:var(--font-face-urdu), serif;font-family:var(--font-face-urdu), serif}.tm[lang=ur] :not(.tm-arabic,svg,svg *),html[lang=ur] .tm :not(.tm-arabic,svg,svg *){line-height:2!important}.tm[lang=ur] :is(.truncate,button,bdi,h2,h3),html[lang=ur] .tm :is(.truncate,button,bdi,h2,h3){padding-block:.15em}.tm[lang=ur] .kg-btn,html[lang=ur] .tm .kg-btn{font-family:var(--font-face-urdu), serif;padding-block:.2em;font-weight:700;line-height:1.6!important}html[lang=ur] .tm [data-testid=play-now]{white-space:nowrap;padding-inline:1.25rem!important;font-size:1.1rem!important}.tm-tilt{transform:rotate(-4deg)scale(1.05)}.nb{--nb-w1-from:#8fd8ff;--nb-w1-mid:#c9efff;--nb-w1-to:#effbff;--nb-w1-accent:#ff8a1f;--nb-w2-from:#ffd9a0;--nb-w2-mid:#ffe8c4;--nb-w2-to:#fff6e2;--nb-w2-accent:#e5483f;--nb-w3-from:#9db0ff;--nb-w3-mid:#c7d1ff;--nb-w3-to:#e9edff;--nb-w3-accent:#3b6cf5;--nb-ink:#1f2a44;--nb-cloud:#fff;--nb-cloud-edge:#c5d9e8;--nb-cliff-top:#6fd36f;--nb-cliff-1:#c98b52;--nb-cliff-2:#a8703d;--nb-island-top:#7fe07f;--nb-island-1:#dba873;--nb-island-2:#b9824a;--nb-beam-1:#ffc83d;--nb-beam-2:#fff6b0;--nb-beam-glow:#ffe164;--nb-ruler:#6b7792;--nb-ruler-goal:#ffd54f;--nb-bubble:#fff;--nb-bubble-ink:#1f2a44;--nb-bird-1:#3fb0ee;--nb-bird-2:#2a9fe0;--nb-bird-belly:#fff;--nb-bird-beak:#ff9d2e;--nb-bird-cheek:#ff6e8c;--nb-hill-1:#9fd89a;--nb-hill-2:#bfe4b8;--nb-deco:#fff;--nb-good:#1fae6b;--nb-warn:#e07a1f;--nb-bad:#e5483f;--nb-gold:#ffd54f;--nb-stone:#b9c0cc;--nb-card:#fffdf2;--nb-card-ink:#1f2a44;--nb-chip-bg:#1f2a44;--nb-chip-ink:#fff;--nb-panel:#fffaf0;--nb-panel-ink:#3a2616;--nb-panel-soft:#6b5233;--nb-hud:#ffffffd1;--nb-hl:#e5483f;--nb-scrim:#1b12309e;--nb-overlay-ink:#fff;color:var(--kg-ink)}@supports (color:lab(0% 0 0)){.nb{--nb-hud:lab(100% -.0000298023 .0000119209/.82);--nb-scrim:lab(7.73823% 11.3763 -18.6822/.62)}}.dark .nb{--nb-w1-from:#17325a;--nb-w1-mid:#1d3f6e;--nb-w1-to:#2c3a55;--nb-w2-from:#55341a;--nb-w2-mid:#67401c;--nb-w2-to:#3f2c1b;--nb-w3-from:#1a2c5c;--nb-w3-mid:#22377a;--nb-w3-to:#1b2748;--nb-ink:#0e1426;--nb-cloud:#dfe9f5;--nb-cloud-edge:#8da2bd;--nb-cliff-top:#3f9c4a;--nb-cliff-1:#7a5230;--nb-cliff-2:#5c3b20;--nb-island-top:#4bb05a;--nb-island-1:#8d6540;--nb-island-2:#6e4a2a;--nb-ruler:#b5c0d8;--nb-hill-1:#35603c;--nb-hill-2:#2c4a3a;--nb-deco:#cfe0ff;--nb-card:#2a2438;--nb-card-ink:#fff3cf;--nb-chip-bg:#fff3cf;--nb-chip-ink:#2a2438;--nb-panel:#2a2438;--nb-panel-ink:#fff3cf;--nb-panel-soft:#d8c9a6;--nb-hud:#1b1230c7;--nb-hl:#ff7a6e;--nb-scrim:#000000ad;color:var(--kg-cream)}@supports (color:lab(0% 0 0)){.dark .nb{--nb-hud:lab(7.73823% 11.3763 -18.6822/.78);--nb-scrim:lab(0% 0 0/.68)}}.nb-screen{background:linear-gradient(180deg, var(--w-from), var(--w-mid) 55%, var(--w-to))}.nb-body-area{container-type:size}.nb-stage{aspect-ratio:9/14;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:min(100%,46.2857dvh);color:var(--nb-card-ink);direction:ltr;position:relative}@supports (width:1cqw){.nb-stage{width:min(100cqw,64.2857cqh)}}.nb-field{border:3px solid var(--nb-ink);box-shadow:0 6px 0 var(--nb-ink);background:var(--nb-w1-mid);border-radius:22px;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.nb-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.nb-hud{z-index:5;pointer-events:none;inset-inline:2.5cqw;align-items:center;gap:2cqw;display:flex;position:absolute;top:2cqw}.nb-pill{border:2px solid var(--nb-ink);background:var(--nb-hud);min-height:36px;color:var(--nb-card-ink);border-radius:999px;justify-content:center;align-items:center;gap:2px;padding-inline:8px;display:inline-flex}.nb-icon{pointer-events:auto;cursor:pointer;min-width:44px;min-height:44px;padding:0}.nb-bar{border:2px solid var(--nb-ink);background:var(--nb-hud);border-radius:999px;flex:1;place-items:center;min-height:28px;display:grid;position:relative;overflow:hidden}.nb-bar i{background:var(--nb-sky-accent);opacity:.55;transition:width .3s;position:absolute;inset-block:0;inset-inline-start:0}.nb-bar b{color:var(--nb-card-ink);font-size:13px;font-weight:800;line-height:1.5;position:relative}.nb-card{z-index:6;border:3px solid var(--nb-ink);background:var(--nb-card);min-width:46%;max-width:92%;color:var(--nb-card-ink);box-shadow:0 5px 0 var(--nb-ink);border-radius:20px;flex-direction:column;align-items:center;padding:4px 16px 6px;display:flex;position:absolute;top:max(11.4%,56px);left:50%}@supports (color:color-mix(in lab, red, red)){.nb-card{box-shadow:0 5px 0 color-mix(in oklab, var(--nb-ink) 28%, transparent)}}.nb-card{text-align:center;cursor:pointer;animation:2.6s ease-in-out infinite nb-float;transform:translate(-50%)}.nb-card[data-glowing=true]{box-shadow:0 0 0 5px var(--nb-gold), 0 5px 0 var(--nb-ink)}@supports (color:color-mix(in lab, red, red)){.nb-card[data-glowing=true]{box-shadow:0 0 0 5px var(--nb-gold), 0 5px 0 color-mix(in oklab, var(--nb-ink) 28%, transparent)}}.nb-card[data-selected=true]{outline:4px solid var(--kg-orange);outline-offset:3px}.nb-ar{font-family:var(--font-face-indopak), var(--font-quran);direction:rtl;unicode-bidi:isolate}.nb-card-ar{font-size:min(calc(var(--nb-font) * 100cqw / 360), calc(var(--nb-font) * 1.2px));line-height:var(--nb-ar-line,2.2);text-wrap:balance;padding-block:.05em}.nb-hl{color:var(--nb-hl);text-shadow:0 0 .3em var(--nb-gold)}.nb-chip{background:var(--nb-chip-bg);max-width:100%;color:var(--nb-chip-ink);border-radius:999px;padding-inline:10px;font-size:13px;font-weight:800;line-height:1.9;display:inline-block}@container (max-width:260px){.nb-chip{display:none}.nb-field>.nb-card{min-width:40%;padding:2px 10px 4px}}.nb-speaker{border:3px solid var(--nb-ink);background:var(--nb-gold);width:34px;height:34px;color:var(--nb-ink);top:-12px;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:-8px}.nb-overlay{z-index:70;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:var(--nb-scrim);color:var(--nb-overlay-ink);text-align:center;display:flex;position:fixed;inset:0;overflow:hidden}.nb-fit{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.nb-fit-content{transform-origin:50%;flex-direction:column;align-items:center;gap:12px;max-width:100%;display:flex}.nb-overlay .nb-fit-content{width:min(100%,26rem)}.nb-results{z-index:80}.nb-fail{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.nb-head{font-size:var(--nb-en-head-size,22px);font-weight:800;line-height:var(--nb-en-head-line,1.3)}.nb-body{font-size:var(--nb-en-size,16px);font-weight:600;line-height:var(--nb-en-line,1.55)}.nb-body-sm{font-size:14px;font-weight:600;line-height:1.6}.nb-note{opacity:.85;font-size:13px;font-weight:700;line-height:1.7}.nb-title{color:var(--nb-panel-ink);font-size:16px;font-weight:800;line-height:1.5}.nb-subtitle{color:var(--nb-panel-soft);font-size:12px;font-weight:700;line-height:1.6}.nb-lesson{flex:1;width:100%;min-height:0;display:flex}.nb-lesson-card{background:var(--nb-panel);width:100%;max-width:460px;color:var(--nb-panel-ink);text-align:center;border:4px solid #fff;border-radius:2rem;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.nb-examples{flex-wrap:wrap;justify-content:center;gap:18px 12px;width:100%;padding-top:12px;display:flex;container-type:inline-size}.nb-examples .nb-card{min-width:40%;animation:none;position:relative;top:auto;left:auto;transform:none}.nb-examples-many .nb-card{flex:28%;min-width:28%}.nb-actions{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.nb-actions-col{flex-direction:column;max-width:280px}.nb-meter{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.nb-meter li{border:3px solid var(--nb-ink);background:var(--nb-bubble);width:30px;height:30px;color:var(--nb-bubble-ink);animation:nb-dot var(--nb-cycle) infinite;animation-delay:calc(var(--i) * var(--nb-count));border-radius:50%;place-items:center;font-size:13px;font-weight:800;line-height:1;display:grid}.nb-meter li.nb-goal{border-color:var(--nb-bad)}.nb-screen[lang=ur],.nb[lang=ur]{font-family:var(--font-face-urdu), serif}.nb[lang=ur] .nb-head,.nb[lang=ur] .nb-title{font-family:var(--font-face-gulzar), var(--font-face-urdu), serif;font-size:var(--nb-ur-head-size,22px);line-height:var(--nb-ur-head-line,2.2);padding-block:var(--nb-ur-head-pad,6px)}.nb[lang=ur] .nb-title{font-size:18px}.nb[lang=ur] .nb-body,.nb[lang=ur] .nb-body-sm{font-size:max(var(--nb-ur-size,18px), 18px);line-height:var(--nb-ur-line,2)}.nb[lang=ur] .nb-note,.nb[lang=ur] .nb-subtitle,.nb[lang=ur] .nb-chip{font-size:15px;line-height:2}.nb[lang=ur] .nb-bar b{line-height:2}.nb[lang=ur] .kg-btn{font-family:var(--font-face-urdu), serif;padding-block:.15em;font-weight:700;line-height:1.8}.nb[lang=ur] bdi{padding-block:.15em}@keyframes nb-float{50%{transform:translate(-50%)translateY(-5px)}}@keyframes nb-dot{0%,2%{background:var(--nb-bubble);transform:scale(1)}4%,70%{background:var(--nb-gold);transform:scale(1.15)}90%,to{background:var(--nb-bubble);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.nb-card,.nb-meter li{animation:none}.nb-bar i{transition:none}}.ms{--ms-sky-day-top:#6ec6ff;--ms-sky-day-bottom:#d7f1ff;--ms-fog-day:#cfeeff;--ms-sky-dusk-top:#5b4a9e;--ms-sky-dusk-bottom:#ffb27a;--ms-fog-dusk:#d9967f;--ms-sky-night-top:#070c26;--ms-sky-night-bottom:#26356b;--ms-fog-night:#131b44;--ms-grass-a:#5fbf4a;--ms-grass-b:#4fae42;--ms-grass-c:#78cf59;--ms-dirt:#b98a55;--ms-dirt-edge:#9a6f40;--ms-field-a:#e3c15a;--ms-field-b:#8fcf4e;--ms-canal:#4cb7e8;--ms-canal-edge:#7fd3f5;--ms-bank:#8a6b43;--ms-trunk-a:#7a4b25;--ms-trunk-b:#5f3a1d;--ms-trunk-c:#946033;--ms-leaf-green-a:#3fb54a;--ms-leaf-green-b:#2f9a46;--ms-leaf-green-c:#6ccf55;--ms-leaf-pine:#1f7a3f;--ms-leaf-orange:#ff8a1f;--ms-leaf-red:#e04b2e;--ms-leaf-yellow:#ffc933;--ms-leaf-blossom:#ff8fc1;--ms-house-a:#f4d19b;--ms-house-b:#e8a87c;--ms-house-c:#f2e3c6;--ms-house-d:#c7a27c;--ms-roof-a:#b5472f;--ms-roof-b:#8a4b2a;--ms-roof-c:#5c7f3a;--ms-wall:#a8754a;--ms-wood:#9c6b3a;--ms-door:#5a3a1f;--ms-card-cream:#fff6dc;--ms-card-edge:#f5b82e;--ms-glow-good:#ffe27a;--ms-glow-bad:#ff3b3b;--ms-glow-target:#7dffd9;--ms-thread:#e9dcb8;--ms-basket:#c98e46;--ms-basket-rim:#8d5a24;--ms-firefly:#fff59a;--ms-hero-skin:#e9b98f;--ms-hero-cloth:#fbf6e8;--ms-hero-trouser:#3f6fb5;--ms-hero-shoe:#5a3a1f;--ms-hero-cap:#2f9e5b;--ms-hero-eye:#2a1c12;--ms-flower-a:#ff5fa2;--ms-flower-b:#ffd23f;--ms-flower-c:#fff;--ms-bush-a:#2f9a46;--ms-bush-b:#4fbf4a;--ms-wall-top:#d9b98a;--ms-shadow:#000;--ms-letter-1:#d6249f;--ms-letter-2:#e8590c;--ms-letter-3:#1971c2;--ms-letter-4:#2b8a3e;--ms-letter-5:#7048e8;--ms-letter-6:#c2255c;--ms-letter-7:#0c8599;--ms-letter-8:#b35900;--ms-letter-9:#5f3dc4;--ms-letter-10:#e03131;--ms-letter-11:#1864ab;--ms-letter-12:#087f5b;--ms-hud:#1f2a44;--ms-hud-soft:var(--ms-hud)}@supports (color:color-mix(in lab, red, red)){.ms{--ms-hud-soft:color-mix(in oklab, var(--ms-hud) 62%, transparent)}}.ms{font-family:var(--kg-font)}.ms[lang=ur],html[lang=ur] .ms{--kg-font:var(--font-face-urdu), serif;font-family:var(--font-face-urdu), serif}.ms[lang=ur] :not(.ms-ar,svg,svg *),html[lang=ur] .ms :not(.ms-ar,svg,svg *){padding-block:.06em;line-height:2!important}.ms-ar{font-family:var(--font-face-indopak), var(--font-quran);direction:rtl;unicode-bidi:isolate;line-height:2!important}.ms-play{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.ms-chip{background:var(--ms-hud-soft);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid #ffffffd9;border-radius:9999px}.ms-pad{color:#fff;-webkit-tap-highlight-color:transparent;background:#ffffff38;border:3px solid #ffffffbf;border-radius:1rem;place-items:center;width:60px;height:60px;display:grid}@media (max-height:480px){.ms-pad{border-radius:.75rem;width:48px;height:48px}}.ms-pad:active{background:#ffffff80;transform:scale(.94)}.ms-stick{background:radial-gradient(circle at 35% 30%, #fff, var(--kg-yellow));box-shadow:0 4px 0 var(--kg-groove-deep);border:3px solid #fff}.ms-ring{background:#ffffff2e;border:3px solid #ffffffb3}@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}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}