@layer tokens {
:root,[data-custom-theme]{--base-lightness:.5;--base-chroma:.18;--base-hue:265}:is(:root,[data-custom-theme])[data-harmony=complementary]{--secondary-offset:180;--tertiary-offset:150}:is(:root,[data-custom-theme])[data-harmony=triadic]{--secondary-offset:120;--tertiary-offset:240}:is(:root,[data-custom-theme])[data-harmony=analogous]{--secondary-offset:30;--tertiary-offset:-30}:root,[data-custom-theme]{--primary-h:var(--base-hue);--secondary-h:calc(var(--base-hue) + var(--secondary-offset,0));--tertiary-h:calc(var(--base-hue) + var(--tertiary-offset,0));--neutral-h:var(--base-hue);--error-h:25;--success-h:150;--info-h:260;--warning-h:48;--neutral-c:0;--primary-c:clamp(.01, var(--base-chroma), .32);--secondary-c:clamp(.01, calc(var(--base-chroma) * .9), .3);--tertiary-c:clamp(.01, calc(var(--base-chroma) * .85), .28);--success-c:.19;--error-c:.21;--info-c:.19;--warning-c:.19}:is(:root,[data-custom-theme])[data-harmony=monochromatic]{--secondary-c:clamp(.01, calc(var(--base-chroma) * .6), .28);--tertiary-c:clamp(.01, calc(var(--base-chroma) * .3), .24)}:root,[data-custom-theme]{--primary-ch:var(--primary-c) var(--primary-h);--secondary-ch:var(--secondary-c) var(--secondary-h);--tertiary-ch:var(--tertiary-c) var(--tertiary-h);--neutral-ch:var(--neutral-c) var(--neutral-h);--error-ch:var(--error-c) var(--error-h);--success-ch:var(--success-c) var(--success-h);--info-ch:var(--info-c) var(--info-h);--warning-ch:var(--warning-c) var(--warning-h);--primary-l-max:clamp(.25, calc(var(--base-lightness) - var(--primary-c) * .5), .55);--secondary-l-max:clamp(.25, calc(var(--base-lightness) - var(--secondary-c) * .5), .55);--tertiary-l-max:clamp(.25, calc(var(--base-lightness) - var(--tertiary-c) * .5), .55);--error-l-max:clamp(.25, calc(var(--base-lightness) - var(--error-c) * .5), .55);--success-l-max:clamp(.25, calc(var(--base-lightness) - var(--success-c) * .5), .55);--info-l-max:clamp(.25, calc(var(--base-lightness) - var(--info-c) * .5), .55);--warning-l-max:clamp(.25, calc(var(--base-lightness) - var(--warning-c) * .5), .55);--color-primary:oklch(var(--primary-l-max) var(--primary-ch));--color-secondary:oklch(var(--secondary-l-max) var(--secondary-ch));--color-tertiary:oklch(var(--tertiary-l-max) var(--tertiary-ch));--color-error:oklch(var(--error-l-max) var(--error-ch));--color-success:oklch(var(--success-l-max) var(--success-ch));--color-info:oklch(var(--info-l-max) var(--info-ch));--color-warning:oklch(var(--warning-l-max) var(--warning-ch));--_on:#fff;--color-on-primary:var(--_on);--color-on-secondary:var(--_on);--color-on-tertiary:var(--_on);--color-on-error:var(--_on);--color-on-success:var(--_on);--color-on-info:var(--_on);--color-on-warning:var(--_on);--_cl:.93;--_cs:.55;--color-primary-container:oklch(var(--_cl) calc(var(--primary-c) * var(--_cs)) var(--primary-h));--color-secondary-container:oklch(var(--_cl) calc(var(--secondary-c) * var(--_cs)) var(--secondary-h));--color-tertiary-container:oklch(var(--_cl) calc(var(--tertiary-c) * var(--_cs)) var(--tertiary-h));--color-error-container:oklch(var(--_cl) calc(var(--error-c) * var(--_cs)) var(--error-h));--color-success-container:oklch(var(--_cl) calc(var(--success-c) * var(--_cs)) var(--success-h));--color-info-container:oklch(var(--_cl) calc(var(--info-c) * var(--_cs)) var(--info-h));--color-warning-container:oklch(var(--_cl) calc(var(--warning-c) * var(--_cs)) var(--warning-h));--_ocl:.18;--color-on-primary-container:oklch(var(--_ocl) var(--primary-ch));--color-on-secondary-container:oklch(var(--_ocl) var(--secondary-ch));--color-on-tertiary-container:oklch(var(--_ocl) var(--tertiary-ch));--color-on-error-container:oklch(var(--_ocl) var(--error-ch));--color-on-success-container:oklch(var(--_ocl) var(--success-ch));--color-on-info-container:oklch(var(--_ocl) var(--info-ch));--color-on-warning-container:oklch(var(--_ocl) var(--warning-ch));--color-surface:oklch(.98 var(--neutral-ch));--color-on-surface:oklch(.18 var(--neutral-ch));--color-surface-container-lowest:oklch(1 var(--neutral-ch));--color-surface-container-low:oklch(.965 var(--neutral-ch));--color-surface-container:oklch(.945 var(--neutral-ch));--color-surface-container-high:oklch(.925 var(--neutral-ch));--color-surface-container-highest:oklch(.905 var(--neutral-ch));--color-surface-variant:oklch(.91 var(--neutral-ch));--color-on-surface-variant:oklch(.38 var(--neutral-ch))}[data-theme=dark],[data-theme=dark] [data-custom-theme]{--primary-c:clamp(.01, calc(var(--base-chroma) * .95), .36);--secondary-c:clamp(.01, calc(var(--base-chroma) * .9), .34);--tertiary-c:clamp(.01, calc(var(--base-chroma) * .85), .32)}:is([data-theme=dark],[data-theme=dark] [data-custom-theme])[data-harmony=monochromatic]{--secondary-c:clamp(.01, calc(var(--base-chroma) * .6), .32);--tertiary-c:clamp(.01, calc(var(--base-chroma) * .3), .28)}[data-theme=dark],[data-theme=dark] [data-custom-theme]{--primary-l-min:calc(1 - var(--base-lightness) + var(--primary-c) * .4);--secondary-l-min:calc(1 - var(--base-lightness) + var(--secondary-c) * .4);--tertiary-l-min:calc(1 - var(--base-lightness) + var(--tertiary-c) * .4);--error-l-min:calc(1 - var(--base-lightness) + var(--error-c) * .4);--success-l-min:calc(1 - var(--base-lightness) + var(--success-c) * .4);--info-l-min:calc(1 - var(--base-lightness) + var(--info-c) * .4);--warning-l-min:calc(1 - var(--base-lightness) + var(--warning-c) * .4);--_l-clamp:.88, .95;--color-primary:oklch(clamp(var(--primary-l-min), var(--_l-clamp)) var(--primary-ch));--color-secondary:oklch(clamp(var(--secondary-l-min), var(--_l-clamp)) var(--secondary-ch));--color-tertiary:oklch(clamp(var(--tertiary-l-min), var(--_l-clamp)) var(--tertiary-ch));--color-error:oklch(clamp(var(--error-l-min), var(--_l-clamp)) var(--error-ch));--color-success:oklch(clamp(var(--success-l-min), var(--_l-clamp)) var(--success-ch));--color-info:oklch(clamp(var(--info-l-min), var(--_l-clamp)) var(--info-ch));--color-warning:oklch(clamp(var(--warning-l-min), var(--_l-clamp)) var(--warning-ch));--_on-l:.22;--color-on-primary:oklch(var(--_on-l) var(--primary-ch));--color-on-secondary:oklch(var(--_on-l) var(--secondary-ch));--color-on-tertiary:oklch(var(--_on-l) var(--tertiary-ch));--color-on-error:oklch(var(--_on-l) var(--error-ch));--color-on-success:oklch(var(--_on-l) var(--success-ch));--color-on-info:oklch(var(--_on-l) var(--info-ch));--color-on-warning:oklch(var(--_on-l) var(--warning-ch));--_cl:.32;--_cs:.55;--_ocl:.92;--color-surface:oklch(.15 var(--neutral-ch));--color-on-surface:oklch(.92 var(--neutral-ch));--color-surface-container-lowest:oklch(.1 var(--neutral-ch));--color-surface-container-low:oklch(.19 var(--neutral-ch));--color-surface-container:oklch(.22 var(--neutral-ch));--color-surface-container-high:oklch(.28 var(--neutral-ch));--color-surface-container-highest:oklch(.34 var(--neutral-ch));--color-surface-variant:oklch(.91 var(--neutral-c) var(--neutral-h) / 15%);--color-on-surface-variant:oklch(.81 var(--neutral-ch))}
}

@layer tokens {
:root{--spacing-0:0;--spacing-2:2px;--spacing-4:4px;--spacing-6:6px;--spacing-8:8px;--spacing-10:10px;--spacing-12:12px;--spacing-14:14px;--spacing-16:16px;--spacing-24:24px;--spacing-32:32px;--spacing-48:48px;--spacing-64:64px;--radius-none:0px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-lg-inc:20px;--radius-xl:28px;--radius-xl-inc:32px;--radius-xxl:48px;--radius-rounded:999px;--radius-circled:50%;--shadow-1:0px 1px 2px #0000004d, 0px 1px 3px #00000026;--shadow-2:0px 1px 2px #0000004d, 0px 2px 6px #00000026;--shadow-3:0px 1px 3px #0000004d, 0px 4px 8px #00000026;--shadow-4:0px 2px 3px #0000004d, 0px 6px 10px #00000026;--shadow-5:0px 4px 4px #0000004d, 0px 8px 12px #00000026;--font-family:var(--font-dm-sans), sans-serif;--font-display-lg:400 57px / 64px var(--font-family);--font-display-md:400 45px / 52px var(--font-family);--font-display-sm:400 36px / 44px var(--font-family);--font-headline-lg:400 32px / 40px var(--font-family);--font-headline-md:400 28px / 36px var(--font-family);--font-headline-sm:400 24px / 32px var(--font-family);--font-title-lg:400 22px / 28px var(--font-family);--font-title-md:500 16px / 24px var(--font-family);--font-title-sm:500 14px / 20px var(--font-family);--font-body-lg:400 16px / 24px var(--font-family);--font-body-md:400 14px / 20px var(--font-family);--font-body-sm:400 12px / 16px var(--font-family);--font-label-lg:400 14px / 20px var(--font-family);--font-label-md:400 12px / 16px var(--font-family);--font-label-sm:500 11px / 16px var(--font-family);--transition-expressive-fast-spatial:.35s cubic-bezier(.42, 1.67, .21, .9);--transition-expressive-default-spatial:.5s cubic-bezier(.38, 1.21, .22, 1);--transition-expressive-slow-spatial:.65s cubic-bezier(.39, 1.29, .35, .98);--transition-expressive-fast-effects:.15s cubic-bezier(.31, .94, .34, 1);--transition-expressive-default-effects:.2s cubic-bezier(.34, .8, .34, 1);--transition-expressive-slow-effects:.3s cubic-bezier(.34, .88, .34, 1);--transition-standard-fast-spatial:.35s cubic-bezier(.27, 1.06, .18, 1);--transition-standard-default-spatial:.5s cubic-bezier(.27, 1.06, .18, 1);--transition-standard-slow-spatial:.75s cubic-bezier(.27, 1.06, .18, 1);--transition-standard-fast-effects:.15s cubic-bezier(.31, .94, .34, 1);--transition-standard-default-effects:.2s cubic-bezier(.34, .8, .34, 1);--transition-standard-slow-effects:.3s cubic-bezier(.34, .88, .34, 1);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}
}

@layer reset{*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}}@layer base{html{scroll-behavior:smooth;scroll-padding:170px}body{background-color:var(--color-surface);height:100%;color:var(--color-on-surface);font:var(--font-body-md)}.root{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex}::-webkit-scrollbar{width:var(--spacing-4);height:var(--spacing-4);background-color:#0000}::-webkit-scrollbar-track{background-color:#0000}::-webkit-scrollbar-thumb{border-radius:var(--radius-rounded);background-color:var(--color-surface-container-highest)}}@layer utilities,components,misc;