@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-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-ui);--default-mono-font-family:var(--font-mono);--font-quran:var(--font-face-quran), serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{--lh-scale:1}html[lang=en]{--font-ui:var(--font-face-latin), system-ui, sans-serif;--font-head:var(--font-face-latin), system-ui, sans-serif;--font-body:var(--font-face-latin), system-ui, sans-serif;--lh-body:1.6;--lh-head:1.25}html[lang=ur]{--font-ui:var(--font-face-urdu), serif;--font-head:var(--font-face-gulzar), var(--font-face-urdu), serif;--font-body:var(--font-face-urdu), serif;--lh-body:2.1;--lh-head:1.75}h1,h2,h3,h4{font-family:var(--font-head)}body{background:var(--bg-mesh), var(--background);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-attachment:fixed;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));border-radius:2147483647px;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}.animate-tap-ripple{animation:.45s ease-out forwards tap-ripple}.animate-count-pop{animation:.16s ease-out count-pop}.btn-light{height:calc(var(--spacing) * 11);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:2147483647px;display:inline-flex}.btn-light:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.btn-light{color:#0b5f47}.btn-outline-light{height:calc(var(--spacing) * 11);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff80;border-radius:2147483647px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.btn-outline-light{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.btn-outline-light{padding-inline:calc(var(--spacing) * 5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.btn-outline-light:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.btn-outline-light:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}}.btn-outline-light:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.field{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-outline-style:none;outline-style:none}.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) 30%, transparent)}}@media (min-width:48rem){.field{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.hero-glow{background-image:radial-gradient(circle at 85% 15%,#ffffff38,#0000 45%)}.glass{background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur,16px)) saturate(1.5)}.bar-shadow-down{box-shadow:0 6px 16px -6px #00000024}.bar-shadow-up{box-shadow:0 -6px 16px -6px #00000029}.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);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur,16px)) saturate(1.4);box-shadow:inset 0 1px 0 var(--glass-highlight), var(--depth-shadow);border-radius:1.25rem}.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));border-radius:2147483647px;justify-content:center;align-items:center;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));background-image:var(--gradient-brand);box-shadow:inset 0 1px 0 #ffffff59, 0 .25rem 0 var(--press-edge), 0 .6rem 1.2rem -.5rem var(--primary);border-radius:2147483647px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.btn-primary{box-shadow:inset 0 1px 0 #ffffff59, 0 .25rem 0 var(--press-edge), 0 .6rem 1.2rem -.5rem color-mix(in oklab, var(--primary) 60%, transparent)}}.btn-primary{text-shadow:0 1px 1px #0003}.btn-primary:active{box-shadow:inset 0 1px 0 #ffffff59, 0 0 0 var(--press-edge);transform:translateY(.2rem)}.gradient-bg{background-image:var(--gradient-brand)}.gradient-text{background-image:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.page-glow{background-image:radial-gradient(48rem 24rem at 50% -8rem, var(--glow), transparent 70%), var(--bg-mesh);background-repeat:no-repeat;background-attachment:fixed}.tone-emerald{--tone-from:#0a9d6e;--tone-to:#2ee6c0}.tone-gold{--tone-from:#e07b00;--tone-to:#ffd23f}.tone-sky{--tone-from:#2a5cf0;--tone-to:#4fd2ff}.tone-rose{--tone-from:#d6247c;--tone-to:#ff8ac0}.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{color:var(--on-hero);background:radial-gradient(110% 90% at 100% 0%, var(--hero-gold), transparent 55%), radial-gradient(90% 80% at 0% 100%, var(--hero-to), transparent 60%), linear-gradient(140deg, var(--hero-from), var(--hero-via))}@supports (color:color-mix(in lab, red, red)){.hero-card{background:radial-gradient(110% 90% at 100% 0%, color-mix(in oklab, var(--hero-gold) 38%, transparent), transparent 55%), radial-gradient(90% 80% at 0% 100%, color-mix(in oklab, var(--hero-to) 60%, transparent), transparent 60%), linear-gradient(140deg, var(--hero-from), var(--hero-via))}}.hero-card{box-shadow:0 1.25rem 2.5rem -1.25rem var(--hero-via)}@supports (color:color-mix(in lab, red, red)){.hero-card{box-shadow:0 1.25rem 2.5rem -1.25rem color-mix(in oklab, var(--hero-via) 75%, transparent)}}.hero-headline{background-image:linear-gradient(90deg, var(--on-hero), var(--hero-gold))}@supports (color:color-mix(in lab, red, red)){.hero-headline{background-image:linear-gradient(90deg, var(--on-hero), color-mix(in oklab, var(--hero-gold) 85%, var(--on-hero)))}}.hero-headline{color:#0000;-webkit-background-clip:text;background-clip:text}.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 .5rem 1.25rem -.5rem var(--hero-gold)}@supports (color:color-mix(in lab, red, red)){.btn-hero{box-shadow:0 .5rem 1.25rem -.5rem color-mix(in oklab, var(--hero-gold) 80%, transparent)}}.flame-icon{color:var(--flame);filter:drop-shadow(0 0 .35rem var(--flame))}@supports (color:color-mix(in lab, red, red)){.flame-icon{filter:drop-shadow(0 0 .35rem color-mix(in oklab, var(--flame) 70%, transparent))}}.points-icon{color:var(--points);filter:drop-shadow(0 0 .3rem var(--points))}@supports (color:color-mix(in lab, red, red)){.points-icon{filter:drop-shadow(0 0 .3rem color-mix(in oklab, var(--points) 60%, transparent))}}.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{-webkit-backdrop-filter:blur(var(--glass-blur,16px)) saturate(1.4);box-shadow:inset 0 1px 0 var(--glass-highlight), 0 .9rem 1.8rem -1.1rem var(--tone-from,var(--primary))}@supports (color:color-mix(in lab, red, red)){.glow-card{box-shadow:inset 0 1px 0 var(--glass-highlight), 0 .9rem 1.8rem -1.1rem color-mix(in oklab, var(--tone-from,var(--primary)) 65%, transparent)}}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.streak-banner{background:linear-gradient(120deg, var(--danger), var(--flame))}@supports (color:color-mix(in lab, red, red)){.streak-banner{background:linear-gradient(120deg, color-mix(in oklab, var(--danger) 16%, var(--surface)), color-mix(in oklab, var(--flame) 14%, var(--surface)))}}.streak-banner{border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.streak-banner{border:1px solid color-mix(in oklab, var(--danger) 35%, transparent)}}.hero-input{color:var(--on-hero);background:var(--on-hero)}@supports (color:color-mix(in lab, red, red)){.hero-input{background:color-mix(in oklab, var(--on-hero) 16%, transparent)}}.hero-input{outline:none}.hero-input::placeholder{color:var(--on-hero)}@supports (color:color-mix(in lab, red, red)){.hero-input::placeholder{color:color-mix(in oklab, var(--on-hero) 70%, transparent)}}.hero-input:focus{box-shadow:0 0 0 2px var(--on-hero)}@supports (color:color-mix(in lab, red, red)){.hero-input:focus{box-shadow:0 0 0 2px color-mix(in oklab, var(--on-hero) 60%, transparent)}}.lesson-card{border-radius:calc(var(--skin-radius,1.25rem) * 1.3);background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, var(--primary), var(--rule-madd), var(--rule-qalqalah)) border-box;border:1px solid #0000}@supports (color:color-mix(in lab, red, red)){.lesson-card{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, color-mix(in oklab, var(--primary) 55%, transparent), color-mix(in oklab, var(--rule-madd) 40%, transparent), color-mix(in oklab, var(--rule-qalqalah) 45%, transparent)) border-box}}.lesson-card{box-shadow:0 .9rem 1.75rem -1.25rem var(--primary)}@supports (color:color-mix(in lab, red, red)){.lesson-card{box-shadow:0 .9rem 1.75rem -1.25rem color-mix(in oklab, var(--primary) 55%, transparent)}}.rule-chip{border:1px solid var(--rule,var(--border));border-radius:1.1rem}@supports (color:color-mix(in lab, red, red)){.rule-chip{border:1px solid color-mix(in oklab, var(--rule,var(--border)) 35%, var(--border))}}.rule-chip{background:linear-gradient(90deg, var(--rule,var(--primary)), var(--surface) 70%)}@supports (color:color-mix(in lab, red, red)){.rule-chip{background:linear-gradient(90deg, color-mix(in oklab, var(--rule,var(--primary)) 12%, var(--surface)), var(--surface) 70%)}}.rule-dot{background:var(--rule,var(--border));box-shadow:0 0 .5rem var(--rule,transparent)}@supports (color:color-mix(in lab, red, red)){.rule-dot{box-shadow:0 0 .5rem color-mix(in oklab, var(--rule,transparent) 70%, transparent)}}.letter-badge{color:var(--rule,var(--foreground));background:radial-gradient(circle at 35% 30%, var(--rule,var(--primary)), var(--rule,var(--primary)) 70%)}@supports (color:color-mix(in lab, red, red)){.letter-badge{background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--rule,var(--primary)) 18%, var(--surface)), color-mix(in oklab, var(--rule,var(--primary)) 8%, var(--surface)) 70%)}}.letter-badge{box-shadow:0 .2rem 0 var(--rule,var(--border)), 0 .5rem .9rem -.5rem var(--rule,var(--primary))}@supports (color:color-mix(in lab, red, red)){.letter-badge{box-shadow:0 .2rem 0 color-mix(in oklab, var(--rule,var(--border)) 35%, var(--border)), 0 .5rem .9rem -.5rem color-mix(in oklab, var(--rule,var(--primary)) 55%, transparent)}}.letter-badge{line-height:1}.quran-text{font-family:var(--font-face-indopak), var(--font-quran);font-size:calc(1.85rem * var(--skin-scale,1));text-align:justify;text-align-last:right;line-height:2.35}.quran-word{border-radius:.6rem;padding-inline:.08em;transition:background-color .15s}.quran-word:hover,.quran-word[aria-pressed=true]{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.quran-word:hover,.quran-word[aria-pressed=true]{background:color-mix(in oklab, var(--primary) 14%, transparent)}}.ayah-mark{min-width:1.6em;height:1.6em;font-family:var(--font-ui);vertical-align:middle;color:var(--primary-foreground);background-image:var(--gradient-brand);box-shadow:0 .25rem .6rem -.2rem var(--primary);border-radius:9999px;justify-content:center;align-items:center;margin-inline:.25em 0;padding-inline:.3em;font-size:.45em;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ayah-mark{box-shadow:0 .25rem .6rem -.2rem color-mix(in oklab, var(--primary) 60%, transparent)}}.ayah-block{content-visibility:auto;contain-intrinsic-size:auto 9rem}.game-icon{filter:drop-shadow(0 .12em .12em #0000282e);display:inline-block;overflow:visible}.game-icon-muted{filter:grayscale()opacity(.55)}.game-tile{border-radius:var(--radius-2xl);background:linear-gradient(160deg, var(--tone-from,var(--primary)), var(--surface-solid));justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.game-tile{background:linear-gradient(160deg, color-mix(in oklab, var(--tone-from,var(--primary)) 22%, var(--surface-solid)), var(--surface-solid))}}.game-tile{box-shadow:inset 0 1px 0 var(--glass-highlight), 0 .3rem 0 var(--tone-from,var(--primary)), 0 .7rem 1.2rem -.6rem var(--tone-from,var(--primary))}@supports (color:color-mix(in lab, red, red)){.game-tile{box-shadow:inset 0 1px 0 var(--glass-highlight), 0 .3rem 0 color-mix(in oklab, var(--tone-from,var(--primary)) 35%, var(--press-edge)), 0 .7rem 1.2rem -.6rem color-mix(in oklab, var(--tone-from,var(--primary)) 60%, transparent)}}.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,#3ce3ad), var(--tone-from,#0b8f6a));box-shadow:inset 0 1px 0 #fff6, 0 .3rem 0 var(--tone-from,#0b8f6a), 0 .7rem 1.2rem -.5rem var(--tone-from,#0b8f6a);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.btn-game{box-shadow:inset 0 1px 0 #fff6, 0 .3rem 0 color-mix(in oklab, var(--tone-from,#0b8f6a) 60%, black), 0 .7rem 1.2rem -.5rem color-mix(in oklab, var(--tone-from,#0b8f6a) 70%, transparent)}}.btn-game{text-shadow:0 1px 1px #00000040}.btn-game:active,.press:active{transform:translateY(.18rem)scale(.98)}.btn-game:disabled{filter:grayscale(.8);opacity:.6}.tone-coin{--tone-from:#c77d00;--tone-to:#ffc21a}.tone-xp{--tone-from:#5b2bd6;--tone-to:#a78bfa}.tone-danger{--tone-from:#b3162f;--tone-to:#ff6b7d}.motion-pop{animation:motion-pop .42s var(--motion-pop) both}.motion-reward{animation:motion-reward .9s var(--motion-pop) both}.motion-flame{transform-origin:50% 90%;animation:1.4s ease-in-out infinite motion-flame}.motion-burst{position:relative}.motion-burst:before{content:"";background:conic-gradient(from 0deg, transparent, var(--accent), transparent 30%, var(--primary), transparent 60%, var(--xp), transparent);border-radius:9999px;position:absolute;inset:-40%}@supports (color:color-mix(in lab, red, red)){.motion-burst:before{background:conic-gradient(from 0deg, transparent, color-mix(in oklab, var(--accent) 55%, transparent), transparent 30%, color-mix(in oklab, var(--primary) 50%, transparent), transparent 60%, color-mix(in oklab, var(--xp) 50%, transparent), transparent)}}.motion-burst:before{animation:motion-burst 1.2s var(--motion-ease) both;pointer-events:none;z-index:-1}.motion-page{animation:motion-page .28s var(--motion-ease) both}.motion-float{animation:3s ease-in-out infinite motion-float}.avatar-frame{padding:.14em}.frame-none{padding:0}.frame-gold{background:linear-gradient(135deg, var(--gi-gold-1), var(--gi-gold-2))}.frame-emerald{background:linear-gradient(135deg, var(--gi-green-1), var(--gi-teal-2))}.frame-violet{background:linear-gradient(135deg, var(--gi-violet-1), var(--gi-pink-2))}.frame-flame{background:linear-gradient(135deg, var(--gi-gold-1), var(--gi-orange-2), var(--gi-red-2));box-shadow:0 0 .6em var(--flame)}@supports (color:color-mix(in lab, red, red)){.frame-flame{box-shadow:0 0 .6em color-mix(in oklab, var(--flame) 60%, transparent)}}.frame-rainbow{background:conic-gradient(var(--gi-red-1), var(--gi-gold-1), var(--gi-green-1), var(--gi-blue-1), var(--gi-violet-1), var(--gi-red-1))}.coin-pill{min-height:calc(var(--spacing) * 9);align-items:center;gap:var(--spacing);padding-inline:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);background:var(--coin);border-radius:2147483647px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.coin-pill{background:color-mix(in oklab, var(--coin) 16%, var(--surface-solid))}}.coin-pill{box-shadow:inset 0 0 0 1px var(--coin)}@supports (color:color-mix(in lab, red, red)){.coin-pill{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--coin) 40%, transparent)}}.kids-scene{border-radius:calc(var(--skin-radius,1.25rem) * 1.4);background-image:linear-gradient(180deg, var(--kid-sky-top), var(--kid-sky-bottom));box-shadow:inset 0 0 0 1px var(--kid-board-edge);container-type:size}@supports (color:color-mix(in lab, red, red)){.kids-scene{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--kid-board-edge) 30%, transparent)}}.kids-layout{padding:.6rem max(.6rem, env(safe-area-inset-right)) max(.6rem, env(safe-area-inset-bottom)) max(.6rem, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"board""crew""actions";gap:.5rem;display:grid}@media (orientation:landscape) and (max-height:540px){.kids-layout{grid-template:"board crew"minmax(0,1fr)"board actions"/minmax(0,1.2fr) minmax(0,1fr)}}.kids-sun{aspect-ratio:1;top:.5rem;width:clamp(3.5rem,18cqmin,6rem);inset-inline-end:.75rem}.kids-sun-rays rect{fill:var(--kid-sun)}.kids-sun-rays{transform-origin:0 0;animation:40s linear infinite kids-spin}.kids-sun-disc{fill:var(--kid-sun);stroke:var(--kid-sun-core);stroke-width:4px}.kids-sun-eye{fill:var(--kid-ink)}.kids-sun-cheek{fill:var(--kid-cheek);opacity:.7}.kids-sun-smile{fill:none;stroke:var(--kid-ink);stroke-width:3px;stroke-linecap:round}.kids-cloud{fill:var(--kid-cloud);opacity:.92;animation:linear infinite kids-drift;inset-inline-start:-25%}.kids-hill-far{fill:var(--kid-hill-far)}.kids-hill-near{fill:var(--kid-hill-near)}.kids-board{border:.3rem solid var(--kid-board-edge);background-color:var(--kid-board);height:min(100%,44cqh);box-shadow:inset 0 .2rem .4rem #ffffff73, 0 .4rem 0 var(--kid-board-edge), 0 1rem 1.4rem -.7rem var(--gi-shadow);border-radius:1.75rem;align-self:center}@supports (color:lab(0% 0 0)){.kids-board{box-shadow:inset 0 .2rem .4rem lab(100% -.0000298023 .0000119209/.45), 0 .4rem 0 var(--kid-board-edge), 0 1rem 1.4rem -.7rem var(--gi-shadow)}}@supports (color:color-mix(in lab, red, red)){.kids-board{box-shadow:inset 0 .2rem .4rem lab(100% -.0000298023 .0000119209/.45), 0 .4rem 0 color-mix(in oklab, var(--kid-board-edge) 60%, black), 0 1rem 1.4rem -.7rem var(--gi-shadow)}}.kids-word{--mix:100%;font-family:var(--font-face-indopak), var(--font-quran);white-space:nowrap;padding-inline:.4em;font-size:4.5rem;line-height:1.9}.kids-glyph{color:var(--letter)}@supports (color:color-mix(in lab, red, red)){.kids-glyph{color:color-mix(in oklab, var(--letter) var(--mix), var(--kid-board))}}.kids-glyph{transition:color .32s var(--motion-ease), text-shadow .32s var(--motion-ease)}.kids-gap{margin-inline:.2em}.kids-glyph[data-state=dim]{--mix:38%}.kids-glyph[data-state=glow]{text-shadow:0 0 .03em var(--letter), 0 0 .09em var(--letter)}@supports (color:color-mix(in lab, red, red)){.kids-glyph[data-state=glow]{text-shadow:0 0 .03em color-mix(in oklab, var(--letter) 85%, transparent), 0 0 .09em color-mix(in oklab, var(--letter) 45%, transparent)}}.kids-fathatan{color:var(--q-mark)}@supports (color:color-mix(in lab, red, red)){.kids-fathatan{color:color-mix(in oklab, var(--q-mark) var(--mix), var(--kid-board))}}@media (orientation:landscape) and (max-height:540px){.kids-board{height:100%}}.kids-crew{font-size:min(6.5rem, 34cqh, max(calc((100cqw - 2rem - (var(--n) - 1) * 1rem) / (var(--n) * 1.25)), min(5rem, calc((100cqw - 2rem - (min(var(--n), 3) - 1) * 1rem) / (min(var(--n), 3) * 1.25)))));flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1rem max(1rem,.3em);display:flex}@media (orientation:landscape) and (max-height:540px){.kids-crew{font-size:min(6rem, calc((38cqh - (var(--rows) - 1) * 1rem) / (var(--rows) * 1.14)), max(calc((46cqw - 2rem - (var(--n) - 1) * 1rem) / (var(--n) * 1.25)), min(4rem, calc((46cqw - 2rem - (min(var(--n), 3) - 1) * 1rem) / (min(var(--n), 3) * 1.25)))))}}.kids-actions{margin-top:.5rem}.kids-btn{min-height:3.5rem;box-shadow:inset 0 .15rem 0 #ffffff73, 0 .45rem 0 var(--tone-from,#0b8f6a), 0 .9rem 1.2rem -.5rem var(--tone-from,#0b8f6a);border-radius:1.5rem;padding-inline:1.75rem;font-size:1.125rem}@supports (color:color-mix(in lab, red, red)){.kids-btn{box-shadow:inset 0 .15rem 0 #ffffff73, 0 .45rem 0 color-mix(in oklab, var(--tone-from,#0b8f6a) 60%, black), 0 .9rem 1.2rem -.5rem color-mix(in oklab, var(--tone-from,#0b8f6a) 70%, transparent)}}.kids-btn:active{box-shadow:inset 0 .15rem 0 #ffffff73, 0 .15rem 0 var(--tone-from,#0b8f6a);transform:translateY(.3rem)}@supports (color:color-mix(in lab, red, red)){.kids-btn:active{box-shadow:inset 0 .15rem 0 #ffffff73, 0 .15rem 0 color-mix(in oklab, var(--tone-from,#0b8f6a) 60%, black)}}.kid{width:1em;font-size:inherit;background:0 0;flex:none;padding:0}.kid-figure{transform-origin:50% 100%;width:1em;height:1.14em;animation:2.6s ease-in-out infinite kid-bob;animation-delay:calc(var(--i) * -.6s);display:block;position:relative}.kid-figure[data-phase=jump],.kid-figure[data-phase=talk]{animation:kid-jump .46s var(--motion-pop) infinite alternate}.kid-figure[data-cheer]{animation:kid-jump .4s var(--motion-pop) 4 alternate}.kid[aria-selected=true] .kid-body{filter:drop-shadow(0 0 .08em var(--kc))}.kid-body{background-image:radial-gradient(circle at 32% 20%, white, var(--kc) 58%, black);inset-inline:0;border-radius:48% 48% 44% 44%/54% 54% 46% 46%;height:1.02em;display:block;position:absolute;top:0}@supports (color:color-mix(in lab, red, red)){.kid-body{background-image:radial-gradient(circle at 32% 20%, color-mix(in oklab, white 55%, var(--kc)), var(--kc) 58%, color-mix(in oklab, black 22%, var(--kc)))}}.kid-body{box-shadow:inset 0 -.07em .1em #0003, 0 .05em .12em var(--gi-shadow)}@supports (color:lab(0% 0 0)){.kid-body{box-shadow:inset 0 -.07em .1em lab(0% 0 0/.2), 0 .05em .12em var(--gi-shadow)}}.kid-body:before{content:"";background:var(--gi-gloss);top:.06em;border-radius:50%;width:.3em;height:.16em;position:absolute;inset-inline-start:.16em;transform:rotate(-24deg)}.kid-eyes{top:.14em;justify-content:center;gap:.08em;display:flex;position:absolute;inset-inline:0}.kid-eye{background:var(--kid-eye);width:.26em;height:.3em;box-shadow:inset 0 0 0 .014em var(--kid-ink);border-radius:50%;display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.kid-eye{box-shadow:inset 0 0 0 .014em color-mix(in oklab, var(--kid-ink) 35%, transparent)}}.kid-eye{animation:4.8s infinite kid-blink;animation-delay:calc(var(--i) * -1.1s)}.kid-pupil{background:var(--kid-ink);border-radius:50%;width:.13em;height:.15em;margin:-.075em 0 0 -.065em;position:absolute;top:50%;left:50%}.kid-cheek{background:var(--kid-cheek);opacity:.75;border-radius:50%;width:.11em;height:.07em;position:absolute;top:.4em}.kid-cheek-start{left:.1em}.kid-cheek-end{right:.1em}.kid-mouth{background:var(--kid-ink);transform-origin:50% 0;border-radius:0 0 .2em .2em;width:.2em;height:.08em;margin-left:-.1em;position:absolute;top:.42em;left:50%}.kid-figure[data-phase=talk] .kid-mouth{animation:.24s ease-in-out infinite alternate kid-talk}.kid-badge{background:var(--kid-badge);width:1.2em;color:var(--kid-ink);text-align:center;box-shadow:inset 0 -.1em 0 var(--kc);border-radius:.28em;padding:.03em .04em;display:block;position:absolute;bottom:.04em;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.kid-badge{box-shadow:inset 0 -.1em 0 color-mix(in oklab, var(--kc) 30%, transparent)}}.kid-badge>span{overflow-wrap:anywhere;font-weight:800;line-height:1.2;display:block}.kid-badge-head{font-size:max(.15em,.7rem)}.kid-badge-tail{font-size:max(.18em,.8rem)}.kid-arm{background:#000;border-radius:.2em;width:.2em;height:.42em;position:absolute;top:.42em}@supports (color:color-mix(in lab, red, red)){.kid-arm{background:color-mix(in oklab, black 14%, var(--kc))}}.kid-arm{transform-origin:50% 12%}.kid-arm-start{left:-.1em;transform:rotate(16deg)}.kid-arm-end{right:-.1em;transform:rotate(-16deg)}.kid-figure[data-phase=jump] .kid-arm-start,.kid-figure[data-phase=talk] .kid-arm-start,.kid-figure[data-cheer] .kid-arm-start{animation:.46s ease-in-out infinite alternate kid-arm-start}.kid-figure[data-phase=jump] .kid-arm-end,.kid-figure[data-phase=talk] .kid-arm-end,.kid-figure[data-cheer] .kid-arm-end{animation:.46s ease-in-out infinite alternate kid-arm-end}.kid-feet{bottom:0;justify-content:center;gap:.2em;display:flex;position:absolute;inset-inline:0}.kid-foot{background:#000;border-radius:50%;width:.3em;height:.14em;display:block}@supports (color:color-mix(in lab, red, red)){.kid-foot{background:color-mix(in oklab, black 28%, var(--kc))}}.kids-confetti{z-index:5}.kids-star{fill:currentColor;stroke:var(--kid-board);stroke-width:1.5px;opacity:0;animation:ease-in forwards kids-fall;top:-2rem}}@layer utilities{.\[container-type\:inline-size\]{container-type:inline-size}.\[container-type\:size\]{container-type:size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-\[11\%\]{inset:11%}.inset-x-0{inset-inline:0}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.inset-y-0{inset-block:0}.start-0{inset-inline-start:calc(var(--spacing) * 0)}.start-1{inset-inline-start:calc(var(--spacing) * 1)}.start-3{inset-inline-start:calc(var(--spacing) * 3)}.start-4{inset-inline-start:calc(var(--spacing) * 4)}.start-6{inset-inline-start:calc(var(--spacing) * 6)}.-end-1{inset-inline-end:calc(var(--spacing) * -1)}.-end-3{inset-inline-end:calc(var(--spacing) * -3)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.end-1{inset-inline-end:calc(var(--spacing) * 1)}.end-1\.5{inset-inline-end:calc(var(--spacing) * 1.5)}.end-2{inset-inline-end:calc(var(--spacing) * 2)}.-top-1{top:calc(var(--spacing) * -1)}.-top-3{top:calc(var(--spacing) * -3)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-20{top:calc(var(--spacing) * 20)}.top-\[calc\(4rem\+env\(safe-area-inset-top\)\)\]{top:calc(4rem + env(safe-area-inset-top))}.top-full{top:100%}.right-2{right:calc(var(--spacing) * 2)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.bottom-0{bottom:0}.bottom-1{bottom:var(--spacing)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-\[calc\(4\.75rem\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(4.75rem + env(safe-area-inset-bottom))}.bottom-\[calc\(5rem\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(5rem + env(safe-area-inset-bottom))}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[45\]{z-index:45}.z-\[60\]{z-index:60}.z-\[65\]{z-index:65}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.order-last{order:9999}.col-span-4{grid-column:span 4/span 4}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-3{margin-inline:calc(var(--spacing) * -3)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-auto{margin-inline:auto}.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-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-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-\[2cqw\]{margin-top:2cqw}.mt-auto{margin-top:auto}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.size-\[38\%\]{width:38%;height:38%}.size-\[42\%\]{width:42%;height:42%}.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-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-64{height:calc(var(--spacing) * 64)}.h-\[38\%\]{height:38%}.h-\[calc\(2\.75rem\*var\(--skin-scale\,1\)\)\]{height:calc(2.75rem * var(--skin-scale,1))}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[30dvh\]{max-height:30dvh}.max-h-\[38dvh\]{max-height:38dvh}.max-h-\[45dvh\]{max-height:45dvh}.max-h-\[50dvh\]{max-height:50dvh}.max-h-\[var\(--sheet-max\)\]{max-height:var(--sheet-max)}.max-h-full{max-height:100%}.\[min-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-\[calc\(3rem\*var\(--skin-scale\,1\)\)\]{min-height:calc(3rem * var(--skin-scale,1))}.min-h-dvh{min-height:100dvh}.w-1\/2{width:50%}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-\[85\%\]{width:85%}.w-\[min\(100cqw\,100cqh\,24rem\)\]{width:min(100cqw,100cqh,24rem)}.w-\[var\(--sidebar-w\)\]{width:var(--sidebar-w)}.w-auto{width:auto}.w-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-20{max-width:calc(var(--spacing) * 20)}.max-w-24{max-width:calc(var(--spacing) * 24)}.max-w-\[22rem\]{max-width:22rem}.max-w-\[65\%\]{max-width:65%}.max-w-\[min\(88vw\,62dvh\)\]{max-width:min(88vw,62dvh)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-11{min-width:calc(var(--spacing) * 11)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-14{min-width:calc(var(--spacing) * 14)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-64{min-width:calc(var(--spacing) * 64)}.min-w-\[3\.9rem\]{min-width:3.9rem}.min-w-\[calc\(2\.75rem\*var\(--skin-scale\,1\)\)\]{min-width:calc(2.75rem * var(--skin-scale,1))}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-ns-resize{cursor:ns-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-start{scroll-snap-align:start}.\[scrollbar-width\:none\]{scrollbar-width:none}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[16rem_minmax\(0\,1fr\)_26rem\]{grid-template-columns:16rem minmax(0,1fr) 26rem}.grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.grid-rows-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\]{grid-template-rows:minmax(0,.9fr) minmax(0,1.1fr)}.grid-rows-\[minmax\(0\,1fr\)_auto\]{grid-template-rows:minmax(0,1fr) auto}.grid-rows-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\]{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.grid-rows-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\]{grid-template-rows:minmax(0,3fr) minmax(0,2fr)}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.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-5{column-gap:calc(var(--spacing) * 5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}:where(.divide-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)}.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-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-x-contain{overscroll-behavior-x:contain}.\[border-radius\:var\(--skin-radius\,1\.25rem\)\]{border-radius:var(--skin-radius,1.25rem)}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--tab\){border-color:var(--tab)}.border-accent{border-color:var(--accent)}.border-border{border-color:var(--border)}.border-danger{border-color:var(--danger)}.border-muted{border-color:var(--muted)}.border-primary,.border-primary\/60{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/60{border-color:color-mix(in oklab, var(--primary) 60%, transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.bg-\(--dot\){background-color:var(--dot)}.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\/25{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/25{background-color:color-mix(in oklab, var(--accent) 25%, transparent)}}.bg-accent\/30{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/30{background-color:color-mix(in oklab, var(--accent) 30%, transparent)}}.bg-background,.bg-background\/70{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/70{background-color:color-mix(in oklab, var(--background) 70%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-border{background-color:var(--border)}.bg-danger,.bg-danger\/10{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.bg-danger\/10{background-color:color-mix(in oklab, var(--danger) 10%, transparent)}}.bg-danger\/15{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.bg-danger\/15{background-color:color-mix(in oklab, var(--danger) 15%, transparent)}}.bg-primary{background-color:var(--primary)}.bg-primary-foreground\/20{background-color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-primary-foreground\/20{background-color:color-mix(in oklab, var(--primary-foreground) 20%, transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-primary\/15{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/15{background-color:color-mix(in oklab, var(--primary) 15%, transparent)}}.bg-primary\/30{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/30{background-color:color-mix(in oklab, var(--primary) 30%, transparent)}}.bg-surface{background-color:var(--surface)}.bg-surface-2{background-color:var(--surface-2)}.bg-surface-solid{background-color:var(--surface-solid)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-\[linear-gradient\(135deg\,color-mix\(in_oklab\,var\(--accent\)_60\%\,var\(--q-on\)\)\,var\(--accent\)\)\]{background-image:linear-gradient(135deg,var(--accent),var(--accent))}@supports (color:color-mix(in lab, red, red)){.bg-\[linear-gradient\(135deg\,color-mix\(in_oklab\,var\(--accent\)_60\%\,var\(--q-on\)\)\,var\(--accent\)\)\]{background-image:linear-gradient(135deg,color-mix(in oklab,var(--accent) 60%,var(--q-on)),var(--accent))}}.bg-\[linear-gradient\(to_left\,var\(--surface-solid\)\,transparent\)\]{background-image:linear-gradient(to left,var(--surface-solid),transparent)}.bg-\[linear-gradient\(to_right\,var\(--surface-solid\)\,transparent\)\]{background-image:linear-gradient(to right,var(--surface-solid),transparent)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.fill-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-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-20{padding-block:calc(var(--spacing) * 20)}.ps-1{padding-inline-start:var(--spacing)}.ps-1\.5{padding-inline-start:calc(var(--spacing) * 1.5)}.ps-2{padding-inline-start:calc(var(--spacing) * 2)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.ps-6{padding-inline-start:calc(var(--spacing) * 6)}.ps-9{padding-inline-start:calc(var(--spacing) * 9)}.ps-10{padding-inline-start:calc(var(--spacing) * 10)}.ps-12{padding-inline-start:calc(var(--spacing) * 12)}.ps-16{padding-inline-start:calc(var(--spacing) * 16)}.ps-\[max\(0\.5rem\,env\(safe-area-inset-left\)\)\]{padding-inline-start:max(.5rem, env(safe-area-inset-left))}.pe-1{padding-inline-end:var(--spacing)}.pe-2{padding-inline-end:calc(var(--spacing) * 2)}.pe-3{padding-inline-end:calc(var(--spacing) * 3)}.pe-9{padding-inline-end:calc(var(--spacing) * 9)}.pe-12{padding-inline-end:calc(var(--spacing) * 12)}.pe-\[max\(0\.5rem\,env\(safe-area-inset-right\)\)\]{padding-inline-end:max(.5rem, env(safe-area-inset-right))}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-8{padding-top:calc(var(--spacing) * 8)}.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-36{padding-bottom:calc(var(--spacing) * 36)}.pb-\[calc\(5\.5rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}.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-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[length\:24cqw\]{font-size:24cqw}.text-\[length\:30cqw\]{font-size:30cqw}.text-\[length\:max\(11px\,4\.5cqw\)\]{font-size:max(11px,4.5cqw)}.text-\[length\:max\(12px\,7cqw\)\]{font-size:max(12px,7cqw)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\(--accent\){color:var(--accent)}.text-\(--q-on\){color:var(--q-on)}.text-accent{color:var(--accent)}.text-border{color:var(--border)}.text-danger{color:var(--danger)}.text-foreground{color:var(--foreground)}.text-muted{color:var(--muted)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.accent-\[var\(--primary\)\],.accent-primary{accent-color:var(--primary)}.opacity-10{opacity:.1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.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_0_1\.5rem_var\(--accent\)\]{--tw-shadow:0 0 1.5rem var(--tw-shadow-color,var(--accent));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-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-accent,.ring-accent\/40{--tw-ring-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ring-accent\/40{--tw-ring-color:color-mix(in oklab, var(--accent) 40%, transparent)}}.ring-accent\/70{--tw-ring-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ring-accent\/70{--tw-ring-color:color-mix(in oklab, var(--accent) 70%, transparent)}}.ring-danger\/30{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.ring-danger\/30{--tw-ring-color:color-mix(in oklab, var(--danger) 30%, transparent)}}.ring-primary,.ring-primary\/30{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/30{--tw-ring-color:color-mix(in oklab, var(--primary) 30%, transparent)}}.ring-primary\/40{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/40{--tw-ring-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-surface{--tw-ring-offset-color:var(--surface)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[stroke-dashoffset\]{transition-property:stroke-dashoffset;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-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-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}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[grid-area\:actions\]{grid-area:actions}.\[grid-area\:board\]{grid-area:board}.\[grid-area\:crew\]{grid-area:crew}.\[text-shadow\:0_0\.06em_0_var\(--stage-shade\)\]{text-shadow:0 .06em 0 var(--stage-shade)}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:border-border:hover{border-color:var(--border)}.hover\:border-primary\/40:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/40:hover{border-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.hover\:border-primary\/60:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/60:hover{border-color:color-mix(in oklab, var(--primary) 60%, transparent)}}.hover\:bg-surface:hover{background-color:var(--surface)}.hover\:bg-surface-2:hover{background-color:var(--surface-2)}.hover\:text-danger:hover{color:var(--danger)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-primary:focus{border-color:var(--primary)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-primary\/40:focus-visible{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-primary\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.97\]:active{scale:.97}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-55:disabled{opacity:.55}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\: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)}}@media (min-width:48rem){.md\:\[container-type\:normal\]{container-type:normal}.md\:inset-x-auto{inset-inline:auto}.md\:inset-y-0{inset-block:0}.md\:start-auto{inset-inline-start:auto}.md\:end-0{inset-inline-end:calc(var(--spacing) * 0)}.md\:end-4{inset-inline-end:calc(var(--spacing) * 4)}.md\:bottom-4{bottom:calc(var(--spacing) * 4)}.md\:mx-0{margin-inline:0}.md\:mt-6{margin-top:calc(var(--spacing) * 6)}.md\:mb-3{margin-bottom:calc(var(--spacing) * 3)}.md\:mb-5{margin-bottom:calc(var(--spacing) * 5)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:inline{display:inline}.md\:inline-flex{display:inline-flex}.md\:size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.md\:size-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-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.md\:size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.md\:size-auto{width:auto;height:auto}.md\:h-10{height:calc(var(--spacing) * 10)}.md\:h-11{height:calc(var(--spacing) * 11)}.md\:h-auto{height:auto}.md\:max-h-\[70dvh\]{max-height:70dvh}.md\:max-h-none\!{max-height:none!important}.md\:w-32{width:calc(var(--spacing) * 32)}.md\:w-96{width:calc(var(--spacing) * 96)}.md\:w-\[28rem\]{width:28rem}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:max-w-\[22rem\]{max-width:22rem}.md\:max-w-xl{max-width:var(--container-xl)}.md\:flex-none{flex:none}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-wrap{flex-wrap:wrap}.md\:items-start{align-items:flex-start}.md\:justify-center{justify-content:center}.md\:gap-3{gap:calc(var(--spacing) * 3)}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-5{gap:calc(var(--spacing) * 5)}:where(.md\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.md\:overflow-hidden{overflow:hidden}.md\:overflow-visible{overflow:visible}.md\:rounded-3xl{border-radius:var(--radius-3xl)}.md\:rounded-none{border-radius:0}.md\:rounded-s-3xl{border-start-start-radius:var(--radius-3xl);border-end-start-radius:var(--radius-3xl)}.md\:border{border-style:var(--tw-border-style);border-width:1px}.md\:border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.md\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.md\:border-border{border-color:var(--border)}.md\:bg-surface-solid{background-color:var(--surface-solid)}.md\:p-4{padding:calc(var(--spacing) * 4)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:px-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-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.md\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.md\:transition-\[padding\]{transition-property:padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.md\:duration-200{--tw-duration:.2s;transition-duration:.2s}}@media (min-width:64rem){.lg\:order-first{order:-9999}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:h-auto{height:auto}.lg\:h-full{height:100%}.lg\:max-h-none{max-height:none}.lg\:min-h-0{min-height:0}.lg\:w-\[5\.5rem\]{width:5.5rem}.lg\:w-\[24rem\]{width:24rem}.lg\:w-full{width:100%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_20rem\]{grid-template-columns:minmax(0,1fr) 20rem}.lg\:grid-cols-\[minmax\(0\,1fr\)_22rem\]{grid-template-columns:minmax(0,1fr) 22rem}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:overflow-y-auto{overflow-y:auto}.lg\:border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.lg\:border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:pb-0{padding-bottom:0}}.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}.rtl\:bg-\[linear-gradient\(to_left\,var\(--surface-solid\)\,transparent\)\]: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] *){background-image:linear-gradient(to left,var(--surface-solid),transparent)}.rtl\:bg-\[linear-gradient\(to_right\,var\(--surface-solid\)\,transparent\)\]: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] *){background-image:linear-gradient(to right,var(--surface-solid),transparent)}.dark\:block:where(.dark,.dark *){display:block}.dark\:hidden:where(.dark,.dark *){display:none}@media not all and (min-width:359px){.max-\[359px\]\:\[\&_\.icon-btn\]\:size-9 .icon-btn{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}}.rtl\:\[\&_svg\]\:rotate-180:where(: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] *) svg{rotate:180deg}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}@media (max-height:540px){.\[\@media\(max-height\:540px\)\]\:hidden{display:none}.\[\@media\(max-height\:540px\)\]\:size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.\[\@media\(max-height\:540px\)\]\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.\[\@media\(max-height\:540px\)\]\:py-0\.5{padding-block:calc(var(--spacing) * .5)}.\[\@media\(max-height\:540px\)\]\:py-1{padding-block:var(--spacing)}.\[\@media\(max-height\:540px\)\]\:py-3{padding-block:calc(var(--spacing) * 3)}.\[\@media\(max-height\:540px\)\]\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.\[\@media\(max-height\:540px\)\]\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (max-height:600px){@media not all and (min-width:48rem){.\[\@media\(max-height\:600px\)\]\:max-md\:hidden{display:none}}}@media (max-height:640px){@media not all and (min-width:48rem){.\[\@media\(max-height\:640px\)\]\:max-md\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}}@media (max-height:680px){.\[\@media\(max-height\:680px\)\]\:hidden{display:none}}@media (min-width:48rem){@media (max-height:680px){.md\:\[\@media\(max-height\:680px\)\]\:block{display:block}}}@media (max-height:700px){@media not all and (min-width:48rem){.\[\@media\(max-height\:700px\)\]\:max-md\:mt-2{margin-top:calc(var(--spacing) * 2)}.\[\@media\(max-height\:700px\)\]\:max-md\:hidden{display:none}.\[\@media\(max-height\:700px\)\]\:max-md\:gap-3{gap:calc(var(--spacing) * 3)}.\[\@media\(max-height\:700px\)\]\:max-md\:p-3{padding:calc(var(--spacing) * 3)}.\[\@media\(max-height\:700px\)\]\:max-md\:py-2{padding-block:calc(var(--spacing) * 2)}}}@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:PDMS;src:url(/fonts/pdms.ttf)format("truetype");font-display:swap}@font-face{font-family:QuranNastaleeq;src:url(/fonts/nastaleeq.ttf)format("truetype");font-display:swap}:root{--font-face-indopak:"IndoPak";--font-face-pdms:"PDMS";--font-face-nastaleeq:"QuranNastaleeq";--sidebar-w:4.5rem}html[data-sidebar=open]{--sidebar-w:16rem}:root{--background:#eaeeff;--surface:#ffffffd1;--surface-2:#e3e7fb;--foreground:#151935;--muted:#575e86;--border:#626ebe33;--primary:#087f5d;--primary-foreground:#fff;--accent:#e08a00;--danger:#d22f45;--gradient-brand:linear-gradient(135deg, #0fbf8c 0%, #0ea5c6 48%, #7c4dff 100%);--glow:#7c4dff2e;--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:lab(0% 0 0)){:root{--glow:lab(46.7991% 52.1453 -83.208/.18)}}@supports (color:color-mix(in lab, red, red)){:root{--rule-tafkheem-soft:color-mix(in oklab, var(--rule-tafkheem) 28%, transparent)}}:root{--rule-tarqeeq:var(--foreground);--rule-tarqeeq-soft:transparent;--rule-qalqalah:#1d4ed8;--rule-qalqalah-soft:var(--rule-qalqalah)}@supports (color:color-mix(in lab, red, red)){:root{--rule-qalqalah-soft:color-mix(in oklab, var(--rule-qalqalah) 28%, transparent)}}:root{--rule-ghunnah:#d1202f;--rule-ghunnah-soft:var(--rule-ghunnah)}@supports (color:color-mix(in lab, red, red)){:root{--rule-ghunnah-soft:color-mix(in oklab, var(--rule-ghunnah) 28%, transparent)}}:root{--rule-ikhfa:var(--rule-ghunnah);--rule-ikhfa-soft:var(--rule-ghunnah-soft);--rule-madd:#c0267a;--rule-madd-soft:var(--rule-madd)}@supports (color:color-mix(in lab, red, red)){:root{--rule-madd-soft:color-mix(in oklab, var(--rule-madd) 28%, transparent)}}:root{--rule-silent:#6b7190;--rule-silent-soft:var(--rule-silent)}@supports (color:color-mix(in lab, red, red)){:root{--rule-silent-soft:color-mix(in oklab, var(--rule-silent) 28%, transparent)}}:root{--rule-izhar:var(--foreground);--rule-izhar-soft:transparent;--rule-idgham:var(--rule-ghunnah);--rule-idgham-soft:var(--rule-ghunnah-soft);--rule-iqlab:var(--rule-ghunnah);--rule-iqlab-soft:var(--rule-ghunnah-soft);--rule-waqf:#9a5b00;--rule-waqf-soft:var(--rule-waqf)}@supports (color:color-mix(in lab, red, red)){:root{--rule-waqf-soft:color-mix(in oklab, var(--rule-waqf) 28%, transparent)}}:root{--stage-shade:var(--foreground);--stage-ground:var(--foreground)}@supports (color:color-mix(in lab, red, red)){:root{--stage-ground:color-mix(in oklab, var(--foreground) 24%, transparent)}}:root{--logo-from:#22d3a6;--logo-via:#0e9f74;--logo-to:#5b3cc4;--logo-ink:#fff;--logo-gold:#ffd166;--logo-danger-from:#ff6b8b;--logo-danger-via:#e5384f;--logo-danger-to:#7a1631;--logo-flame:#ff7a1a;--logo-flame-core:#ffe066;--logo-glow:#34d399;--logo-alert-glow:#f43f5e;--surface-solid:#f8f9ff;--success:#0f9f6e;--gradient-warm:linear-gradient(135deg, #ffb020 0%, #ff6a3d 55%, #ff3d8b 100%);--gradient-cool:linear-gradient(135deg, #38bdf8 0%, #6366f1 55%, #a855f7 100%);--bg-mesh:radial-gradient(40rem 26rem at 0% 0%, #38bdf847, transparent 70%), radial-gradient(36rem 26rem at 100% 10%, #a855f738, transparent 70%), radial-gradient(40rem 30rem at 50% 100%, #10b98133, transparent 70%), radial-gradient(24rem 18rem at 85% 70%, #ffb02029, transparent 70%);--glass-highlight:#ffffffbf;--glass-blur:16px;--depth-shadow:0 .9rem 2rem -1.1rem #30388c73;--press-edge:#141e5a47}.dark{--gradient-brand:linear-gradient(135deg, #22e0a8 0%, #38bdf8 48%, #a78bfa 100%);--glow:#a78bfa38;--background:#0a0d22;--surface:#1a1f48b8;--surface-2:#20275a;--foreground:#eef0ff;--muted:#a4aad8;--border:#96a0ff2e;--primary:#3ce3ad;--primary-foreground:#03140d;--accent:#ffc43d;--danger:#ff6b7d;--rule-tafkheem:#5ff09a;--rule-tafkheem-soft:var(--rule-tafkheem)}@supports (color:lab(0% 0 0)){.dark{--glow:lab(64.0812% 29.1806 -52.4362/.22)}}@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:#161b42;--success:#3ce3ad;--gradient-warm:linear-gradient(135deg, #ffc43d 0%, #ff7a45 55%, #ff4f9a 100%);--gradient-cool:linear-gradient(135deg, #5cc8ff 0%, #7c83ff 55%, #c084fc 100%);--bg-mesh:radial-gradient(40rem 26rem at 0% 0%, #38bdf833, transparent 70%), radial-gradient(36rem 26rem at 100% 10%, #a855f73d, transparent 70%), radial-gradient(40rem 30rem at 50% 100%, #10b98129, transparent 70%), radial-gradient(24rem 18rem at 85% 70%, #ff7a451f, transparent 70%);--glass-highlight:#ffffff14;--depth-shadow:0 1rem 2.2rem -1.1rem #000000bf;--press-edge:#00000073}[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 tap-ripple{0%{opacity:.55;transform:scale(.55)}to{opacity:0;transform:scale(1.15)}}@keyframes count-pop{0%{transform:scale(.88)}to{transform:scale(1)}}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawer-in-rtl{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.stage-frame{container-type:size}.stage-card{--tilt-x:0deg;--tilt-y:0deg;border-radius:calc(var(--skin-radius,1.25rem) * 1.6);width:min(94cqw,44rem);height:min(92cqh,24rem);box-shadow:0 1.25rem 2.5rem -1.5rem var(--primary), inset 0 0 0 1px var(--primary)}@supports (color:color-mix(in lab, red, red)){.stage-card{box-shadow:0 1.25rem 2.5rem -1.5rem color-mix(in oklab, var(--primary) 45%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--primary) 18%, transparent)}}.stage-card{background-image:radial-gradient(70% 60% at 50% 42%, var(--glow), transparent 72%), radial-gradient(45% 40% at 12% 12%, var(--rule-qalqalah), transparent 70%), radial-gradient(45% 40% at 88% 88%, var(--rule-madd), transparent 70%)}@supports (color:color-mix(in lab, red, red)){.stage-card{background-image:radial-gradient(70% 60% at 50% 42%, var(--glow), transparent 72%), radial-gradient(45% 40% at 12% 12%, color-mix(in oklab, var(--rule-qalqalah) 14%, transparent), transparent 70%), radial-gradient(45% 40% at 88% 88%, color-mix(in oklab, var(--rule-madd) 14%, transparent), transparent 70%)}}.stage-deep .stage-card{perspective:900px;touch-action:none;cursor:grab}.stage-gap{margin-inline:.2em}.stage-fit{transform:scale(var(--stage-fit,1))}.stage-tilt{transform-style:preserve-3d;transform:scale(var(--stage-fit,1)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .9s cubic-bezier(.2,.8,.2,1)}.stage-card[data-held] .stage-tilt{transition:transform 80ms linear}.stage-deep .stage-card[data-held]{cursor:grabbing}.stage-text{--letter:var(--foreground);--letter-mix:100%;--stage-depth:.09em;font-family:var(--font-face-indopak), var(--font-quran);font-size:calc(min(19cqw, 30cqh, 7.5rem) * var(--skin-scale,1));white-space:nowrap;transform-style:preserve-3d;padding-inline:.4em;line-height:1.9;transform:translateZ(.6em)}.stage-glyph{color:var(--letter)}@supports (color:color-mix(in lab, red, red)){.stage-glyph{color:color-mix(in oklab, var(--letter) var(--letter-mix), var(--surface))}}.stage-glyph[data-stage=dim]{--letter-mix:38%}.stage-face .stage-glyph{text-shadow:0 .015em .03em var(--letter)}@supports (color:color-mix(in lab, red, red)){.stage-face .stage-glyph{text-shadow:0 .015em .03em color-mix(in oklab, var(--letter) 35%, transparent)}}.stage-face .stage-glyph[data-stage=glow]{text-shadow:0 0 .1em var(--letter), 0 0 .45em var(--letter)}@supports (color:color-mix(in lab, red, red)){.stage-face .stage-glyph[data-stage=glow]{text-shadow:0 0 .1em color-mix(in oklab, var(--letter) 70%, transparent), 0 0 .45em color-mix(in oklab, var(--letter) 45%, transparent)}}.stage-layer .stage-glyph{text-shadow:0 0 .025em;color:var(--letter)}@supports (color:color-mix(in lab, red, red)){.stage-layer .stage-glyph{color:color-mix(in oklab, color-mix(in oklab, var(--letter) var(--letter-mix), var(--surface)) var(--layer-tone), var(--stage-shade))}}.stage-ground{background:radial-gradient(closest-side, var(--stage-ground), transparent);filter:blur(6px);width:62%;height:12%;transform:translateX(calc(-50% + var(--tilt-shift,0) * -1.2px)) scaleX(calc(1 - var(--tilt-lift,0) / 120));border-radius:50%;transition:transform .9s cubic-bezier(.2,.8,.2,1);top:62%;left:50%}.stage-float .stage-ground{animation:7s ease-in-out infinite stage-ground}.stage-card[data-held] .stage-ground{transition:transform 80ms linear}.stage-card[data-held] .stage-text,.stage-card[data-held] .stage-ground{animation-play-state:paused}.explorer-glyph{font-family:var(--font-face-indopak), var(--font-quran);line-height:1.7}.stage-float .stage-text{animation:7s ease-in-out infinite stage-float}.stage-layer{--layer-tone:calc(82% - var(--layer) / var(--layers) * 52%);padding-inline:inherit;transform:translate3d(calc(var(--layer) / var(--layers) * .012em), calc(var(--layer) / var(--layers) * .022em), calc(var(--layer) / var(--layers) * var(--stage-depth) * -1))}.stage-face{transform:translateZ(.02em)}[data-puffy] .stage-text{--stage-depth:.07em}[data-puffy] .stage-glyph{-webkit-text-stroke:.014em currentColor;transition:color .32s var(--motion-ease)}[data-puffy] .stage-glyph .stage-fathatan{-webkit-text-stroke-width:.01em}[data-puffy] .stage-layer .stage-glyph{text-shadow:none;-webkit-text-stroke-width:0}[data-puffy] .stage-face .stage-fathatan{color:var(--q-mark)}@supports (color:color-mix(in lab, red, red)){[data-puffy] .stage-face .stage-fathatan{color:color-mix(in oklab, var(--q-mark) var(--letter-mix), var(--surface))}}[data-puffy] .stage-face .stage-glyph{text-shadow:0 -.012em .008em white, 0 .014em .008em var(--stage-shade), 0 .04em .04em var(--stage-shade), 0 0 .02em transparent, 0 0 .04em transparent}@supports (color:color-mix(in lab, red, red)){[data-puffy] .stage-face .stage-glyph{text-shadow:0 -.012em .008em color-mix(in oklab, white 60%, currentColor), 0 .014em .008em color-mix(in oklab, var(--stage-shade) 40%, currentColor), 0 .04em .04em color-mix(in oklab, var(--stage-shade) 26%, transparent), 0 0 .02em transparent, 0 0 .04em transparent}}[data-puffy] .stage-face .stage-glyph{transition:color .32s var(--motion-ease), text-shadow .32s var(--motion-ease)}[data-puffy] .stage-face .stage-glyph[data-stage=glow]{text-shadow:0 -.012em .008em white, 0 .014em .008em var(--stage-shade), 0 .04em .04em var(--stage-shade), 0 0 .02em var(--letter), 0 0 .04em var(--letter)}@supports (color:color-mix(in lab, red, red)){[data-puffy] .stage-face .stage-glyph[data-stage=glow]{text-shadow:0 -.012em .008em color-mix(in oklab, white 85%, currentColor), 0 .014em .008em color-mix(in oklab, var(--stage-shade) 40%, currentColor), 0 .04em .04em color-mix(in oklab, var(--stage-shade) 26%, transparent), 0 0 .02em color-mix(in oklab, var(--letter) 80%, transparent), 0 0 .04em color-mix(in oklab, var(--letter) 28%, transparent)}}.q-tab{isolation:isolate;color:var(--foreground);background-color:var(--surface-2);box-shadow:inset 0 .1rem .15rem #ffffff4d, inset 0 -.2rem .4rem var(--stage-shade);position:relative}@supports (color:lab(0% 0 0)){.q-tab{box-shadow:inset 0 .1rem .15rem lab(100% -.0000298023 .0000119209/.3), inset 0 -.2rem .4rem var(--stage-shade)}}@supports (color:color-mix(in lab, red, red)){.q-tab{box-shadow:inset 0 .1rem .15rem lab(100% -.0000298023 .0000119209/.3), inset 0 -.2rem .4rem color-mix(in oklab, var(--stage-shade) 10%, transparent)}}.q-tab{transition:transform .28s var(--motion-ease), background-color .28s var(--motion-ease), color .28s var(--motion-ease)}.q-tab:before,.q-tab:after{content:"";pointer-events:none;opacity:0;transition:opacity .32s var(--motion-ease), transform .38s var(--motion-ease);position:absolute}.q-tab:before{z-index:-1;box-shadow:0 0 .35rem var(--tab);border-radius:1.2rem;inset:-.2rem;transform:scale(.96)}@supports (color:color-mix(in lab, red, red)){.q-tab:before{box-shadow:0 0 .35rem color-mix(in oklab, var(--tab) 55%, transparent)}}.q-tab:after{border-radius:inherit;background:linear-gradient(165deg,#ffffff4d 0%,#ffffff14 40%,#0000 54%,#0000001a 100%);inset:0}.q-tab[aria-selected=true]{color:var(--q-on);background-color:var(--tab);transform:scale(1.06)}.q-tab[aria-selected=true]:before{opacity:1;transform:scale(1)}.q-tab[aria-selected=true]:after{opacity:1}.q-tab-dot{background-color:var(--tab);transition:background-color .28s var(--motion-ease)}.q-tab[aria-selected=true] .q-tab-dot{background-color:var(--q-on)}.slide-enter{animation:.26s cubic-bezier(.2,.8,.2,1) slide-enter}.slide-enter-back{animation:.26s cubic-bezier(.2,.8,.2,1) slide-enter-back}@keyframes stage-float{0%,to{transform:translateZ(.6em) rotateY(calc(var(--skin-motion,1) * -7deg)) translateY(0)}50%{transform:translateZ(.6em) rotateY(calc(var(--skin-motion,1) * 7deg)) translateY(calc(var(--skin-motion,1) * -.04em))}}@keyframes stage-ground{0%,to{opacity:1;translate:calc(var(--skin-motion,1) * .4rem) 0}50%{opacity:.8;translate:calc(var(--skin-motion,1) * -.4rem) 0}}@keyframes slide-enter{0%{opacity:0;transform:translateX(calc(var(--slide-dir,1) * 2rem)) rotateY(calc(var(--slide-dir,1) * -8deg))}to{opacity:1;transform:none}}@keyframes slide-enter-back{0%{opacity:0;transform:translateX(calc(var(--slide-dir,1) * -2rem)) rotateY(calc(var(--slide-dir,1) * 8deg))}to{opacity:1;transform:none}}html[dir=rtl]{--slide-dir:-1}@media (prefers-reduced-motion:reduce){.animate-tap-ripple,.animate-count-pop,.drawer-panel,.animate-fade-in,.stage-float .stage-text,.stage-float .stage-ground,.slide-enter,.slide-enter-back,.quiz-pop,.quiz-shake,.quiz-star-in,.quiz-node[data-state=open] .quiz-node-disc{animation:none}.stage-tilt,.quiz-node-disc{transition:none}}.quiz-board{perspective:1100px;perspective-origin:50% 10%;container-type:size}.quiz-plane{--path-tilt:40deg;transform-style:preserve-3d;transform:rotateX(var(--path-tilt));transform-origin:50% 70%;border:1px solid var(--border);border-radius:var(--skin-radius,1.25rem);background:radial-gradient(60% 50% at 50% 55%, var(--glow), transparent 75%), var(--surface-2);position:absolute;inset:3% 4% 2%}@supports (color:color-mix(in lab, red, red)){.quiz-plane{background:radial-gradient(60% 50% at 50% 55%, var(--glow), transparent 75%), color-mix(in oklab, var(--surface-2) 75%, transparent)}}.quiz-plane{box-shadow:0 2.5rem 3rem -2rem var(--foreground)}@supports (color:color-mix(in lab, red, red)){.quiz-plane{box-shadow:0 2.5rem 3rem -2rem color-mix(in oklab, var(--foreground) 35%, transparent)}}.quiz-track{transform-style:preserve-3d}.quiz-flat .quiz-plane{--path-tilt:0deg}.quiz-node{--node-size:calc(min(14cqh, 20cqw, 5.5rem) * var(--skin-scale,1));width:0;height:0;transform-style:preserve-3d;position:absolute}.quiz-node-body{transform-style:preserve-3d;transform-origin:50% 100%;transform:translateX(-50%) rotateX(calc(var(--path-tilt) * -1)) translateZ(1px);flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:0}.quiz-node[data-final=true]{--node-size:calc(min(17cqh, 24cqw, 6.75rem) * var(--skin-scale,1))}.quiz-node-disc{--node:var(--surface-2);width:var(--node-size);height:var(--node-size);color:var(--muted);background:radial-gradient(circle at 35% 30%, var(--node), var(--node) 70%);border-radius:9999px;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.quiz-node-disc{background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--node) 65%, var(--surface)), var(--node) 70%)}}.quiz-node-disc{box-shadow:0 .22rem 0 var(--node), 0 .9rem 1.25rem -.5rem var(--node), inset 0 .15rem .3rem var(--surface)}@supports (color:color-mix(in lab, red, red)){.quiz-node-disc{box-shadow:0 .22rem 0 color-mix(in oklab, var(--node) 60%, var(--foreground)), 0 .9rem 1.25rem -.5rem color-mix(in oklab, var(--node) 70%, transparent), inset 0 .15rem .3rem color-mix(in oklab, var(--surface) 45%, transparent)}}.quiz-node-disc{transition:transform .2s ease-out}.quiz-node-disc:hover:not([aria-disabled=true]){transform:translateY(-.2rem)}.quiz-node-disc:active:not([aria-disabled=true]){transform:translateY(.2rem)}.quiz-node[data-state=open] .quiz-node-disc{--node:var(--flame);color:var(--primary-foreground);animation:1.8s ease-in-out infinite quiz-bob}.quiz-node[data-state=done] .quiz-node-disc{--node:var(--primary);color:var(--primary-foreground)}.quiz-node[data-final=true][data-state=locked] .quiz-node-disc{border:3px dashed var(--danger)}@supports (color:color-mix(in lab, red, red)){.quiz-node[data-final=true][data-state=locked] .quiz-node-disc{border:3px dashed color-mix(in oklab, var(--danger) 60%, transparent)}}.quiz-node[data-selected=true] .quiz-node-disc{outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.quiz-node[data-selected=true] .quiz-node-disc{outline:3px solid color-mix(in oklab, var(--primary) 50%, transparent)}}.quiz-node[data-selected=true] .quiz-node-disc{outline-offset:4px}.quiz-node-number{font-size:calc(var(--node-size) * .38);line-height:1}.quiz-words{font-family:var(--font-face-indopak), var(--font-quran);font-size:calc(min(9cqw, 15cqh, 3.5rem) * var(--skin-scale,1));line-height:1.9}.quiz-pop{animation:.32s ease-out quiz-pop}.quiz-shake{animation:.15s ease-in-out 2 quiz-shake}.quiz-star-in{animation:.42s cubic-bezier(.2,.8,.2,1.4) backwards quiz-star;animation-delay:calc(var(--i,0) * .14s + .2s)}@keyframes quiz-bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--skin-motion,1) * -.4rem))}}@keyframes quiz-pop{0%{transform:scale(.94)}60%{transform:scale(calc(1 + var(--skin-motion,1) * .05))}to{transform:scale(1)}}@keyframes quiz-shake{0%,to{translate:0}25%{translate:calc(var(--skin-motion,1) * -.35rem) 0}75%{translate:calc(var(--skin-motion,1) * .35rem) 0}}@keyframes quiz-star{0%{opacity:0;transform:scale(0)rotate(-40deg)}to{opacity:1;transform:none}}html[lang=ur] :where(p,span,a,li,label,button,input,textarea,select,summary,h1,h2,h3,h4):not(.tabular-nums){line-height:calc(var(--lh-body) * var(--lh-scale))}html[lang=ur] :where(h1,h2,h3,h4):not(.tabular-nums){line-height:calc(var(--lh-head) * var(--lh-scale))}html[lang=ur] :where(h1,h2,h3,h4){font-weight:400}html{touch-action:manipulation;-webkit-text-size-adjust:100%}button,a,[role=button]{-webkit-touch-callout:none}.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))}}@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:drop-shadow(0 0 .45rem var(--logo-glow))}@supports (color:color-mix(in lab, red, red)){.logo-safe{filter:drop-shadow(0 0 .45rem color-mix(in oklab, var(--logo-glow) 70%, transparent))}}.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:#0b8f6a;--hero-via:#2563eb;--hero-to:#8b5cf6;--hero-gold:#ffd166;--on-hero:#fff;--flame:#ff7a1a;--flame-core:#ffe066;--points:#ffb800;--ring-track:var(--on-hero)}@supports (color:color-mix(in lab, red, red)){:root{--ring-track:color-mix(in oklab, var(--on-hero) 22%, transparent)}}:root{--course-qaida-from:#ff9f1c;--course-qaida-to:#ff5d73;--course-rules-from:#10b981;--course-rules-to:#06b6d4;--course-quran-from:#3b82f6;--course-quran-to:#8b5cf6;--coin:#ffc21a;--coin-edge:#c77d00;--xp:#7c4dff}.dark{--hero-from:#08654b;--hero-via:#1d3fb8;--hero-to:#6d3fd6;--ring-track:var(--on-hero)}@supports (color:color-mix(in lab, red, red)){.dark{--ring-track:color-mix(in oklab, var(--on-hero) 16%, transparent)}}:root{--scrim:#0c0e3080;--q-1:var(--gi-cyan-2);--q-2:var(--gi-gold-2);--q-3:var(--gi-violet-2);--q-4:var(--gi-sky-2);--q-5:var(--gi-orange-2);--q-6:var(--gi-lime-2);--q-7:var(--gi-blue-2);--q-8:var(--gi-coral-2);--q-reserved:#0e9a46;--q-mark:#b5155f;--q-on:var(--gi-white);--kid-sky-top:#79cdfb;--kid-sky-bottom:#dff4ff;--kid-sun:var(--gi-gold-1);--kid-sun-core:var(--gi-gold-2);--kid-cloud:#fff;--kid-hill-far:#8fdc6f;--kid-hill-near:#3fb56a;--kid-board:#fffdf6;--kid-board-edge:var(--gi-gold-2);--kid-eye:#fff;--kid-ink:var(--gi-ink);--kid-cheek:var(--gi-coral-1);--kid-badge:#fff;--gi-cyan-1:#5ee1f5;--gi-cyan-2:#0891b2;--gi-sky-1:#8fd0ff;--gi-sky-2:#2f9be8;--gi-lime-1:#c8f05a;--gi-lime-2:#6f9c00;--gi-coral-1:#ff9f93;--gi-coral-2:#ee6a5b;--gi-gold-1:#ffe27a;--gi-gold-2:#f5a300;--gi-orange-1:#ffb347;--gi-orange-2:#ff6a1a;--gi-red-1:#ff7a8a;--gi-red-2:#e0213f;--gi-green-1:#6ef0a8;--gi-green-2:#0aa86b;--gi-teal-1:#5ef2e0;--gi-teal-2:#0b98b8;--gi-blue-1:#7cc4ff;--gi-blue-2:#2a5cf0;--gi-violet-1:#c29bff;--gi-violet-2:#6b35e8;--gi-pink-1:#ffa3d9;--gi-pink-2:#e0359a;--gi-silver-1:#f3f5ff;--gi-silver-2:#9aa3c4;--gi-bronze-1:#f0b07a;--gi-bronze-2:#a35a22;--gi-brown-1:#b97a4a;--gi-brown-2:#6b3b1c;--gi-ink-1:#3a3f66;--gi-ink-2:#151935;--gi-white:#fff;--gi-ink:#151935;--gi-paper:#fff8e8;--gi-gloss:#ffffff6b;--gi-shade:#00001e24;--gi-shadow:#1e1e5a2e;--motion-pop:cubic-bezier(.34, 1.56, .64, 1);--motion-ease:cubic-bezier(.2, .8, .2, 1)}.dark{--scrim:#0000009e;--q-1:var(--gi-cyan-1);--q-2:var(--gi-gold-1);--q-3:var(--gi-violet-1);--q-4:var(--gi-sky-1);--q-5:var(--gi-orange-1);--q-6:var(--gi-lime-1);--q-7:var(--gi-blue-1);--q-8:var(--gi-coral-1);--q-reserved:#4ade80;--q-mark:#ff4fa0;--q-on:var(--gi-ink);--kid-sky-top:#1b2766;--kid-sky-bottom:#3d5bb0;--kid-cloud:#9aa8e0;--kid-hill-far:#2e8a52;--kid-hill-near:#1d6b3f;--kid-board:#1b2152;--kid-board-edge:var(--gi-gold-1);--gi-paper:#fff4dc;--gi-gloss:#ffffff57;--gi-shadow:#00000073}@keyframes motion-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes motion-reward{0%{opacity:0;transform:scale(.3)rotate(-12deg)}55%{opacity:1;transform:scale(1.18)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes motion-flame{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.06,.94)rotate(-3deg)}}@keyframes motion-burst{0%{opacity:.9;transform:scale(.2)rotate(0)}to{opacity:0;transform:scale(1.4)rotate(160deg)}}@keyframes motion-page{0%{opacity:0}to{opacity:1}}@keyframes motion-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.25rem)}}@media (prefers-reduced-motion:reduce){.motion-pop,.motion-reward,.motion-flame,.motion-burst:before,.motion-page,.motion-float{animation:none}.btn-game:active,.press:active,.btn-primary:active{transform:none}}html[data-pack=ocean]{--gradient-brand:linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #6366f1 100%);--hero-from:#0369a1;--hero-via:#2563eb;--hero-to:#22d3ee}html[data-pack=sunset]{--gradient-brand:linear-gradient(135deg, #f59e0b 0%, #f97316 45%, #ec4899 100%);--hero-from:#c2410c;--hero-via:#db2777;--hero-to:#f59e0b}html[data-pack=forest]{--gradient-brand:linear-gradient(135deg, #16a34a 0%, #65a30d 50%, #ca8a04 100%);--hero-from:#166534;--hero-via:#15803d;--hero-to:#84cc16}html[data-pack=royal]{--gradient-brand:linear-gradient(135deg, #7c3aed 0%, #c026d3 50%, #f59e0b 100%);--hero-from:#4c1d95;--hero-via:#7e22ce;--hero-to:#db2777}[data-pack-preview=default]{background-image:linear-gradient(135deg,#0fbf8c 0%,#0ea5c6 48%,#7c4dff 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%)}.quiz-ar{font-family:var(--font-face-indopak), var(--font-quran);background-image:var(--gradient-brand);color:#0000;filter:drop-shadow(0 .06em 0 var(--primary));-webkit-background-clip:text;background-clip:text;padding:.15em .1em;font-size:1.55em;font-weight:400;line-height:1.6;display:inline-block}@supports (color:color-mix(in lab, red, red)){.quiz-ar{filter:drop-shadow(0 .06em 0 color-mix(in oklab, var(--primary) 35%, transparent))}}.option-speaking{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.option-speaking{background:color-mix(in oklab, var(--accent) 16%, var(--surface))}}.option-speaking{box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.option-speaking{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 45%, transparent)}}.option-speaking{transform:scale(1.02)}@keyframes kids-spin{to{transform:rotate(360deg)}}@keyframes kids-drift{0%{transform:translate(0)}to{transform:translate(calc(100cqw + 140%))}}@keyframes kid-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.04em)}}@keyframes kid-jump{0%{transform:translateY(0)scale(1.04,.94)}to{transform:translateY(-.28em)scale(.97,1.05)}}@keyframes kid-blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes kid-talk{0%{transform:scaleY(.7)}to{transform:scaleY(2.2)}}@keyframes kid-arm-start{0%{transform:rotate(16deg)}to{transform:rotate(140deg)}}@keyframes kid-arm-end{0%{transform:rotate(-16deg)}to{transform:rotate(-140deg)}}@keyframes kids-fall{0%{opacity:1;transform:translateY(0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translateY(100cqh) rotate(var(--turn))}}@media (prefers-reduced-motion:reduce){.kids-scene *,.kids-scene :before,.kids-scene :after{transition:none!important;animation:none!important}.kids-confetti{display:none}.kids-cloud{inset-inline-start:8%}}.thin-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.thin-scroll::-webkit-scrollbar{width:6px;height:6px}.thin-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.thin-scroll::-webkit-scrollbar-track{background:0 0}@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-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}