@layer theme{:root{--font-sans: ui-sans-serif, system-ui, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: "SF Mono", "SFMono-Regular", ui-monospace, consolas, liberation mono, menlo, monospace;--spacing: .25rem;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-2xl: 42rem;--container-3xl: 48rem;--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--breakpoint-xs: 380px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-2xs: .125rem;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .625rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.25rem;--radius-4xl: 1.5rem;--radius-full: 9999px;--text-lg: var(--font-text-lg-size);--text-lg--line-height: var(--font-text-lg-line-height);--text-lg--font-weight: var(--font-text-lg-weight);--text-lg--letter-spacing: var(--font-text-lg-tracking);--text-base: var(--font-text-md-size);--text-base--line-height: var(--font-text-md-line-height);--text-base--font-weight: var(--font-text-md-weight);--text-base--letter-spacing: var(--font-text-md-tracking);--text-sm: var(--font-text-sm-size);--text-sm--line-height: var(--font-text-sm-line-height);--text-sm--font-weight: var(--font-text-sm-weight);--text-sm--letter-spacing: var(--font-text-sm-tracking);--text-xs: var(--font-text-xs-size);--text-xs--line-height: var(--font-text-xs-line-height);--text-xs--font-weight: var(--font-text-xs-weight);--text-xs--letter-spacing: var(--font-text-xs-tracking);--text-2xs: var(--font-text-2xs-size);--text-2xs--line-height: var(--font-text-2xs-line-height);--text-2xs--font-weight: var(--font-text-2xs-weight);--text-2xs--letter-spacing: var(--font-text-2xs-tracking);--text-3xs: var(--font-text-3xs-size);--text-3xs--line-height: var(--font-text-3xs-line-height);--text-3xs--font-weight: var(--font-text-3xs-weight);--text-3xs--letter-spacing: var(--font-text-3xs-tracking);--text-xl: var(--font-heading-md-size);--text-xl--line-height: var(--font-heading-md-line-height);--text-xl--font-weight: var(--font-text-lg-weight);--text-xl--letter-spacing: var(--font-heading-md-tracking);--text-2xl: var(--font-heading-lg-size);--text-2xl--line-height: var(--font-heading-lg-line-height);--text-2xl--font-weight: var(--font-text-lg-weight);--text-2xl--letter-spacing: var(--font-heading-lg-tracking);--text-3xl: var(--font-heading-xl-size);--text-3xl--line-height: var(--font-heading-xl-line-height);--text-3xl--font-weight: var(--font-text-lg-weight);--text-3xl--letter-spacing: var(--font-heading-xl-tracking);--tracking-wide: var(--font-tracking-wide);--tracking-normal: var(--font-tracking-normal);--tracking-tight: var(--font-tracking-tight);--shadow-md: var(--shadow-200);--shadow-hairline: var(--shadow-hairline);--color-gray-100: var(--gray-100);--color-gray-150: var(--gray-150);--color-gray-300: var(--gray-300);--color-gray-350: var(--gray-350);--color-gray-500: var(--gray-500);--color-red-500: var(--red-500);--color-red-600: var(--red-600);--color-alpha: var(--alpha-base);--color-white: var(--white);--color-black: var(--black);--ease-basic: var(--transition-ease-basic)}:root{--gray-500: #5d5d5d;--alpha-0: color-mix(in oklab, var(--alpha-base) 0%, transparent);--alpha-01: color-mix(in oklab, var(--alpha-base) 1%, transparent);--alpha-02: color-mix(in oklab, var(--alpha-base) 2%, transparent);--alpha-04: color-mix(in oklab, var(--alpha-base) 4%, transparent);--alpha-05: color-mix(in oklab, var(--alpha-base) 5%, transparent);--alpha-06: color-mix(in oklab, var(--alpha-base) 6%, transparent);--alpha-08: color-mix(in oklab, var(--alpha-base) 8%, transparent);--alpha-10: color-mix(in oklab, var(--alpha-base) 10%, transparent);--alpha-12: color-mix(in oklab, var(--alpha-base) 12%, transparent);--alpha-15: color-mix(in oklab, var(--alpha-base) 15%, transparent);--alpha-16: color-mix(in oklab, var(--alpha-base) 16%, transparent);--alpha-20: color-mix(in oklab, var(--alpha-base) 20%, transparent);--alpha-25: color-mix(in oklab, var(--alpha-base) 25%, transparent);--alpha-30: color-mix(in oklab, var(--alpha-base) 30%, transparent);--alpha-35: color-mix(in oklab, var(--alpha-base) 35%, transparent);--alpha-40: color-mix(in oklab, var(--alpha-base) 40%, transparent);--alpha-50: color-mix(in oklab, var(--alpha-base) 50%, transparent);--alpha-60: color-mix(in oklab, var(--alpha-base) 60%, transparent);--alpha-70: color-mix(in oklab, var(--alpha-base) 70%, transparent);--white: #fff;--black: #000;--green-25: #edfaf2;--green-50: #d9f4e4;--green-75: #b8ebcc;--green-100: #8cdfad;--green-200: #66d492;--green-300: #40c977;--green-400: #04b84c;--green-500: #00a240;--green-600: #008635;--green-700: #00692a;--green-800: #004f1f;--green-900: #003716;--green-950: #011c0b;--green-1000: #001207;--green-a25: color-mix(in oklab, var(--green-400) 8%, transparent);--green-a50: color-mix(in oklab, var(--green-400) 15%, transparent);--green-a75: color-mix(in oklab, var(--green-400) 29%, transparent);--green-a100: color-mix(in oklab, var(--green-400) 45%, transparent);--green-a200: color-mix(in oklab, var(--green-400) 60%, transparent);--green-a300: color-mix(in oklab, var(--green-400) 75%, transparent);--red-25: #fff0f0;--red-50: #ffd9d9;--red-75: #ffc6c5;--red-100: #ffa4a2;--red-200: #ff8583;--red-300: #ff6764;--red-400: #fa423e;--red-500: #e02e2a;--red-600: #ba2623;--red-700: #911e1b;--red-800: #6e1615;--red-900: #4d100e;--red-950: #280b0a;--red-1000: #1f0909;--red-a25: color-mix(in oklab, var(--red-400) 8%, transparent);--red-a50: color-mix(in oklab, var(--red-400) 16%, transparent);--red-a75: color-mix(in oklab, var(--red-400) 30%, transparent);--red-a100: color-mix(in oklab, var(--red-400) 48%, transparent);--red-a200: color-mix(in oklab, var(--red-400) 64%, transparent);--red-a300: color-mix(in oklab, var(--red-400) 79%, transparent);--pink-25: #fff4f9;--pink-50: #ffe8f3;--pink-75: #ffd4e8;--pink-100: #ffbada;--pink-200: #ffa3ce;--pink-300: #ff8cc1;--pink-400: #ff66ad;--pink-500: #e04c91;--pink-600: #ba437a;--pink-700: #963c67;--pink-800: #6e2c4a;--pink-900: #4d1f34;--pink-950: #29101c;--pink-1000: #1a0a11;--pink-a25: color-mix(in oklab, var(--pink-400) 8%, transparent);--pink-a50: color-mix(in oklab, var(--pink-400) 16%, transparent);--pink-a75: color-mix(in oklab, var(--pink-400) 28%, transparent);--pink-a100: color-mix(in oklab, var(--pink-400) 45%, transparent);--pink-a200: color-mix(in oklab, var(--pink-400) 60%, transparent);--pink-a300: color-mix(in oklab, var(--pink-400) 76%, transparent);--orange-25: #fff5f0;--orange-50: #ffe7d9;--orange-75: #ffcfb4;--orange-100: #ffb790;--orange-200: #ff9e6c;--orange-300: #ff8549;--orange-400: #fb6a22;--orange-500: #e25507;--orange-600: #b9480d;--orange-700: #923b0f;--orange-800: #6d2e0f;--orange-900: #4a2206;--orange-950: #281105;--orange-1000: #211107;--orange-a25: color-mix(in oklab, var(--orange-400) 7%, transparent);--orange-a50: color-mix(in oklab, var(--orange-400) 16%, transparent);--orange-a75: color-mix(in oklab, var(--orange-400) 33%, transparent);--orange-a100: color-mix(in oklab, var(--orange-400) 48%, transparent);--orange-a200: color-mix(in oklab, var(--orange-400) 65%, transparent);--orange-a300: color-mix(in oklab, var(--orange-400) 81%, transparent);--yellow-25: #fffbed;--yellow-50: #fff6d9;--yellow-75: #ffeeb8;--yellow-100: #ffe48c;--yellow-200: #ffdb66;--yellow-300: #ffd240;--yellow-400: #ffc300;--yellow-500: #e0ac00;--yellow-600: #ba8e00;--yellow-700: #916f00;--yellow-800: #6e5400;--yellow-900: #4d3b00;--yellow-950: #261d00;--yellow-1000: #1a1400;--yellow-a25: color-mix(in oklab, var(--yellow-400) 8%, transparent);--yellow-a50: color-mix(in oklab, var(--yellow-400) 15%, transparent);--yellow-a75: color-mix(in oklab, var(--yellow-400) 27%, transparent);--yellow-a100: color-mix(in oklab, var(--yellow-400) 45%, transparent);--yellow-a200: color-mix(in oklab, var(--yellow-400) 59%, transparent);--yellow-a300: color-mix(in oklab, var(--yellow-400) 74%, transparent);--purple-25: #f9f5fe;--purple-50: #efe5fe;--purple-75: #e0cefd;--purple-100: #ceb0fb;--purple-200: #be95fa;--purple-300: #ad7bf9;--purple-400: #924ff7;--purple-500: #8046d9;--purple-600: #6b3ab4;--purple-700: #532d8d;--purple-800: #3f226a;--purple-900: #2c184a;--purple-950: #160c25;--purple-1000: #100a19;--purple-a25: color-mix(in oklab, var(--purple-400) 6%, transparent);--purple-a50: color-mix(in oklab, var(--purple-400) 15%, transparent);--purple-a75: color-mix(in oklab, var(--purple-400) 28%, transparent);--purple-a100: color-mix(in oklab, var(--purple-400) 45%, transparent);--purple-a200: color-mix(in oklab, var(--purple-400) 60%, transparent);--purple-a300: color-mix(in oklab, var(--purple-400) 75%, transparent);--blue-25: #f5faff;--blue-50: #e5f3ff;--blue-75: #cce6ff;--blue-100: #99ceff;--blue-200: #66b5ff;--blue-300: #339cff;--blue-400: #0285ff;--blue-500: #0169cc;--blue-600: #004f99;--blue-700: #003f7a;--blue-800: #013566;--blue-900: #00284d;--blue-950: #000e1a;--blue-1000: #000d19;--blue-a25: color-mix(in oklab, var(--blue-400) 4%, transparent);--blue-a50: color-mix(in oklab, var(--blue-400) 13%, transparent);--blue-a75: color-mix(in oklab, var(--blue-400) 25%, transparent);--blue-a100: color-mix(in oklab, var(--blue-400) 40%, transparent);--blue-a200: color-mix(in oklab, var(--blue-400) 60%, transparent);--blue-a300: color-mix(in oklab, var(--blue-400) 80%, transparent);--hairline: 1px;--shadow-color: 0 0 0;--elevation-100-geo: 0 1px 2px -1px;--elevation-200-geo: 0 2px 4px -1px;--elevation-300-geo: 0 4px 8px -2px;--elevation-400-geo: 0 8px 16px -4px}:root{--gray-0: #fff;--gray-25: #fcfcfc;--gray-50: #f9f9f9;--gray-75: #f3f3f3;--gray-100: #ededed;--gray-150: #dfdfdf;--gray-200: #cdcdcd;--gray-250: #b9b9b9;--gray-300: #afafaf;--gray-350: #9f9f9f;--gray-400: #8f8f8f;--gray-450: #767676;--gray-550: #4f4f4f;--gray-600: #414141;--gray-650: #393939;--gray-700: #303030;--gray-750: #282828;--gray-800: #212121;--gray-850: #1c1c1c;--gray-900: #181818;--gray-925: #161616;--gray-950: #131313;--gray-975: #101010;--gray-1000: #0d0d0d;--alpha-base: #0d0d0d}@media(prefers-color-scheme:dark){:root{--gray-0: #0d0d0d;--gray-25: #101010;--gray-50: #131313;--gray-75: #161616;--gray-100: #181818;--gray-150: #1c1c1c;--gray-200: #212121;--gray-250: #282828;--gray-300: #303030;--gray-350: #393939;--gray-400: #414141;--gray-450: #4f4f4f;--gray-550: #767676;--gray-600: #8f8f8f;--gray-650: #9f9f9f;--gray-700: #afafaf;--gray-750: #b9b9b9;--gray-800: #cdcdcd;--gray-850: #dcdcdc;--gray-900: #ededed;--gray-925: #f3f3f3;--gray-950: #f3f3f3;--gray-975: #f9f9f9;--gray-1000: #fff;--alpha-base: #fff}}@media(min-resolution:150dpi),(min-resolution:1.5x){:root{--hairline: .5px}}:root{--shadow-alpha-100: .08;--shadow-alpha-200: .08;--shadow-alpha-300: .1;--shadow-alpha-400: .12;--shadow-hairline-width: 1px;--shadow-hairline-color: #00000014}@media(min-resolution:150dpi),(min-resolution:1.5x){:root{--shadow-hairline-width: .5px;--shadow-hairline-color: #0000001a}}@media(prefers-color-scheme:dark){:root{--shadow-alpha-100: .2;--shadow-alpha-200: .2;--shadow-alpha-300: .36;--shadow-alpha-400: .3;--shadow-hairline-width: 1px;--shadow-hairline-color: #ffffff1a}}@media(min-resolution:150dpi),(min-resolution:1.5x){@media(prefers-color-scheme:dark){:root{--shadow-hairline-width: .5px;--shadow-hairline-color: #ffffff1f}}}@media(prefers-color-scheme:dark){:root [data-surface=elevated]{--shadow-hairline: 0 0 #0000}}:root{--color-text-emphasis: var(--gray-1000);--color-text-prose: var(--color-text-emphasis);--color-text-inverse: var(--gray-0);--color-text-primary: var(--color-text-emphasis);--color-text-primary-soft: var(--color-text-emphasis);--color-background-primary-soft-alt: var(--alpha-02);--color-border-primary-soft-alt: var(--alpha-06);--color-text-primary-soft-alt: var(--color-text-emphasis);--color-text-primary-surface: var(--color-text-emphasis);--color-text-primary-solid: var(--color-text-inverse);--color-text-primary-outline: var(--color-text-emphasis);--color-text-primary-outline-hover: var(--color-text-emphasis);--color-text-primary-ghost: var(--color-text-emphasis);--color-text-primary-ghost-hover: var(--color-text-emphasis);--color-ring-primary: var(--color-ring);--color-ring-primary-soft: var(--color-ring-primary);--color-ring-primary-solid: var(--color-ring-primary);--color-ring-primary-outline: var(--color-ring-primary);--color-ring-primary-ghost: var(--color-ring-primary);--color-text-secondary-soft: var(--color-text);--color-background-secondary-soft-alt: var(--alpha-02);--color-border-secondary-soft-alt: var(--alpha-06);--color-text-secondary-soft-alt: var(--color-text);--color-text-secondary-solid: var(--white);--color-text-secondary-outline: var(--color-text-secondary);--color-text-secondary-outline-hover: var(--color-text);--color-text-secondary-ghost: var(--color-text-secondary);--color-text-secondary-ghost-hover: var(--color-text);--color-ring-secondary: var(--color-ring);--color-ring-secondary-soft: var(--color-ring-secondary);--color-ring-secondary-solid: var(--color-ring-secondary);--color-ring-secondary-outline: var(--color-ring-secondary);--color-ring-secondary-ghost: var(--color-ring-secondary);--color-background-info-soft: var(--blue-50);--color-background-info-soft-hover: var(--blue-75);--color-background-info-soft-active: var(--blue-75);--color-background-info-soft-alpha: var(--blue-a50);--color-background-info-soft-alpha-hover: var(--blue-a75);--color-background-info-soft-alpha-active: var(--blue-a75);--color-background-info-solid: var(--blue-400);--color-background-info-solid-hover: var(--blue-500);--color-background-info-solid-active: var(--blue-500);--color-text-info-solid: var(--white);--color-background-info-outline-hover: var(--blue-a25);--color-background-info-outline-active: var(--blue-a25);--color-border-info-outline: var(--blue-500);--color-border-info-outline-hover: var(--blue-500);--color-text-info-outline: var(--blue-500);--color-text-info-outline-hover: var(--blue-500);--color-background-info-ghost-hover: var(--blue-a50);--color-background-info-ghost-active: var(--blue-a50);--color-ring-info: var(--color-ring);--color-ring-info-soft: var(--color-ring-info);--color-ring-info-solid: var(--color-ring-info);--color-ring-info-outline: var(--color-ring-info);--color-ring-info-ghost: var(--color-ring-info);--color-background-warning-soft: var(--orange-50);--color-background-warning-soft-hover: var(--orange-75);--color-background-warning-soft-active: var(--orange-75);--color-background-warning-soft-alpha: var(--orange-a50);--color-background-warning-soft-alpha-hover: var(--orange-a75);--color-background-warning-soft-alpha-active: var(--orange-a75);--color-background-warning-solid: var(--orange-500);--color-background-warning-solid-hover: var(--orange-600);--color-background-warning-solid-active: var(--orange-600);--color-text-warning-solid: var(--white);--color-background-warning-outline-hover: var(--orange-a25);--color-background-warning-outline-active: var(--orange-a25);--color-border-warning-outline: var(--orange-500);--color-border-warning-outline-hover: var(--orange-500);--color-text-warning-outline: var(--orange-500);--color-text-warning-outline-hover: var(--orange-500);--color-background-warning-ghost-hover: var(--orange-a50);--color-background-warning-ghost-active: var(--orange-a50);--color-text-warning-ghost: var(--orange-500);--color-text-warning-ghost-hover: var(--orange-500);--color-ring-warning: var(--color-ring);--color-ring-warning-soft: var(--color-ring-warning);--color-ring-warning-solid: var(--color-ring-warning);--color-ring-warning-outline: var(--color-ring-warning);--color-ring-warning-ghost: var(--color-ring-warning);--color-text-caution-hover: var(--yellow-800);--color-background-caution-soft: var(--yellow-50);--color-background-caution-soft-hover: var(--yellow-75);--color-background-caution-soft-active: var(--yellow-75);--color-background-caution-soft-alpha: var(--yellow-a50);--color-background-caution-soft-alpha-hover: var(--yellow-a75);--color-background-caution-soft-alpha-active: var(--yellow-a75);--color-background-caution-solid: var(--yellow-600);--color-background-caution-solid-hover: var(--yellow-700);--color-background-caution-solid-active: var(--yellow-700);--color-text-caution-solid: var(--white);--color-background-caution-outline-hover: var(--yellow-a25);--color-background-caution-outline-active: var(--yellow-a25);--color-border-caution-outline: var(--yellow-700);--color-border-caution-outline-hover: var(--yellow-700);--color-text-caution-outline: var(--yellow-700);--color-text-caution-outline-hover: var(--yellow-700);--color-background-caution-ghost-hover: var(--yellow-a50);--color-background-caution-ghost-active: var(--yellow-a50);--color-text-caution-ghost: var(--yellow-700);--color-text-caution-ghost-hover: var(--yellow-700);--color-ring-caution: var(--color-ring);--color-ring-caution-soft: var(--color-ring-caution);--color-ring-caution-solid: var(--color-ring-caution);--color-ring-caution-outline: var(--color-ring-caution);--color-ring-caution-ghost: var(--color-ring-caution);--color-background-danger-soft: var(--red-50);--color-background-danger-soft-hover: var(--red-75);--color-background-danger-soft-active: var(--red-75);--color-background-danger-soft-alpha: var(--red-a50);--color-background-danger-soft-alpha-hover: var(--red-a75);--color-background-danger-soft-alpha-active: var(--red-a75);--color-background-danger-solid: var(--red-500);--color-background-danger-solid-hover: var(--red-600);--color-background-danger-solid-active: var(--red-600);--color-text-danger-solid: var(--white);--color-background-danger-outline-hover: var(--red-a25);--color-background-danger-outline-active: var(--red-a25);--color-border-danger-outline: var(--red-500);--color-border-danger-outline-hover: var(--red-500);--color-text-danger-outline: var(--red-500);--color-text-danger-outline-hover: var(--red-500);--color-background-danger-ghost-hover: var(--red-a50);--color-background-danger-ghost-active: var(--red-a50);--color-text-danger-ghost: var(--red-500);--color-text-danger-ghost-hover: var(--red-500);--color-ring-danger: var(--red-200);--color-ring-danger-soft: var(--color-ring-danger);--color-ring-danger-solid: var(--color-ring-danger);--color-ring-danger-outline: var(--color-ring-danger);--color-ring-danger-ghost: var(--color-ring-danger);--color-background-success-soft: var(--green-50);--color-background-success-soft-hover: var(--green-75);--color-background-success-soft-active: var(--green-75);--color-background-success-soft-alpha: var(--green-a50);--color-background-success-soft-alpha-hover: var(--green-a75);--color-background-success-soft-alpha-active: var(--green-a75);--color-text-success-solid: var(--white);--color-background-success-outline-hover: var(--green-a25);--color-background-success-outline-active: var(--green-a25);--color-text-success-outline: var(--green-500);--color-text-success-outline-hover: var(--green-500);--color-background-success-ghost-hover: var(--green-a50);--color-background-success-ghost-active: var(--green-a50);--color-text-success-ghost: var(--green-500);--color-text-success-ghost-hover: var(--green-500);--color-ring-success: var(--color-ring);--color-ring-success-soft: var(--color-ring-info);--color-ring-success-solid: var(--color-ring-info);--color-ring-success-outline: var(--color-ring-info);--color-ring-success-ghost: var(--color-ring-info);--color-background-discovery-soft: var(--purple-50);--color-background-discovery-soft-hover: var(--purple-75);--color-background-discovery-soft-active: var(--purple-75);--color-background-discovery-soft-alpha: var(--purple-a50);--color-background-discovery-soft-alpha-hover: var(--purple-a75);--color-background-discovery-soft-alpha-active: var(--purple-a75);--color-background-discovery-solid: var(--purple-400);--color-background-discovery-solid-hover: var(--purple-500);--color-background-discovery-solid-active: var(--purple-500);--color-text-discovery-solid: var(--white);--color-background-discovery-outline-hover: var(--purple-a25);--color-background-discovery-outline-active: var(--purple-a25);--color-border-discovery-outline: var(--purple-500);--color-border-discovery-outline-hover: var(--purple-500);--color-background-discovery-ghost-hover: var(--purple-a50);--color-background-discovery-ghost-active: var(--purple-a50);--color-text-discovery-ghost: var(--purple-500);--color-text-discovery-ghost-hover: var(--purple-500);--color-ring-discovery: var(--color-ring);--color-ring-discovery-soft: var(--color-ring);--color-ring-discovery-solid: var(--color-ring);--color-ring-discovery-outline: var(--color-ring);--color-ring-discovery-ghost: var(--color-ring);--color-background-disabled: var(--alpha-05);--color-border-disabled: var(--alpha-06);--font-tracking-wide: 0em;--font-tracking-normal: -.01em;--font-tracking-tight: -.02em;--font-heading-5xl-size: 4.5rem;--font-heading-5xl-line-height: 4.5rem;--font-heading-5xl-weight: var(--font-weight-semibold);--font-heading-5xl-tracking: var(--tracking-tight);--font-heading-4xl-size: 3.75rem;--font-heading-4xl-line-height: 3.75rem;--font-heading-4xl-weight: var(--font-weight-semibold);--font-heading-4xl-tracking: var(--tracking-tight);--font-heading-3xl-size: 3rem;--font-heading-3xl-line-height: 3rem;--font-heading-3xl-weight: var(--font-weight-semibold);--font-heading-3xl-tracking: var(--tracking-tight);--font-heading-2xl-size: 2.25rem;--font-heading-2xl-line-height: 2.625rem;--font-heading-2xl-weight: var(--font-weight-semibold);--font-heading-2xl-tracking: var(--tracking-tight);--font-heading-xl-size: 2rem;--font-heading-xl-line-height: 2.375rem;--font-heading-xl-weight: var(--font-weight-semibold);--font-heading-xl-tracking: var(--tracking-tight);--font-heading-lg-size: 1.5rem;--font-heading-lg-line-height: 1.75rem;--font-heading-lg-weight: var(--font-weight-semibold);--font-heading-lg-tracking: var(--tracking-normal);--font-heading-md-size: 1.25rem;--font-heading-md-line-height: 1.625rem;--font-heading-md-weight: var(--font-weight-semibold);--font-heading-md-tracking: var(--tracking-normal);--font-heading-sm-size: 1.125rem;--font-heading-sm-line-height: 1.625rem;--font-heading-sm-weight: var(--font-weight-semibold);--font-heading-sm-tracking: var(--tracking-normal);--font-heading-xs-size: 1rem;--font-heading-xs-line-height: 1.5rem;--font-heading-xs-weight: var(--font-weight-semibold);--font-heading-xs-tracking: var(--tracking-normal);--font-text-lg-size: 1.125rem;--font-text-lg-line-height: 1.8125rem;--font-text-lg-weight: var(--font-weight-normal);--font-text-lg-tracking: var(--tracking-normal);--font-text-md-size: 1rem;--font-text-md-line-height: 1.5rem;--font-text-md-weight: var(--font-weight-normal);--font-text-md-tracking: var(--tracking-normal);--font-text-sm-size: .875rem;--font-text-sm-line-height: 1.25rem;--font-text-sm-weight: var(--font-weight-normal);--font-text-sm-tracking: var(--tracking-normal);--font-text-xs-size: .75rem;--font-text-xs-line-height: 1.125rem;--font-text-xs-weight: var(--font-weight-normal);--font-text-xs-tracking: var(--tracking-wide);--font-text-2xs-size: .625rem;--font-text-2xs-line-height: .875rem;--font-text-2xs-weight: var(--font-weight-normal);--font-text-2xs-tracking: var(--tracking-wide);--font-text-3xs-size: .5rem;--font-text-3xs-line-height: .75rem;--font-text-3xs-weight: var(--font-weight-normal);--font-text-3xs-tracking: var(--tracking-wide);--font-small-caps-md-size: .6875rem;--font-small-caps-md-line-height: .9375rem;--font-small-caps-md-weight: var(--font-weight-semibold);--font-small-caps-md-tracking: .65px;--font-small-caps-lg-size: .8125rem;--font-small-caps-lg-line-height: 1.1875rem;--font-small-caps-lg-weight: var(--font-weight-semibold);--font-small-caps-lg-tracking: .6px;--control-size-3xs: 1.375rem;--control-size-2xs: 1.5rem;--control-size-xs: 1.625rem;--control-size-sm: 1.75rem;--control-size-md: 2rem;--control-size-lg: 2.25rem;--control-size-xl: 2.5rem;--control-size-2xl: 2.75rem;--control-size-3xl: 3rem;--control-gutter-2xs: .375rem;--control-gutter-xs: .5rem;--control-gutter-sm: .625rem;--control-gutter-md: .75rem;--control-gutter-lg: .875rem;--control-gutter-xl: 1rem;--control-gutter-pill-scaling: 1.33;--control-radius-sm: var(--radius-sm);--control-radius-md: var(--radius-md);--control-radius-lg: var(--radius-lg);--control-radius-xl: var(--radius-xl);--control-font-size-sm: var(--font-text-xs-size);--control-font-size-md: var(--font-text-sm-size);--control-font-size-lg: var(--font-text-md-size);--control-icon-size-xs: .875rem;--control-icon-size-sm: 1rem;--control-icon-size-md: 1.125rem;--control-icon-size-lg: 1.25rem;--control-icon-size-xl: 1.375rem;--control-icon-size-2xl: 1.5rem;--cubic-enter: cubic-bezier(.19, 1, .22, 1);--cubic-exit: cubic-bezier(.8, 0, .4, 1);--cubic-exit-snappy: cubic-bezier(.65, 0, .4, 1);--cubic-move: cubic-bezier(.65, 0, .35, 1);--transition-duration-basic: .15s;--transition-ease-basic: ease;--scrollbar-color: var(--alpha-30);--shadow-hairline: 0 0 0 var(--shadow-hairline-width) var(--shadow-hairline-color);--shadow-100: var(--elevation-100-geo) rgb(var(--shadow-color)/var(--shadow-alpha-100));--shadow-100-strong: var(--elevation-100-geo) rgb(var(--shadow-color)/calc(var(--shadow-alpha-100) * 1.25));--shadow-100-stronger: var(--elevation-100-geo) rgb(var(--shadow-color)/calc(var(--shadow-alpha-100) * 1.6));--shadow-200: var(--elevation-200-geo) rgb(var(--shadow-color)/var(--shadow-alpha-200));--shadow-200-strong: var(--elevation-200-geo) rgb(var(--shadow-color)/calc(var(--shadow-alpha-200) * 1.25));--shadow-200-stronger: var(--elevation-200-geo) rgb(var(--shadow-color)/calc(var(--shadow-alpha-200) * 1.6));--shadow-300: var(--elevation-300-geo) rgb(var(--shadow-color)/var(--shadow-alpha-300));--shadow-300-strong: var(--elevation-300-geo) rgb(var(--shadow-color)/calc(var(--shadow-alpha-300) * 1.25));--shadow-300-stronger: var(--elevation-300-geo) rgb(var(--shadow-color)/calc(var(--shadow-alpha-300) * 1.6));--shadow-400: var(--elevation-400-geo) rgb(var(--shadow-color)/var(--shadow-alpha-400));--shadow-400-strong: var(--elevation-400-geo) rgb(var(--shadow-color)/calc(var(--shadow-alpha-400) * 1.25));--shadow-400-stronger: var(--elevation-400-geo) rgb(var(--shadow-color)/calc(var(--shadow-alpha-400) * 1.6));--avatar-radius: var(--radius-full);--avatar-size: 28px;--avatar-font-size-scaling: .5;--avatar-overflow-font-size-scaling-one: .45;--avatar-overflow-font-size-scaling-two: .37;--avatar-overflow-font-size-scaling-three: .3;--avatar-group-cutout-width: 3px;--avatar-group-cutout-color: var(--color-surface);--avatar-group-spacing: -8px;--badge-gutter-sm: calc(var(--control-gutter-2xs) - 1px);--badge-gutter-md: var(--control-gutter-2xs);--badge-gutter-lg: var(--control-gutter-xs);--badge-size-sm: calc(var(--control-size-3xs) - 2px);--badge-size-md: var(--control-size-3xs);--badge-size-lg: var(--control-size-2xs);--badge-radius-sm: var(--radius-xs);--badge-radius-md: var(--radius-xs);--badge-radius-lg: var(--radius-sm);--badge-font-size-sm: var(--font-text-xs-size);--badge-font-size-md: var(--font-text-sm-size);--badge-font-size-lg: var(--font-text-sm-size);--badge-tracking-sm: var(--tracking-wide);--badge-tracking-md: var(--tracking-normal);--badge-tracking-lg: var(--tracking-normal);--badge-font-weight-sm: var(--font-weight-semibold);--badge-font-weight-md: var(--font-weight-semibold);--badge-font-weight-lg: var(--font-weight-semibold);--badge-icon-font-size-sm: var(--font-text-xs-size);--badge-icon-font-size-md: var(--font-text-md-size);--badge-icon-font-size-lg: var(--font-text-md-size);--badge-indicator-size-sm: var(--font-text-xs-size);--badge-indicator-size-md: var(--font-text-xs-size);--badge-indicator-size-lg: var(--font-text-sm-size);--button-gap-sm: 3px;--button-gap-md: 4px;--button-gap-lg: 6px;--button-font-weight: var(--font-weight-medium);--input-gap-xs: 4px;--input-gap-sm: 6px;--input-gap-md: 8px;--input-gap-lg: 10px;--input-text-color: var(--color-text);--input-placeholder-text-color: var(--color-text-tertiary);--input-outline-border-color: var(--color-border-primary-outline);--input-outline-border-color-focus: var(--alpha-50);--input-soft-background-color: var(--color-background-primary-soft-alpha);--input-soft-border-color-focus: var(--alpha-20);--link-font-weight: inherit;--link-gap: calc(var(--spacing) * .5);--link-radius: var(--radius-sm);--link-underline-decoration-offset: .1em;--chat-max-width: 800px;--chat-gutter: calc(var(--spacing) * 5);--chat-background-color: var(--color-surface);--thread-gutter: calc(var(--spacing) * 4);--composer-gutter: calc(var(--spacing) * 3);--composer-compact-gutter: calc(var(--spacing) * 2);--composer-radius: var(--radius-4xl);--composer-background-color: var(--color-surface-elevated);--smoothing-background-color: var(--color-surface);--user-message-text-color: var(--color-text-prose);--source-list-gutter: var(--thread-gutter);--codeblock-background-color: var(--gray-25);--codeblock-syntax-4: var(--pink-500);--menu-gutter: calc(var(--spacing) * 1.5);--menu-radius: var(--radius-xl);--menu-font-size: var(--font-text-sm-size);--menu-line-height: var(--font-text-sm-line-height);--menu-item-padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);--menu-item-gap: calc(var(--spacing) * 1.5);--menu-separator-gutter: var(--menu-gutter) calc(-1 * var(--menu-gutter));--menu-separator-background-color: var(--color-border);--menu-radio-indicator-size: var(--font-text-lg-size);--menu-radio-indicator-hole-size: var(--font-text-3xs-size);--menu-checkbox-indicator-size: var(--font-text-lg-size);--modal-radius: var(--radius-xl);--modal-backdrop-fade-filter: blur(1px);--modal-backdrop-dim-shadow: var(--shadow);--modal-container-inner-padding: calc(var(--spacing) * 5);--popover-radius: var(--radius-xl);--segmented-control-gap: 2px;--segmented-control-gutter: 2px;--segmented-control-font-weight: var(--font-weight-semibold);--segmented-control-thumb-shadow: 0 1px 4px -1px #0003;--segmented-control-option-highlight-gutter: 1px;--select-list-scale: .95;--select-item-active-font-weight: var(--font-weight-semibold);--select-control-font-weight: var(--font-weight-medium);--switch-track-width: 32px;--switch-track-height: 19px;--switch-thumb-offset: 3px;--switch-thumb-size: calc(var(--switch-track-height) - 2 * var(--switch-thumb-offset));--switch-thumb-shadow: 0 1px 2px #0003;--switch-label-gap: calc(var(--spacing) * 2);--tooltip-border-radius: var(--radius-md);--tooltip-background-color: var(--color-surface-elevated);--tooltip-text-color: var(--color-text);--tooltip-box-shadow: var(--shadow), var(--shadow-hairline);--tooltip-font-size: var(--font-text-sm-size);--tooltip-font-weight: var(--font-weight-normal);--tooltip-line-height: 1.45;--tooltip-padding-sm: calc(var(--spacing) * 2) calc(var(--spacing) * 3);--tooltip-padding-md: calc(var(--spacing) * 3) calc(var(--spacing) * 4);--tooltip-padding-lg: 14px 18px;--tooltip-compact-padding: calc(var(--spacing) * .5) calc(var(--spacing) * 2);--tooltip-compact-background-color: var(--gray-700);--tooltip-compact-text-color: var(--gray-0);--tooltip-compact-interactive-background-color-hover: var(--gray-600);--tooltip-compact-interactive-text-color-hover: var(--gray-0);--tooltip-compact-font-size: var(--font-text-sm-size);--tooltip-compact-font-weight: var(--font-weight-normal)}:root{--color-text: var(--gray-750);--color-text-secondary: var(--gray-500);--color-text-tertiary: var(--gray-400);--color-ring: var(--blue-500);--color-background-primary-soft: var(--gray-100);--color-background-primary-soft-hover: var(--gray-150);--color-background-primary-soft-active: var(--gray-200);--color-background-primary-soft-alpha: var(--alpha-08);--color-background-primary-soft-alpha-hover: var(--alpha-12);--color-background-primary-soft-alpha-active: var(--alpha-16);--color-background-primary-surface: var(--alpha-05);--color-border-primary-surface: var(--alpha-05);--color-background-primary-solid: var(--gray-900);--color-background-primary-solid-hover: var(--gray-700);--color-background-primary-solid-active: var(--gray-600);--color-background-primary-outline-hover: var(--alpha-02);--color-background-primary-outline-active: var(--alpha-04);--color-border-primary-outline: var(--alpha-16);--color-border-primary-outline-hover: var(--alpha-20);--color-background-primary-ghost-hover: var(--alpha-08);--color-background-primary-ghost-active: var(--alpha-12);--color-background-secondary-soft: var(--gray-100);--color-background-secondary-soft-hover: var(--gray-150);--color-background-secondary-soft-active: var(--gray-200);--color-background-secondary-soft-alpha: var(--alpha-08);--color-background-secondary-soft-alpha-hover: var(--alpha-12);--color-background-secondary-soft-alpha-active: var(--alpha-16);--color-background-secondary-solid: var(--gray-500);--color-background-secondary-solid-hover: var(--gray-600);--color-background-secondary-solid-active: var(--gray-700);--color-background-secondary-outline-hover: var(--alpha-02);--color-background-secondary-outline-active: var(--alpha-04);--color-border-secondary-outline: var(--alpha-16);--color-border-secondary-outline-hover: var(--alpha-20);--color-background-secondary-ghost-hover: var(--alpha-08);--color-background-secondary-ghost-active: var(--alpha-12);--color-text-info: var(--blue-500);--color-text-info-soft: var(--blue-600);--color-background-info-surface: var(--blue-a25);--color-border-info-surface: var(--blue-a25);--color-text-info-surface: var(--blue-600);--color-text-info-ghost: var(--blue-500);--color-text-info-ghost-hover: var(--blue-500);--color-text-warning: var(--orange-700);--color-text-warning-soft: var(--orange-700);--color-background-warning-surface: var(--orange-a25);--color-border-warning-surface: var(--orange-a25);--color-text-warning-surface: var(--orange-700);--color-text-caution: var(--yellow-700);--color-text-caution-soft: var(--yellow-800);--color-background-caution-surface: var(--yellow-a25);--color-border-caution-surface: var(--yellow-a25);--color-text-caution-surface: var(--yellow-800);--color-text-danger: var(--red-700);--color-text-danger-soft: var(--red-600);--color-background-danger-surface: var(--red-a25);--color-border-danger-surface: var(--red-a25);--color-text-danger-surface: var(--red-600);--color-text-success: var(--green-700);--color-text-success-soft: var(--green-600);--color-background-success-surface: var(--green-a25);--color-border-success-surface: var(--green-a25);--color-text-success-surface: var(--green-600);--color-background-success-solid: var(--green-500);--color-background-success-solid-hover: var(--green-500);--color-background-success-solid-active: var(--green-500);--color-border-success-outline: var(--green-500);--color-border-success-outline-hover: var(--green-500);--color-text-discovery: var(--purple-700);--color-text-discovery-soft: var(--purple-600);--color-background-discovery-surface: var(--purple-a25);--color-border-discovery-surface: var(--purple-a25);--color-text-discovery-surface: var(--purple-600);--color-text-discovery-outline: var(--purple-500);--color-text-discovery-outline-hover: var(--purple-500);--color-text-disabled: var(--gray-400);--color-border-subtle: var(--alpha-05);--color-border: var(--alpha-10);--color-border-strong: var(--alpha-15);--shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--color-surface: var(--gray-0);--color-surface-secondary: var(--gray-50);--color-surface-tertiary: var(--gray-75);--color-surface-elevated: var(--gray-0);--color-surface-elevated-secondary: var(--gray-50);--avatar-image-border-color: var(--alpha-04);--input-outline-border-color-hover: var(--alpha-25);--input-border-color-invalid: var(--red-500);--link-primary-text-color: var(--blue-500);--link-primary-text-color-hover: var(--blue-800);--user-message-background-color: var(--alpha-05);--codeblock-syntax-1: #c0660d;--codeblock-syntax-2: var(--blue-500);--codeblock-syntax-3: var(--green-600);--codeblock-syntax-5: var(--purple-500);--menu-item-background-color: var(--alpha-08);--modal-backdrop-background: #0000004d;--modal-backdrop-fade-background: #f2f2f280;--segmented-control-background: var(--gray-100);--segmented-control-thumb-background: var(--gray-0);--segmented-control-option-highlight-background-color: var(--gray-200);--slider-track-color: var(--gray-150);--slider-range-color: var(--gray-450);--switch-track-color: var(--gray-150);--switch-track-color-hover: var(--gray-200);--switch-track-color-checked: var(--gray-900);--switch-track-color-checked-disabled: var(--gray-300);--switch-track-color-disabled: var(--gray-100);--switch-thumb-color: var(--gray-0);--switch-thumb-color-disabled: var(--gray-0)}@media(prefers-color-scheme:dark){:root{--color-text: var(--gray-850);--color-text-secondary: var(--gray-700);--color-text-tertiary: var(--gray-600);--color-ring: var(--blue-400);--color-background-primary-soft: var(--gray-300);--color-background-primary-soft-hover: var(--gray-350);--color-background-primary-soft-active: var(--gray-400);--color-background-primary-soft-alpha: var(--alpha-12);--color-background-primary-soft-alpha-hover: var(--alpha-16);--color-background-primary-soft-alpha-active: var(--alpha-20);--color-background-primary-surface: var(--alpha-08);--color-border-primary-surface: var(--alpha-08);--color-background-primary-solid: var(--gray-950);--color-background-primary-solid-hover: var(--gray-900);--color-background-primary-solid-active: var(--gray-850);--color-background-primary-outline-hover: var(--alpha-04);--color-background-primary-outline-active: var(--alpha-06);--color-border-primary-outline: var(--alpha-25);--color-border-primary-outline-hover: var(--alpha-30);--color-background-primary-ghost-hover: var(--alpha-12);--color-background-primary-ghost-active: var(--alpha-16);--color-background-secondary-soft: var(--gray-300);--color-background-secondary-soft-hover: var(--gray-350);--color-background-secondary-soft-active: var(--gray-400);--color-background-secondary-soft-alpha: var(--alpha-12);--color-background-secondary-soft-alpha-hover: var(--alpha-16);--color-background-secondary-soft-alpha-active: var(--alpha-20);--color-background-secondary-solid: var(--gray-400);--color-background-secondary-solid-hover: var(--gray-450);--color-background-secondary-solid-active: var(--gray-500);--color-background-secondary-outline-hover: var(--alpha-04);--color-background-secondary-outline-active: var(--alpha-06);--color-border-secondary-outline: var(--alpha-25);--color-border-secondary-outline-hover: var(--alpha-30);--color-background-secondary-ghost-hover: var(--alpha-12);--color-background-secondary-ghost-active: var(--alpha-16);--color-text-info: var(--blue-200);--color-text-info-soft: var(--blue-300);--color-background-info-surface: var(--blue-a50);--color-border-info-surface: var(--blue-a50);--color-text-info-surface: var(--blue-300);--color-text-info-ghost: var(--blue-200);--color-text-info-ghost-hover: var(--blue-200);--color-text-warning: var(--orange-500);--color-text-warning-soft: var(--orange-400);--color-background-warning-surface: var(--orange-a50);--color-border-warning-surface: var(--orange-a50);--color-text-warning-surface: var(--orange-400);--color-text-caution: var(--yellow-500);--color-text-caution-soft: var(--yellow-400);--color-background-caution-surface: var(--yellow-a50);--color-border-caution-surface: var(--yellow-a50);--color-text-caution-surface: var(--yellow-400);--color-text-danger: var(--red-500);--color-text-danger-soft: var(--red-400);--color-background-danger-surface: var(--red-a50);--color-border-danger-surface: var(--red-a50);--color-text-danger-surface: var(--red-400);--color-text-success: var(--green-400);--color-text-success-soft: var(--green-400);--color-background-success-surface: var(--green-a50);--color-border-success-surface: var(--green-a50);--color-text-success-surface: var(--green-400);--color-background-success-solid: var(--green-600);--color-background-success-solid-hover: var(--green-600);--color-background-success-solid-active: var(--green-600);--color-border-success-outline: var(--green-600);--color-border-success-outline-hover: var(--green-600);--color-text-discovery: var(--purple-500);--color-text-discovery-soft: var(--purple-200);--color-background-discovery-surface: var(--purple-a50);--color-border-discovery-surface: var(--purple-a50);--color-text-discovery-surface: var(--purple-200);--color-text-discovery-outline: var(--purple-400);--color-text-discovery-outline-hover: var(--purple-400);--color-text-disabled: var(--gray-500);--color-border-subtle: var(--alpha-06);--color-border: var(--alpha-12);--color-border-strong: var(--alpha-20);--shadow: 0 10px 15px -3px #0003, 0 4px 6px -4px #0003;--color-surface: var(--gray-200);--color-surface-secondary: var(--gray-100);--color-surface-tertiary: var(--gray-50);--color-surface-elevated: var(--gray-300);--color-surface-elevated-secondary: var(--gray-400);--avatar-image-border-color: var(--alpha-15);--input-outline-border-color-hover: var(--alpha-30);--input-border-color-invalid: var(--red-600);--link-primary-text-color: var(--blue-300);--link-primary-text-color-hover: var(--blue-400);--user-message-background-color: var(--alpha-08);--codeblock-syntax-1: var(--yellow-100);--codeblock-syntax-2: var(--blue-200);--codeblock-syntax-3: var(--green-300);--codeblock-syntax-5: var(--purple-300);--menu-item-background-color: var(--alpha-10);--modal-backdrop-background: #00000080;--modal-backdrop-fade-background: #00000080;--segmented-control-background: var(--gray-0);--segmented-control-thumb-background: var(--gray-300);--segmented-control-option-highlight-background-color: var(--gray-300);--slider-track-color: var(--gray-400);--slider-range-color: var(--gray-600);--switch-track-color: var(--gray-400);--switch-track-color-hover: var(--gray-450);--switch-track-color-checked: var(--blue-400);--switch-track-color-checked-disabled: var(--blue-700);--switch-track-color-disabled: var(--gray-300);--switch-thumb-color: var(--gray-1000);--switch-thumb-color-disabled: var(--gray-800)}}:root{--modal-sheet-fade-shadow: 0 -8px 16px 0 #00000012, 0 -2px 6px 0 #0000000d, 0 0 0 1px var(--color-border);--modal-backdrop-fade-shadow: 0 8px 16px 0 #00000012, 0 2px 6px 0 #0000000d, 0 0 0 1px var(--color-border)}@media(prefers-color-scheme:dark){:root{--modal-sheet-fade-shadow: 0 -8px 16px 0 #00000059, 0 -2px 8px 0 #0003, 0 0 0 1px #0006;--modal-backdrop-fade-shadow: 0 8px 16px 0 #00000059, 0 2px 8px 0 #0003, inset 0 0 0 1px var(--color-border-subtle)}}}:root{--font-sans: -apple-system, system-ui, "Segoe UI", sans-serif;--font-weight-normal: 445;--color-text: #1a1c1f;--color-text-secondary: color-mix(in srgb, var(--color-text) 65%, transparent);--app-text-tertiary: #1a1c1f80;--tracking-normal: normal;--app-activity-text: color-mix(in oklab, var(--color-text) 60%, transparent);--app-composer-background: color-mix(in oklab, #fff 86.4706%, transparent);--app-composer-shadow: 0 0 0 .5px #1a1c1f1e, 0 3px 7.5px #0000000a, 0 0 20px #0000000d, 0 0 0 .5px #fff;--color-border-primary-outline: var(--alpha-08);--color-border-primary-outline-hover: var(--alpha-12);--color-border-secondary-outline: var(--alpha-08);--color-border-secondary-outline-hover: var(--alpha-12);--input-outline-border-color-hover: var(--color-border-primary-outline-hover);--input-outline-border-color-focus: var(--input-soft-border-color-focus);--app-backdrop: color-mix(in oklab, var(--black) 40%, transparent);--app-canvas: var(--gray-0);--app-sidebar: var(--gray-50);--app-surface: var(--color-background-primary-soft);--app-sidebar-width: 276px;--app-sidebar-width-narrow: calc(var(--spacing) * 66);--app-icon-size: calc(var(--spacing) * 5);--app-sidebar-icon-size: var(--font-text-sm-size);--app-navigation-row: calc(var(--spacing) * 8);--app-navigation-item: calc(var(--spacing) * 7.5);--app-chat-size: 14px;--app-chat-leading: calc(var(--spacing) * 5.5);--app-compact-text-size: 14px;--app-chat-width: calc(var(--spacing) * 184);--app-composer-width: calc(var(--spacing) * 198)}@media(prefers-color-scheme:dark){:root{--app-canvas: #181818;--app-composer-background: #2d2d2d;--app-composer-shadow: 0 0 0 .5px #ffffff28, 0 3px 7.5px #0000000a, 0 0 20px #0000000d, 0 0 0 .5px #181818;--color-text: #dfdfdf;--app-text-tertiary: #ffffff7f;--app-sidebar: var(--gray-200)}}:root{color-scheme:light dark;font-family:var(--font-sans);color:var(--color-text);background:var(--app-canvas);font-size:16px;line-height:var(--font-text-sm-line-height);font-synthesis:none;font-weight:var(--font-weight-normal);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;font-size:var(--font-text-sm-size)}code,pre,kbd{font-family:var(--font-mono)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);min-height:calc(var(--spacing) * 9.5);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3.5);border:1px solid var(--color-border-primary-outline);border-radius:var(--radius-lg);background:var(--app-canvas);color:var(--color-text);font-size:var(--app-compact-text-size);font-weight:var(--font-weight-medium);text-decoration:none;transition:background var(--default-transition-duration),border-color var(--default-transition-duration)}button:hover:not(:disabled),.button:hover{background:var(--color-background-primary-ghost-hover)}.primary{background:var(--color-background-primary-solid);color:var(--color-text-primary-solid);border-color:var(--color-background-primary-solid)}.primary:hover:not(:disabled){background:var(--color-background-primary-solid);filter:brightness(.93)}.ghost{background:transparent;border-color:transparent}.icon-button{width:calc(var(--spacing) * 9);min-height:calc(var(--spacing) * 9);padding:calc(var(--spacing) * 1.75)}.pill{border-radius:var(--radius-full)}:where(a,button,input,textarea,summary):focus-visible{outline:2px solid var(--color-ring);outline-offset:3px}input,textarea{width:100%;background:var(--app-canvas);color:var(--color-text);border:1px solid var(--color-border-primary-outline);border-radius:var(--radius-lg);padding:calc(var(--spacing) * 2.75) calc(var(--spacing) * 3);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--color-text-secondary)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:var(--font-weight-semibold);line-height:1.25;letter-spacing:var(--tracking-wide)}b,strong{font-weight:var(--font-weight-semibold)}.muted{color:var(--color-text-secondary)}.eyebrow{font-size:var(--font-text-xs-size);font-weight:var(--font-weight-semibold);letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.notice{display:flex;align-items:flex-start;gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 3.75) calc(var(--spacing) * 4.25);border:1px solid var(--color-border-primary-outline);background:var(--app-surface);border-radius:var(--radius-xl);font-size:var(--app-compact-text-size)}.notice p{margin:0}.notice strong{display:block;font-weight:var(--font-weight-semibold);margin-bottom:calc(var(--spacing) * .75)}.notice.error{background:var(--color-background-danger-soft-alpha);color:var(--color-text-danger);border-color:transparent}.notice.success{background:var(--color-background-success-soft-alpha);color:var(--color-text-success)}.notice .notice-copy{flex:1;min-width:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}dialog{width:min(var(--spacing) * 110,100vw - var(--spacing) * 8);padding:calc(var(--spacing) * 7);border:1px solid var(--color-border-primary-outline);border-radius:var(--radius-3xl);background:var(--app-canvas);color:var(--color-text);box-shadow:var(--shadow-400)}dialog::backdrop{background:var(--app-backdrop);-webkit-backdrop-filter:blur(calc(var(--spacing) * .75));backdrop-filter:blur(calc(var(--spacing) * .75))}dialog h2{font-size:var(--font-heading-md-size);margin-bottom:calc(var(--spacing) * 2.5)}dialog>p{font-size:var(--app-compact-text-size);margin-bottom:calc(var(--spacing) * 6)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between}.dialog-heading .state-icon{margin-bottom:calc(var(--spacing) * 5)}.dialog-actions{display:flex;justify-content:flex-end;gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 6)}.dialog-error{color:var(--color-text-danger);font-size:var(--font-text-xs-size);margin-top:calc(var(--spacing) * 3)}dialog{max-height:90dvh;overflow:auto}