/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:"Manrope", "Inter", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-300:#ffa3a3;--color-amber-300:#ffd236;--color-slate-200:#e2e8f0;--color-slate-300:#cad5e2;--color-slate-400:#90a1b9;--color-slate-600:#45556c;--color-slate-700:#314158;--color-slate-900:#0f172b;--color-slate-950:#020618;--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-4xl:56rem;--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-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-normal:0em;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-md:12px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:#fff8ec;--color-bg-1:#fff8ec;--color-bg-2:#ffeed1;--color-bg-3:#e9f8e3;--color-surface:#fff;--color-surface-alt:#fdf1dc;--color-text:#27331f;--color-text-muted:#5f6e55;--color-primary:#3aa655;--color-primary-soft:#d9f3de;--color-accent:#ffb53e;--color-accent-soft:#ffefd2;--color-danger:#e05858;--color-danger-soft:#fde4e4;--color-info:#4f9cd9;--color-info-soft:#e1f0fb;--color-border:#3a5c3324;--color-shadow:#483c142e;--color-celebration:#ffd166;--color-on-primary:#fff;--color-on-accent:#27331f;--color-on-danger:#fff;--color-on-strong:#fff;--color-primary-strong:#2a783d;--color-danger-strong:#af4545;--text-display:2rem;--text-display--line-height:1.2;--text-display--font-weight:800;--text-display--letter-spacing:.2px;--text-title:1.5rem;--text-title--line-height:1.25;--text-title--font-weight:700;--text-heading:1.1875rem;--text-heading--line-height:1.3;--text-heading--font-weight:700;--text-body:1rem;--text-body--line-height:1.4375rem;--text-body--font-weight:500;--text-label:.875rem;--text-label--line-height:1.4;--text-label--font-weight:600;--text-caption:.75rem;--text-caption--line-height:1.4;--text-caption--font-weight:500;--spacing-target:56px;--font-quran:"Amiri", serif}@supports (color:lab(0% 0 0)){:root,:host{--color-red-300:lab(76.5514% 36.422 15.5335);--color-amber-300:lab(86.4156% 6.13147 78.3961);--color-slate-200:lab(91.7353% -.998765 -4.76968);--color-slate-300:lab(84.7652% -1.94535 -7.93337);--color-slate-400:lab(65.5349% -2.25151 -14.5072);--color-slate-600:lab(35.5623% -1.74978 -15.4316);--color-slate-700:lab(26.9569% -1.47016 -15.6993);--color-slate-900:lab(7.78673% 1.82345 -15.0537);--color-slate-950:lab(1.76974% 1.32743 -9.28855)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-color-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%;margin:0;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);overflow:hidden}#root{background-color:inherit;height:100%;min-height:0;color:inherit;flex-direction:column;display:flex;overflow:hidden}a{color:var(--color-primary);text-decoration:none;transition:color .15s}a:hover{color:#318d48}@supports (color:color-mix(in lab, red, red)){a:hover{color:color-mix(in srgb, var(--color-primary) 85%, black)}}a:hover{text-decoration:underline}}@layer components;@layer utilities{.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}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.inset-x-5{inset-inline:calc(var(--spacing) * 5)}.inset-y-0{inset-block:0}.-start-24{inset-inline-start:calc(var(--spacing) * -24)}.start-0\.5{inset-inline-start:calc(var(--spacing) * .5)}.start-1{inset-inline-start:calc(var(--spacing) * 1)}.start-\[8\%\]{inset-inline-start:8%}.-end-1{inset-inline-end:calc(var(--spacing) * -1)}.-end-10{inset-inline-end:calc(var(--spacing) * -10)}.-end-24{inset-inline-end:calc(var(--spacing) * -24)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.end-1{inset-inline-end:calc(var(--spacing) * 1)}.end-2{inset-inline-end:calc(var(--spacing) * 2)}.end-3{inset-inline-end:calc(var(--spacing) * 3)}.end-4{inset-inline-end:calc(var(--spacing) * 4)}.end-\[14\%\]{inset-inline-end:14%}.-top-10{top:calc(var(--spacing) * -10)}.-top-24{top:calc(var(--spacing) * -24)}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1{top:var(--spacing)}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-6{top:calc(var(--spacing) * 6)}.top-10{top:calc(var(--spacing) * 10)}.top-24{top:calc(var(--spacing) * 24)}.top-\[8\.5rem\]{top:8.5rem}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.right-3{right:calc(var(--spacing) * 3)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-32{bottom:calc(var(--spacing) * -32)}.bottom-0{bottom:0}.bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.bottom-24{bottom:calc(var(--spacing) * 24)}.left-3{left:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.z-0{z-index: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-\[2\]{z-index:2}.z-\[5\]{z-index:5}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.z-\[100\]{z-index:100}.z-\[160\]{z-index:160}.col-span-2{grid-column:span 2/span 2}.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-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-auto{margin-block:auto}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-auto{margin-inline-start:auto}.-mt-1{margin-top:calc(var(--spacing) * -1)}.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-14{margin-top:calc(var(--spacing) * 14)}.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-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:var(--spacing)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!block{display:block!important}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-1\/2{width:50%;height:50%}.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-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-18{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.size-96{width:calc(var(--spacing) * 96);height:calc(var(--spacing) * 96)}.size-\[28rem\]{width:28rem;height:28rem}.size-full{width:100%;height:100%}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-1\/3{height:33.3333%}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-44{height:calc(var(--spacing) * 44)}.h-56{height:calc(var(--spacing) * 56)}.h-\[75vh\]{height:75vh}.h-\[420px\]{height:420px}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-\[35dvh\]{max-height:35dvh}.max-h-\[92dvh\]{max-height:92dvh}.max-h-\[min\(90dvh\,calc\(100dvh-1\.5rem\)\)\]{max-height:min(90dvh,100dvh - 1.5rem)}.max-h-dvh{max-height:100dvh}.max-h-full{max-height:100%}.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-11{min-height:calc(var(--spacing) * 11)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-22{min-height:calc(var(--spacing) * 22)}.min-h-\[10\.75rem\]{min-height:10.75rem}.min-h-\[18rem\]{min-height:18rem}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-target{min-height:var(--spacing-target)}.w-0\.5{width:calc(var(--spacing) * .5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-\[320px\]{width:320px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[14rem\]{max-width:14rem}.max-w-\[23\.5rem\]{max-width:23.5rem}.max-w-\[34rem\]{max-width:34rem}.max-w-\[85\%\]{max-width:85%}.max-w-\[1120px\]{max-width:1120px}.max-w-\[1600px\]{max-width:1600px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-11{min-width:calc(var(--spacing) * 11)}.min-w-14{min-width:calc(var(--spacing) * 14)}.min-w-\[320px\]{min-width:320px}.min-w-\[1200px\]{min-width:1200px}.min-w-target{min-width:var(--spacing-target)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[1\%\]{--tw-translate-x:1%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[110\%\]{--tw-translate-x:110%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-3{--tw-translate-y:calc(var(--spacing) * -3);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.03\]{scale:1.03}.-rotate-90{rotate:-90deg}.rotate-0{rotate:0deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.list-disc{list-style-type:disc}.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-\[3\.4rem_repeat\(3\,minmax\(0\,1fr\)\)\]{grid-template-columns:3.4rem repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.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-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.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-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-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-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-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-12{column-gap:calc(var(--spacing) * 12)}.gap-y-1{row-gap:var(--spacing)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}: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(--color-border)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-ee-md{border-end-end-radius:var(--radius-md)}.rounded-es-md{border-end-start-radius:var(--radius-md)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.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-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-border{border-color:var(--color-border)}.border-danger-strong{border-color:var(--color-danger-strong)}.border-info{border-color:var(--color-info)}.border-primary-strong{border-color:var(--color-primary-strong)}.border-text-muted{border-color:var(--color-text-muted)}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-white\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.border-white\/70{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.border-t-white\/80{border-top-color:#fffc}@supports (color:color-mix(in lab, red, red)){.border-t-white\/80{border-top-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-\[\#b7d9dc\]{background-color:#b7d9dc}.bg-\[color\:var\(--d-leaf\)\]\/10{background-color:var(--d-leaf)}@supports (color:color-mix(in lab, red, red)){.bg-\[color\:var\(--d-leaf\)\]\/10{background-color:color-mix(in oklab, var(--d-leaf) 10%, transparent)}}.bg-accent{background-color:var(--color-accent)}.bg-accent-soft{background-color:var(--color-accent-soft)}.bg-bg{background-color:var(--color-bg)}.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\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-border{background-color:var(--color-border)}.bg-celebration{background-color:var(--color-celebration)}.bg-danger{background-color:var(--color-danger)}.bg-danger-soft{background-color:var(--color-danger-soft)}.bg-danger-strong{background-color:var(--color-danger-strong)}.bg-info{background-color:var(--color-info)}.bg-info-soft{background-color:var(--color-info-soft)}.bg-primary{background-color:var(--color-primary)}.bg-primary-soft{background-color:var(--color-primary-soft)}.bg-primary-strong{background-color:var(--color-primary-strong)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-950{background-color:var(--color-slate-950)}.bg-surface{background-color:var(--color-surface)}.bg-surface-alt{background-color:var(--color-surface-alt)}.bg-surface\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-surface\/95{background-color:color-mix(in oklab, var(--color-surface) 95%, transparent)}}.bg-text-muted{background-color:var(--color-text-muted)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.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\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-bg-1{--tw-gradient-from:var(--color-bg-1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-bg-2{--tw-gradient-via:var(--color-bg-2);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-bg-3{--tw-gradient-to:var(--color-bg-3);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-\[47\.5\%_center\]{object-position:47.5% center}.p-0{padding:0}.p-0\!{padding:0!important}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.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-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-12{padding-block:calc(var(--spacing) * 12)}.ps-6{padding-inline-start:calc(var(--spacing) * 6)}.ps-7{padding-inline-start:calc(var(--spacing) * 7)}.pe-2{padding-inline-end:calc(var(--spacing) * 2)}.pe-14{padding-inline-end:calc(var(--spacing) * 14)}.pe-16{padding-inline-end:calc(var(--spacing) * 16)}.pe-\[4\.75rem\]{padding-inline-end:4.75rem}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-\[max\(1\.05rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.05rem, env(safe-area-inset-bottom))}.pb-\[max\(1\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.5rem, env(safe-area-inset-bottom))}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-start{text-align:start}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-quran{font-family:var(--font-quran)}.font-sans{font-family:var(--font-sans)}.text-display{font-size:var(--text-display);line-height:var(--tw-leading,var(--text-display--line-height));letter-spacing:var(--tw-tracking,var(--text-display--letter-spacing));font-weight:var(--tw-font-weight,var(--text-display--font-weight))}.text-body{font-size:var(--text-body);line-height:var(--tw-leading,var(--text-body--line-height));font-weight:var(--tw-font-weight,var(--text-body--font-weight))}.text-caption{font-size:var(--text-caption);line-height:var(--tw-leading,var(--text-caption--line-height));font-weight:var(--tw-font-weight,var(--text-caption--font-weight))}.text-heading{font-size:var(--text-heading);line-height:var(--tw-leading,var(--text-heading--line-height));font-weight:var(--tw-font-weight,var(--text-heading--font-weight))}.text-label{font-size:var(--text-label);line-height:var(--tw-leading,var(--text-label--line-height));font-weight:var(--tw-font-weight,var(--text-label--font-weight))}.text-title{font-size:var(--text-title);line-height:var(--tw-leading,var(--text-title--line-height));font-weight:var(--tw-font-weight,var(--text-title--font-weight))}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.9em\]{font-size:.9em}.text-\[0\.95rem\]{font-size:.95rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[clamp\(2\.2rem\,5vw\,3\.8rem\)\]{font-size:clamp(2.2rem,5vw,3.8rem)}.text-\[clamp\(2rem\,4\.6vw\,3\.4rem\)\]{font-size:clamp(2rem,4.6vw,3.4rem)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-none{--tw-leading:1;line-height:1}.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-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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#0f2d1c\]{color:#0f2d1c}.text-\[\#2f4f3a\]{color:#2f4f3a}.text-\[\#17351f\]{color:#17351f}.text-\[color\:var\(--d-ink-soft\)\]{color:var(--d-ink-soft)}.text-\[color\:var\(--d-leaf\)\]{color:var(--d-leaf)}.text-\[color\:var\(--d-leaf-2\)\]{color:var(--d-leaf-2)}.text-\[color\:var\(--ink-soft\)\]{color:var(--ink-soft)}.text-amber-300{color:var(--color-amber-300)}.text-danger-strong{color:var(--color-danger-strong)}.text-on-accent{color:var(--color-on-accent)}.text-on-primary{color:var(--color-on-primary)}.text-on-strong{color:var(--color-on-strong)}.text-primary-strong{color:var(--color-primary-strong)}.text-red-300{color:var(--color-red-300)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-900{color:var(--color-slate-900)}.text-text{color:var(--color-text)}.text-text-muted{color:var(--color-text-muted)}.text-white{color:var(--color-white)}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.text-white\/65{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.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)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.text-white\/92{color:#ffffffeb}@supports (color:color-mix(in lab, red, red)){.text-white\/92{color:color-mix(in oklab, var(--color-white) 92%, transparent)}}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.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,)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-primary-strong{accent-color:var(--color-primary-strong)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.opacity-100{opacity:1}.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_-8px_32px_var\(--color-shadow\)\]{--tw-shadow:0 -8px 32px var(--tw-shadow-color,var(--color-shadow));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_2px_6px_var\(--color-shadow\)\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,var(--color-shadow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_16px_var\(--color-shadow\)\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,var(--color-shadow));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_8px_24px_var\(--color-shadow\)\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,var(--color-shadow));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_8px_28px_rgba\(34\,72\,44\,0\.22\)\]{--tw-shadow:0 8px 28px var(--tw-shadow-color,#22482c38);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-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-primary-soft{--tw-ring-color:var(--color-primary-soft)}.ring-surface{--tw-ring-color:var(--color-surface)}.ring-white\/50{--tw-ring-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.ring-white\/50{--tw-ring-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.ring-white\/60{--tw-ring-color:#fff9}@supports (color:color-mix(in lab, red, red)){.ring-white\/60{--tw-ring-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.ring-white\/70{--tw-ring-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.ring-white\/70{--tw-ring-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.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,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[10px\]{--tw-blur:blur(10px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.\[overflow-anchor\:none\]{overflow-anchor:none}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}.marker\:text-primary-strong ::marker{color:var(--color-primary-strong)}.marker\:text-primary-strong::marker{color:var(--color-primary-strong)}.marker\:text-primary-strong ::-webkit-details-marker{color:var(--color-primary-strong)}.marker\:text-primary-strong::-webkit-details-marker{color:var(--color-primary-strong)}.placeholder\:text-text-muted::placeholder{color:var(--color-text-muted)}.before\:block:before{content:var(--tw-content);display:block}.before\:text-caption:before{content:var(--tw-content);font-size:var(--text-caption);line-height:var(--tw-leading,var(--text-caption--line-height));font-weight:var(--tw-font-weight,var(--text-caption--font-weight))}.before\:font-bold:before{content:var(--tw-content);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.before\:text-text-muted:before{content:var(--tw-content);color:var(--color-text-muted)}.before\:content-\[attr\(data-label\)\]:before{--tw-content:attr(data-label);content:var(--tw-content)}.empty\:hidden:empty{display:none}@media (hover:hover){.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:bg-black\/60:hover{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/60:hover{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.hover\:bg-slate-600:hover{background-color:var(--color-slate-600)}.hover\:bg-surface:hover{background-color:var(--color-surface)}.hover\:bg-surface-alt:hover{background-color:var(--color-surface-alt)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.hover\:text-primary-strong:hover{color:var(--color-primary-strong)}.hover\:text-text:hover{color:var(--color-text)}.hover\:no-underline:hover{text-decoration-line:none}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:rounded-xl:focus{border-radius:var(--radius-xl)}.focus\:bg-black\/60:focus{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.focus\:bg-black\/60:focus{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.focus\:px-3:focus{padding-inline:calc(var(--spacing) * 3)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus\:text-sm:focus{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.focus\:text-white:focus{color:var(--color-white)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-primary-strong:focus-visible{outline-color:var(--color-primary-strong)}.active\:scale-\[0\.97\]:active{scale:.97}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-spin{animation:var(--animate-spin)}.motion-safe\:transition-\[translate\,opacity\]{transition-property:translate,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\: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))}.motion-safe\: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))}.motion-safe\: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))}.motion-safe\: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))}.motion-safe\:duration-200{--tw-duration:.2s;transition-duration:.2s}.motion-safe\:duration-300{--tw-duration:.3s;transition-duration:.3s}.motion-safe\:duration-500{--tw-duration:.5s;transition-duration:.5s}.motion-safe\:ease-linear{--tw-ease:linear;transition-timing-function:linear}.motion-safe\: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)}.motion-safe\:active\:scale-\[0\.97\]:active{scale:.97}.motion-safe\:active\:scale-\[0\.98\]:active{scale:.98}.motion-safe\:active\:scale-\[0\.99\]:active{scale:.99}}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media not all and (min-width:40rem){.max-sm\:me-auto{margin-inline-end:auto}.max-sm\:max-w-\[calc\(100\%-6\.5rem\)\]{max-width:calc(100% - 6.5rem)}.max-sm\:text-label{font-size:var(--text-label);line-height:var(--tw-leading,var(--text-label--line-height));font-weight:var(--tw-font-weight,var(--text-label--font-weight))}}@media (min-width:40rem){.sm\:not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.sm\:mb-0{margin-bottom:0}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:table-cell{display:table-cell}.sm\:table-header-group{display:table-header-group}.sm\:table-row{display:table-row}.sm\:table-row-group{display:table-row-group}.sm\:h-\[500px\]{height:500px}.sm\:max-h-\[90vh\]{max-height:90vh}.sm\:w-28{width:calc(var(--spacing) * 28)}.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-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:rounded-3xl{border-radius:var(--radius-3xl)}.sm\:rounded-none{border-radius:0}.sm\:border-0{border-style:var(--tw-border-style);border-width:0}.sm\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.sm\:border-border{border-color:var(--color-border)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:pt-6{padding-top:calc(var(--spacing) * 6)}.sm\:pt-12{padding-top:calc(var(--spacing) * 12)}.sm\:before\:hidden:before{content:var(--tw-content);display:none}}@media (min-width:48rem){.md\:inline{display:inline}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.lg\:not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.lg\:absolute{position:absolute}.lg\:right-6{right:calc(var(--spacing) * 6)}.lg\:bottom-6{bottom:calc(var(--spacing) * 6)}.lg\:m-0{margin:0}.lg\:mx-0{margin-inline:0}.lg\:flex{display:flex}.lg\:h-full{height:100%}.lg\:max-h-none{max-height:none}.lg\:w-\[22rem\]{width:22rem}.lg\:w-\[24rem\]{width:24rem}.lg\:max-w-none{max-width:none}.lg\:flex-1{flex:1}.lg\:shrink-0{flex-shrink:0}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-center{justify-content:center}.lg\:justify-end{justify-content:flex-end}.lg\:gap-2{gap:calc(var(--spacing) * 2)}.lg\:overflow-visible{overflow:visible}.lg\:rounded-3xl{border-radius:var(--radius-3xl)}.lg\:border{border-style:var(--tw-border-style);border-width:1px}.lg\:border-dashed{--tw-border-style:dashed;border-style:dashed}.lg\:border-border{border-color:var(--color-border)}.lg\:p-6{padding:calc(var(--spacing) * 6)}.lg\:px-4{padding-inline:calc(var(--spacing) * 4)}.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}.lg\:py-3{padding-block:calc(var(--spacing) * 3)}.lg\:pe-\[8\%\]{padding-inline-end:8%}.lg\:text-center{text-align:center}}@media (min-width:80rem){.xl\:px-16{padding-inline:calc(var(--spacing) * 16)}}.rtl\:-translate-x-6: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-translate-x:calc(var(--spacing) * -6);translate:var(--tw-translate-x) var(--tw-translate-y)}.rtl\:-translate-x-\[110\%\]: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-translate-x:calc(110% * -1);translate:var(--tw-translate-x) var(--tw-translate-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}@media (prefers-reduced-motion:no-preference){@starting-style{.motion-safe\:starting\:translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.motion-safe\:starting\:translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.motion-safe\:starting\:opacity-0{opacity:0}}}@media (min-width:40rem){@media (prefers-reduced-motion:no-preference){@starting-style{.sm\:motion-safe\:starting\:translate-y-6{--tw-translate-y:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:motion-safe\:starting\:opacity-0{opacity:0}}}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.\[\&\>article\>div\:first-child\]\:min-h-14>article>div:first-child{min-height:calc(var(--spacing) * 14)}.\[\&\>article\>div\:first-child\]\:pe-14>article>div:first-child{padding-inline-end:calc(var(--spacing) * 14)}[data-color-mode=dark] .\[\[data-color-mode\=dark\]_\&\]\:\[color-scheme\:dark\]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}[data-theme=parent]{--color-bg:#f4f7f3;--color-bg-1:#f4f7f3;--color-bg-2:#e8f1e8;--color-bg-3:#f4f7f3;--color-surface:#fff;--color-surface-alt:#eef4ec;--color-text:#1c2a20;--color-text-muted:#5c6f60;--color-primary:#15803d;--color-primary-soft:#dcefe2;--color-accent:#b98a2f;--color-accent-soft:#f5ecd7;--color-on-accent:#1c2a20;--color-primary-strong:#147839}[data-color-mode=dark],[data-color-mode=dark] [data-theme=child]{--color-bg:#13231a;--color-bg-1:#13231a;--color-bg-2:#173425;--color-bg-3:#1d2b16;--color-surface:#1d3326;--color-surface-alt:#234231;--color-text:#f3fbef;--color-text-muted:#a9c2a3;--color-primary:#4cc168;--color-primary-soft:#234c2f;--color-accent:#ffc25e;--color-accent-soft:#4a3a1c;--color-danger:#f37e7e;--color-danger-soft:#4b2424;--color-info:#76b6e8;--color-info-soft:#1d3a52;--color-border:#ffffff1f;--color-shadow:#0006;--color-celebration:#ffd166;--color-on-primary:#13231a;--color-on-accent:#13231a;--color-on-danger:#13231a;--color-on-strong:#13231a;--color-primary-strong:#5ac674;--color-danger-strong:#f48686}[data-color-mode=dark] [data-theme=parent],[data-color-mode=dark][data-theme=parent]{--color-bg:#0f1d15;--color-bg-1:#0f1d15;--color-bg-2:#13261b;--color-bg-3:#0f1d15;--color-surface:#182921;--color-surface-alt:#1f3429;--color-text:#f3fbef;--color-text-muted:#a9c2a3;--color-primary:#2ea05b;--color-primary-soft:#1d3f2a;--color-accent:#ffc25e;--color-accent-soft:#4a3a1c;--color-danger:#f37e7e;--color-danger-soft:#4b2424;--color-info:#76b6e8;--color-info-soft:#1d3a52;--color-border:#ffffff1f;--color-shadow:#0006;--color-celebration:#ffd166;--color-on-primary:#0f1d15;--color-on-accent:#0f1d15;--color-on-danger:#0f1d15;--color-on-strong:#0f1d15;--color-primary-strong:#58b37c;--color-danger-strong:#f37e7e}@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-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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}.mh,.mc,.mc-top,.mc-level,.mc-controls{--mh-ink:#17301f;--mh-ink-soft:#4a6552;--mh-leaf:#1f9a4e;--mh-leaf-deep:#167a3c;--mh-mint:#d3efd9;--mh-cream:#f8f5e3;--mh-peach:#fdeedb;--mh-card:#fffffff2;--mh-shadow:0 8px 24px #22482c29;--mh-ease:cubic-bezier(.22, 1, .36, 1);font-family:var(--font-sans);color:var(--mh-ink);-webkit-font-smoothing:antialiased}@keyframes mh-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes mh-pop{0%{opacity:0;transform:translateY(20px)scale(.94)}70%{opacity:1;transform:translateY(-3px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mh-halo{0%{box-shadow:0 10px 24px #1f9a4e59,0 0 #1f9a4e73}70%,to{box-shadow:0 10px 24px #1f9a4e59,0 0 0 16px #1f9a4e00}}@keyframes mh-shimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes mh-flicker{0%,to{transform:scale(1)rotate(-3deg)}50%{transform:scale(1.12)rotate(3deg)}}.mh{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.mh-top{z-index:4;padding:max(1.25rem, env(safe-area-inset-top)) 1.25rem 0;justify-content:space-between;align-items:flex-start;gap:.75rem;padding-inline-end:calc(1.75rem + 56px);display:flex;position:relative}.mh-title{letter-spacing:-.01em;color:#17351f;text-shadow:0 1px 14px #ffffffd9,0 0 3px #fff9;animation:mh-rise .6s var(--mh-ease) both;margin:0;font-size:clamp(1.9rem,7vw,2.6rem);font-weight:800;line-height:1.15}.mh-lang{min-width:48px;min-height:48px;font:inherit;color:var(--mh-leaf-deep);box-shadow:var(--mh-shadow);-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#fffffff0;border:0;border-radius:999px;flex:none;padding:0 1rem;font-weight:700}.mh-lang:focus-visible,.mh-cta:focus-visible,.mh-quest:focus-visible,.mc-btn:focus-visible,.mc-seg button:focus-visible{outline-offset:3px;outline:4px solid #0b5d2a}.mh-state{z-index:4;max-width:min(32rem,100% - 2.5rem);box-shadow:var(--mh-shadow);animation:mh-rise .42s var(--mh-ease) both;background:#ffffffe6;border-radius:999px;align-self:flex-start;margin:.75rem 1.25rem 0;padding:.5rem 1rem;font-size:1rem;font-weight:600;position:relative}.mh-tap{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;inset:12% 20% 44%}.mh-bottom{z-index:3;width:100%;max-width:36rem;padding:3.25rem 1rem calc(6.25rem + env(safe-area-inset-bottom));margin:auto auto 0;position:relative}.mh-bottom:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#f8f5e300 0,#f8f5e3cc 3rem,#f4f5e2f7 6rem,#f3f5e1 100%);position:absolute;inset:0 -3rem;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3rem calc(100% - 3rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 3rem calc(100% - 3rem),#0000)}@media (min-width:700px){.mh-bottom:before{background:radial-gradient(50% 60% at 50% 62%,#f6f6e4f0 0,#f6f6e4cc 42%,#f6f6e400 100%);inset:-3rem -9rem 0;-webkit-mask-image:none;mask-image:none}}@media (min-width:900px) and (min-aspect-ratio:23/20){.mh-bottom{inset-inline-end:clamp(1.25rem,4vw,4rem);width:min(24rem,30vw);max-width:none;margin:0;padding:1.1rem;position:absolute;top:50%;transform:translateY(-58%)}.mh-bottom:before{-webkit-backdrop-filter:blur(14px);background:#faf8e9d6;border-radius:30px;transition:opacity .36s;inset:0;box-shadow:0 18px 48px #20382638}.mh[data-status=connecting] .mh-bottom:before{opacity:0}}.mh-cta{width:100%;min-height:68px;font:inherit;color:#fff;cursor:pointer;animation:mh-pop .56s var(--mh-ease) .12s both, mh-halo 3.2s ease-out 1.8s infinite;transition:transform .16s var(--mh-ease), filter .16s ease;background:linear-gradient(#27a857,#1b8a45);border:0;border-radius:22px;justify-content:center;align-items:center;gap:.75rem;padding:0 1.5rem;font-size:clamp(1.25rem,4.6vw,1.5rem);font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #1f9a4e59}.mh-cta svg{flex:none;width:26px;height:26px}.mh-cta:hover{filter:brightness(1.05);transform:translateY(-2px)}.mh-cta:active{transform:translateY(1px)scale(.985)}.mh-cta:disabled{cursor:progress;filter:saturate(.9);animation:none}.mh-cta[data-loading=true]:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff59 50%,#0000 70%);animation:1.2s linear infinite mh-shimmer;position:absolute;inset:0}.mh-cards{transition:opacity .36s ease, transform .42s var(--mh-ease);flex-direction:column;gap:.75rem;margin-top:.9rem;display:flex}.mh[data-status=connecting] .mh-cards{opacity:0;pointer-events:none;transform:translateY(18px)}.mh-card{color:var(--mh-ink);background:var(--mh-card);box-shadow:var(--mh-shadow);animation:mh-rise .56s var(--mh-ease) both;border-radius:24px;align-items:center;gap:.9rem;padding:.85rem 1.1rem;text-decoration:none;display:flex}.mh-level{animation-delay:.26s}.mh-quest{background:var(--mh-peach);transition:transform .16s var(--mh-ease);animation-delay:.36s}.mh-quest:hover{transform:translateY(-2px)}.mh-ring{flex:none;width:60px;height:60px}.mh-ring-track,.mh-ring-fill{fill:none;stroke-width:6px;transform-origin:28px 28px;transform:rotate(-90deg)}.mh-ring-track{stroke:var(--mh-mint)}.mh-ring-fill{stroke:var(--mh-leaf);stroke-linecap:round;transition:stroke-dasharray .7s var(--mh-ease)}.mh-ring-n{fill:var(--mh-ink);font-size:13px;font-weight:800}.mh-level-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.mh-level-name{text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem;font-weight:800;overflow:hidden}.mh-level-line{color:var(--mh-ink-soft);align-items:center;gap:.3rem;font-size:.95rem;font-weight:600;display:inline-flex}.mh-flame{color:#f08a1c;fill:#ffb43b;width:18px;height:18px;animation:1.8s ease-in-out infinite mh-flicker}.mh-level-pts{color:var(--mh-ink-soft);font-size:.9rem;font-weight:600}.mh-quest-icon{color:#eca21b;fill:#f7c447;flex:none;width:30px;height:30px}.mh-quest-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.mh-quest-label{color:var(--mh-ink-soft);font-size:.8rem;font-weight:600}.mh-quest-title{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:1.05rem;font-weight:800;display:-webkit-box;overflow:hidden}.mh-quest-go{width:22px;height:22px;color:var(--mh-ink-soft);flex:none}.mh[dir=rtl] .mh-quest-go{transform:scaleX(-1)}.mc-top{z-index:30;padding:max(1rem, env(safe-area-inset-top)) 1rem 0;justify-content:space-between;align-items:flex-start;gap:.75rem;padding-inline-end:calc(1.5rem + 56px);display:flex;position:relative}.mc-end.mc-end-mini{width:2.9rem;height:2.9rem}.mc-end.mc-end-mini svg{width:22px;height:22px}.mc-chat-level{z-index:20;flex:none;padding:.75rem 1rem 0;position:relative}.mc-top-start{flex-direction:column;align-items:flex-start;gap:.5rem;min-width:0;display:flex}.mc-seg{box-shadow:var(--mh-shadow);background:#fff8e8f0;border-radius:999px;flex:none;padding:4px;display:inline-flex}.mc-seg button{min-height:44px;font:inherit;color:var(--mh-ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 1.15rem;font-weight:700;transition:background .2s,color .2s}.mc-seg button[aria-pressed=true]{color:#fff;background:var(--mh-leaf-deep)}.mc-seg button:disabled{cursor:default}@media (max-width:400px){.mc-top{gap:.5rem;padding-inline:.75rem calc(1.125rem + 56px)}.mc-seg button{padding:0 .8rem}}@media (max-width:340px){.mc-seg button{padding:0 .55rem;font-size:.9rem}}.mc-level{z-index:20;top:6.4rem;pointer-events:none;text-align:center;animation:mh-rise .6s var(--mh-ease) .2s both;flex-direction:column;align-items:center;gap:.15rem;display:flex;position:absolute;inset-inline-end:1.1rem}.mc-level-n,.mc-level-pts{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb8;border-radius:999px;padding:0 .6rem}.mc-level-n{color:#166b34;font-size:1.15rem;font-weight:800}.mc-level-pts{color:#3a5a43;font-size:.9rem;font-weight:600}.mc-bar{background:linear-gradient(#466e78d9,#3c6964e6);border:3px solid #fff;border-radius:999px;width:24px;height:clamp(8rem,30vh,16rem);margin-top:1.9rem;position:relative;box-shadow:0 4px 14px #143c2840}.mc-bar-fill{inset-inline:0;transition:height .7s var(--mh-ease);background:linear-gradient(#5ed38a,#1f9a4e);border-radius:999px;position:absolute;bottom:0}.mc-bar-star,.mc-bar-leaf{background:#3c646ef2;border:3px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;inset-inline-start:50%;translate:-50%;box-shadow:0 3px 10px #143c2847}.mc-bar[dir=rtl] .mc-bar-star,.mc-bar[dir=rtl] .mc-bar-leaf{translate:50%}.mc-bar-star{top:-1.6rem}.mc-bar-leaf{background:#1f9a4e;bottom:-.5rem}.mc-bar-star svg{color:#f7c447;fill:#f7c447;width:20px;height:20px}.mc-bar-leaf svg{color:#fff;width:18px;height:18px}.mc-controls{z-index:10;padding-bottom:max(1.25rem, env(safe-area-inset-bottom));justify-content:center;align-items:flex-start;gap:clamp(.75rem,5vw,2.5rem);display:flex;position:relative}@media (max-width:400px){.mc-controls{gap:.6rem}.mc-controls .mc-btn:not(.mc-btn-sm){width:4rem;height:4rem}.mc-controls .mc-end{width:4.6rem;height:4.6rem}.mc-controls .mc-lbl{white-space:normal;max-width:4.75rem;font-size:.8rem}}.mc-btn{color:#14803f;cursor:pointer;width:4.6rem;height:4.6rem;transition:transform .16s var(--mh-ease), background .16s ease;background:#d6f0def0;border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 8px 22px #143c2838}.mc-btn svg{width:30px;height:30px}.mc-btn:hover{transform:translateY(-2px)}.mc-btn:active{transform:scale(.94)}.mc-btn[data-muted=true]{color:var(--color-on-accent);background:var(--color-accent)}.mc-btn[data-hold=true]{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mc-btn[data-held=true]{color:#fff;background:var(--mh-leaf);transform:scale(1.04);box-shadow:0 0 0 6px #ffffffbf,0 8px 22px #143c2838}.mc-btn[data-on=true]{color:#fff;background:var(--mh-leaf)}.mc-btn-sm{width:3.5rem;height:3.5rem}.mc-btn-sm svg{width:26px;height:26px}.mc-ctl{flex-direction:column;align-items:center;gap:.35rem;display:flex}.mc-ctl-sm{margin-top:.55rem}.mc-lbl{color:var(--mh-ink);text-align:center;white-space:nowrap;background:#ffffffeb;border-radius:999px;padding:.05rem .55rem;font-size:.9rem;font-weight:700;line-height:1.4;box-shadow:0 2px 8px #143c2829}.mc-btn[data-tap=true]{transform:scale(.94);box-shadow:0 0 0 5px #fff9,0 8px 22px #143c2838}.mc-end{color:#fff;background:linear-gradient(#ea6262,#d24848);width:5.4rem;height:5.4rem}.mc-end svg{width:34px;height:34px}@media (prefers-reduced-motion:reduce){.mh-title,.mh-state,.mh-cta,.mh-card,.mc-level,.mh-flame{animation:none}.mh-cta[data-loading=true]:after{background:#ffffff47;animation:none}.mh-cards,.mh-ring-fill,.mc-bar-fill,.mh-cta,.mc-btn{transition-duration:1ms}}.confetti{pointer-events:none;z-index:5;width:0;height:0;position:absolute;top:50%;left:50%}.confetti i{opacity:0;border-radius:2px;animation:1.4s cubic-bezier(.2,.7,.3,1) forwards confetti-fly;position:absolute}@keyframes confetti-fly{0%{opacity:1;transform:translate(0)rotate(0)}70%{opacity:1}to{opacity:0;transform:translate(var(--dx), calc(var(--dy) + 90px)) rotate(var(--rot))}}.mh-tab:active{transform:scale(.92)}.mh-tab{transition:transform .14s var(--mh-ease,ease), color .16s ease}.mh-card{transition:transform .18s var(--mh-ease), box-shadow .18s ease}.mh-level:hover{transform:translateY(-2px)}.mh-level:active,.mh-quest:active{transform:scale(.98)}.mh-snd{width:40px;height:40px;color:var(--mh-ink);cursor:pointer;transition:transform .15s var(--mh-ease);background:#ffffffd9;border:0;border-radius:999px;flex:none;place-items:center;margin-inline-end:.5rem;display:grid;box-shadow:0 4px 12px #20382629}.mh-snd svg{width:20px;height:20px}.mh-snd:hover{transform:translateY(-2px)}.mh-snd:active{transform:scale(.9)}.mh-top-actions{align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.mh-tab,.mh-card,.mh-snd{transition:none}.mh-tab:active,.mh-level:hover,.mh-snd:hover{transform:none}}.mc-sources{z-index:25;inset-inline:1rem;bottom:calc(10.6rem + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;max-height:28dvh;display:flex;position:absolute}.mc-sources>aside{pointer-events:auto}@media (min-width:1024px){.mc-sources{inset-inline:auto 6rem;width:22rem;max-height:none;top:6.4rem;bottom:10.6rem}}@property --wall-a{syntax:"<color>";inherits:true;initial-value:#fff1e6}@property --wall-m{syntax:"<color>";inherits:true;initial-value:#ecf0e4}@property --wall-b{syntax:"<color>";inherits:true;initial-value:#dcefe2}@property --ink{syntax:"<color>";inherits:true;initial-value:#12301f}@property --ink-soft{syntax:"<color>";inherits:true;initial-value:#3d5546}@property --card{syntax:"<color>";inherits:true;initial-value:#fbfdf9e0}@property --rim{syntax:"<color>";inherits:true;initial-value:#ffffff8c}@property --glow-a{syntax:"<color>";inherits:true;initial-value:#f7b92938}@property --glow-b{syntax:"<color>";inherits:true;initial-value:#86efac66}:root{--sun:#f7b929;--sun-deep:#c98208;--sun-ink:#3b2600;--leaf:#1d6b3c;--leaf-deep:#14532d;--bubble:#fff;--bubble-ink:#0f2d1c;--hint-bg:#0f2d1c9e;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--ease-inout:cubic-bezier(.65, 0, .35, 1);--dur-1:.12s;--dur-2:.18s;--dur-3:.26s;--dur-4:.42s;--dur-5:.9s;--font-display:"Baloo Bhaijaan 2", "Manrope", ui-sans-serif, system-ui, sans-serif;--font-body:"IBM Plex Sans Arabic", "Manrope", ui-sans-serif, system-ui, sans-serif}:is(.demo-landing,.demo-tokens){--d-mist:#e8f6ec;--d-radius:28px;--focus:var(--ink);--shadow-ink:color-mix(in srgb, var(--ink) 34%, transparent);color:var(--ink);transition:--wall-a var(--dur-5) ease, --wall-m var(--dur-5) ease, --wall-b var(--dur-5) ease, --ink var(--dur-5) ease, --ink-soft var(--dur-5) ease, --card var(--dur-5) ease, --rim var(--dur-5) ease, --glow-a var(--dur-5) ease, --glow-b var(--dur-5) ease}:is(.demo-landing,.demo-tokens)[data-time=morning]{--wall-a:#fff1e6;--wall-m:#ecf0e4;--wall-b:#dcefe2;--ink:#12301f;--ink-soft:#3d5546;--card:#fbfdf9e0;--rim:#ffffff8c;--glow-a:#f7b92942;--glow-b:#86efac57}:is(.demo-landing,.demo-tokens)[data-time=noon]{--wall-a:#f1fbf4;--wall-m:#dcf3e3;--wall-b:#c6ebd2;--ink:#0f2d1c;--ink-soft:#35503f;--card:#fbfdf9e0;--rim:#ffffff8c;--glow-a:#f7b92929;--glow-b:#86efac80}:is(.demo-landing,.demo-tokens)[data-time=maghrib]{--wall-a:#ffe0c7;--wall-m:#f7b994;--wall-b:#f2a184;--ink:#2a1620;--ink-soft:#5b3236;--card:#fff6ece6;--rim:#ffe9d699;--glow-a:#ff8c4657;--glow-b:#ffd6aa66}:is(.demo-landing,.demo-tokens)[data-time=night]{--wall-a:#1a2250;--wall-m:#141b3f;--wall-b:#0e1433;--ink:#f4efe1;--ink-soft:#c4c8e6;--card:#222b5cd1;--rim:#3a459099;--glow-a:#f4efe11f;--glow-b:#465abe59;--focus:var(--sun);--shadow-ink:#02041499}.demo-landing{font-family:var(--font-body);background:radial-gradient(60% 50% at 85% 8%, var(--glow-a), transparent 62%), radial-gradient(55% 45% at 8% 32%, var(--glow-b), transparent 65%), linear-gradient(180deg, var(--wall-a) 0%, var(--wall-m) 55%, var(--wall-b) 100%);-webkit-font-smoothing:antialiased}.demo-landing :where(h1,h2,h3){font-family:var(--font-display)}.demo-landing :where(button){font-family:inherit}.demo-shell{flex-direction:column;max-width:80rem;min-height:100%;margin-inline:auto;padding:12px 16px 20px;display:flex}@media (min-width:640px){.demo-shell{padding:16px 24px 24px}}@media (min-width:1024px){.demo-shell{padding:20px 32px 28px}}.demo-header{justify-content:space-between;align-items:center;gap:.75rem;min-height:56px;display:flex}.demo-logo{width:44px;height:44px;color:var(--sun-ink);background:var(--sun);box-shadow:0 3px 0 var(--sun-deep);border-radius:999px;flex:none;place-items:center;display:grid}.demo-brand{font-family:var(--font-display);color:var(--ink);font-size:1.125rem;font-weight:800}@media (min-width:640px){.demo-brand{font-size:1.25rem}}.demo-grid{flex:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"visual""text""judges";align-content:start;gap:22px;padding-top:8px;display:grid}.demo-text{flex-direction:column;grid-area:text;align-items:flex-start;gap:14px;min-width:0;display:flex}.demo-visual{grid-area:visual;justify-content:center;align-items:center;min-width:0;display:flex}.demo-judges{grid-area:judges}@media (min-width:1024px),(max-height:500px) and (orientation:landscape){.demo-grid{grid-template:"text visual""judges visual"/minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:28px clamp(1.5rem,4vw,4rem);padding-top:12px}.demo-visual{align-self:center}.demo-text{gap:22px}.demo-h1{order:1}.demo-sub{order:2}.demo-cta-zone{order:3}.demo-problem{order:4}}.demo-h1{color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(2.25rem,1.3rem + 3.2vw,3.75rem);font-weight:800;line-height:1.2}.demo-sub{max-width:36rem;color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:1.1875rem;font-weight:400;line-height:1.85}@media (max-width:639px){.demo-sub{font-size:1.0625rem;line-height:1.75}}.demo-footer{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.25rem;margin-top:28px;font-size:.875rem;font-weight:600;display:flex}.demo-footer p{margin:0}.demo-pill.demo-login-foot{display:none}@media (max-width:480px){.demo-pill.demo-login-head{display:none}.demo-pill.demo-login-foot{display:inline-flex}.demo-header{gap:.5rem}.demo-header-pills{gap:6px}.demo-header-id{gap:8px}.demo-header .demo-seg{width:88px}}@media (max-width:639px){.demo-text .demo-cta-zone{align-self:stretch}.demo-text .demo-cta{width:100%}.demo-cta-label+.demo-cta-label{font-size:.85em}.demo-text .demo-cta:not([data-touched]):not([data-loading=true]):before{animation-name:demo-ring-wide}.demo-shell{padding-bottom:calc(92px + env(safe-area-inset-bottom))}}@keyframes demo-window-open{0%{clip-path:inset(100% 0 0 0 round var(--arch-r) var(--arch-r) 28px 28px);translate:0 24px}to{clip-path:inset(0 0 0 0 round var(--arch-r) var(--arch-r) 28px 28px);translate:0}}@keyframes demo-rise{0%{opacity:0;translate:0 .7em}to{opacity:1;translate:0}}@keyframes demo-land{0%{opacity:0;translate:0 18px;scale:.86}60%{opacity:1;translate:0 -4px;scale:1.04}to{opacity:1;translate:0;scale:1}}@keyframes demo-pop{0%{opacity:0;translate:0 10px;scale:.6}to{opacity:1;translate:0;scale:1}}@keyframes demo-card-in{0%{opacity:0;translate:0 28px}to{opacity:1;translate:0}}@keyframes demo-ring{0%{opacity:.55;transform:scale(1)}35%{opacity:0;transform:scale(1.18,1.34)}to{opacity:0;transform:scale(1.18,1.34)}}@keyframes demo-ring-wide{0%{opacity:.55;transform:scale(1)}35%{opacity:0;transform:scale(1.04,1.34)}to{opacity:0;transform:scale(1.04,1.34)}}@keyframes demo-ring-once{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.2,1.4)}}@keyframes demo-glint{0%{background-position:160% 0}12.86%{background-position:-60% 0}to{background-position:-60% 0}}@keyframes demo-shimmer{0%{background-position:160% 0}to{background-position:-60% 0}}@keyframes demo-shake{0%,to{translate:0}20%{translate:-6px}40%{translate:6px}60%{translate:-6px}80%{translate:6px}}@keyframes demo-drift{0%{transform:translate(-4%)}to{transform:translate(6%)}}@keyframes demo-spin{to{transform:rotate(360deg)}}.demo-window{animation:demo-window-open .9s var(--ease-out) 80ms backwards}.demo-rise{animation:demo-rise .64s var(--ease-out) both;animation-delay:calc(.42s + var(--i,0) * 70ms)}.demo-land{animation:demo-land .72s var(--ease-spring) .7s both}.demo-pop{animation:demo-pop .42s var(--ease-spring) both}.demo-card-in{animation:demo-card-in .64s var(--ease-out) 1.3s both}.demo-cloud{animation:14s ease-in-out infinite alternate demo-drift}.demo-cta-zone{margin:-10px -12px -12px -10px;padding:10px 12px 12px 10px}.demo-cta{isolation:isolate;cursor:pointer;min-height:72px;font-family:var(--font-display);color:var(--sun-ink);background:linear-gradient(180deg, #ffd35c 0%, var(--sun) 55%, #eea812 100%);box-shadow:0 7px 0 var(--sun-deep), 0 18px 30px -8px #c982088c, inset 0 2px 0 #ffffffa6;transition:translate var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), filter var(--dur-2) ease;will-change:transform;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 2.25rem;font-size:1.75rem;font-weight:800;line-height:1;display:inline-flex;position:relative}@media (max-width:639px){.demo-cta{min-height:64px;padding:0 2rem;font-size:1.6rem}}.demo-cta:hover{filter:saturate(1.08)brightness(1.03);translate:0 -2px}.demo-cta:active,.demo-cta[data-pressed=true]{filter:none;box-shadow:0 2px 0 var(--sun-deep), 0 8px 14px -6px #c9820880, inset 0 2px 0 #ffffff80;translate:0 5px}.demo-cta:focus-visible{outline:4px solid var(--focus);outline-offset:5px}.demo-cta[aria-busy=true]{cursor:progress}.demo-cta:before{content:"";z-index:-1;border-radius:inherit;border:3px solid var(--sun);opacity:0;pointer-events:none;position:absolute;inset:0}.demo-cta:not([data-touched]):not([data-loading=true]):before{animation:4s ease-out 2.4s infinite demo-ring}.demo-cta[data-pulse]:before{animation:1s ease-out demo-ring-once}.demo-cta:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffffb3 50%,#0000 62%) 160% 0/260% 100% no-repeat;animation:7s linear 4s infinite demo-glint;position:absolute;inset:0}.demo-cta:hover:after,.demo-cta:focus-visible:after,.demo-cta[data-loading=true]:after{opacity:0;animation:none}.demo-cta-stack{display:grid}.demo-cta-label{text-align:center;white-space:nowrap;opacity:0;grid-area:1/1;transition:opacity .16s}.demo-cta-label[data-on=true]{opacity:1}.demo-cta-shimmer{border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(100deg,#0000 30%,#fff9 50%,#0000 70%) 160% 0/220% 100% no-repeat;transition:opacity .16s;position:absolute;inset:0}.demo-cta[data-loading=true] .demo-cta-shimmer{opacity:1;animation:1.2s linear infinite demo-shimmer}.demo-shake{animation:demo-shake .3s var(--ease-out) 1}.demo-spark{inset-inline-start:50%;pointer-events:none;z-index:2;width:14px;height:14px;margin:-7px;position:absolute;top:50%}.demo-spark[data-kind=star]{background:var(--sun);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.demo-spark[data-kind=leaf]{background:var(--leaf);border-radius:0 100%;width:12px;height:16px;margin:-8px -6px}.demo-pill{min-width:48px;min-height:48px;color:var(--ink);background:var(--card);border:1px solid var(--rim);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:translate var(--dur-2) var(--ease-out), scale var(--dur-2) var(--ease-out), box-shadow var(--dur-2) ease;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.1rem;font-size:1rem;font-weight:600;display:inline-flex}.demo-pill:hover{box-shadow:0 10px 20px -12px var(--shadow-ink);translate:0 -2px}.demo-pill:active{translate:0;scale:.97}.demo-pill:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.demo-login-icon{transition:translate var(--dur-2) var(--ease-out)}.demo-pill:hover .demo-login-icon{translate:2px}.demo-seg{width:96px;height:48px;color:var(--ink);background:var(--card);border:1px solid var(--rim);cursor:pointer;-webkit-backdrop-filter:blur(10px);transition:translate var(--dur-2) var(--ease-out), scale var(--dur-2) var(--ease-out);border-radius:999px;grid-template-columns:1fr 1fr;align-items:center;padding:0;display:inline-grid;position:relative}.demo-seg:hover{translate:0 -2px}.demo-seg:active{translate:0;scale:.97}.demo-seg:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.demo-seg-thumb{inset-block:3px;background:var(--ink);width:calc(50% - 3px);transition:translate var(--dur-3) var(--ease-inout);border-radius:999px;position:absolute;left:3px}.demo-seg[data-lang=en] .demo-seg-thumb{translate:100%}.demo-seg-opt{z-index:1;text-align:center;transition:color var(--dur-3) var(--ease-inout);font-size:.9375rem;font-weight:800;line-height:1;position:relative}.demo-seg-opt[lang=ar]{font-family:var(--font-display);font-size:1.125rem}.demo-seg-opt[data-on=true]{color:var(--sun)}:is(.demo-landing,.demo-tokens)[data-time=night] .demo-seg-thumb{background:var(--sun)}:is(.demo-landing,.demo-tokens)[data-time=night] .demo-seg-opt[data-on=true]{color:var(--sun-ink)}.demo-tilt-host{perspective:1200px;width:min(100%,28rem)}.demo-tilt{will-change:transform;transform-style:flat}.demo-window{--arch-h:clamp(300px, 50dvh, 460px);--arch-r:9rem;width:100%;height:var(--arch-h);border-radius:var(--arch-r) var(--arch-r) 28px 28px;isolation:isolate;box-shadow:0 40px 60px -30px var(--shadow-ink), 0 0 0 8px var(--rim), 0 0 0 9px color-mix(in srgb, var(--ink) 14%, transparent);background:#b7d9dc;position:relative;overflow:hidden}@media (max-height:759px) and (max-width:1023px){.demo-window{--arch-h:44dvh}}@media (min-width:1024px){.demo-tilt-host{width:100%}.demo-window{--arch-h:min(76dvh, 680px);--arch-r:clamp(8rem, 18vw, 16rem)}}@media (max-height:500px) and (orientation:landscape){.demo-tilt-host{width:100%}.demo-window{--arch-h:86dvh;--arch-r:8rem}}.demo-spec{z-index:8;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--sx,50%) var(--sy,0%), #ffffffd9, transparent 45%);-webkit-mask-composite:xor;opacity:.8;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.demo-scene{border-radius:inherit;background:#b7d9dc;position:absolute;inset:0;overflow:hidden}.demo-scene-tap{z-index:4;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.demo-scene-tap:focus-visible{outline:4px solid var(--sun);outline-offset:-8px;border-radius:inherit}.demo-anchor{visibility:hidden;pointer-events:none;z-index:6;width:max-content;position:absolute;top:0;left:0}.demo-anchor:has(>.demo-z){width:44px;height:44px}.demo-target{min-width:48px;min-height:48px;color:inherit;cursor:pointer;pointer-events:auto;z-index:7;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:20px;padding:0;display:block}.demo-target-sadiq{z-index:6;border-radius:28px}.demo-target:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.demo-vlabel{white-space:nowrap;color:#fff;background:var(--hint-bg);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity var(--dur-1) ease, translate var(--dur-1) ease;border-radius:999px;padding:.35rem .8rem;font-size:.875rem;font-weight:600;line-height:1.3;position:absolute;bottom:calc(100% + 4px);left:50%;translate:-50% 4px}.demo-target-sadiq .demo-vlabel{top:calc(100% - 6px);bottom:auto;translate:-50% -4px}.demo-target:focus-visible .demo-vlabel,.demo-target[data-flash=true] .demo-vlabel{opacity:1;translate:-50%}@media (hover:hover) and (pointer:fine){.demo-target:hover .demo-vlabel{opacity:1;translate:-50%}}.demo-target[data-quiet=true] .demo-vlabel{opacity:0!important}@keyframes demo-bubble-in{0%{opacity:0;translate:0 8px;scale:.6}to{opacity:1;translate:0;scale:1}}@keyframes demo-bubble-out{0%{opacity:1;scale:1}to{opacity:0;translate:0 4px;scale:.92}}@keyframes demo-word-in{0%{opacity:0;translate:0 .3em}to{opacity:1;translate:0}}.demo-bubble{box-sizing:border-box;background:var(--bubble);width:max-content;max-width:min(17.5rem,78vw);color:var(--bubble-ink);text-wrap:balance;pointer-events:none;transform-origin:var(--tail,50%) 100%;animation:demo-bubble-in var(--dur-4) var(--ease-spring) both;border-radius:22px;margin:0;padding:.75rem 1.1rem;font-size:1.125rem;font-weight:600;line-height:1.5;position:relative;box-shadow:0 14px 28px -14px #0f2d1c99}@media (max-width:639px){.demo-bubble{padding:.65rem 1rem;font-size:1.0625rem}}.demo-bubble:after{content:"";bottom:-7px;left:calc(var(--tail,50%) - 9px);background:inherit;border-radius:4px;width:18px;height:18px;position:absolute;transform:rotate(45deg)}.demo-bubble[data-leaving=true]{animation:demo-bubble-out .2s var(--ease-in) both}.demo-word{animation:demo-word-in .18s var(--ease-out) calc(.12s + var(--w,0) * 80ms) both;display:inline-block}.demo-bubble-static{z-index:5;top:14%;--tail:50%;margin-inline:auto;position:absolute;inset-inline:0}.demo-value{box-sizing:border-box;color:#0f2d1c;pointer-events:none;width:min(15.5rem,74vw);transform-origin:var(--tail,50%) 100%;animation:demo-bubble-in var(--dur-4) var(--ease-spring) both;background:#fffdf5;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:.25rem .55rem;padding:.8rem 1rem .9rem;display:grid;position:relative;box-shadow:0 0 0 1px #f7b92999,0 16px 30px -14px #0f2d1c99}.demo-value:after{content:"";bottom:-7px;left:calc(var(--tail,50%) - 8px);z-index:-1;background:#fffdf5;border-radius:3px;width:16px;height:16px;position:absolute;transform:rotate(45deg);box-shadow:1px 1px #f7b92999}.demo-value[data-leaving=true]{animation:demo-bubble-out .2s var(--ease-in) both}.demo-value-leaf{width:1.25rem;height:1.25rem;color:var(--leaf)}.demo-value-name{font-family:var(--font-display);margin:0;font-size:1.25rem;font-weight:800;line-height:1.2}.demo-value-text{font-family:var(--font-body);grid-column:1/-1;margin:0;font-size:1rem;font-weight:500;line-height:1.5}@keyframes demo-z{0%{opacity:0;translate:0 6px;scale:.7}25%{opacity:1}to{opacity:0;translate:14px -32px;scale:1.15}}.demo-z{font-family:var(--font-display);color:#f4efe1;text-shadow:0 1px 6px #0e1433cc;opacity:0;animation:demo-z 2s linear calc(var(--z,0) * .66s) infinite;font-size:1.25rem;font-weight:800;line-height:1;position:absolute;bottom:0;left:0}@keyframes demo-tap{0%,60%,to{translate:0;scale:1}30%{translate:0 -3px;scale:.88}}.demo-hint{z-index:5;bottom:.9rem;color:#fff;background:var(--hint-bg);-webkit-backdrop-filter:blur(8px);pointer-events:none;opacity:0;width:max-content;max-width:90%;transition:opacity var(--dur-3) ease, translate var(--dur-3) var(--ease-out);border-radius:999px;align-items:center;gap:.45rem;margin-inline:auto;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex;position:absolute;inset-inline:0;translate:0 8px}.demo-hint[data-show=true]{opacity:1;translate:0}.demo-hint-hand{flex:none;width:1.1rem;height:1.1rem}.demo-hint[data-show=true] .demo-hint-hand{animation:2.4s ease-in-out 3 demo-tap}.demo-judges{color:var(--ink);background:var(--card);-webkit-backdrop-filter:blur(14px);box-shadow:0 26px 44px -30px var(--shadow-ink), inset 0 0 0 1px var(--rim), inset 0 0 0 2px #f7b92959;border-radius:28px;padding:1.5rem 1.4rem 1.25rem;position:relative}:is(.demo-landing,.demo-tokens)[data-time=night] .demo-judges{box-shadow:0 26px 44px -30px var(--shadow-ink), inset 0 0 0 1px var(--rim), inset 0 1px 0 1px #f4efe138}.demo-judges-title{margin:0 0 1rem;font-size:1.375rem;font-weight:800;line-height:1.3}.demo-steps{position:relative}.demo-steps ol{z-index:1;gap:1.1rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.demo-steps li{align-items:flex-start;gap:.9rem;display:flex}@keyframes demo-path-draw{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.demo-path{z-index:0;width:36px;height:calc(100% - 36px);animation:demo-path-draw .9s var(--ease-inout) 1.5s both;position:absolute;inset-block:18px;inset-inline-start:0;overflow:visible}.demo-path path{fill:none;stroke:var(--sun-deep);stroke-width:3px;stroke-linecap:round;stroke-dasharray:.1 7;vector-effect:non-scaling-stroke}.demo-step-no{width:36px;height:36px;font-family:var(--font-display);color:var(--sun-ink);background:var(--sun);box-shadow:0 3px 0 var(--sun-deep);animation:demo-pop var(--dur-4) var(--ease-spring) calc(1.6s + var(--n,0) * .12s) both;border-radius:999px;flex:none;place-items:center;font-size:1.0625rem;font-weight:800;line-height:1;display:grid}.demo-step-title{font-family:var(--font-display);margin:0;font-size:1.0625rem;font-weight:700;line-height:1.4}.demo-step-body{color:var(--ink-soft);margin:.1rem 0 0;font-size:.9375rem;line-height:1.7}.demo-privacy{border-top:1px dashed color-mix(in srgb, var(--ink) 22%, transparent);color:var(--ink-soft);align-items:center;gap:.6rem;margin:1.1rem 0 0;padding-top:.9rem;font-size:.875rem;font-weight:600;line-height:1.6;display:flex}.demo-privacy svg{color:var(--leaf)}:is(.demo-landing,.demo-tokens)[data-time=night] .demo-privacy svg{color:var(--sun)}.demo-problem{max-width:36rem;color:var(--ink);background:var(--card);border:1px solid var(--rim);box-shadow:0 0 0 3px color-mix(in srgb, var(--sun) 38%, transparent), 0 16px 30px -22px var(--shadow-ink);border-radius:24px;gap:.6rem;padding:1rem 1.2rem;display:grid}.demo-problem-title{font-family:var(--font-display);margin:0;font-size:1.125rem;font-weight:800}.demo-problem p{margin:0}.demo-banner{z-index:40;min-height:56px;color:var(--d-mist,#e8f6ec);background:linear-gradient(90deg,#0f2d1c,#14532d);flex:none;align-items:center;gap:.5rem;padding-inline:.75rem;font-family:IBM Plex Sans Arabic,Manrope,ui-sans-serif,system-ui,sans-serif;display:flex;position:relative;box-shadow:0 6px 18px -10px #0f2d1ce6}.demo-banner-btn{cursor:pointer;min-height:56px;color:inherit;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding-inline:.15rem;font-weight:700;display:inline-flex;position:relative}.demo-banner-face{white-space:nowrap;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.45rem;min-height:40px;padding-inline:.95rem;font-size:.9rem;transition:transform .14s cubic-bezier(.22,1,.36,1),background .14s;display:inline-flex}.demo-banner-btn:hover .demo-banner-face{background:#ffffff42;transform:translateY(-1px)}.demo-banner-btn:active .demo-banner-face{transform:scale(.96)}.demo-banner-btn:focus-visible{outline:3px solid var(--sun,#f7b929);outline-offset:-3px;border-radius:999px}.demo-banner-btn[data-primary=true] .demo-banner-face{color:#3b2600;background:linear-gradient(#ffd35c,#f7b929);border-color:#0000;box-shadow:0 2px #c98208}.demo-banner-btn:disabled{opacity:.7;cursor:progress}.demo-badge{color:#3b2600;background:#f7b929;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.8rem;font-weight:800;display:inline-flex}.demo-spin{animation:.8s linear infinite demo-spin}.demo-session :where(p,li,h1,h2,h3,h4,blockquote,dd){unicode-bidi:plaintext}@media (max-width:380px){.demo-banner{gap:.25rem;padding-inline:.5rem}.demo-banner-face{padding-inline:.8rem}.demo-banner-face>svg:not(.demo-spin){display:none}}@media (prefers-reduced-transparency:reduce){:is(.demo-landing,.demo-tokens)[data-time=morning],:is(.demo-landing,.demo-tokens)[data-time=noon]{--card:#fbfdf9fa}:is(.demo-landing,.demo-tokens)[data-time=maghrib]{--card:#fff6ecfa}:is(.demo-landing,.demo-tokens)[data-time=night]{--card:#222b5cfa}.demo-pill,.demo-seg,.demo-judges,.demo-hint,.demo-vlabel,.demo-level,.demo-time-pop{-webkit-backdrop-filter:none}.demo-hint,.demo-vlabel{background:#1b4a2e}}.demo-time{position:relative}.demo-time-icon{flex:none;width:1.25rem;height:1.25rem}.demo-sound-btn{justify-content:center;width:48px;padding:0}.demo-sound-icon{flex:none;width:1.25rem;height:1.25rem}.demo-sound-btn[aria-pressed=true] .demo-sound-icon{color:var(--sun-deep)}:is(.demo-landing,.demo-tokens)[data-time=night] .demo-sound-btn[aria-pressed=true] .demo-sound-icon{color:var(--sun)}.demo-time[data-picked=true] .demo-time-icon{color:var(--sun-deep)}:is(.demo-landing,.demo-tokens)[data-time=night] .demo-time[data-picked=true] .demo-time-icon{color:var(--sun)}@media (max-width:639px){.demo-time-btn{width:48px;padding:0}.demo-time-name{display:none}}@keyframes demo-pop-in{0%{opacity:0;translate:0 -6px;scale:.92}to{opacity:1;translate:0;scale:1}}.demo-time-pop{z-index:30;top:calc(100% + 8px);border-radius:var(--d-radius);min-width:11rem;color:var(--ink);background:var(--card);border:1px solid var(--rim);box-shadow:0 18px 34px -16px var(--shadow-ink);-webkit-backdrop-filter:blur(14px);transform-origin:top;animation:demo-pop-in var(--dur-3) var(--ease-spring) both;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;inset-inline-end:0}.demo-time-opt{min-height:48px;font:inherit;color:inherit;cursor:pointer;text-align:start;transition:background var(--dur-2) ease, scale var(--dur-2) var(--ease-out);background:0 0;border:0;border-radius:999px;align-items:center;gap:.6rem;padding:0 1rem;font-size:1rem;font-weight:600;display:flex}.demo-time-opt svg{flex:none;width:1.25rem;height:1.25rem}.demo-time-opt:hover{background:color-mix(in srgb, var(--ink) 9%, transparent)}.demo-time-opt:active{scale:.97}.demo-time-opt:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.demo-time-opt[aria-pressed=true]{background:var(--sun);color:var(--sun-ink)}.demo-idle{min-height:0;font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;flex:1;display:flex;position:relative}.demo-idle :where(button){font-family:inherit}.demo-idle-top{z-index:8;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:3.5rem 1rem 0;display:flex;position:relative}.demo-idle-pills{align-items:center;gap:.5rem;display:flex}.demo-idle .demo-bubble-static{top:28%}.demo-idle-bottom{z-index:8;justify-content:center;margin-top:auto;padding:0 1rem 1.25rem;display:flex;position:relative}.demo-cta.demo-talk{gap:.75rem;min-height:72px;padding:0 1.75rem 0 1.1rem;font-size:1.5rem}.demo-cta.demo-talk:disabled{cursor:progress;filter:saturate(.9)}.demo-talk-icon{width:44px;height:44px;color:var(--sun);background:var(--sun-ink);border-radius:50%;flex:none;place-items:center;display:grid}.demo-talk-icon svg{width:22px;height:22px}.demo-level{max-width:60%;min-height:48px;color:var(--ink);background:var(--card);border:1px solid var(--rim);-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:.6rem;padding:2px 1rem 2px 4px;display:inline-flex}.demo-idle[dir=rtl] .demo-level{padding:2px 4px 2px 1rem}.demo-level-ring{flex:none;width:44px;height:44px;transform:rotate(-90deg)}.demo-level-track{fill:none;stroke-width:4px;stroke:color-mix(in srgb, var(--ink) 14%, transparent)}.demo-level-fill{fill:none;stroke-width:4px;stroke:var(--leaf);stroke-linecap:round;transition:stroke-dasharray .6s var(--ease-out)}:is(.demo-landing,.demo-tokens)[data-time=night] .demo-level-fill{stroke:var(--sun)}.demo-level-n{transform-origin:22px 22px;fill:var(--ink);font-family:var(--font-display);font-size:15px;font-weight:800;transform:rotate(90deg)}.demo-level-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.demo-level-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;overflow:hidden}.demo-level-sub{color:var(--ink-soft);font-size:.8125rem;font-weight:500}@media (prefers-reduced-motion:reduce){.demo-window,.demo-land,.demo-cloud,.demo-path{animation:none!important}.demo-rise,.demo-card-in,.demo-step-no,.demo-word{opacity:1;translate:0;animation:none!important}.demo-bubble,.demo-value{animation:.16s both demo-fade}.demo-bubble[data-leaving=true],.demo-value[data-leaving=true]{animation:.16s both demo-fade-out}.demo-cta:before,.demo-cta:after{opacity:0;animation:none!important}.demo-spill{display:none}.demo-mini{transition:opacity .16s;translate:0}.demo-cta[data-loading=true] .demo-cta-shimmer{background:#ffffff59;animation:none}.demo-shake,.demo-hint[data-show=true] .demo-hint-hand{animation:none}.demo-z{opacity:.8;animation:2.4s ease-in-out infinite alternate demo-fade;translate:6px -14px}.demo-cta,.demo-pill,.demo-seg,.demo-banner-face,.demo-hint{transition-duration:1ms}.demo-seg-thumb{transition-duration:.12s}.demo-spin{animation-duration:2.4s}.demo-time-pop{animation:.16s both demo-fade}.demo-level-fill{transition:none}}@keyframes demo-fade{0%{opacity:0}to{opacity:1}}@keyframes demo-fade-out{0%{opacity:1}to{opacity:0}}.demo-mini{z-index:30;inset-inline:16px;bottom:max(12px, env(safe-area-inset-bottom));opacity:0;visibility:hidden;width:auto;min-height:56px;transition:translate .32s var(--ease-out), opacity .22s ease, visibility 0s linear .32s;padding:0 1.5rem;font-size:1.35rem;position:fixed;translate:0 140%}.demo-mini:before,.demo-mini:after{display:none}.demo-mini[data-show=true]{opacity:1;visibility:visible;transition:translate .32s var(--ease-out), opacity .22s ease, visibility 0s;translate:0}.demo-mini[data-show=true]:hover{translate:0 -2px}.demo-mini[data-show=true]:active{translate:0 4px}@media (min-width:640px),(max-height:500px) and (orientation:landscape){.demo-mini{display:none}}.demo-tilt-host{position:relative}.demo-spill{z-index:3;pointer-events:none;position:absolute;inset:0 -14% -4%;overflow:visible}.demo-spill-i{left:var(--x);width:var(--s);height:var(--s);opacity:0;animation-delay:var(--delay);animation-duration:var(--dur);animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:4%}.demo-spill[data-paused=true] .demo-spill-i{animation-play-state:paused}.demo-spill-petal{background:linear-gradient(135deg,#ffd1e0,#f58fb2);border-radius:80% 0;animation-name:demo-petal}.demo-spill-petal:nth-child(3n){background:linear-gradient(135deg,#fff,#ffe3ec)}.demo-spill-petal:nth-child(4n){background:linear-gradient(135deg,#ffe9a8,#f7b929)}.demo-spill-fly{background:#ffe48a;border-radius:50%;animation-name:demo-fly;box-shadow:0 0 8px 3px #ffd65cbf,0 0 18px 8px #ffd65c4d}@keyframes demo-petal{0%{opacity:0;translate:0;rotate:var(--rot)}10%{opacity:.95}50%{translate:calc(var(--dx) * .45) 220px;rotate:calc(var(--rot) + 200deg)}to{opacity:0;translate:var(--dx) 440px;rotate:calc(var(--rot) + 420deg)}}@keyframes demo-fly{0%{opacity:0;translate:0 120px}15%{opacity:1}35%{opacity:.3;translate:calc(var(--dx) * .4) 60px}60%{opacity:1;translate:calc(var(--dx) * -.3) 10px}85%{opacity:.4}to{opacity:0;translate:var(--dx) -70px}}@media (max-width:639px){.demo-spill{inset:0 -4% -2%}.demo-spill-i:nth-child(n+8){display:none}}.demo-footer .demo-privacy-link{min-height:44px;color:inherit;align-items:center;text-decoration:underline;display:inline-flex}@font-face{font-family:KFGQPC Hafs;src:url(/fonts/KFGQPCHafs.ttf)format("truetype");font-display:swap}.quran-text{text-align:start;letter-spacing:normal;word-spacing:normal;overflow-wrap:normal;font-family:KFGQPC Hafs,Amiri Quran,Amiri,serif;font-size:max(28px,1.75rem);line-height:2.2}.quran-text.quran-fallback{font-family:Amiri Quran,Amiri,serif}.reading-ar{text-align:start;font-family:Amiri,Noto Naskh Arabic,IBM Plex Sans Arabic,serif;font-size:max(22px,1.375rem);line-height:2}.src-quote{border-inline-start:4px solid var(--color-primary);padding-inline-start:.875rem}.src-quote.src-quote-tafsir{border-inline-start-color:var(--color-info);background:var(--color-info-soft);border-radius:.75rem;padding:.75rem .875rem}.src-quote.src-quote-excerpt{border-inline-start-color:var(--color-accent)}.src-explain{background:var(--color-surface-alt);border:1.5px dashed var(--color-border);font-family:var(--font-sans);border-radius:1rem;padding:.75rem .875rem}.verse-ref-chip{background:var(--color-primary-soft);color:var(--color-primary-strong);font-family:var(--font-sans);vertical-align:middle;border-radius:999px;align-items:center;gap:.375rem;margin-inline:.125rem;padding:.125rem .625rem;font-size:.875rem;line-height:1.6;display:inline-flex}.vu{--vu-ink:#0f2d1c;--vu-ink-soft:#35503f;--vu-leaf:#14532d;--vu-leaf-2:#1d6b3c;--vu-mist:#e8f6ec;--vu-meadow:#86efac;--vu-sun:#f7b929;--vu-sun-deep:#c98208;--vu-sun-soft:#fff1c2;--vu-radius:28px;--vu-font-display:"Baloo Bhaijaan 2", "Manrope", ui-sans-serif, system-ui, sans-serif;--vu-font-body:"IBM Plex Sans Arabic", "Manrope", ui-sans-serif, system-ui, sans-serif;font-family:var(--vu-font-body);-webkit-font-smoothing:antialiased}.vu :where(h1,h2,h3){font-family:var(--vu-font-display)}@keyframes vu-pop{0%{opacity:0;transform:translateY(22px)scale(.9)}65%{opacity:1;transform:translateY(-4px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vu-rise{0%{opacity:0;transform:translateY(.6em)}to{opacity:1;transform:translateY(0)}}@keyframes vu-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-7px)rotate(2deg)}}@keyframes vu-halo{0%{opacity:.55;transform:scale(.92)}to{opacity:0;transform:scale(1.5)}}@keyframes vu-twinkle{0%,to{opacity:.25;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(25deg)}}@keyframes vu-bounce-dot{0%,80%,to{opacity:.55;transform:translateY(0)scale(.85)}40%{opacity:1;transform:translateY(-12px)scale(1.1)}}@keyframes vu-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes vu-toast-in{0%{opacity:0;transform:translateY(-14px)scale(.92)}70%{opacity:1;transform:translateY(2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vu-wave{0%,60%,to{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(14deg)}}@keyframes vu-confetti{0%{opacity:0;transform:translate(0)rotate(0)scale(.4)}15%{opacity:1}to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(1);opacity:0}}@keyframes vu-spin{to{transform:rotate(360deg)}}.vu-pop{animation:.56s cubic-bezier(.34,1.4,.64,1) both vu-pop}.vu-rise{animation:.52s cubic-bezier(.22,1,.36,1) both vu-rise;animation-delay:calc(.24s + var(--i,0) * 70ms)}.vu-card{border-radius:var(--vu-radius);text-align:center;width:100%;max-width:21rem;color:var(--vu-ink);background:radial-gradient(120% 90% at 100% 0,#86efac59,#0000 55%),#fffffff2;border:1px solid #ffffffe6;margin-inline:auto;padding:2.25rem 1.5rem 1.5rem;position:relative;box-shadow:0 30px 50px -26px #0f2d1cb3,0 0 0 6px #ffffff47}.vu-card h2{margin:0;font-size:1.65rem;font-weight:800;line-height:1.25}.vu-card p{color:var(--vu-ink-soft);margin:.5rem 0 0;font-size:1.05rem;font-weight:500;line-height:1.65}.vu-card-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.vu-badge{width:5.5rem;height:5.5rem;color:var(--vu-leaf);background:linear-gradient(160deg, #fff8dc 0%, var(--vu-sun-soft) 100%);border:4px solid #fff;border-radius:999px;place-items:center;margin:-3.75rem auto 1rem;animation:3.6s ease-in-out infinite vu-float;display:grid;position:relative;box-shadow:0 14px 24px -10px #c9820899}.vu-badge[data-tone=leaf]{background:linear-gradient(160deg,#f1fbf4 0%,#cdeed7 100%);box-shadow:0 14px 24px -10px #14532d8c}.vu-badge:before{content:"";border-radius:inherit;border:3px solid var(--vu-sun);pointer-events:none;animation:2.6s ease-out infinite vu-halo;position:absolute;inset:-4px}.vu-badge[data-tone=leaf]:before{border-color:var(--vu-meadow)}.vu-badge svg{width:2.6rem;height:2.6rem}.vu-badge[data-wave=true] svg{transform-origin:70% 80%;animation:2.8s ease-in-out .6s infinite vu-wave}.vu-spark{background:var(--vu-sun);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:14px;height:14px;animation:2.4s ease-in-out infinite vu-twinkle;animation-delay:var(--d,0s);pointer-events:none;position:absolute}.vu-key{cursor:pointer;width:100%;min-height:60px;font-family:var(--vu-font-display);color:#3b2600;background:linear-gradient(180deg, #ffd35c 0%, var(--vu-sun) 55%, #eea812 100%);box-shadow:0 6px 0 var(--vu-sun-deep), 0 16px 26px -8px #c982088c, inset 0 2px 0 #ffffffa6;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:0 1.5rem;font-size:1.3rem;font-weight:800;line-height:1;transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .14s,filter .16s;display:inline-flex;position:relative}.vu-key:hover{filter:saturate(1.08)brightness(1.03)}.vu-key:active{box-shadow:0 2px 0 var(--vu-sun-deep), 0 8px 14px -6px #c9820880, inset 0 2px 0 #ffffff80;transform:translateY(4px)}.vu-key:focus-visible{outline:4px solid var(--vu-ink);outline-offset:4px}.vu-key:disabled{cursor:not-allowed;filter:grayscale(.5)opacity(.7)}.vu-key svg{width:1.4rem;height:1.4rem}.vu-pill{cursor:pointer;width:100%;min-height:56px;color:var(--vu-ink);background:#ffffffb3;border:1.5px solid #14532d38;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .16s cubic-bezier(.22,1,.36,1),background .16s,box-shadow .16s;display:inline-flex}.vu-pill:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 18px -10px #0f2d1c80}.vu-pill:active{transform:translateY(1px)scale(.98)}.vu-pill:focus-visible{outline:3px solid var(--vu-ink);outline-offset:3px}.vu-pill:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.vu-pill[data-inline=true]{width:auto}.vu-dots{justify-content:center;align-items:flex-end;gap:.7rem;height:2.4rem;display:flex}.vu-dots span{background:var(--vu-sun);width:1.05rem;height:1.05rem;box-shadow:0 3px 0 var(--vu-sun-deep);border-radius:999px;animation:1.1s ease-in-out infinite vu-bounce-dot}.vu-dots span:nth-child(2){background:var(--vu-meadow);animation-delay:.16s;box-shadow:0 3px #3fae6b}.vu-dots span:nth-child(3){animation-delay:.32s}.vu-starting{color:var(--vu-ink);background:#ffffffeb;border-radius:999px;padding:.7rem 1.4rem .8rem;font-weight:700;display:inline-block;box-shadow:0 12px 24px -12px #0f2d1cb3}.vu-chip{font-variant-numeric:tabular-nums;min-height:44px;color:var(--vu-ink);background:#fffffff0;border:1.5px solid #ffffffe6;border-radius:999px;align-items:center;gap:.55rem;padding:.25rem 1rem .25rem .35rem;padding-inline:.35rem 1rem;font-weight:800;transition:background .4s,color .4s;display:inline-flex;box-shadow:0 10px 22px -10px #0f2d1cb3}.vu-chip-ring{flex:none;width:36px;height:36px;transform:rotate(-90deg)}.vu-chip[dir=rtl] .vu-chip-ring{transform:rotate(-90deg)scaleY(-1)}.vu-chip-ring circle{fill:none;stroke-width:4px}.vu-chip-ring .track{stroke:#14532d26}.vu-chip-ring .fill{stroke:var(--vu-leaf-2);stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .4s}.vu-chip[data-phase=warn],.vu-chip[data-phase=ending]{background:var(--vu-sun-soft);color:#4a2e00;border-color:var(--vu-sun)}.vu-chip[data-phase=warn] .fill,.vu-chip[data-phase=ending] .fill{stroke:var(--vu-sun-deep)}.vu-chip[data-phase=ending]{animation:1.4s ease-in-out infinite vu-breathe}.vu-chip[data-phase=warn]{animation:2.4s ease-in-out infinite vu-breathe}.vu-chip-time{font-family:var(--vu-font-display);padding-top:2px;font-size:1.15rem;line-height:1}.vu-chip-note{font-size:.85rem;font-weight:700}.vu-toast{max-width:22rem;color:var(--vu-ink);background:#fffffff7;border:1.5px solid #ffffffe6;border-radius:24px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:1rem;font-weight:600;line-height:1.5;animation:.48s cubic-bezier(.34,1.4,.64,1) both vu-toast-in;display:flex;position:relative;box-shadow:0 16px 30px -14px #0f2d1cb3}.vu-toast-icon{width:2.75rem;height:2.75rem;color:var(--vu-leaf);background:var(--vu-sun-soft);border-radius:999px;flex:none;place-items:center;display:grid}.vu-toast-icon[data-tone=leaf]{background:#d6f0de}.vu-toast-icon svg{width:1.45rem;height:1.45rem}.vu-toast-close{cursor:pointer;width:56px;height:56px;color:var(--vu-ink-soft);background:0 0;border:0;flex:none;place-items:center;margin-block:-.85rem;margin-inline:-.5rem -.6rem;display:grid;position:relative}.vu-toast-close span{background:#14532d14;border-radius:999px;place-items:center;width:36px;height:36px;transition:background .14s,transform .14s;display:grid}.vu-toast-close:hover span{background:#14532d29}.vu-toast-close:active span{transform:scale(.92)}.vu-toast-close:focus-visible{outline:3px solid var(--vu-ink);outline-offset:-4px;border-radius:999px}.vu-toast-close svg{width:1.1rem;height:1.1rem}.vu-ideas{flex-direction:column;gap:.6rem;width:100%;max-width:22rem;display:flex}.vu-idea{cursor:pointer;text-align:start;min-height:56px;font-family:var(--vu-font-body);color:var(--vu-ink);background:#ffffffeb;border:1.5px solid #ffffffe6;border-radius:999px;align-items:center;gap:.6rem;padding:.5rem 1.1rem;font-size:1rem;font-weight:600;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s;display:flex;box-shadow:0 10px 20px -12px #0f2d1cb3}.vu-idea svg{width:1.2rem;height:1.2rem;color:var(--vu-sun-deep);flex:none}.vu-idea:hover{transform:translateY(-2px);box-shadow:0 14px 24px -12px #0f2d1cb3}.vu-idea:active{transform:scale(.98)}.vu-idea:focus-visible{outline:3px solid var(--vu-sun);outline-offset:3px}.vu-send{inset-inline-end:0;cursor:pointer;background:0 0;border:0;place-items:center;width:56px;height:56px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.vu-send span{color:#3b2600;background:linear-gradient(180deg, #ffd35c, var(--vu-sun));width:44px;height:44px;box-shadow:0 3px 0 var(--vu-sun-deep);border-radius:999px;place-items:center;transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .14s,opacity .14s;display:grid}.vu-send:active:not(:disabled) span{box-shadow:0 1px 0 var(--vu-sun-deep);transform:translateY(2px)}.vu-send:disabled{cursor:not-allowed}.vu-send:disabled span{opacity:.4;box-shadow:none}.vu-send:focus-visible{outline-offset:-4px;border-radius:999px;outline:3px solid #fff}.vu-send svg{width:1.3rem;height:1.3rem}[dir=rtl] .vu-send svg{transform:scaleX(-1)}.vu-confetti{pointer-events:none;position:absolute;inset:0;overflow:visible}.vu-confetti i{top:.5rem;background:var(--c,var(--vu-sun));opacity:0;width:10px;height:14px;animation:2.2s cubic-bezier(.2,.7,.3,1) both vu-confetti;animation-delay:calc(.5s + var(--n) * 38ms);border-radius:3px;position:absolute;inset-inline-start:50%}.vu-lang{top:.6rem;cursor:pointer;min-width:56px;min-height:56px;font:inherit;color:var(--vu-ink);background:0 0;border:0;justify-content:center;align-items:center;padding:0 .25rem;display:inline-flex;position:absolute;inset-inline-end:.6rem}.vu-lang span{background:#14532d14;border:1px solid #14532d26;border-radius:999px;align-items:center;gap:.35rem;min-height:36px;padding:0 .8rem;font-size:.9rem;font-weight:700;transition:background .14s;display:inline-flex}.vu-lang:hover span{background:#14532d29}.vu-lang:focus-visible{outline:3px solid var(--vu-ink);outline-offset:-4px;border-radius:999px}.vu-lang svg{width:1rem;height:1rem}.vu-scrim{z-index:50;-webkit-backdrop-filter:blur(4px);background:#0f2d1c80;justify-content:center;align-items:center;padding:3.5rem 1.25rem 1.25rem;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.vu-pop,.vu-rise,.vu-toast,.vu-badge,.vu-badge svg,.vu-chip{animation:none!important}.vu-badge:before{opacity:0;animation:none!important}.vu-spark{opacity:.8;animation:none!important}.vu-dots span{opacity:1;animation:none!important}.vu-confetti{display:none}.vu-key,.vu-pill,.vu-idea,.vu-chip,.vu-send span,.vu-chip-ring .fill{transition:none}}