/* [project]/node_modules/.pnpm/@fontsource-variable+inter@5.3.0/node_modules/@fontsource-variable/inter/opsz.css [app-client] (css) */
@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/inter-cyrillic-ext-opsz-normal.03s98dqgqw601.woff2") format("woff2-variations");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/inter-cyrillic-opsz-normal.02kuhoxhtnnuj.woff2") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/inter-greek-ext-opsz-normal.24kd4xnjyu3uy.woff2") format("woff2-variations");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/inter-greek-opsz-normal.2ey27u6p3jcom.woff2") format("woff2-variations");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/inter-vietnamese-opsz-normal.2-wcjb081xswd.woff2") format("woff2-variations");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/inter-latin-ext-opsz-normal.43rxyga-l4eut.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/inter-latin-opsz-normal.34fk6-9m1aguk.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* [project]/node_modules/.pnpm/@fontsource-variable+jetbrains-mono@5.3.0/node_modules/@fontsource-variable/jetbrains-mono/wght.css [app-client] (css) */
@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("../media/jetbrains-mono-cyrillic-ext-wght-normal.1ladf10s224e1.woff2") format("woff2-variations");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("../media/jetbrains-mono-cyrillic-wght-normal.0x7cg5h5x34js.woff2") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("../media/jetbrains-mono-greek-wght-normal.1k07jbkicvzf3.woff2") format("woff2-variations");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("../media/jetbrains-mono-vietnamese-wght-normal.0a13tgqsi9z78.woff2") format("woff2-variations");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("../media/jetbrains-mono-latin-ext-wght-normal.3rxtet6g9i1k3.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("../media/jetbrains-mono-latin-wght-normal.2rmhnsrc80fag.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* [project]/node_modules/.pnpm/@eclypsion+tokens@0.11.0/node_modules/@eclypsion/tokens/tokens.css [app-client] (css) */
:root {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --color-surface-base: #030405;
  --color-surface-content: #0e0f12;
  --color-surface-raised: #17181b;
  --color-surface-elevated: #212326;
  --color-surface-overlay: #2c2e31;
  --color-surface-inverse: #eff0f2;
  --color-text-primary: #eff0f2;
  --color-text-secondary: #bcbec2;
  --color-text-tertiary: #909296;
  --color-text-placeholder: #a6a8ac;
  --color-text-disabled: #606369;
  --color-text-inverse: #030405;
  --color-text-accent: #8d9bfe;
  --color-text-on-accent: #fff;
  --color-text-success: #50c277;
  --color-text-warning: #ebaa2d;
  --color-text-danger: #ff807f;
  --color-border-subtle: #ffffff12;
  --color-border-default: #ffffff1c;
  --color-border-canvas: #2c2e31;
  --color-border-strong: #6d6f72;
  --color-border-highlight: #ffffff0d;
  --color-border-focus: #8d9bfe;
  --color-border-accent: #8d9bfe;
  --color-border-success: #50c277;
  --color-border-warning: #ebaa2d;
  --color-border-danger: #ff807f;
  --color-fill-accent: #5960df;
  --color-fill-accent-hover: #4d51cb;
  --color-fill-accent-active: #4245b2;
  --color-fill-accent-subtle: #8d9bfe24;
  --color-fill-progress: #0077d5;
  --color-fill-neutral: #ffffff14;
  --color-fill-neutral-hover: #ffffff1c;
  --color-fill-neutral-active: #ffffff24;
  --color-fill-raised: #ffffff38;
  --color-fill-raised-subtle: #ffffff24;
  --color-fill-success-subtle: #50c27724;
  --color-fill-warning-subtle: #ebaa2d24;
  --color-fill-danger-subtle: #ff807f24;
  --color-fill-danger: #cc3239;
  --color-fill-danger-hover: #b01d28;
  --color-fill-disabled: #ffffff08;
  --color-fill-scrim: #0009;
  --color-glow-focus: #8d9bfe40;
  --color-glow-danger: #ff807f40;
  --color-shadow-key: #0000004d;
  --color-shadow-ambient: #00000080;
  --color-product-agency: #ec84b7;
  --color-product-bots: #35c9c2;
  --color-product-crm: #47b7f1;
  --font-family-sans: "Inter Variable", Inter, system-ui, sans-serif;
  --font-family-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, monospace;
  --font-family-golos-text: "Golos Text Variable", system-ui, sans-serif;
  --font-family-onest: "Onest Variable", system-ui, sans-serif;
  --font-family-manrope: "Manrope Variable", system-ui, sans-serif;
  --font-family-rubik: "Rubik Variable", system-ui, sans-serif;
  --font-family-commissioner: "Commissioner Variable", system-ui, sans-serif;
  --font-family-ruda: "Ruda Variable", system-ui, sans-serif;
  --font-family-roboto: "Roboto Variable", system-ui, sans-serif;
  --font-family-open-sans: "Open Sans Variable", system-ui, sans-serif;
  --font-family-noto-sans: "Noto Sans Variable", system-ui, sans-serif;
  --font-family-ibm-plex-sans: "IBM Plex Sans Variable", system-ui, sans-serif;
  --font-family-source-sans-3: "Source Sans 3 Variable", system-ui, sans-serif;
  --font-family-nunito: "Nunito Variable", system-ui, sans-serif;
  --font-family-montserrat: "Montserrat Variable", system-ui, sans-serif;
  --font-family-lora: "Lora Variable", Georgia, serif;
  --font-family-noto-serif: "Noto Serif Variable", Georgia, serif;
  --font-family-literata: "Literata Variable", Georgia, serif;
  --font-family-andika: Andika, system-ui, sans-serif;
  --font-family-fira-code: "Fira Code Variable", ui-monospace, monospace;
  --font-family-source-code-pro: "Source Code Pro Variable", ui-monospace, monospace;
  --font-family-roboto-mono: "Roboto Mono Variable", ui-monospace, monospace;
  --font-family-noto-sans-mono: "Noto Sans Mono Variable", ui-monospace, monospace;
  --font-family-system: system-ui, sans-serif;
  --font-family-system-mono: ui-monospace, monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --text-display-2xl-font-family: var(--font-family-sans);
  --text-display-2xl-font-size: 56px;
  --text-display-2xl-line-height: 60px;
  --text-display-2xl-font-weight: 600;
  --text-display-2xl-letter-spacing: -.03em;
  --text-display-xl-font-family: var(--font-family-sans);
  --text-display-xl-font-size: 40px;
  --text-display-xl-line-height: 44px;
  --text-display-xl-font-weight: 600;
  --text-display-xl-letter-spacing: -.025em;
  --text-display-lg-font-family: var(--font-family-sans);
  --text-display-lg-font-size: 32px;
  --text-display-lg-line-height: 40px;
  --text-display-lg-font-weight: 600;
  --text-display-lg-letter-spacing: -.02em;
  --text-display-md-font-family: var(--font-family-sans);
  --text-display-md-font-size: 24px;
  --text-display-md-line-height: 32px;
  --text-display-md-font-weight: 600;
  --text-display-md-letter-spacing: -.015em;
  --text-title-lg-font-family: var(--font-family-sans);
  --text-title-lg-font-size: 18px;
  --text-title-lg-line-height: 24px;
  --text-title-lg-font-weight: 600;
  --text-title-lg-letter-spacing: -.01em;
  --text-title-md-font-family: var(--font-family-sans);
  --text-title-md-font-size: 16px;
  --text-title-md-line-height: 24px;
  --text-title-md-font-weight: 600;
  --text-title-md-letter-spacing: -.005em;
  --text-title-sm-font-family: var(--font-family-sans);
  --text-title-sm-font-size: 14px;
  --text-title-sm-line-height: 20px;
  --text-title-sm-font-weight: 600;
  --text-title-sm-letter-spacing: 0;
  --text-body-lg-font-family: var(--font-family-sans);
  --text-body-lg-font-size: 16px;
  --text-body-lg-line-height: 24px;
  --text-body-lg-font-weight: 400;
  --text-body-lg-letter-spacing: 0;
  --text-body-md-font-family: var(--font-family-sans);
  --text-body-md-font-size: 14px;
  --text-body-md-line-height: 20px;
  --text-body-md-font-weight: 400;
  --text-body-md-letter-spacing: 0;
  --text-body-sm-font-family: var(--font-family-sans);
  --text-body-sm-font-size: 13px;
  --text-body-sm-line-height: 20px;
  --text-body-sm-font-weight: 400;
  --text-body-sm-letter-spacing: 0;
  --text-label-md-font-family: var(--font-family-sans);
  --text-label-md-font-size: 13px;
  --text-label-md-line-height: 16px;
  --text-label-md-font-weight: 500;
  --text-label-md-letter-spacing: 0;
  --text-label-sm-font-family: var(--font-family-sans);
  --text-label-sm-font-size: 12px;
  --text-label-sm-line-height: 16px;
  --text-label-sm-font-weight: 500;
  --text-label-sm-letter-spacing: .005em;
  --text-caption-font-family: var(--font-family-sans);
  --text-caption-font-size: 11px;
  --text-caption-line-height: 16px;
  --text-caption-font-weight: 500;
  --text-caption-letter-spacing: .02em;
  --text-eyebrow-font-family: var(--font-family-sans);
  --text-eyebrow-font-size: 11px;
  --text-eyebrow-line-height: 16px;
  --text-eyebrow-font-weight: 600;
  --text-eyebrow-letter-spacing: .06em;
  --text-data-lg-font-family: var(--font-family-mono);
  --text-data-lg-font-size: 24px;
  --text-data-lg-line-height: 32px;
  --text-data-lg-font-weight: 400;
  --text-data-lg-letter-spacing: 0;
  --text-data-md-font-family: var(--font-family-mono);
  --text-data-md-font-size: 13px;
  --text-data-md-line-height: 20px;
  --text-data-md-font-weight: 400;
  --text-data-md-letter-spacing: 0;
  --text-data-sm-font-family: var(--font-family-mono);
  --text-data-sm-font-size: 12px;
  --text-data-sm-line-height: 16px;
  --text-data-sm-font-weight: 400;
  --text-data-sm-letter-spacing: 0;
  --text-code-font-family: var(--font-family-mono);
  --text-code-font-size: 13px;
  --text-code-line-height: 20px;
  --text-code-font-weight: 400;
  --text-code-letter-spacing: 0;
  --space-0: 0;
  --space-1: 1px;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --layout-nav: 232px;
  --layout-page: 1280px;
  --layout-prose: 680px;
  --layout-form: 400px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-full: 9999px;
  --size-control-xs: 24px;
  --size-control-sm: 28px;
  --size-control-md: 32px;
  --size-control-lg: 36px;
  --size-row: 32px;
  --size-icon-sm: 14px;
  --size-icon-md: 16px;
  --size-icon-lg: 20px;
  --duration-instant: 0;
  --duration-fast: .12s;
  --duration-normal: .18s;
  --duration-slow: .26s;
  --motion-ambient-twinkle: 24s;
  --motion-ambient-glimmer: 3.6s;
  --motion-ambient-breath: 1.4s;
  --motion-narrative-reveal: .8s;
  --motion-narrative-travel: .9s;
  --motion-narrative-shimmer: 1.4s;
  --easing-standard: cubic-bezier(.2, 0, 0, 1);
  --easing-entrance: cubic-bezier(0, 0, 0, 1);
  --easing-exit: cubic-bezier(.4, 0, 1, 1);
  --glow-focus: 0 0 0 3px var(--color-glow-focus), 0 0 0 4px var(--color-border-focus);
  --glow-danger: 0 0 0 3px var(--color-glow-danger), 0 0 0 4px var(--color-border-danger);
  --shadow-raised: inset 0 1px 0 0 var(--color-border-highlight), 0 1px 2px 0 var(--color-shadow-key);
  --shadow-popover: inset 0 1px 0 0 var(--color-border-highlight), 0 1px 2px 0 var(--color-shadow-key), 0 8px 24px -4px var(--color-shadow-ambient);
  --shadow-modal: inset 0 1px 0 0 var(--color-border-highlight), 0 2px 4px 0 var(--color-shadow-key), 0 24px 48px -8px var(--color-shadow-ambient);
  --z-base: 0;
  --z-sticky: 100;
  --z-dropdown: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-popup: 450;
  --z-toast: 500;
  --font-scale: 1;
}

[data-theme="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --color-surface-base: #eff0f2;
  --color-surface-content: #fff;
  --color-surface-raised: #f9fafb;
  --color-surface-elevated: #fff;
  --color-surface-overlay: #fff;
  --color-surface-inverse: #17181b;
  --color-text-primary: #17181b;
  --color-text-secondary: #3f4249;
  --color-text-tertiary: #606369;
  --color-text-placeholder: #52555c;
  --color-text-disabled: #909296;
  --color-text-inverse: #f9fafb;
  --color-text-accent: #4d51cb;
  --color-text-on-accent: #fff;
  --color-text-success: #146c39;
  --color-text-warning: #8d5406;
  --color-text-danger: #b01d28;
  --color-border-subtle: #00000012;
  --color-border-default: #0000001c;
  --color-border-canvas: #0000004d;
  --color-border-strong: #7e8085;
  --color-border-highlight: #fff;
  --color-border-focus: #5960df;
  --color-border-accent: #5960df;
  --color-border-success: #146c39;
  --color-border-warning: #8d5406;
  --color-border-danger: #b01d28;
  --color-fill-accent: #5960df;
  --color-fill-accent-hover: #4d51cb;
  --color-fill-accent-active: #4245b2;
  --color-fill-accent-subtle: #5960df1a;
  --color-fill-progress: #0077d5;
  --color-fill-neutral: #00000012;
  --color-fill-neutral-hover: #0000001a;
  --color-fill-neutral-active: #00000021;
  --color-fill-raised: #fff;
  --color-fill-raised-subtle: #f9fafb;
  --color-fill-success-subtle: #26894c1a;
  --color-fill-warning-subtle: #b975001f;
  --color-fill-danger-subtle: #cc32391a;
  --color-fill-danger: #cc3239;
  --color-fill-danger-hover: #b01d28;
  --color-fill-disabled: #00000008;
  --color-fill-scrim: #0006;
  --color-glow-focus: #5960df40;
  --color-glow-danger: #cc323940;
  --color-shadow-key: #0000000f;
  --color-shadow-ambient: #0000001f;
  --color-product-agency: #ec84b7;
  --color-product-bots: #35c9c2;
  --color-product-crm: #47b7f1;
}

[data-theme="magic-blue"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --color-surface-base: #01040e;
  --color-surface-content: #08111e;
  --color-surface-raised: #101a28;
  --color-surface-elevated: #1a2434;
  --color-surface-overlay: #243041;
  --color-surface-inverse: #edf0f6;
  --color-text-primary: #edf0f6;
  --color-text-secondary: #b4bfce;
  --color-text-tertiary: #8896ab;
  --color-text-placeholder: #9ca9bb;
  --color-text-disabled: #505f74;
  --color-text-inverse: #01040e;
  --color-text-accent: #5ea8f9;
  --color-text-on-accent: #fff;
  --color-text-success: #50c277;
  --color-text-warning: #ebaa2d;
  --color-text-danger: #ff807f;
  --color-border-subtle: #ffffff12;
  --color-border-default: #ffffff1c;
  --color-border-canvas: #243041;
  --color-border-strong: #637389;
  --color-border-highlight: #ffffff0d;
  --color-border-focus: #5ea8f9;
  --color-border-accent: #5ea8f9;
  --color-border-success: #50c277;
  --color-border-warning: #ebaa2d;
  --color-border-danger: #ff807f;
  --color-fill-accent: #0077d5;
  --color-fill-accent-hover: #0067c4;
  --color-fill-accent-active: #0058af;
  --color-fill-accent-subtle: #5ea8f924;
  --color-fill-progress: #0077d5;
  --color-fill-neutral: #ffffff14;
  --color-fill-neutral-hover: #ffffff1c;
  --color-fill-neutral-active: #ffffff24;
  --color-fill-raised: #ffffff38;
  --color-fill-raised-subtle: #ffffff24;
  --color-fill-success-subtle: #50c27724;
  --color-fill-warning-subtle: #ebaa2d24;
  --color-fill-danger-subtle: #ff807f24;
  --color-fill-danger: #cc3239;
  --color-fill-danger-hover: #b01d28;
  --color-fill-disabled: #ffffff08;
  --color-fill-scrim: #0009;
  --color-glow-focus: #5ea8f940;
  --color-glow-danger: #ff807f40;
  --color-shadow-key: #0000004d;
  --color-shadow-ambient: #00000080;
  --color-product-agency: #ec84b7;
  --color-product-bots: #35c9c2;
  --color-product-crm: #47b7f1;
}

[data-theme="classic-dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --color-surface-base: #1a1b1c;
  --color-surface-content: #222325;
  --color-surface-raised: #2a2b2d;
  --color-surface-elevated: #343537;
  --color-surface-overlay: #3f4042;
  --color-surface-inverse: #f3f3f5;
  --color-text-primary: #f3f3f5;
  --color-text-secondary: #c6c7ca;
  --color-text-tertiary: #a0a1a4;
  --color-text-placeholder: #bbbcbf;
  --color-text-disabled: #6d6f71;
  --color-text-inverse: #1a1b1c;
  --color-text-accent: #8d9bfe;
  --color-text-on-accent: #fff;
  --color-text-success: #50c277;
  --color-text-warning: #ebaa2d;
  --color-text-danger: #ff807f;
  --color-border-subtle: #ffffff12;
  --color-border-default: #ffffff1c;
  --color-border-canvas: #3f4042;
  --color-border-strong: #858689;
  --color-border-highlight: #ffffff0d;
  --color-border-focus: #8d9bfe;
  --color-border-accent: #8d9bfe;
  --color-border-success: #50c277;
  --color-border-warning: #ebaa2d;
  --color-border-danger: #ff807f;
  --color-fill-accent: #5960df;
  --color-fill-accent-hover: #4d51cb;
  --color-fill-accent-active: #4245b2;
  --color-fill-accent-subtle: #8d9bfe24;
  --color-fill-progress: #0077d5;
  --color-fill-neutral: #ffffff14;
  --color-fill-neutral-hover: #ffffff1c;
  --color-fill-neutral-active: #ffffff24;
  --color-fill-raised: #ffffff38;
  --color-fill-raised-subtle: #ffffff24;
  --color-fill-success-subtle: #50c27724;
  --color-fill-warning-subtle: #ebaa2d24;
  --color-fill-danger-subtle: #ff807f24;
  --color-fill-danger: #cc3239;
  --color-fill-danger-hover: #b01d28;
  --color-fill-disabled: #ffffff08;
  --color-fill-scrim: #0009;
  --color-glow-focus: #8d9bfe40;
  --color-glow-danger: #ff807f40;
  --color-shadow-key: #0000004d;
  --color-shadow-ambient: #00000080;
  --color-product-agency: #ec84b7;
  --color-product-bots: #35c9c2;
  --color-product-crm: #47b7f1;
}

[data-theme="custom"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --custom-accent: #5960df;
  --custom-background: #030405;
  --custom-contrast: 1;
  --color-surface-base: var(--custom-background);
  --color-surface-content: color-mix(in srgb, #fff 6%, var(--custom-background));
  --color-surface-raised: color-mix(in srgb, #fff 9%, var(--custom-background));
  --color-surface-elevated: color-mix(in srgb, #fff 13%, var(--custom-background));
  --color-surface-overlay: color-mix(in srgb, #fff 17%, var(--custom-background));
  --color-surface-inverse: #eff0f2;
  --color-text-primary: color-mix(in srgb, #eff0f2 clamp(50%, calc(var(--custom-contrast) * 100%), 100%), var(--custom-background));
  --color-text-secondary: color-mix(in srgb, #bcbec2 clamp(50%, calc(var(--custom-contrast) * 100%), 100%), var(--custom-background));
  --color-text-tertiary: color-mix(in srgb, #909296 clamp(50%, calc(var(--custom-contrast) * 100%), 100%), var(--custom-background));
  --color-text-placeholder: color-mix(in srgb, #a6a8ac clamp(50%, calc(var(--custom-contrast) * 100%), 100%), var(--custom-background));
  --color-text-disabled: color-mix(in srgb, #606369 clamp(50%, calc(var(--custom-contrast) * 100%), 100%), var(--custom-background));
  --color-text-inverse: var(--custom-background);
  --color-text-accent: color-mix(in srgb, var(--custom-accent) 60%, #fff);
  --color-border-canvas: color-mix(in srgb, #fff 17%, var(--custom-background));
  --color-border-strong: color-mix(in srgb, #fff 45%, var(--custom-background));
  --color-border-focus: color-mix(in srgb, var(--custom-accent) 60%, #fff);
  --color-border-accent: color-mix(in srgb, var(--custom-accent) 60%, #fff);
  --color-fill-accent: var(--custom-accent);
  --color-fill-accent-hover: color-mix(in srgb, var(--custom-accent) 88%, #030405);
  --color-fill-accent-active: color-mix(in srgb, var(--custom-accent) 78%, #030405);
  --color-fill-accent-subtle: color-mix(in srgb, var(--custom-accent) 14%, transparent);
  --color-glow-focus: color-mix(in srgb, var(--custom-accent) 25%, transparent);
}

[data-density="compact"] {
  --size-control-xs: 20px;
  --size-control-sm: 24px;
  --size-control-md: 28px;
  --size-control-lg: 32px;
  --size-row: 28px;
  --size-icon-sm: 14px;
  --size-icon-md: 16px;
  --size-icon-lg: 20px;
}

[data-density="comfortable"] {
  --size-control-xs: 28px;
  --size-control-sm: 32px;
  --size-control-md: 40px;
  --size-control-lg: 44px;
  --size-row: 44px;
  --size-icon-sm: 16px;
  --size-icon-md: 20px;
  --size-icon-lg: 24px;
}

[data-font-size="sm"] {
  --font-scale: .92;
}

[data-font-size="md"] {
  --font-scale: 1;
}

[data-font-size="lg"] {
  --font-scale: 1.12;
}

:where(html) {
  font-family: var(--text-body-md-font-family);
  font-size: calc(var(--text-body-md-font-size) * var(--font-scale));
  line-height: calc(var(--text-body-md-line-height) * var(--font-scale));
  font-weight: var(--text-body-md-font-weight);
  letter-spacing: var(--text-body-md-letter-spacing);
}

.text-display-2xl {
  font-family: var(--text-display-2xl-font-family);
  font-size: calc(var(--text-display-2xl-font-size) * var(--font-scale));
  line-height: calc(var(--text-display-2xl-line-height) * var(--font-scale));
  font-weight: var(--text-display-2xl-font-weight);
  letter-spacing: var(--text-display-2xl-letter-spacing);
  font-feature-settings: "cv01", "ss03";
}

.text-display-xl {
  font-family: var(--text-display-xl-font-family);
  font-size: calc(var(--text-display-xl-font-size) * var(--font-scale));
  line-height: calc(var(--text-display-xl-line-height) * var(--font-scale));
  font-weight: var(--text-display-xl-font-weight);
  letter-spacing: var(--text-display-xl-letter-spacing);
  font-feature-settings: "cv01", "ss03";
}

.text-display-lg {
  font-family: var(--text-display-lg-font-family);
  font-size: calc(var(--text-display-lg-font-size) * var(--font-scale));
  line-height: calc(var(--text-display-lg-line-height) * var(--font-scale));
  font-weight: var(--text-display-lg-font-weight);
  letter-spacing: var(--text-display-lg-letter-spacing);
  font-feature-settings: "cv01", "ss03";
}

.text-display-md {
  font-family: var(--text-display-md-font-family);
  font-size: calc(var(--text-display-md-font-size) * var(--font-scale));
  line-height: calc(var(--text-display-md-line-height) * var(--font-scale));
  font-weight: var(--text-display-md-font-weight);
  letter-spacing: var(--text-display-md-letter-spacing);
  font-feature-settings: "cv01", "ss03";
}

.text-title-lg {
  font-family: var(--text-title-lg-font-family);
  font-size: calc(var(--text-title-lg-font-size) * var(--font-scale));
  line-height: calc(var(--text-title-lg-line-height) * var(--font-scale));
  font-weight: var(--text-title-lg-font-weight);
  letter-spacing: var(--text-title-lg-letter-spacing);
  font-feature-settings: "cv01", "ss03";
}

.text-title-md {
  font-family: var(--text-title-md-font-family);
  font-size: calc(var(--text-title-md-font-size) * var(--font-scale));
  line-height: calc(var(--text-title-md-line-height) * var(--font-scale));
  font-weight: var(--text-title-md-font-weight);
  letter-spacing: var(--text-title-md-letter-spacing);
  font-feature-settings: "cv01", "ss03";
}

.text-title-sm {
  font-family: var(--text-title-sm-font-family);
  font-size: calc(var(--text-title-sm-font-size) * var(--font-scale));
  line-height: calc(var(--text-title-sm-line-height) * var(--font-scale));
  font-weight: var(--text-title-sm-font-weight);
  letter-spacing: var(--text-title-sm-letter-spacing);
  font-feature-settings: "cv01", "ss03";
}

.text-body-lg {
  font-family: var(--text-body-lg-font-family);
  font-size: calc(var(--text-body-lg-font-size) * var(--font-scale));
  line-height: calc(var(--text-body-lg-line-height) * var(--font-scale));
  font-weight: var(--text-body-lg-font-weight);
  letter-spacing: var(--text-body-lg-letter-spacing);
  font-feature-settings: "cv01", "ss03";
}

.text-body-md {
  font-family: var(--text-body-md-font-family);
  font-size: calc(var(--text-body-md-font-size) * var(--font-scale));
  line-height: calc(var(--text-body-md-line-height) * var(--font-scale));
  font-weight: var(--text-body-md-font-weight);
  letter-spacing: var(--text-body-md-letter-spacing);
  font-feature-settings: "cv01", "ss03";
}

.text-body-sm {
  font-family: var(--text-body-sm-font-family);
  font-size: calc(var(--text-body-sm-font-size) * var(--font-scale));
  line-height: calc(var(--text-body-sm-line-height) * var(--font-scale));
  font-weight: var(--text-body-sm-font-weight);
  letter-spacing: var(--text-body-sm-letter-spacing);
  font-feature-settings: "cv01", "ss03";
}

.text-label-md {
  font-family: var(--text-label-md-font-family);
  font-size: calc(var(--text-label-md-font-size) * var(--font-scale));
  line-height: calc(var(--text-label-md-line-height) * var(--font-scale));
  font-weight: var(--text-label-md-font-weight);
  letter-spacing: var(--text-label-md-letter-spacing);
  font-feature-settings: "cv01", "ss03";
}

.text-label-sm {
  font-family: var(--text-label-sm-font-family);
  font-size: calc(var(--text-label-sm-font-size) * var(--font-scale));
  line-height: calc(var(--text-label-sm-line-height) * var(--font-scale));
  font-weight: var(--text-label-sm-font-weight);
  letter-spacing: var(--text-label-sm-letter-spacing);
  font-feature-settings: "cv01", "ss03";
}

.text-caption {
  font-family: var(--text-caption-font-family);
  font-size: calc(var(--text-caption-font-size) * var(--font-scale));
  line-height: calc(var(--text-caption-line-height) * var(--font-scale));
  font-weight: var(--text-caption-font-weight);
  letter-spacing: var(--text-caption-letter-spacing);
  font-feature-settings: "cv01", "ss03";
}

.text-eyebrow {
  font-family: var(--text-eyebrow-font-family);
  font-size: calc(var(--text-eyebrow-font-size) * var(--font-scale));
  line-height: calc(var(--text-eyebrow-line-height) * var(--font-scale));
  font-weight: var(--text-eyebrow-font-weight);
  letter-spacing: var(--text-eyebrow-letter-spacing);
  font-feature-settings: "cv01", "ss03";
}

.text-data-lg {
  font-family: var(--text-data-lg-font-family);
  font-size: calc(var(--text-data-lg-font-size) * var(--font-scale));
  line-height: calc(var(--text-data-lg-line-height) * var(--font-scale));
  font-weight: var(--text-data-lg-font-weight);
  letter-spacing: var(--text-data-lg-letter-spacing);
  font-variant-numeric: tabular-nums;
}

.text-data-md {
  font-family: var(--text-data-md-font-family);
  font-size: calc(var(--text-data-md-font-size) * var(--font-scale));
  line-height: calc(var(--text-data-md-line-height) * var(--font-scale));
  font-weight: var(--text-data-md-font-weight);
  letter-spacing: var(--text-data-md-letter-spacing);
  font-variant-numeric: tabular-nums;
}

.text-data-sm {
  font-family: var(--text-data-sm-font-family);
  font-size: calc(var(--text-data-sm-font-size) * var(--font-scale));
  line-height: calc(var(--text-data-sm-line-height) * var(--font-scale));
  font-weight: var(--text-data-sm-font-weight);
  letter-spacing: var(--text-data-sm-letter-spacing);
  font-variant-numeric: tabular-nums;
}

.text-code {
  font-family: var(--text-code-font-family);
  font-size: calc(var(--text-code-font-size) * var(--font-scale));
  line-height: calc(var(--text-code-line-height) * var(--font-scale));
  font-weight: var(--text-code-font-weight);
  letter-spacing: var(--text-code-letter-spacing);
  font-variant-numeric: tabular-nums;
}

/* [project]/node_modules/.pnpm/@eclypsion+ui@0.11.0_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react@19.3.0_r_ad6db83759f4a344241ca870a1688659/node_modules/@eclypsion/ui/dist/base.css [app-client] (css) */
:root {
  --divider-fade: linear-gradient(to right,
    transparent,
    var(--color-surface-inverse) 20%,
    var(--color-surface-inverse) 80%,
    transparent);
}

:focus-visible {
  box-shadow: var(--glow-focus);
  transition: box-shadow var(--duration-fast) var(--easing-standard);
  outline: none;
}

input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"], [type="button"], [type="submit"], [type="reset"], [type="image"]):focus-visible, textarea:focus-visible, [data-focus-quiet]:focus-visible {
  box-shadow: none;
}

/* [project]/node_modules/.pnpm/@eclypsion+icons@0.11.0_react@19.3.0/node_modules/@eclypsion/icons/dist/styles.css [app-client] (css) */
.ecl-icon-NYJVG {
  color: inherit;
  flex: none;
  display: block;
}

.ecl-sm-W68C0 {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
}

.ecl-md-DPSHf {
  width: var(--size-icon-md);
  height: var(--size-icon-md);
}

.ecl-lg-A-QBC {
  width: var(--size-icon-lg);
  height: var(--size-icon-lg);
}

.ecl-xl---qlq {
  width: calc(var(--size-icon-lg) * 2 + var(--space-4));
  height: calc(var(--size-icon-lg) * 2 + var(--space-4));
}