.navbar.svelte-rfuq4y{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #0000001a}.navbar-brand.svelte-rfuq4y .brand-link:where(.svelte-rfuq4y){font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;transition:opacity .2s}.navbar-brand.svelte-rfuq4y .brand-link:where(.svelte-rfuq4y):hover{opacity:.8}.navbar-menu.svelte-rfuq4y{display:flex;list-style:none;gap:.5rem;margin:0;padding:0;flex:1;justify-content:center}.navbar-menu.svelte-rfuq4y li:where(.svelte-rfuq4y){margin:0}.navbar-menu.svelte-rfuq4y a:where(.svelte-rfuq4y){display:block;padding:.5rem 1rem;color:#ffffffe6;text-decoration:none;border-radius:6px;transition:all .2s;font-weight:500}.navbar-menu.svelte-rfuq4y a:where(.svelte-rfuq4y):hover{background:#fff3;color:#fff}.navbar-menu.svelte-rfuq4y a.active:where(.svelte-rfuq4y){background:#ffffff4d;color:#fff}.navbar-actions.svelte-rfuq4y .logout-btn:where(.svelte-rfuq4y){padding:.5rem 1.25rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.navbar-actions.svelte-rfuq4y .logout-btn:where(.svelte-rfuq4y):hover{background:#ffffff4d;border-color:#ffffff80}@media(max-width:768px){.navbar.svelte-rfuq4y{flex-direction:column;gap:1rem}.navbar-menu.svelte-rfuq4y{flex-direction:column;width:100%}.navbar-menu.svelte-rfuq4y a:where(.svelte-rfuq4y){text-align:center}}:root{--primitive-color-coolgray-25: #f9f9fa;--primitive-color-coolgray-50: #f2f2fa;--primitive-color-coolgray-100: #e8e8f4;--primitive-color-coolgray-200: #dadbe8;--primitive-color-coolgray-300: #c9cadb;--primitive-color-coolgray-400: #b4b4c6;--primitive-color-coolgray-500: #acaabb;--primitive-color-coolgray-600: #918f9e;--primitive-color-coolgray-700: #6e6d78;--primitive-color-violet-25: #f7f7fe;--primitive-color-violet-50: #f5f2ff;--primitive-color-violet-100: #e9e6ff;--primitive-color-violet-200: #d6ccff;--primitive-color-violet-300: #c1b2ff;--primitive-color-violet-400: #ab94ff;--primitive-color-violet-500: #9678ff;--primitive-color-violet-600: #8461fa;--primitive-color-violet-700: #654ec1;--primitive-color-violet-800: #423089;--primitive-color-violet-900: #2f2262;--primitive-color-violet-950: #1d153c;--primitive-color-lime-50: #fbffe6;--primitive-color-lime-100: #f5fec9;--primitive-color-lime-200: #e5fc8b;--primitive-color-lime-300: #d5f75f;--primitive-color-lime-400: #c0ec2f;--primitive-color-lime-500: #a1d30f;--primitive-color-lime-600: #7da907;--primitive-color-lime-700: #5f800b;--primitive-color-lime-800: #4b650f;--primitive-color-lime-900: #405512;--primitive-color-lime-950: #203003;--primitive-color-coral-50: #fef1ec;--primitive-color-coral-100: #fee4da;--primitive-color-coral-200: #fdcebe;--primitive-color-coral-300: #fbb29c;--primitive-color-coral-400: #f79479;--primitive-color-coral-500: #f37555;--primitive-color-coral-600: #f04d24;--primitive-color-coral-700: #d2360f;--primitive-color-coral-800: #a22a0b;--primitive-color-coral-900: #721e08;--primitive-color-coral-950: #431105;--primitive-color-gray-25: #f9f9fa;--primitive-color-gray-50: #f7f7f8;--primitive-color-gray-100: #efeff0;--primitive-color-gray-200: #d8d8d8;--primitive-color-gray-300: #b6b8b9;--primitive-color-gray-400: #a6a9ac;--primitive-color-gray-500: #95999d;--primitive-color-gray-600: #868b90;--primitive-color-gray-700: #6d7278;--primitive-color-default-0: #ffffff;--primitive-color-black-800: #333333;--primitive-color-black-900: #262626;--primitive-color-black-950: #000000;--primitive-color-red-500: #ff7a68;--primitive-color-etc-blue: #0029ff;--primitive-color-etc-timer-bg: #262626;--primitive-number-0: 0rem;--primitive-number-1: .063rem;--primitive-number-2: .125rem;--primitive-number-3: .25rem;--primitive-number-4: .375rem;--primitive-number-5: .5rem;--primitive-number-6: .625rem;--primitive-number-7: .75rem;--primitive-number-8: 1rem;--primitive-number-9: 1.25rem;--primitive-number-10: 1.5rem;--primitive-number-11: 1.75rem;--primitive-number-12: 2rem;--primitive-number-13: 2.25rem;--primitive-number-14: 2.5rem;--primitive-number-15: 2.75rem;--primitive-number-16: 3rem;--primitive-number-17: 3.5rem;--primitive-number-18: 4rem;--primitive-number-19: 4.5rem;--primitive-number-20: 4.75rem;--primitive-number-21: 5rem;--primitive-number-22: 6rem;--primitive-number-23: 7rem;--primitive-number-24: 7.5rem;--primitive-number-25: 8rem;--primitive-number-26: 9rem;--primitive-number-27: 10rem;--primitive-number-max: 62.5rem;--primitive-typo-letter-spacing: 0rem;--primitive-typo-font-family-pretendard: Pretendard;--primitive-typo-font-weight-pretendard-0: 600;--primitive-typo-font-weight-pretendard-1: 500;--primitive-typo-font-weight-pretendard-2: 400;--primitive-typo-font-size-0: 8px;--primitive-typo-font-size-1: 10px;--primitive-typo-font-size-2: 12px;--primitive-typo-font-size-3: 14px;--primitive-typo-font-size-4: 16px;--primitive-typo-font-size-5: 18px;--primitive-typo-font-size-6: 20px;--primitive-typo-font-size-7: 22px;--primitive-typo-font-size-8: 24px;--primitive-typo-font-size-9: 28px;--primitive-typo-font-size-10: 32px;--primitive-typo-font-size-11: 36px;--primitive-typo-font-size-12: 40px;--primitive-typo-font-size-13: 44px;--primitive-typo-font-size-14: 48px;--primitive-typo-font-size-15: 64px;--primitive-typo-line-height-0: 83.2px;--primitive-typo-line-height-1: 83.2px;--primitive-typo-line-height-2: 83.2px;--primitive-typo-line-height-3: 62.4px;--primitive-typo-line-height-4: 62.4px;--primitive-typo-line-height-5: 62.4px;--primitive-typo-line-height-6: 56px;--primitive-typo-line-height-7: 56px;--primitive-typo-line-height-8: 56px;--primitive-typo-line-height-9: 52px;--primitive-typo-line-height-10: 52px;--primitive-typo-line-height-11: 44.8px;--primitive-typo-line-height-12: 48px;--primitive-typo-line-height-13: 48px;--primitive-typo-line-height-14: 39.2px;--primitive-typo-line-height-15: 44.8px;--primitive-typo-line-height-16: 44.8px;--primitive-typo-line-height-17: 33.6px;--primitive-typo-line-height-18: 39.2px;--primitive-typo-line-height-19: 39.2px;--primitive-typo-line-height-20: 39.2px;--primitive-typo-line-height-21: 33.6px;--primitive-typo-line-height-22: 33.6px;--primitive-typo-line-height-23: 33.6px;--primitive-typo-line-height-24: 30px;--primitive-typo-line-height-25: 30px;--primitive-typo-line-height-26: 30px;--primitive-typo-line-height-27: 28px;--primitive-typo-line-height-28: 28px;--primitive-typo-line-height-29: 28px;--primitive-typo-line-height-30: 27px;--primitive-typo-line-height-31: 27px;--primitive-typo-line-height-32: 27px;--primitive-typo-line-height-33: 24px;--primitive-typo-line-height-34: 24px;--primitive-typo-line-height-35: 24px;--primitive-typo-line-height-36: 21px;--primitive-typo-line-height-37: 21px;--primitive-typo-line-height-38: 21px;--primitive-typo-line-height-39: 18px;--primitive-typo-line-height-40: 18px;--primitive-typo-line-height-41: 18px;--primitive-typo-line-height-42: 16px;--primitive-typo-line-height-43: 16px;--primitive-typo-line-height-44: 16px;--primitive-typo-line-height-45: 12px;--primitive-typo-line-height-46: 12px;--primitive-typo-line-height-47: 12px;--primitive-radius-0: 0rem;--primitive-radius-4: .25rem;--primitive-radius-8: .5rem;--primitive-radius-12: .75rem;--primitive-radius-16: 1rem;--primitive-radius-20: 1.25rem;--primitive-radius-24: 1.5rem;--primitive-radius-32: 2rem;--primitive-radius-full: 624.938rem;--primitive-spacing-0: 0rem;--primitive-spacing-2: .125rem;--primitive-spacing-4: .25rem;--primitive-spacing-8: .5rem;--primitive-spacing-12: .75rem;--primitive-spacing-16: 1rem;--primitive-spacing-20: 1.25rem;--primitive-spacing-24: 1.5rem;--primitive-spacing-32: 2rem;--primitive-spacing-36: 2.25rem;--primitive-spacing-40: 2.5rem;--primitive-spacing-48: 3rem;--primitive-spacing-60: 3.75rem;--primitive-spacing-64: 4rem;--primitive-spacing-80: 5rem;--primitive-spacing-100: 6.25rem;--responsive-typo-font-size-Display-1-mo: 2.75rem;--responsive-typo-font-size-Display-1-ta: 3rem;--responsive-typo-font-size-Display-1-pc: 4rem;--responsive-typo-font-size-Display-2-mo: 2.5rem;--responsive-typo-font-size-Display-2-ta: 2.75rem;--responsive-typo-font-size-Display-2-pc: 3rem;--responsive-typo-font-size-Display-3-mo: 2.25rem;--responsive-typo-font-size-Display-3-ta: 2.5rem;--responsive-typo-font-size-Display-3-pc: 2.75rem;--responsive-typo-font-size-Display-4-mo: 2rem;--responsive-typo-font-size-Display-4-ta: 2.25rem;--responsive-typo-font-size-Display-4-pc: 2.5rem;--responsive-typo-font-size-Display-5-mo: 1.75rem;--responsive-typo-font-size-Display-5-ta: 2rem;--responsive-typo-font-size-Display-5-pc: 2.25rem;--responsive-typo-font-size-Display-6-mo: 1.5rem;--responsive-typo-font-size-Display-6-ta: 1.75rem;--responsive-typo-font-size-Display-6-pc: 2rem;--responsive-typo-font-size-Heading-1-mo: 1.375rem;--responsive-typo-font-size-Heading-1-ta: 1.5rem;--responsive-typo-font-size-Heading-1-pc: 1.75rem;--responsive-typo-font-size-Heading-2-mo: 1.25rem;--responsive-typo-font-size-Heading-2-ta: 1.375rem;--responsive-typo-font-size-Heading-2-pc: 1.5rem;--responsive-typo-font-size-Heading-3-mo: 1.125rem;--responsive-typo-font-size-Heading-3-ta: 1.25rem;--responsive-typo-font-size-Heading-3-pc: 1.375rem;--responsive-typo-font-size-Heading-4-mo: 1rem;--responsive-typo-font-size-Heading-4-ta: 1.125rem;--responsive-typo-font-size-Heading-4-pc: 1.25rem;--responsive-typo-font-size-Heading-5-mo: .875rem;--responsive-typo-font-size-Heading-5-ta: 1rem;--responsive-typo-font-size-Heading-5-pc: 1.125rem;--responsive-typo-font-size-Body-1-mo: .875rem;--responsive-typo-font-size-Body-1-ta: .875rem;--responsive-typo-font-size-Body-1-pc: 1rem;--responsive-typo-font-size-Body-2-mo: .75rem;--responsive-typo-font-size-Body-2-ta: .75rem;--responsive-typo-font-size-Body-2-pc: .875rem;--responsive-typo-font-size-Label-1-mo: .75rem;--responsive-typo-font-size-Label-1-ta: .75rem;--responsive-typo-font-size-Label-1-pc: .75rem;--responsive-typo-font-size-Label-2-mo: .625rem;--responsive-typo-font-size-Label-2-ta: .625rem;--responsive-typo-font-size-Label-2-pc: .625rem;--responsive-typo-font-size-Caption-1-mo: .5rem;--responsive-typo-font-size-Caption-1-ta: .5rem;--semantic-color-primary-default: #9678ff;--semantic-color-primary-hover: #8461fa;--semantic-color-primary-pressed: #654ec1;--semantic-color-primary-subtle: #f5f2ff;--semantic-color-primary-light: #e9e6ff;--semantic-color-interactive-primary: #9678ff;--semantic-color-interactive-primary-hover: #8461fa;--semantic-color-interactive-primary-active: #654ec1;--semantic-color-interactive-primary-subtle: #f5f2ff;--semantic-color-interactive-primary-light: #e9e6ff;--semantic-color-interactive-secondary: #f9f9fa;--semantic-color-interactive-secondary-hover: #f2f2fa;--semantic-color-interactive-inactive: #c9cadb;--semantic-color-interactive-disabled: #dadbe8;--semantic-color-brand-lime: #d5f75f;--semantic-color-brand-lime-deep: #4b650f;--semantic-color-brand-lime-accent: #e5fc8b;--semantic-color-brand-violet: #9678ff;--semantic-color-text-primary: #262626;--semantic-color-text-strong: #333333;--semantic-color-text-secondary: #acaabb;--semantic-color-text-tertiary: #c9cadb;--semantic-color-text-disabled: #b6b8b9;--semantic-color-text-inverse: #ffffff;--semantic-color-text-error: #ff7a68;--semantic-color-text-brand: #9678ff;--semantic-color-text-brand-hover: #8461fa;--semantic-color-bg-base: #ffffff;--semantic-color-bg-subtle: #ffffff;--semantic-color-bg-muted: #f9f9fa;--semantic-color-bg-input: #f7f7f8;--semantic-color-bg-input-secondary: #f9f9fa;--semantic-color-bg-timer: #262626;--semantic-color-bg-inverse: #000000;--semantic-color-bg-brand-subtle: #f5f2ff;--semantic-color-bg-strong: #333333;--semantic-color-bg-weak: #ffffff;--semantic-color-bg-solid: #ffffff;--semantic-color-bg-error: #f37555;--semantic-color-bg-neutral-solid: #333333;--semantic-color-bg-neutral-solid-pressed: #262626;--semantic-color-bg-disable: #efeff0;--semantic-color-bg-brand-weak-pressed: #e9e6ff;--semantic-color-bg-nav-scrolled: #ffffff;--semantic-color-bg-pressed: #efeff0;--semantic-color-bg-brand: #9678ff;--semantic-color-bg-brand-hover: #8461fa;--semantic-color-bg-brand-pressed: #654ec1;--semantic-color-bg-error-pressed: #f04d24;--semantic-color-bg-error-disabled: #fdcebe;--semantic-color-bg-error-subtle: #fef1ec;--semantic-color-bg-disable-secondary: #efeff0;--semantic-color-bg-pressed-secondary: #efeff0;--semantic-color-bg-skeleton: #efeff0;--semantic-color-bg-skeleton-shine: #f9f9fa;--semantic-color-bg-white-5: rgba(255, 255, 255, .05);--semantic-color-bg-white-10: rgba(255, 255, 255, .1);--semantic-color-bg-white-15: rgba(255, 255, 255, .15);--semantic-color-bg-white-20: rgba(255, 255, 255, .2);--semantic-color-bg-white-25: rgba(255, 255, 255, .25);--semantic-color-bg-white-30: rgba(255, 255, 255, .3);--semantic-color-bg-white-35: rgba(255, 255, 255, .35);--semantic-color-bg-white-40: rgba(255, 255, 255, .4);--semantic-color-bg-white-45: rgba(255, 255, 255, .45);--semantic-color-bg-white-50: rgba(255, 255, 255, .5);--semantic-color-bg-white-55: rgba(255, 255, 255, .55);--semantic-color-bg-white-60: rgba(255, 255, 255, .6);--semantic-color-bg-white-65: rgba(255, 255, 255, .65);--semantic-color-bg-white-70: rgba(255, 255, 255, .7);--semantic-color-bg-white-75: rgba(255, 255, 255, .75);--semantic-color-bg-white-80: rgba(255, 255, 255, .8);--semantic-color-bg-white-85: rgba(255, 255, 255, .85);--semantic-color-bg-white-90: rgba(255, 255, 255, .9);--semantic-color-bg-white-95: rgba(255, 255, 255, .95);--semantic-color-bg-white-100: #ffffff;--semantic-color-bg-black-5: rgba(51, 51, 51, .05);--semantic-color-bg-black-10: rgba(51, 51, 51, .1);--semantic-color-bg-black-15: rgba(51, 51, 51, .15);--semantic-color-bg-black-20: rgba(51, 51, 51, .2);--semantic-color-bg-black-25: rgba(51, 51, 51, .25);--semantic-color-bg-black-30: rgba(51, 51, 51, .3);--semantic-color-bg-black-35: rgba(51, 51, 51, .35);--semantic-color-bg-black-40: rgba(51, 51, 51, .4);--semantic-color-bg-black-45: rgba(51, 51, 51, .45);--semantic-color-bg-black-50: rgba(51, 51, 51, .5);--semantic-color-bg-black-55: rgba(51, 51, 51, .55);--semantic-color-bg-black-60: rgba(51, 51, 51, .6);--semantic-color-bg-black-65: rgba(51, 51, 51, .65);--semantic-color-bg-black-70: rgba(51, 51, 51, .7);--semantic-color-bg-black-75: rgba(51, 51, 51, .75);--semantic-color-bg-black-80: rgba(51, 51, 51, .8);--semantic-color-bg-black-85: rgba(51, 51, 51, .85);--semantic-color-bg-black-90: rgba(51, 51, 51, .9);--semantic-color-bg-black-95: rgba(51, 51, 51, .95);--semantic-color-bg-black-100: #333333;--semantic-color-border-default: #e8e8f4;--semantic-color-border-strong: #262626;--semantic-color-border-focus: #9678ff;--semantic-color-border-error: #f37555;--semantic-color-border-disabled: #efeff0;--semantic-color-border-selected: #333333;--semantic-color-border-weak: #d8d8d8;--semantic-color-border-solid: #b6b8b9;--semantic-color-border-disable: #efeff0;--semantic-color-border-subtle: #efeff0;--semantic-color-border-brand: #9678ff;--semantic-color-border-inverse: #ffffff;--semantic-color-border-nav-top: rgba(51, 51, 51, 0);--semantic-color-border-neutral-solid: #333333;--semantic-color-feedback-error: #ff7a68;--semantic-color-feedback-error-subtle: #fef1ec;--semantic-color-feedback-error-bg: #fee4da;--semantic-color-feedback-error-strong: #f37555;--semantic-color-feedback-success: #a1d30f;--semantic-color-feedback-warning: #f79479;--semantic-color-fg-text-solid: #333333;--semantic-color-fg-text-weak: #333333;--semantic-color-fg-text-muted: #6d7278;--semantic-color-fg-text-subtle: #868b90;--semantic-color-fg-text-disable: #b6b8b9;--semantic-color-fg-text-solid-muted: #ffffff;--semantic-color-fg-text-error: #f37555;--semantic-color-fg-text-brand: #9678ff;--semantic-color-fg-text-error-contrast: #f37555;--semantic-color-fg-text-positive: #a1d30f;--semantic-color-fg-text-warning: #f79479;--semantic-color-fg-text-inverse: #ffffff;--semantic-color-fg-text-static-light: #ffffff;--semantic-color-fg-text-static-dark: #333333;--semantic-color-fg-text-error-pressed: #f04d24;--semantic-color-fg-icon-weak: #333333;--semantic-color-fg-icon-muted: #6d7278;--semantic-color-fg-icon-subtle: #d8d8d8;--semantic-color-fg-icon-solid-muted: #ffffff;--semantic-color-fg-icon-disable: #b6b8b9;--semantic-color-fg-icon-error: #f37555;--semantic-color-fg-icon-inverse: #ffffff;--semantic-color-fg-icon-brand: #9678ff;--semantic-color-effect-shadow-nav: rgba(109, 114, 120, .08);--semantic-breakpoint-mobile: 30rem;--semantic-breakpoint-tablet: 48rem;--semantic-breakpoint-desktop: 64rem;--semantic-breakpoint-max-width: 90rem;--semantic-size-height-1: .5rem;--semantic-size-height-2: 1rem;--semantic-size-height-3: 1.25rem;--semantic-size-height-4: 1.5rem;--semantic-size-height-5: 2rem;--semantic-size-height-6: 2.5rem;--semantic-size-height-7: 3rem;--semantic-size-height-8: 3.5rem;--semantic-size-height-9: 4rem;--semantic-size-height-10: 4.5rem;--semantic-size-height-11: 4.75rem;--semantic-radius-0: 0rem;--semantic-radius-4: .25rem;--semantic-radius-8: .5rem;--semantic-radius-12: .75rem;--semantic-radius-16: 1rem;--semantic-radius-20: 1.25rem;--semantic-radius-24: 1.5rem;--semantic-radius-28: 1.75rem;--semantic-radius-32: 2rem;--semantic-radius-36: 2.25rem;--semantic-radius-xs: .25rem;--semantic-radius-sm: .5rem;--semantic-radius-md: .75rem;--semantic-radius-lg: 1rem;--semantic-radius-xl: 1.25rem;--semantic-radius-2xl: 1.5rem;--semantic-radius-3xl: 2rem;--semantic-radius-full: 624.938rem;--semantic-spacing-1: .25rem;--semantic-spacing-2: .5rem;--semantic-spacing-3: .75rem;--semantic-spacing-4: 1rem;--semantic-spacing-5: 1.25rem;--semantic-spacing-6: 1.5rem;--semantic-spacing-7: 1.75rem;--semantic-spacing-8: 2rem;--semantic-spacing-9: 2.25rem;--semantic-spacing-10: 2.5rem;--semantic-spacing-11: 2.75rem;--semantic-spacing-12: 3rem;--semantic-spacing-14: 3.5rem;--semantic-spacing-16: 4rem;--semantic-spacing-18: 4.5rem;--semantic-spacing-19: 4.75rem;--semantic-spacing-20: 5rem;--semantic-spacing-24: 6rem;--semantic-spacing-28: 7rem;--semantic-spacing-30: 7.5rem;--semantic-spacing-32: 8rem;--semantic-spacing-36: 2.25rem;--semantic-spacing-40: 10rem;--semantic-spacing-60: 3.75rem;--semantic-spacing-100: 6.25rem;--semantic-spacing-2xs: .125rem;--semantic-spacing-xs: .25rem;--semantic-spacing-sm: .5rem;--semantic-spacing-md: .75rem;--semantic-spacing-lg: 1rem;--semantic-spacing-xl: 1.25rem;--semantic-spacing-2xl: 1.5rem;--semantic-spacing-3xl: 2rem;--semantic-spacing-4xl: 2.5rem;--semantic-spacing-5xl: 3rem;--semantic-spacing-6xl: 4rem;--semantic-spacing-7xl: 5rem;--semantic-gap-1: .25rem;--semantic-gap-2: .5rem;--semantic-gap-3: .75rem;--semantic-gap-4: 1rem;--semantic-gap-5: 1.25rem;--semantic-gap-6: 1.5rem;--semantic-gap-7: 1.75rem;--semantic-gap-8: 2rem;--semantic-gap-9: 2.25rem;--semantic-gap-10: 2.5rem;--semantic-gap-11: 2.75rem;--semantic-gap-12: 3rem;--semantic-gap-14: 3.5rem;--semantic-gap-16: 4rem;--semantic-gap-18: 4.5rem;--semantic-gap-19: 4.75rem;--semantic-gap-20: 5rem;--semantic-gap-24: 6rem;--semantic-gap-28: 7rem;--semantic-gap-30: 7.5rem;--semantic-gap-32: 8rem;--semantic-gap-36: 9rem;--semantic-gap-40: 10rem;--semantic-padding-1: .25rem;--semantic-padding-2: .5rem;--semantic-padding-3: .75rem;--semantic-padding-4: 1rem;--semantic-padding-5: 1.25rem;--semantic-padding-6: 1.5rem;--semantic-padding-7: 1.75rem;--semantic-padding-8: 2rem;--semantic-padding-9: 2.25rem;--semantic-padding-10: 2.5rem;--semantic-padding-11: 2.75rem;--semantic-padding-12: 3rem;--semantic-padding-14: 3.5rem;--semantic-padding-16: 4rem;--semantic-padding-18: 4.5rem;--semantic-padding-19: 4.75rem;--semantic-padding-20: 5rem;--semantic-padding-24: 6rem;--semantic-padding-28: 7rem;--semantic-padding-30: 7.5rem;--semantic-padding-32: 8rem;--semantic-padding-36: 9rem;--semantic-padding-40: 10rem;--semantic-opacity-dim: 50;--semantic-opacity-disabled: 38;--semantic-opacity-hover: 8;--semantic-opacity-pressed: 16;--semantic-opacity-overlay-5: 5;--semantic-opacity-overlay-10: 10;--semantic-opacity-overlay-15: 15;--semantic-opacity-overlay-20: 20;--semantic-opacity-overlay-25: 25;--semantic-opacity-overlay-30: 30;--semantic-opacity-overlay-35: 35;--semantic-opacity-overlay-40: 40;--semantic-opacity-overlay-45: 45;--semantic-opacity-overlay-50: 50;--semantic-opacity-overlay-55: 55;--semantic-opacity-overlay-60: 60;--semantic-opacity-overlay-65: 65;--semantic-opacity-overlay-70: 70;--semantic-opacity-overlay-75: 75;--semantic-opacity-overlay-80: 80;--semantic-opacity-overlay-85: 85;--semantic-opacity-overlay-90: 90;--semantic-opacity-overlay-95: 95;--semantic-opacity-overlay-100: 100;--semantic-opacity-toast: 80;--semantic-Shadow-100: 0 4px 8px 0 #6d72780a;--semantic-Shadow-200: 0 4px 8px 0 #6d727814;--semantic-Shadow-300: 0 4px 12px 0 #6d727814;--semantic-Shadow-400: 0 4px 12px 0 #6d727829;--semantic-Shadow-500: 0 4px 20px 0 #6d727829;--semantic-Shadow-600: 0 20px 50px -20px #6d727880;--semantic-Shadow-float: 0 3px 1px 0 #0000000f, 0 3px 8px 0 #00000026;--semantic-Shadow-nav: 0 -2px 8px 0 #6d727814;--semantic-Shadow-dark-100: 0 4px 8px 0 #0000001f;--semantic-Shadow-dark-200: 0 4px 8px 0 #00000033;--semantic-Shadow-dark-300: 0 4px 12px 0 #00000033;--semantic-Shadow-dark-400: 0 4px 12px 0 #00000052;--semantic-Shadow-dark-500: 0 4px 20px 0 #00000066;--semantic-Shadow-dark-600: 0 20px 50px -20px #000000b3;--semantic-Shadow-dark-nav: 0 -2px 8px 0 #00000033;--component-button-primary-bg: #9678ff;--component-button-primary-bg-hover: #8461fa;--component-button-primary-bg-inactive: #c9cadb;--component-button-primary-text: #ffffff;--component-button-primary-radius: .5rem;--component-button-secondary-bg: #f9f9fa;--component-button-secondary-bg-hover: #f2f2fa;--component-button-secondary-text: #acaabb;--component-button-secondary-radius: .5rem;--component-button-pastel-bg: #e9e6ff;--component-button-pastel-text: #9678ff;--component-button-pastel-radius: .5rem;--component-button-lime-bg: #d5f75f;--component-button-lime-text: #4b650f;--component-button-lime-radius: .5rem;--component-button-light-coral-bg: #fef1ec;--component-button-light-coral-text: #f37555;--component-button-light-coral-radius: .5rem;--component-button-brand-solid-bg: #9678ff;--component-button-brand-solid-bg-hover: #8461fa;--component-button-brand-solid-bg-disabled: #efeff0;--component-button-brand-solid-text: #ffffff;--component-button-brand-solid-bg-pressed: #654ec1;--component-button-brand-weak-bg: #f5f2ff;--component-button-brand-weak-text: #9678ff;--component-button-neutral-solid-bg: #333333;--component-button-neutral-solid-bg-pressed: #262626;--component-button-neutral-solid-bg-disabled: #efeff0;--component-button-neutral-solid-text: #ffffff;--component-button-error-bg: #f37555;--component-button-error-bg-pressed: #f04d24;--component-button-error-bg-disabled: #fdcebe;--component-button-error-text: #ffffff;--component-button-neutral-weak-solid-bg: #f7f7f8;--component-button-neutral-weak-solid-bg-pressed: #efeff0;--component-button-neutral-weak-solid-bg-disabled: #efeff0;--component-button-neutral-weak-solid-text: #333333;--component-input-bg: #f7f7f8;--component-input-bg-secondary: #f9f9fa;--component-input-border: #e8e8f4;--component-input-border-focus: #9678ff;--component-input-border-error: #f37555;--component-input-text: #333333;--component-input-placeholder: #acaabb;--component-input-error-text: #ff7a68;--component-input-radius: .5rem;--component-input-radius-search: 624.938rem;--component-chip-radius: 1rem;--component-chip-padding-md: .5rem;--component-chip-padding-sm: .25rem;--component-chip-pastel-bg: #e9e6ff;--component-chip-pastel-text: #9678ff;--component-chip-pastel-border: #e9e6ff;--component-chip-pastel-text-checked: #8461fa;--component-chip-coral-bg: #fef1ec;--component-chip-coral-text: #f37555;--component-switch-bg-on: #f37555;--component-switch-bg-off: #c9cadb;--component-switch-inner-bg: #ffffff;--component-tab-color-active: #f37555;--component-tab-bg-indicator: #f37555;--component-radio-border-checked: #f37555;--component-checkbox-border: #e8e8f4;--component-checkbox-border-checked: #9678ff;--component-checkbox-bg-checked: #9678ff;--component-checkbox-text-checked: #ffffff;--component-checkbox-radius: .25rem}@theme{ --semantic-color-primary-default: var(--semantic-color-primary-default); --semantic-color-primary-hover: var(--semantic-color-primary-hover); --semantic-color-primary-pressed: var(--semantic-color-primary-pressed); --semantic-color-primary-subtle: var(--semantic-color-primary-subtle); --semantic-color-primary-light: var(--semantic-color-primary-light); --semantic-color-interactive-primary: var(--semantic-color-interactive-primary); --semantic-color-interactive-primary-hover: var(--semantic-color-interactive-primary-hover); --semantic-color-interactive-primary-active: var(--semantic-color-interactive-primary-active); --semantic-color-interactive-primary-subtle: var(--semantic-color-interactive-primary-subtle); --semantic-color-interactive-primary-light: var(--semantic-color-interactive-primary-light); --semantic-color-interactive-secondary: var(--semantic-color-interactive-secondary); --semantic-color-interactive-secondary-hover: var(--semantic-color-interactive-secondary-hover); --semantic-color-interactive-inactive: var(--semantic-color-interactive-inactive); --semantic-color-interactive-disabled: var(--semantic-color-interactive-disabled); --semantic-color-brand-lime: var(--semantic-color-brand-lime); --semantic-color-brand-lime-deep: var(--semantic-color-brand-lime-deep); --semantic-color-brand-lime-accent: var(--semantic-color-brand-lime-accent); --semantic-color-brand-violet: var(--semantic-color-brand-violet); --semantic-color-text-primary: var(--semantic-color-text-primary); --semantic-color-text-strong: var(--semantic-color-text-strong); --semantic-color-text-secondary: var(--semantic-color-text-secondary); --semantic-color-text-tertiary: var(--semantic-color-text-tertiary); --semantic-color-text-disabled: var(--semantic-color-text-disabled); --semantic-color-text-inverse: var(--semantic-color-text-inverse); --semantic-color-text-error: var(--semantic-color-text-error); --semantic-color-text-brand: var(--semantic-color-text-brand); --semantic-color-text-brand-hover: var(--semantic-color-text-brand-hover); --semantic-color-bg-base: var(--semantic-color-bg-base); --semantic-color-bg-subtle: var(--semantic-color-bg-subtle); --semantic-color-bg-muted: var(--semantic-color-bg-muted); --semantic-color-bg-input: var(--semantic-color-bg-input); --semantic-color-bg-input-secondary: var(--semantic-color-bg-input-secondary); --semantic-color-bg-timer: var(--semantic-color-bg-timer); --semantic-color-bg-inverse: var(--semantic-color-bg-inverse); --semantic-color-bg-brand-subtle: var(--semantic-color-bg-brand-subtle); --semantic-color-bg-strong: var(--semantic-color-bg-strong); --semantic-color-bg-weak: var(--semantic-color-bg-weak); --semantic-color-bg-solid: var(--semantic-color-bg-solid); --semantic-color-bg-error: var(--semantic-color-bg-error); --semantic-color-bg-neutral-solid: var(--semantic-color-bg-neutral-solid); --semantic-color-bg-neutral-solid-pressed: var(--semantic-color-bg-neutral-solid-pressed); --semantic-color-bg-disable: var(--semantic-color-bg-disable); --semantic-color-bg-brand-weak-pressed: var(--semantic-color-bg-brand-weak-pressed); --semantic-color-bg-nav-scrolled: var(--semantic-color-bg-nav-scrolled); --semantic-color-bg-pressed: var(--semantic-color-bg-pressed); --semantic-color-bg-brand: var(--semantic-color-bg-brand); --semantic-color-bg-brand-hover: var(--semantic-color-bg-brand-hover); --semantic-color-bg-brand-pressed: var(--semantic-color-bg-brand-pressed); --semantic-color-bg-error-pressed: var(--semantic-color-bg-error-pressed); --semantic-color-bg-error-disabled: var(--semantic-color-bg-error-disabled); --semantic-color-bg-error-subtle: var(--semantic-color-bg-error-subtle); --semantic-color-bg-disable-secondary: var(--semantic-color-bg-disable-secondary); --semantic-color-bg-pressed-secondary: var(--semantic-color-bg-pressed-secondary); --semantic-color-bg-skeleton: var(--semantic-color-bg-skeleton); --semantic-color-bg-skeleton-shine: var(--semantic-color-bg-skeleton-shine); --semantic-color-bg-white-5: var(--semantic-color-bg-white-5); --semantic-color-bg-white-10: var(--semantic-color-bg-white-10); --semantic-color-bg-white-15: var(--semantic-color-bg-white-15); --semantic-color-bg-white-20: var(--semantic-color-bg-white-20); --semantic-color-bg-white-25: var(--semantic-color-bg-white-25); --semantic-color-bg-white-30: var(--semantic-color-bg-white-30); --semantic-color-bg-white-35: var(--semantic-color-bg-white-35); --semantic-color-bg-white-40: var(--semantic-color-bg-white-40); --semantic-color-bg-white-45: var(--semantic-color-bg-white-45); --semantic-color-bg-white-50: var(--semantic-color-bg-white-50); --semantic-color-bg-white-55: var(--semantic-color-bg-white-55); --semantic-color-bg-white-60: var(--semantic-color-bg-white-60); --semantic-color-bg-white-65: var(--semantic-color-bg-white-65); --semantic-color-bg-white-70: var(--semantic-color-bg-white-70); --semantic-color-bg-white-75: var(--semantic-color-bg-white-75); --semantic-color-bg-white-80: var(--semantic-color-bg-white-80); --semantic-color-bg-white-85: var(--semantic-color-bg-white-85); --semantic-color-bg-white-90: var(--semantic-color-bg-white-90); --semantic-color-bg-white-95: var(--semantic-color-bg-white-95); --semantic-color-bg-white-100: var(--semantic-color-bg-white-100); --semantic-color-bg-black-5: var(--semantic-color-bg-black-5); --semantic-color-bg-black-10: var(--semantic-color-bg-black-10); --semantic-color-bg-black-15: var(--semantic-color-bg-black-15); --semantic-color-bg-black-20: var(--semantic-color-bg-black-20); --semantic-color-bg-black-25: var(--semantic-color-bg-black-25); --semantic-color-bg-black-30: var(--semantic-color-bg-black-30); --semantic-color-bg-black-35: var(--semantic-color-bg-black-35); --semantic-color-bg-black-40: var(--semantic-color-bg-black-40); --semantic-color-bg-black-45: var(--semantic-color-bg-black-45); --semantic-color-bg-black-50: var(--semantic-color-bg-black-50); --semantic-color-bg-black-55: var(--semantic-color-bg-black-55); --semantic-color-bg-black-60: var(--semantic-color-bg-black-60); --semantic-color-bg-black-65: var(--semantic-color-bg-black-65); --semantic-color-bg-black-70: var(--semantic-color-bg-black-70); --semantic-color-bg-black-75: var(--semantic-color-bg-black-75); --semantic-color-bg-black-80: var(--semantic-color-bg-black-80); --semantic-color-bg-black-85: var(--semantic-color-bg-black-85); --semantic-color-bg-black-90: var(--semantic-color-bg-black-90); --semantic-color-bg-black-95: var(--semantic-color-bg-black-95); --semantic-color-bg-black-100: var(--semantic-color-bg-black-100); --semantic-color-border-default: var(--semantic-color-border-default); --semantic-color-border-strong: var(--semantic-color-border-strong); --semantic-color-border-focus: var(--semantic-color-border-focus); --semantic-color-border-error: var(--semantic-color-border-error); --semantic-color-border-disabled: var(--semantic-color-border-disabled); --semantic-color-border-selected: var(--semantic-color-border-selected); --semantic-color-border-weak: var(--semantic-color-border-weak); --semantic-color-border-solid: var(--semantic-color-border-solid); --semantic-color-border-disable: var(--semantic-color-border-disable); --semantic-color-border-subtle: var(--semantic-color-border-subtle); --semantic-color-border-brand: var(--semantic-color-border-brand); --semantic-color-border-inverse: var(--semantic-color-border-inverse); --semantic-color-border-nav-top: var(--semantic-color-border-nav-top); --semantic-color-border-neutral-solid: var(--semantic-color-border-neutral-solid); --semantic-color-feedback-error: var(--semantic-color-feedback-error); --semantic-color-feedback-error-subtle: var(--semantic-color-feedback-error-subtle); --semantic-color-feedback-error-bg: var(--semantic-color-feedback-error-bg); --semantic-color-feedback-error-strong: var(--semantic-color-feedback-error-strong); --semantic-color-feedback-success: var(--semantic-color-feedback-success); --semantic-color-feedback-warning: var(--semantic-color-feedback-warning); --semantic-color-fg-text-solid: var(--semantic-color-fg-text-solid); --semantic-color-fg-text-weak: var(--semantic-color-fg-text-weak); --semantic-color-fg-text-muted: var(--semantic-color-fg-text-muted); --semantic-color-fg-text-subtle: var(--semantic-color-fg-text-subtle); --semantic-color-fg-text-disable: var(--semantic-color-fg-text-disable); --semantic-color-fg-text-solid-muted: var(--semantic-color-fg-text-solid-muted); --semantic-color-fg-text-error: var(--semantic-color-fg-text-error); --semantic-color-fg-text-brand: var(--semantic-color-fg-text-brand); --semantic-color-fg-text-error-contrast: var(--semantic-color-fg-text-error-contrast); --semantic-color-fg-text-positive: var(--semantic-color-fg-text-positive); --semantic-color-fg-text-warning: var(--semantic-color-fg-text-warning); --semantic-color-fg-text-inverse: var(--semantic-color-fg-text-inverse); --semantic-color-fg-text-static-light: var(--semantic-color-fg-text-static-light); --semantic-color-fg-text-static-dark: var(--semantic-color-fg-text-static-dark); --semantic-color-fg-text-error-pressed: var(--semantic-color-fg-text-error-pressed); --semantic-color-fg-icon-weak: var(--semantic-color-fg-icon-weak); --semantic-color-fg-icon-muted: var(--semantic-color-fg-icon-muted); --semantic-color-fg-icon-subtle: var(--semantic-color-fg-icon-subtle); --semantic-color-fg-icon-solid-muted: var(--semantic-color-fg-icon-solid-muted); --semantic-color-fg-icon-disable: var(--semantic-color-fg-icon-disable); --semantic-color-fg-icon-error: var(--semantic-color-fg-icon-error); --semantic-color-fg-icon-inverse: var(--semantic-color-fg-icon-inverse); --semantic-color-fg-icon-brand: var(--semantic-color-fg-icon-brand); --semantic-color-effect-shadow-nav: var(--semantic-color-effect-shadow-nav); --semantic-breakpoint-mobile: var(--semantic-breakpoint-mobile); --semantic-breakpoint-tablet: var(--semantic-breakpoint-tablet); --semantic-breakpoint-desktop: var(--semantic-breakpoint-desktop); --semantic-breakpoint-max-width: var(--semantic-breakpoint-max-width); --semantic-size-height-1: var(--semantic-size-height-1); --semantic-size-height-2: var(--semantic-size-height-2); --semantic-size-height-3: var(--semantic-size-height-3); --semantic-size-height-4: var(--semantic-size-height-4); --semantic-size-height-5: var(--semantic-size-height-5); --semantic-size-height-6: var(--semantic-size-height-6); --semantic-size-height-7: var(--semantic-size-height-7); --semantic-size-height-8: var(--semantic-size-height-8); --semantic-size-height-9: var(--semantic-size-height-9); --semantic-size-height-10: var(--semantic-size-height-10); --semantic-size-height-11: var(--semantic-size-height-11); --semantic-radius-0: var(--semantic-radius-0); --semantic-radius-4: var(--semantic-radius-4); --semantic-radius-8: var(--semantic-radius-8); --semantic-radius-12: var(--semantic-radius-12); --semantic-radius-16: var(--semantic-radius-16); --semantic-radius-20: var(--semantic-radius-20); --semantic-radius-24: var(--semantic-radius-24); --semantic-radius-28: var(--semantic-radius-28); --semantic-radius-32: var(--semantic-radius-32); --semantic-radius-36: var(--semantic-radius-36); --semantic-radius-xs: var(--semantic-radius-xs); --semantic-radius-sm: var(--semantic-radius-sm); --semantic-radius-md: var(--semantic-radius-md); --semantic-radius-lg: var(--semantic-radius-lg); --semantic-radius-xl: var(--semantic-radius-xl); --semantic-radius-2xl: var(--semantic-radius-2xl); --semantic-radius-3xl: var(--semantic-radius-3xl); --semantic-radius-full: var(--semantic-radius-full); --semantic-spacing-1: var(--semantic-spacing-1); --semantic-spacing-2: var(--semantic-spacing-2); --semantic-spacing-3: var(--semantic-spacing-3); --semantic-spacing-4: var(--semantic-spacing-4); --semantic-spacing-5: var(--semantic-spacing-5); --semantic-spacing-6: var(--semantic-spacing-6); --semantic-spacing-7: var(--semantic-spacing-7); --semantic-spacing-8: var(--semantic-spacing-8); --semantic-spacing-9: var(--semantic-spacing-9); --semantic-spacing-10: var(--semantic-spacing-10); --semantic-spacing-11: var(--semantic-spacing-11); --semantic-spacing-12: var(--semantic-spacing-12); --semantic-spacing-14: var(--semantic-spacing-14); --semantic-spacing-16: var(--semantic-spacing-16); --semantic-spacing-18: var(--semantic-spacing-18); --semantic-spacing-19: var(--semantic-spacing-19); --semantic-spacing-20: var(--semantic-spacing-20); --semantic-spacing-24: var(--semantic-spacing-24); --semantic-spacing-28: var(--semantic-spacing-28); --semantic-spacing-30: var(--semantic-spacing-30); --semantic-spacing-32: var(--semantic-spacing-32); --semantic-spacing-36: var(--semantic-spacing-36); --semantic-spacing-40: var(--semantic-spacing-40); --semantic-spacing-60: var(--semantic-spacing-60); --semantic-spacing-100: var(--semantic-spacing-100); --semantic-spacing-2xs: var(--semantic-spacing-2xs); --semantic-spacing-xs: var(--semantic-spacing-xs); --semantic-spacing-sm: var(--semantic-spacing-sm); --semantic-spacing-md: var(--semantic-spacing-md); --semantic-spacing-lg: var(--semantic-spacing-lg); --semantic-spacing-xl: var(--semantic-spacing-xl); --semantic-spacing-2xl: var(--semantic-spacing-2xl); --semantic-spacing-3xl: var(--semantic-spacing-3xl); --semantic-spacing-4xl: var(--semantic-spacing-4xl); --semantic-spacing-5xl: var(--semantic-spacing-5xl); --semantic-spacing-6xl: var(--semantic-spacing-6xl); --semantic-spacing-7xl: var(--semantic-spacing-7xl); --semantic-gap-1: var(--semantic-gap-1); --semantic-gap-2: var(--semantic-gap-2); --semantic-gap-3: var(--semantic-gap-3); --semantic-gap-4: var(--semantic-gap-4); --semantic-gap-5: var(--semantic-gap-5); --semantic-gap-6: var(--semantic-gap-6); --semantic-gap-7: var(--semantic-gap-7); --semantic-gap-8: var(--semantic-gap-8); --semantic-gap-9: var(--semantic-gap-9); --semantic-gap-10: var(--semantic-gap-10); --semantic-gap-11: var(--semantic-gap-11); --semantic-gap-12: var(--semantic-gap-12); --semantic-gap-14: var(--semantic-gap-14); --semantic-gap-16: var(--semantic-gap-16); --semantic-gap-18: var(--semantic-gap-18); --semantic-gap-19: var(--semantic-gap-19); --semantic-gap-20: var(--semantic-gap-20); --semantic-gap-24: var(--semantic-gap-24); --semantic-gap-28: var(--semantic-gap-28); --semantic-gap-30: var(--semantic-gap-30); --semantic-gap-32: var(--semantic-gap-32); --semantic-gap-36: var(--semantic-gap-36); --semantic-gap-40: var(--semantic-gap-40); --semantic-padding-1: var(--semantic-padding-1); --semantic-padding-2: var(--semantic-padding-2); --semantic-padding-3: var(--semantic-padding-3); --semantic-padding-4: var(--semantic-padding-4); --semantic-padding-5: var(--semantic-padding-5); --semantic-padding-6: var(--semantic-padding-6); --semantic-padding-7: var(--semantic-padding-7); --semantic-padding-8: var(--semantic-padding-8); --semantic-padding-9: var(--semantic-padding-9); --semantic-padding-10: var(--semantic-padding-10); --semantic-padding-11: var(--semantic-padding-11); --semantic-padding-12: var(--semantic-padding-12); --semantic-padding-14: var(--semantic-padding-14); --semantic-padding-16: var(--semantic-padding-16); --semantic-padding-18: var(--semantic-padding-18); --semantic-padding-19: var(--semantic-padding-19); --semantic-padding-20: var(--semantic-padding-20); --semantic-padding-24: var(--semantic-padding-24); --semantic-padding-28: var(--semantic-padding-28); --semantic-padding-30: var(--semantic-padding-30); --semantic-padding-32: var(--semantic-padding-32); --semantic-padding-36: var(--semantic-padding-36); --semantic-padding-40: var(--semantic-padding-40); --semantic-opacity-dim: var(--semantic-opacity-dim); --semantic-opacity-disabled: var(--semantic-opacity-disabled); --semantic-opacity-hover: var(--semantic-opacity-hover); --semantic-opacity-pressed: var(--semantic-opacity-pressed); --semantic-opacity-overlay-5: var(--semantic-opacity-overlay-5); --semantic-opacity-overlay-10: var(--semantic-opacity-overlay-10); --semantic-opacity-overlay-15: var(--semantic-opacity-overlay-15); --semantic-opacity-overlay-20: var(--semantic-opacity-overlay-20); --semantic-opacity-overlay-25: var(--semantic-opacity-overlay-25); --semantic-opacity-overlay-30: var(--semantic-opacity-overlay-30); --semantic-opacity-overlay-35: var(--semantic-opacity-overlay-35); --semantic-opacity-overlay-40: var(--semantic-opacity-overlay-40); --semantic-opacity-overlay-45: var(--semantic-opacity-overlay-45); --semantic-opacity-overlay-50: var(--semantic-opacity-overlay-50); --semantic-opacity-overlay-55: var(--semantic-opacity-overlay-55); --semantic-opacity-overlay-60: var(--semantic-opacity-overlay-60); --semantic-opacity-overlay-65: var(--semantic-opacity-overlay-65); --semantic-opacity-overlay-70: var(--semantic-opacity-overlay-70); --semantic-opacity-overlay-75: var(--semantic-opacity-overlay-75); --semantic-opacity-overlay-80: var(--semantic-opacity-overlay-80); --semantic-opacity-overlay-85: var(--semantic-opacity-overlay-85); --semantic-opacity-overlay-90: var(--semantic-opacity-overlay-90); --semantic-opacity-overlay-95: var(--semantic-opacity-overlay-95); --semantic-opacity-overlay-100: var(--semantic-opacity-overlay-100); --semantic-opacity-toast: var(--semantic-opacity-toast); --semantic-Shadow-100: var(--semantic-Shadow-100); --semantic-Shadow-200: var(--semantic-Shadow-200); --semantic-Shadow-300: var(--semantic-Shadow-300); --semantic-Shadow-400: var(--semantic-Shadow-400); --semantic-Shadow-500: var(--semantic-Shadow-500); --semantic-Shadow-600: var(--semantic-Shadow-600); --semantic-Shadow-float: var(--semantic-Shadow-float); --semantic-Shadow-nav: var(--semantic-Shadow-nav); --semantic-Shadow-dark-100: var(--semantic-Shadow-dark-100); --semantic-Shadow-dark-200: var(--semantic-Shadow-dark-200); --semantic-Shadow-dark-300: var(--semantic-Shadow-dark-300); --semantic-Shadow-dark-400: var(--semantic-Shadow-dark-400); --semantic-Shadow-dark-500: var(--semantic-Shadow-dark-500); --semantic-Shadow-dark-600: var(--semantic-Shadow-dark-600); --semantic-Shadow-dark-nav: var(--semantic-Shadow-dark-nav); --component-button-primary-bg: var(--component-button-primary-bg); --component-button-primary-bg-hover: var(--component-button-primary-bg-hover); --component-button-primary-bg-inactive: var(--component-button-primary-bg-inactive); --component-button-primary-text: var(--component-button-primary-text); --component-button-primary-radius: var(--component-button-primary-radius); --component-button-secondary-bg: var(--component-button-secondary-bg); --component-button-secondary-bg-hover: var(--component-button-secondary-bg-hover); --component-button-secondary-text: var(--component-button-secondary-text); --component-button-secondary-radius: var(--component-button-secondary-radius); --component-button-pastel-bg: var(--component-button-pastel-bg); --component-button-pastel-text: var(--component-button-pastel-text); --component-button-pastel-radius: var(--component-button-pastel-radius); --component-button-lime-bg: var(--component-button-lime-bg); --component-button-lime-text: var(--component-button-lime-text); --component-button-lime-radius: var(--component-button-lime-radius); --component-button-light-coral-bg: var(--component-button-light-coral-bg); --component-button-light-coral-text: var(--component-button-light-coral-text); --component-button-light-coral-radius: var(--component-button-light-coral-radius); --component-button-brand-solid-bg: var(--component-button-brand-solid-bg); --component-button-brand-solid-bg-hover: var(--component-button-brand-solid-bg-hover); --component-button-brand-solid-bg-disabled: var(--component-button-brand-solid-bg-disabled); --component-button-brand-solid-text: var(--component-button-brand-solid-text); --component-button-brand-solid-bg-pressed: var(--component-button-brand-solid-bg-pressed); --component-button-brand-weak-bg: var(--component-button-brand-weak-bg); --component-button-brand-weak-text: var(--component-button-brand-weak-text); --component-button-neutral-solid-bg: var(--component-button-neutral-solid-bg); --component-button-neutral-solid-bg-pressed: var(--component-button-neutral-solid-bg-pressed); --component-button-neutral-solid-bg-disabled: var(--component-button-neutral-solid-bg-disabled); --component-button-neutral-solid-text: var(--component-button-neutral-solid-text); --component-button-error-bg: var(--component-button-error-bg); --component-button-error-bg-pressed: var(--component-button-error-bg-pressed); --component-button-error-bg-disabled: var(--component-button-error-bg-disabled); --component-button-error-text: var(--component-button-error-text); --component-button-neutral-weak-solid-bg: var(--component-button-neutral-weak-solid-bg); --component-button-neutral-weak-solid-bg-pressed: var(--component-button-neutral-weak-solid-bg-pressed); --component-button-neutral-weak-solid-bg-disabled: var(--component-button-neutral-weak-solid-bg-disabled); --component-button-neutral-weak-solid-text: var(--component-button-neutral-weak-solid-text); --component-input-bg: var(--component-input-bg); --component-input-bg-secondary: var(--component-input-bg-secondary); --component-input-border: var(--component-input-border); --component-input-border-focus: var(--component-input-border-focus); --component-input-border-error: var(--component-input-border-error); --component-input-text: var(--component-input-text); --component-input-placeholder: var(--component-input-placeholder); --component-input-error-text: var(--component-input-error-text); --component-input-radius: var(--component-input-radius); --component-input-radius-search: var(--component-input-radius-search); --component-chip-radius: var(--component-chip-radius); --component-chip-padding-md: var(--component-chip-padding-md); --component-chip-padding-sm: var(--component-chip-padding-sm); --component-chip-pastel-bg: var(--component-chip-pastel-bg); --component-chip-pastel-text: var(--component-chip-pastel-text); --component-chip-pastel-border: var(--component-chip-pastel-border); --component-chip-pastel-text-checked: var(--component-chip-pastel-text-checked); --component-chip-coral-bg: var(--component-chip-coral-bg); --component-chip-coral-text: var(--component-chip-coral-text); --component-switch-bg-on: var(--component-switch-bg-on); --component-switch-bg-off: var(--component-switch-bg-off); --component-switch-inner-bg: var(--component-switch-inner-bg); --component-tab-color-active: var(--component-tab-color-active); --component-tab-bg-indicator: var(--component-tab-bg-indicator); --component-radio-border-checked: var(--component-radio-border-checked); --component-checkbox-border: var(--component-checkbox-border); --component-checkbox-border-checked: var(--component-checkbox-border-checked); --component-checkbox-bg-checked: var(--component-checkbox-bg-checked); --component-checkbox-text-checked: var(--component-checkbox-text-checked); --component-checkbox-radius: var(--component-checkbox-radius); }:root{--color-primary-default: var(--semantic-color-primary-default);--color-primary-hover: var(--semantic-color-primary-hover);--color-primary-pressed: var(--semantic-color-primary-pressed);--color-primary-subtle: var(--semantic-color-primary-subtle);--color-primary-light: var(--semantic-color-primary-light);--color-interactive-primary: var(--semantic-color-interactive-primary);--color-interactive-primary-hover: var(--semantic-color-interactive-primary-hover);--color-interactive-primary-active: var(--semantic-color-interactive-primary-active);--color-interactive-primary-subtle: var(--semantic-color-interactive-primary-subtle);--color-interactive-primary-light: var(--semantic-color-interactive-primary-light);--color-interactive-secondary: var(--semantic-color-interactive-secondary);--color-interactive-secondary-hover: var(--semantic-color-interactive-secondary-hover);--color-interactive-inactive: var(--semantic-color-interactive-inactive);--color-interactive-disabled: var(--semantic-color-interactive-disabled);--color-brand-lime: var(--semantic-color-brand-lime);--color-brand-lime-deep: var(--semantic-color-brand-lime-deep);--color-brand-lime-accent: var(--semantic-color-brand-lime-accent);--color-brand-violet: var(--semantic-color-brand-violet);--color-text-primary: var(--semantic-color-text-primary);--color-text-strong: var(--semantic-color-text-strong);--color-text-secondary: var(--semantic-color-text-secondary);--color-text-tertiary: var(--semantic-color-text-tertiary);--color-text-disabled: var(--semantic-color-text-disabled);--color-text-inverse: var(--semantic-color-text-inverse);--color-text-error: var(--semantic-color-text-error);--color-text-brand: var(--semantic-color-text-brand);--color-text-brand-hover: var(--semantic-color-text-brand-hover);--color-bg-base: var(--semantic-color-bg-base);--color-bg-subtle: var(--semantic-color-bg-subtle);--color-bg-muted: var(--semantic-color-bg-muted);--color-bg-input: var(--semantic-color-bg-input);--color-bg-input-secondary: var(--semantic-color-bg-input-secondary);--color-bg-timer: var(--semantic-color-bg-timer);--color-bg-inverse: var(--semantic-color-bg-inverse);--color-bg-brand-subtle: var(--semantic-color-bg-brand-subtle);--color-bg-strong: var(--semantic-color-bg-strong);--color-bg-weak: var(--semantic-color-bg-weak);--color-bg-solid: var(--semantic-color-bg-solid);--color-bg-error: var(--semantic-color-bg-error);--color-bg-neutral-solid: var(--semantic-color-bg-neutral-solid);--color-bg-neutral-solid-pressed: var(--semantic-color-bg-neutral-solid-pressed);--color-bg-disable: var(--semantic-color-bg-disable);--color-bg-brand-weak-pressed: var(--semantic-color-bg-brand-weak-pressed);--color-bg-nav-scrolled: var(--semantic-color-bg-nav-scrolled);--color-bg-pressed: var(--semantic-color-bg-pressed);--color-bg-brand: var(--semantic-color-bg-brand);--color-bg-brand-hover: var(--semantic-color-bg-brand-hover);--color-bg-brand-pressed: var(--semantic-color-bg-brand-pressed);--color-bg-error-pressed: var(--semantic-color-bg-error-pressed);--color-bg-error-disabled: var(--semantic-color-bg-error-disabled);--color-bg-error-subtle: var(--semantic-color-bg-error-subtle);--color-bg-disable-secondary: var(--semantic-color-bg-disable-secondary);--color-bg-pressed-secondary: var(--semantic-color-bg-pressed-secondary);--color-bg-skeleton: var(--semantic-color-bg-skeleton);--color-bg-skeleton-shine: var(--semantic-color-bg-skeleton-shine);--color-bg-white-5: var(--semantic-color-bg-white-5);--color-bg-white-10: var(--semantic-color-bg-white-10);--color-bg-white-15: var(--semantic-color-bg-white-15);--color-bg-white-20: var(--semantic-color-bg-white-20);--color-bg-white-25: var(--semantic-color-bg-white-25);--color-bg-white-30: var(--semantic-color-bg-white-30);--color-bg-white-35: var(--semantic-color-bg-white-35);--color-bg-white-40: var(--semantic-color-bg-white-40);--color-bg-white-45: var(--semantic-color-bg-white-45);--color-bg-white-50: var(--semantic-color-bg-white-50);--color-bg-white-55: var(--semantic-color-bg-white-55);--color-bg-white-60: var(--semantic-color-bg-white-60);--color-bg-white-65: var(--semantic-color-bg-white-65);--color-bg-white-70: var(--semantic-color-bg-white-70);--color-bg-white-75: var(--semantic-color-bg-white-75);--color-bg-white-80: var(--semantic-color-bg-white-80);--color-bg-white-85: var(--semantic-color-bg-white-85);--color-bg-white-90: var(--semantic-color-bg-white-90);--color-bg-white-95: var(--semantic-color-bg-white-95);--color-bg-white-100: var(--semantic-color-bg-white-100);--color-bg-black-5: var(--semantic-color-bg-black-5);--color-bg-black-10: var(--semantic-color-bg-black-10);--color-bg-black-15: var(--semantic-color-bg-black-15);--color-bg-black-20: var(--semantic-color-bg-black-20);--color-bg-black-25: var(--semantic-color-bg-black-25);--color-bg-black-30: var(--semantic-color-bg-black-30);--color-bg-black-35: var(--semantic-color-bg-black-35);--color-bg-black-40: var(--semantic-color-bg-black-40);--color-bg-black-45: var(--semantic-color-bg-black-45);--color-bg-black-50: var(--semantic-color-bg-black-50);--color-bg-black-55: var(--semantic-color-bg-black-55);--color-bg-black-60: var(--semantic-color-bg-black-60);--color-bg-black-65: var(--semantic-color-bg-black-65);--color-bg-black-70: var(--semantic-color-bg-black-70);--color-bg-black-75: var(--semantic-color-bg-black-75);--color-bg-black-80: var(--semantic-color-bg-black-80);--color-bg-black-85: var(--semantic-color-bg-black-85);--color-bg-black-90: var(--semantic-color-bg-black-90);--color-bg-black-95: var(--semantic-color-bg-black-95);--color-bg-black-100: var(--semantic-color-bg-black-100);--color-border-default: var(--semantic-color-border-default);--color-border-strong: var(--semantic-color-border-strong);--color-border-focus: var(--semantic-color-border-focus);--color-border-error: var(--semantic-color-border-error);--color-border-disabled: var(--semantic-color-border-disabled);--color-border-selected: var(--semantic-color-border-selected);--color-border-weak: var(--semantic-color-border-weak);--color-border-solid: var(--semantic-color-border-solid);--color-border-disable: var(--semantic-color-border-disable);--color-border-subtle: var(--semantic-color-border-subtle);--color-border-brand: var(--semantic-color-border-brand);--color-border-inverse: var(--semantic-color-border-inverse);--color-border-nav-top: var(--semantic-color-border-nav-top);--color-border-neutral-solid: var(--semantic-color-border-neutral-solid);--color-feedback-error: var(--semantic-color-feedback-error);--color-status-error: var(--semantic-color-feedback-error);--color-feedback-error-subtle: var(--semantic-color-feedback-error-subtle);--color-status-error-subtle: var(--semantic-color-feedback-error-subtle);--color-feedback-error-bg: var(--semantic-color-feedback-error-bg);--color-status-error-bg: var(--semantic-color-feedback-error-bg);--color-feedback-error-strong: var(--semantic-color-feedback-error-strong);--color-status-error-strong: var(--semantic-color-feedback-error-strong);--color-feedback-success: var(--semantic-color-feedback-success);--color-status-success: var(--semantic-color-feedback-success);--color-feedback-warning: var(--semantic-color-feedback-warning);--color-status-warning: var(--semantic-color-feedback-warning);--color-fg-text-solid: var(--semantic-color-fg-text-solid);--color-fg-text-weak: var(--semantic-color-fg-text-weak);--color-fg-text-muted: var(--semantic-color-fg-text-muted);--color-fg-text-subtle: var(--semantic-color-fg-text-subtle);--color-fg-text-disable: var(--semantic-color-fg-text-disable);--color-fg-text-solid-muted: var(--semantic-color-fg-text-solid-muted);--color-fg-text-error: var(--semantic-color-fg-text-error);--color-fg-text-brand: var(--semantic-color-fg-text-brand);--color-fg-text-error-contrast: var(--semantic-color-fg-text-error-contrast);--color-fg-text-positive: var(--semantic-color-fg-text-positive);--color-fg-text-warning: var(--semantic-color-fg-text-warning);--color-fg-text-inverse: var(--semantic-color-fg-text-inverse);--color-fg-text-static-light: var(--semantic-color-fg-text-static-light);--color-fg-text-static-dark: var(--semantic-color-fg-text-static-dark);--color-fg-text-error-pressed: var(--semantic-color-fg-text-error-pressed);--color-fg-icon-weak: var(--semantic-color-fg-icon-weak);--color-fg-icon-muted: var(--semantic-color-fg-icon-muted);--color-fg-icon-subtle: var(--semantic-color-fg-icon-subtle);--color-fg-icon-solid-muted: var(--semantic-color-fg-icon-solid-muted);--color-fg-icon-disable: var(--semantic-color-fg-icon-disable);--color-fg-icon-error: var(--semantic-color-fg-icon-error);--color-fg-icon-inverse: var(--semantic-color-fg-icon-inverse);--color-fg-icon-brand: var(--semantic-color-fg-icon-brand);--color-effect-shadow-nav: var(--semantic-color-effect-shadow-nav);--color-bg-default: var(--semantic-color-bg-base)}[data-brand=motemote]{--semantic-color-primary-default: #333333;--semantic-color-primary-hover: #6d7278;--semantic-color-primary-pressed: #95999d;--semantic-color-interactive-primary: var(--semantic-color-primary-default);--semantic-color-interactive-primary-hover: var(--semantic-color-primary-hover);--semantic-color-interactive-primary-active: var(--semantic-color-primary-pressed);--component-button-primary-bg: var(--semantic-color-primary-default);--component-button-primary-bg-hover: var(--semantic-color-primary-hover);--component-button-pastel-text: var(--semantic-color-primary-default);--component-input-border-focus: var(--semantic-color-primary-default)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;color:var(--color-text-primary)}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.container{max-width:1400px;margin:0 auto;padding:0 1rem}.card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.btn{padding:.625rem 1.25rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--color-interactive-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-interactive-primary-hover)}.btn-secondary{background:var(--color-text-secondary);color:var(--color-text-inverse)}.btn-secondary:hover{background:var(--color-text-primary)}.btn-danger{background:var(--color-status-error);color:var(--color-text-inverse)}.btn-danger:hover{background:var(--color-text-error)}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-secondary)}.form-input,.form-select{width:100%;padding:.625rem;border:1px solid var(--color-border-default);border-radius:6px;font-size:1rem}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-border-brand);box-shadow:0 0 0 3px #9678ff1a}.loading-screen.svelte-12qhfyh{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.spinner.svelte-12qhfyh{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-12qhfyh-spin 1s linear infinite}@keyframes svelte-12qhfyh-spin{to{transform:rotate(360deg)}}.app.svelte-12qhfyh{height:100vh;width:100%;display:flex;flex-direction:column;background:#f5f7fa;overflow:hidden}.main-content.svelte-12qhfyh{flex:1;padding:1.5rem;width:100%;overflow-y:auto;overflow-x:hidden}@media(max-width:768px){.main-content.svelte-12qhfyh{padding:1rem}}