.codeyy-made-with_footer__l5ry8{display:flex;position:fixed;inset-inline-end:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:2147483647;justify-content:center;padding:0;box-sizing:border-box;width:max-content;max-width:calc(100vw - 24px);direction:inherit}.codeyy-made-with_link__x44Yx{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 11px;border:1px solid #dfe1ee;border-radius:999px;background:#fff;color:#33354a;font:500 12px/1.5 system-ui,sans-serif;text-decoration:none}.codeyy-made-with_link__x44Yx:focus-visible{outline:2px solid #1e24ea;outline-offset:3px}.codeyy-made-with_icon__RU0Cy{display:block;flex-shrink:0;width:22px;height:22px;object-fit:contain}.codeyy-made-with_ar__slmk1{display:none}.codeyy-made-with_footer__l5ry8:lang(ar) .codeyy-made-with_ar__slmk1{display:inline}.codeyy-made-with_footer__l5ry8:lang(ar) .codeyy-made-with_en__dZnaS{display:none}@media (prefers-color-scheme:dark){.codeyy-made-with_link__x44Yx{background:#20212a;color:#f0f0f7;border-color:#444654}.codeyy-made-with_icon__RU0Cy{background:#fff;border-radius:6px}}.dark .codeyy-made-with_link__x44Yx{background:#20212a;color:#f0f0f7;border-color:#444654}.dark .codeyy-made-with_icon__RU0Cy{background:#fff;border-radius:6px}

/*! 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)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:host,:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--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);--font-weight-medium:500;--font-weight-semibold:600;--leading-snug:1.375;--leading-relaxed:1.625;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-app);--default-mono-font-family:var(--font-mono);--color-background:var(--background);--color-foreground:var(--foreground);--color-primary:var(--primary);--color-border:var(--border);--color-ring:var(--ring)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--color-border)}html{-webkit-text-size-adjust:100%}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-role-body);font-size:var(--type-body);line-height:var(--leading-body);font-weight:var(--weight-body);letter-spacing:var(--tracking-body);font-variant-numeric:var(--numeric-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3,h4{text-wrap:balance}h1{font-family:var(--font-role-h1);font-size:var(--type-h1);line-height:var(--leading-h1);font-weight:var(--weight-h1);letter-spacing:var(--tracking-h1)}h2{font-family:var(--font-role-h2);font-size:var(--type-h2);line-height:var(--leading-h2);font-weight:var(--weight-h2);letter-spacing:var(--tracking-h2)}h3{font-size:var(--type-h3)}h3,h4{font-family:var(--font-role-h3);line-height:var(--leading-h3);font-weight:var(--weight-h3);letter-spacing:var(--tracking-h3)}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}::selection{background:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){::selection{background:color-mix(in oklch,var(--color-primary) 18%,transparent)}}[dir=rtl] :is(input[type=tel],input[type=email],input[type=url],input[type=number]){text-align:end;direction:ltr}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:767px),(pointer:coarse){:where(button,[role=button],header a[href],nav a[href],footer a[href],a[href][class~=inline-flex],a[href][class~=flex],[class~=flex]>a[href],[class~=inline-flex]>a[href],input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea,label:has(>input[type=checkbox]),label:has(>input[type=radio])){min-height:44px}:where(button,[role=button],header a[href],nav a[href],footer a[href],a[href][class~=inline-flex],a[href][class~=flex],[class~=flex]>a[href],[class~=inline-flex]>a[href]){min-width:44px}:where(header a[href],nav a[href],footer a[href],label:has(>input[type=checkbox]),label:has(>input[type=radio])):where(:not([class~=block],[class~=inline-block],[class~=inline],[class~=flex],[class~=inline-flex],[class~=grid],[class~=inline-grid],[class~=contents],[class~=flow-root],[class~=table],[class~=hidden])){align-content:center}:where(header a[href],nav a[href],footer a[href],label:has(>input[type=checkbox]),label:has(>input[type=radio])){display:inline-block}}*,:after,:before{box-sizing:border-box}body,html{min-inline-size:0}:where(img,video,canvas){max-inline-size:100%;height:auto}}@layer components;@layer utilities{.visible{visibility:visible}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-24{min-height:calc(var(--spacing) * 24)}.w-fit{width:fit-content}.w-full{width:100%}.min-w-11{min-width:calc(var(--spacing) * 11)}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-input{border-color:var(--input)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.pt-0{padding-top:0}.font-display{font-family:var(--font-headline)}.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))}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.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)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--card-foreground)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.shadow-sm{--tw-shadow:var(--shadow-soft);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,background-color\,border-color\,box-shadow\,transform\]{transition-property:color,background-color,border-color,box-shadow,transform;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))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive) 90%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-2:focus-visible{--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)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring) 30%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}@media (min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.text-display{font-family:var(--font-role-display);font-variant-numeric:var(--numeric-display)}.text-h1{font-family:var(--font-role-h1);font-variant-numeric:var(--numeric-h1)}.text-h2{font-family:var(--font-role-h2);font-variant-numeric:var(--numeric-h2)}.text-h3{font-family:var(--font-role-h3);font-variant-numeric:var(--numeric-h3)}.text-body{font-family:var(--font-role-body);font-variant-numeric:var(--numeric-body)}.text-caption{font-family:var(--font-role-caption);font-variant-numeric:var(--numeric-caption)}.text-numerals{font-family:var(--font-role-numerals);font-variant-numeric:var(--numeric-numerals)}.text-price{font-family:var(--font-role-price);font-variant-numeric:var(--numeric-price)}.text-small{font-family:var(--font-role-caption);font-variant-numeric:var(--numeric-caption)}.page-container{inline-size:100%;min-inline-size:0;max-inline-size:72rem;padding-inline:var(--space-gutter,1rem);margin-inline:auto}.content-container,.table-scroll{min-inline-size:0;max-inline-size:100%}.table-scroll{overflow-x:auto}}:root{--radius:.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--size-device:288px;--size-press:128px;--size-swatch:32px;--size-icon:1.25rem;--type-field:1rem;--nav-height:80px;--radius-round:999px;--lcd-background:#9ea894;--lcd-foreground:#0f172a;--device-light:#fff;--device-mid:#e2e8f0;--device-edge:#cbd5e1;--device-dark-light:#334155;--device-dark-mid:#1e293b;--device-dark-edge:#0f172a;--device-rose-light:#fbcfe8;--device-rose-mid:#f472b6;--device-rose-edge:#db2777;--device-green-light:#6ee7b7;--device-green-mid:#10b981;--device-green-edge:#047857;--device-gold-light:#fef08a;--device-gold-mid:#eab308;--device-gold-edge:#a16207;--device-blue-light:#93c5fd;--device-blue-mid:#3b82f6;--device-blue-edge:#1d4ed8;--shadow-device:inset 2px 2px 5px var(--device-light),inset -5px -5px 15px var(--background),0 20px 30px var(--background)}@supports (color:color-mix(in lab,red,red)){:root{--shadow-device:inset 2px 2px 5px color-mix(in srgb,var(--device-light) 80%,transparent),inset -5px -5px 15px color-mix(in srgb,var(--background) 25%,transparent),0 20px 30px color-mix(in srgb,var(--background) 80%,transparent)}}:root{--shadow-pressed:inset 0 3px 8px var(--background)}@supports (color:color-mix(in lab,red,red)){:root{--shadow-pressed:inset 0 3px 8px color-mix(in srgb,var(--background) 60%,transparent)}}:root{--background:#0f172a;--foreground:#f8fafc;--card:#1e293b;--card-foreground:#f8fafc;--popover:#1e293b;--popover-foreground:#f8fafc;--primary:#22c55e;--primary-foreground:#052e16;--secondary:#1e293b;--secondary-foreground:#f8fafc;--muted:#1e293b;--muted-foreground:#94a3b8;--accent:#fbbf24;--accent-foreground:#0f172a;--destructive:#f87171;--destructive-foreground:#0f172a;--border:#334155;--input:#334155;--ring:#22c55e;--shadow-soft:0 1px 2px oklch(20% .012 260/.06);--shadow-card:0 2px 8px oklch(20% .012 260/.06),0 1px 2px oklch(20% .012 260/.04);--shadow-float:0 12px 32px oklch(20% .012 260/.1);--type-display:clamp(2rem,1.3rem + 2.6vw,3rem);--leading-display:1.35;--weight-display:700;--tracking-display:0;--font-role-display:var(--font-headline);--numeric-display:normal;--type-h1:clamp(1.75rem,1.3rem + 1.6vw,2.25rem);--leading-h1:1.4;--weight-h1:700;--tracking-h1:0;--font-role-h1:var(--font-headline);--numeric-h1:normal;--type-h2:clamp(1.375rem,1.15rem + .9vw,1.75rem);--leading-h2:1.45;--weight-h2:700;--tracking-h2:0;--font-role-h2:var(--font-headline);--numeric-h2:normal;--type-h3:1.25rem;--leading-h3:1.5;--weight-h3:500;--tracking-h3:0;--font-role-h3:var(--font-headline);--numeric-h3:normal;--type-body:.9375rem;--leading-body:1.75;--weight-body:400;--tracking-body:0;--font-role-body:var(--font-app);--numeric-body:normal;--type-caption:.8125rem;--leading-caption:1.6;--weight-caption:400;--tracking-caption:0;--font-role-caption:var(--font-app);--numeric-caption:normal;--type-numerals:.9375rem;--leading-numerals:1.5;--weight-numerals:500;--tracking-numerals:0;--font-role-numerals:var(--font-app);--numeric-numerals:tabular-nums;--type-price:1.125rem;--leading-price:1.4;--weight-price:700;--tracking-price:0;--font-role-price:var(--font-app);--numeric-price:tabular-nums;--type-small:.8125rem;--space-section:clamp(3.5rem,6vw,5.5rem);--space-gutter:clamp(1rem,4vw,2.5rem);--font-app:var(--font-body-ar),system-ui,sans-serif;--font-headline:var(--font-display-ar),var(--font-body-ar),system-ui,sans-serif;--space-page-inline:1rem;--space-section-gap:1.5rem;--space-card-padding:1rem;--space-app-width:28rem;--space-touch:48px;--space-radius-card:1rem;--space-radius-button:.75rem;--space-radius-dialog:1.5rem;--space-radius-body:50px;--type-page-title:1.5rem;--weight-page-title:700;--leading-page-title:1.8;--tracking-page-title:0em;--font-role-page-title:var(--font-headline);--numeric-page-title:normal;--type-card-title:1.125rem;--weight-card-title:700;--leading-card-title:1.8;--tracking-card-title:0em;--font-role-card-title:var(--font-headline);--numeric-card-title:normal;--type-name-card:1.25rem;--weight-name-card:700;--leading-name-card:1.8;--tracking-name-card:0em;--font-role-name-card:var(--font-headline);--numeric-name-card:normal;--type-name-modal:2.5rem;--weight-name-modal:700;--leading-name-modal:1.8;--tracking-name-modal:0em;--font-role-name-modal:var(--font-headline);--numeric-name-modal:normal;--type-hadith:1.25rem;--weight-hadith:500;--leading-hadith:1.8;--tracking-hadith:0em;--font-role-hadith:var(--font-headline);--numeric-hadith:normal;--type-ui:.875rem;--weight-ui:500;--leading-ui:1.6;--tracking-ui:0em;--font-role-ui:var(--font-app);--numeric-ui:normal;--type-label:.75rem;--weight-label:500;--leading-label:1.6;--tracking-label:0em;--font-role-label:var(--font-app);--numeric-label:tabular-nums;--type-counter:3rem;--weight-counter:800;--leading-counter:1.1;--tracking-counter:0em;--font-role-counter:var(--font-app);--numeric-counter:tabular-nums}.dark{--background:#0f172a;--foreground:#f8fafc;--card:#1e293b;--card-foreground:#f8fafc;--popover:#1e293b;--popover-foreground:#f8fafc;--primary:#22c55e;--primary-foreground:#052e16;--secondary:#1e293b;--secondary-foreground:#f8fafc;--muted:#1e293b;--muted-foreground:#94a3b8;--accent:#fbbf24;--accent-foreground:#0f172a;--destructive:#f87171;--destructive-foreground:#0f172a;--border:#334155;--input:#334155;--ring:#22c55e;--shadow-soft:0 1px 2px oklch(0% 0 0/.35);--shadow-card:0 2px 10px oklch(0% 0 0/.4);--shadow-float:0 16px 40px oklch(0% 0 0/.55)}[data-design-type=ui]{font-family:var(--font-role-ui);font-size:var(--type-ui);font-weight:var(--weight-ui);line-height:var(--leading-ui);letter-spacing:var(--tracking-ui)}[data-design-type=label]{font-family:var(--font-role-label);font-size:var(--type-label);font-weight:var(--weight-label);line-height:var(--leading-label);letter-spacing:var(--tracking-label);font-variant-numeric:tabular-nums}[data-design-type=page-title]{font-family:var(--font-role-page-title);font-size:var(--type-page-title);font-weight:var(--weight-page-title);line-height:var(--leading-page-title);letter-spacing:var(--tracking-page-title)}[data-design-type=card-title]{font-family:var(--font-role-card-title);font-size:var(--type-card-title);font-weight:var(--weight-card-title);line-height:var(--leading-card-title);letter-spacing:var(--tracking-card-title)}[data-design-type=name-card]{font-family:var(--font-role-name-card);font-size:var(--type-name-card);font-weight:var(--weight-name-card);line-height:var(--leading-name-card);letter-spacing:var(--tracking-name-card)}[data-design-type=name-modal]{font-family:var(--font-role-name-modal);font-size:var(--type-name-modal);font-weight:var(--weight-name-modal);line-height:var(--leading-name-modal);letter-spacing:var(--tracking-name-modal)}[data-design-type=hadith]{font-family:var(--font-role-hadith);font-size:var(--type-hadith);font-weight:var(--weight-hadith);line-height:var(--leading-hadith);letter-spacing:var(--tracking-hadith)}[data-design-type=counter]{font-family:ui-monospace,monospace;font-size:var(--type-counter);font-weight:var(--weight-counter);line-height:var(--leading-counter);letter-spacing:var(--tracking-counter);font-variant-numeric:tabular-nums}.app-header{z-index:30;border-block-end:1px solid var(--border);background:var(--card);position:sticky;inset-block-start:0}@supports (color:color-mix(in lab,red,red)){.app-header{background:color-mix(in srgb,var(--card) 80%,transparent)}}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-block-start:env(safe-area-inset-top)}.header-inner{max-inline-size:var(--space-app-width);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-page-inline);margin-inline:auto;display:flex}.brand{min-inline-size:0}.brand-logo{height:var(--space-touch);object-fit:contain;width:auto;max-width:100%}.brand p{margin-block-start:var(--space-1)}.muted{color:var(--muted-foreground)}.danger{color:var(--destructive)}.accent{color:var(--accent)}.sound-button{border-radius:var(--radius-round);min-inline-size:var(--space-touch);min-block-size:var(--space-touch);border:1px solid var(--border)}.app-main{max-inline-size:var(--space-app-width);padding:var(--space-page-inline);min-block-size:75vh;margin-inline:auto;padding-block-end:calc(var(--nav-height) + var(--space-6))}.page-stack{gap:var(--space-section-gap);flex-direction:column;min-inline-size:0;display:flex}.app-card{padding:var(--space-card-padding);border-radius:var(--space-radius-card);box-shadow:none;min-inline-size:0}.app-button{font-size:var(--type-ui);white-space:normal}.app-button,.app-dialog input,.app-main input,select{border-radius:var(--space-radius-button);min-block-size:var(--space-touch)}.app-dialog input,.app-main input,select{font-family:var(--font-app);font-size:var(--type-field);color:var(--foreground);background:var(--input);border:1px solid var(--border);inline-size:100%;padding:var(--space-2) var(--space-3);margin-block-start:var(--space-2)}select{color:var(--primary)}.bottom-nav{max-inline-size:var(--space-app-width);gap:var(--space-1);padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--card);border-block-start:1px solid var(--border);z-index:40;grid-template-columns:repeat(4,minmax(0,1fr));margin-inline:auto;display:grid;position:fixed;inset-block-end:0;inset-inline:0}.bottom-nav a{justify-content:center;align-items:center;gap:var(--space-1);min-block-size:var(--space-touch);color:var(--muted-foreground);border-radius:var(--space-radius-button);flex-direction:column;display:flex}.bottom-nav a:hover,.bottom-nav a[aria-current]{color:var(--primary)}.bottom-nav svg{inline-size:var(--size-icon);block-size:var(--size-icon)}.counter-region{gap:var(--space-4)}.counter-region,.tasbeeh-body{align-items:center;flex-direction:column;display:flex}.tasbeeh-body{inline-size:var(--size-device);border-radius:var(--space-radius-body);max-inline-size:100%;padding:var(--space-6);border:3px solid var(--device-edge);box-shadow:var(--shadow-device);-webkit-user-select:none;user-select:none;transition:background .3s}.theme-marble-white{background:radial-gradient(circle at 30% 30%,var(--device-light),var(--device-mid) 60%,var(--device-edge))}.theme-marble-black{background:radial-gradient(circle at 30% 30%,var(--device-dark-light),var(--device-dark-mid) 60%,var(--device-dark-edge))}.theme-marble-rose{background:radial-gradient(circle at 30% 30%,var(--device-rose-light),var(--device-rose-mid) 60%,var(--device-rose-edge))}.theme-emerald{background:radial-gradient(circle at 30% 30%,var(--device-green-light),var(--device-green-mid) 60%,var(--device-green-edge))}.theme-gold{background:radial-gradient(circle at 30% 30%,var(--device-gold-light),var(--device-gold-mid) 60%,var(--device-gold-edge))}.theme-royal-blue{background:radial-gradient(circle at 30% 30%,var(--device-blue-light),var(--device-blue-mid) 60%,var(--device-blue-edge))}.lcd-screen{inline-size:100%;padding:var(--space-3);border-radius:var(--space-radius-card);border:4px solid var(--card);background:var(--lcd-background);color:var(--lcd-foreground);box-shadow:var(--shadow-pressed);text-align:center}.lcd-meta{justify-content:space-between;gap:var(--space-1);display:flex}.lcd-display{margin-block:var(--space-2);display:block}.lcd-dhikr,.lcd-display{overflow-wrap:anywhere}.reset-row{inline-size:100%;margin-block:var(--space-3) var(--space-2);justify-content:flex-end;display:flex}.press-button,.reset-button{background:linear-gradient(135deg,var(--device-light),var(--device-mid),var(--device-edge));color:var(--lcd-foreground);border-radius:var(--radius-round);border:3px solid var(--device-edge);box-shadow:var(--shadow-soft)}.reset-button{inline-size:var(--space-touch);block-size:var(--space-touch);padding:0}.press-button{inline-size:var(--size-press);block-size:var(--size-press);touch-action:manipulation;box-shadow:var(--shadow-device);padding:var(--space-3)}.press-button span{border-radius:var(--radius-round);block-size:100%;inline-size:100%;box-shadow:var(--shadow-pressed);place-items:center;display:grid}.press-button:hover,.reset-button:hover{background:var(--device-mid);color:var(--lcd-foreground)}button:active:not(:disabled){box-shadow:var(--shadow-pressed);transform:scale(.94)}button{transition:transform .12s,box-shadow .12s}.device-label{padding-inline:var(--space-2);color:var(--lcd-foreground);background:var(--device-mid);border-radius:var(--space-radius-button);margin-block-start:var(--space-3)}.theme-options{justify-content:space-between;gap:var(--space-1);margin-block:var(--space-2);display:flex}.theme-option{min-inline-size:0;min-block-size:var(--space-touch);border-radius:var(--radius-round);flex:1;padding:0}.theme-option:hover{background:var(--input)}.theme-swatch{inline-size:var(--size-swatch);block-size:var(--size-swatch);border:2px solid var(--border);border-radius:var(--radius-round)}.theme-option[aria-pressed=true] .theme-swatch{outline:2px solid var(--ring);outline-offset:3px}.target-options{border-block-start:1px solid var(--border);align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;padding-block-start:var(--space-3);display:flex}.target-buttons{gap:var(--space-1);flex-wrap:wrap;display:flex}.target-button{padding-inline:var(--space-2);font-size:var(--type-label)}.target-button[aria-pressed=true]{border:1px solid var(--ring)}.congrats{background:var(--primary);inline-size:100%;color:var(--primary-foreground);border-radius:var(--space-radius-card);padding:var(--space-3);align-items:center;display:flex}.app-dialog{inline-size:calc(100% - var(--space-6));max-inline-size:var(--space-app-width);background:var(--popover);max-block-size:85dvh;color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--space-radius-dialog);padding:var(--space-6);font-family:var(--font-app);font-size:var(--type-ui);line-height:var(--leading-ui);margin:auto;position:fixed;inset:0;overflow-y:auto}.app-dialog::backdrop{background:var(--background)}@supports (color:color-mix(in lab,red,red)){.app-dialog::backdrop{background:color-mix(in srgb,var(--background) 85%,transparent)}}.dialog-close{border-radius:var(--radius-round);margin-block-end:var(--space-2);margin-inline-start:auto;display:flex}.dialog-actions{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-4);display:flex}.daily-quote{background:linear-gradient(135deg,var(--card),var(--background));position:relative}.quote-heading{align-items:center;gap:var(--space-2);color:var(--accent);display:flex}.quote-heading svg,.reminder-heading svg{inline-size:var(--size-icon);block-size:var(--size-icon);flex-shrink:0}.quote-decoration{inline-size:var(--space-touch);block-size:var(--space-touch);color:var(--border);pointer-events:none;position:absolute;inset-block-end:var(--space-6);inset-inline-end:var(--space-4)}.daily-quote blockquote{margin-block:var(--space-4);position:relative}.quote-source{text-align:end;position:relative}.reminder-heading{align-items:center;gap:var(--space-2);display:flex}.reminder-heading svg{color:var(--primary)}.reminder-note{margin-block-start:var(--space-2)}.permission-button{border:1px solid var(--border);color:var(--primary)}.permission-button:hover{background:var(--input);color:var(--primary)}.reminder-button{color:var(--accent);background:var(--card);border-color:var(--accent)}.reminder-button:hover{color:var(--accent-foreground);background:var(--accent)}.reminder-status:not(:empty){padding:var(--space-3);border:1px solid var(--border);border-radius:var(--space-radius-button);margin-block-start:var(--space-4)}.reminder-status p+p{margin-block-start:var(--space-3)}.app-dialog input::placeholder,.app-main input::placeholder{color:var(--foreground)}.app-dialog[open],.congrats{animation:gentle-appear .15s ease-out}@keyframes gentle-appear{0%{opacity:0}to{opacity:1}}.search-label{color:var(--muted-foreground);margin-block-start:var(--space-4);display:block}.search-field{position:relative}.search-field svg{inline-size:var(--size-icon);block-size:var(--size-icon);color:var(--muted-foreground);pointer-events:none;position:absolute;inset-block-start:var(--space-4);inset-inline-start:var(--space-3)}.search-field input{padding-inline-start:calc(var(--space-6) + var(--space-4))}.names-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.name-card{white-space:normal;min-inline-size:0;padding:var(--space-3) var(--space-1);border:1px solid var(--border);border-radius:var(--space-radius-card);min-block-size:calc(var(--space-touch) * 2);flex-direction:column;display:flex}.name-card:hover{border-color:var(--primary);background:var(--card);color:var(--foreground)}.name-card span{overflow-wrap:anywhere;max-inline-size:100%}.name-number{color:var(--primary)}.name-dialog-title{text-align:center;border-block-end:1px solid var(--border);padding-block-end:var(--space-3)}.name-meaning{margin-block:var(--space-4)}.custom-form{margin-block-start:var(--space-4)}.full-width{inline-size:100%;margin-block-start:var(--space-3)}.custom-list{gap:var(--space-3);flex-direction:column;display:flex}.custom-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.custom-row p{overflow-wrap:anywhere;min-inline-size:0}.custom-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.apply-button{padding-inline:var(--space-3)}.delete-button:hover{color:var(--destructive);background:var(--input)}.storage-note{max-inline-size:var(--space-app-width);padding:var(--space-4);color:var(--destructive);margin-inline:auto;padding-block-end:calc(var(--nav-height) + var(--space-4))}@media (prefers-reduced-motion:reduce){button:active:not(:disabled){transform:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-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-duration{syntax:"*";inherits:false}@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}@font-face{font-family:displayFont;src:url(/_next/static/media/7b5a23db8734d45f-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:displayFont;src:url(/_next/static/media/f7ace65245cc9cf5-s.p.woff2) format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:displayFont;src:url(/_next/static/media/b2088119b17cb6f4-s.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:displayFont Fallback;src:local("Arial");ascent-override:110.90%;descent-override:47.77%;line-gap-override:0.00%;size-adjust:75.64%}.__className_282b25{font-family:displayFont,displayFont Fallback}.__variable_282b25{--font-display-ar:"displayFont","displayFont Fallback"}@font-face{font-family:bodyFont;src:url(/_next/static/media/d6f1e323af4831f6-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:bodyFont;src:url(/_next/static/media/e29cff9d4cd0d049-s.p.woff2) format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:bodyFont;src:url(/_next/static/media/17ec2251983dfbe2-s.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:bodyFont;src:url(/_next/static/media/7c3663a37a428159-s.p.woff2) format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:bodyFont Fallback;src:local("Arial");ascent-override:68.09%;descent-override:37.80%;line-gap-override:21.18%;size-adjust:94.43%}.__className_3238ee{font-family:bodyFont,bodyFont Fallback}.__variable_3238ee{--font-body-ar:"bodyFont","bodyFont Fallback"}