/* DeepLink — generated from tokens.json */
:root, [data-theme="light"] {
  --brand-ink: #000000;
  --brand-black: #000000;
  --brand-white: #ffffff;
  --surface: var(--gray-25);
  --surface-sidebar: var(--surface);
  --surface-raised: var(--gray-0);
  --surface-overlay: var(--gray-0);
  --surface-soft: var(--gray-75);
  --surface-strong: var(--gray-100);
  --surface-code: var(--gray-50);
  --surface-inverse: var(--brand-black);
  --surface-tooltip: var(--brand-black);
  --surface-scrim: #0000004d;
  --text-primary: var(--gray-1000);
  --text-secondary: var(--gray-500);
  --text-tertiary: var(--gray-475);
  --text-inverse: var(--gray-0);
  --text-tooltip: var(--gray-0);
  --text-link: #0169cc;
  --text-link-hover: #013566;
  --text-danger: #ba2623;
  --text-success: #00692a;
  --text-warning: #923b0f;
  --fill-primary: var(--brand-black);
  --fill-primary-hover: var(--gray-700);
  --fill-primary-active: var(--gray-600);
  --on-fill-primary: var(--brand-white);
  --fill-soft: var(--gray-75);
  --fill-soft-hover: var(--gray-100);
  --fill-soft-active: var(--gray-150);
  --fill-hover: #0d0d0d14;
  --fill-active: #0d0d0d1f;
  --fill-danger: #ba2623;
  --fill-danger-hover: #911e1b;
  --on-fill-danger: var(--brand-white);
  --fill-danger-soft: #fff0f0;
  --fill-success-soft: #edfaf2;
  --fill-warning-soft: #fff5f0;
  --fill-info-soft: #e5f3ff;
  --border: #0d0d0d1a;
  --border-subtle: #0d0d0d0d;
  --border-strong: #00000033;
  --border-control: var(--gray-400);
  --ring: var(--brand-black);
  --syntax-keyword: #0169cc;
  --syntax-string: #00753a;
  --syntax-function: #9a5208;
  --syntax-number: #8046d9;
  --syntax-property: #ba437a;
  --syntax-comment: var(--gray-475);
  --gray-0: #ffffff;
  --gray-25: #fcfcfc;
  --gray-50: #f9f9f9;
  --gray-75: #f3f3f3;
  --gray-100: #ededed;
  --gray-150: #dfdfdf;
  --gray-200: #cdcdcd;
  --gray-300: #afafaf;
  --gray-350: #9f9f9f;
  --gray-400: #8f8f8f;
  --gray-450: #767676;
  --gray-475: #6b6b6b;
  --gray-500: #5d5d5d;
  --gray-600: #414141;
  --gray-650: #393939;
  --gray-700: #303030;
  --gray-800: #212121;
  --gray-925: #161616;
  --gray-1000: #0d0d0d;
  --shadow-composer: 0 0 0 1px #0000000a, 0 2px 8px #0000000a, 0 4px 80px 8px #00000006;
  --shadow-composer-compact: 0 4px 16px #0000000d;
  --shadow-raised: 0 1px 2px -1px #00000014, 0 2px 4px -1px #00000014;
  --shadow-thumb: 0 1px 4px -1px #00000033;
  --shadow-menu: 0 0 0 1px #00000014, 0 8px 16px -4px #0000001f;
  --shadow-dialog: 0 24px 64px #00000038, 0 4px 16px #0000001f;
}
[data-theme="dark"] {
  --brand-ink: #ffffff;
  --surface: var(--brand-black);
  --surface-sidebar: var(--surface);
  --surface-raised: var(--gray-800);
  --surface-overlay: var(--gray-700);
  --surface-soft: var(--gray-800);
  --surface-strong: var(--gray-700);
  --surface-code: var(--gray-925);
  --surface-inverse: var(--brand-white);
  --surface-tooltip: var(--gray-700);
  --surface-scrim: #00000080;
  --text-primary: var(--gray-0);
  --text-secondary: var(--gray-300);
  --text-tertiary: var(--gray-350);
  --text-inverse: var(--gray-1000);
  --text-tooltip: var(--gray-0);
  --text-link: #66b5ff;
  --text-link-hover: #99ceff;
  --text-danger: #ff6764;
  --text-success: #40c977;
  --text-warning: #ff8549;
  --fill-primary: var(--brand-white);
  --fill-primary-hover: var(--gray-100);
  --fill-primary-active: var(--gray-150);
  --on-fill-primary: var(--brand-black);
  --fill-soft: var(--gray-700);
  --fill-soft-hover: var(--gray-650);
  --fill-soft-active: var(--gray-600);
  --fill-hover: #ffffff1f;
  --fill-active: #ffffff29;
  --fill-danger: #ff6764;
  --fill-danger-hover: #ff8583;
  --on-fill-danger: var(--brand-black);
  --fill-danger-soft: #280b0a;
  --fill-success-soft: #011c0b;
  --fill-warning-soft: #281105;
  --fill-info-soft: #00284d;
  --border: #ffffff26;
  --border-subtle: #ffffff14;
  --border-strong: #ffffff33;
  --border-control: var(--gray-400);
  --ring: var(--brand-white);
  --syntax-keyword: #66b5ff;
  --syntax-string: #40c977;
  --syntax-function: #ffe48c;
  --syntax-number: #be95fa;
  --syntax-property: #ff8cc1;
  --syntax-comment: var(--gray-350);
  --shadow-composer: inset 0 0 1px #ffffff33;
  --shadow-composer-compact: inset 0 0 1px #ffffff33;
  --shadow-raised: 0 1px 2px -1px #00000033;
  --shadow-thumb: 0 1px 4px -1px #00000066;
  --shadow-menu: inset 0 0 0 1px #ffffff1a, 0 8px 16px -4px #0000004d;
  --shadow-dialog: inset 0 0 0 1px #ffffff14, 0 24px 64px #000000b3;
}
:root {
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-3-5: 14px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 20px;
  --radius-composer: 28px;
  --radius-full: 9999px;
  --control-xs: 24px;
  --control-sm: 32px;
  --control-md: 36px;
  --control-lg: 44px;
  --control-xl: 48px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --avatar-sm: 24px;
  --avatar-md: 28px;
  --avatar-lg: 40px;
  --composer-height: 52px;
  --composer-height-compact: 48px;
  --composer-gutter: 12px;
  --thread-width: 768px;
  --thread-gutter: 20px;
  --sidebar-width: 260px;
  --sidebar-rail: 52px;
  --drawer-width: 320px;
  --topbar-height: 56px;
  --menu-width: 240px;
  --dialog-width: 480px;
  --dialog-width-lg: 720px;
  --bp-xs: 380px;
  --bp-sm: 576px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-2xl: 1536px;
  --z-sidebar: 20;
  --z-topbar: 30;
  --z-drawer: 40;
  --z-menu: 50;
  --z-dialog: 60;
  --z-toast: 70;
  --z-tooltip: 80;
  --duration-fast: 100ms;
  --duration-base: 150ms;
  --duration-slow: 250ms;
  --duration-sheet: 350ms;
  --ease-enter: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-exit: cubic-bezier(0.8, 0, 0.4, 1);
  --ease-move: cubic-bezier(0.65, 0, 0.35, 1);
  --font-sans: "Google Sans Flex", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: "Google Sans Code", "Noto Sans SC", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --text-display-lg: 500 48px/56px var(--font-sans);
  --text-display: 500 36px/44px var(--font-sans);
  --text-greeting: 400 24px/32px var(--font-sans);
  --text-heading-1: 600 28px/36px var(--font-sans);
  --text-heading-2: 600 24px/32px var(--font-sans);
  --text-heading-3: 600 20px/28px var(--font-sans);
  --text-heading-4: 600 16px/24px var(--font-sans);
  --text-title: 600 17px/24px var(--font-sans);
  --text-message: 400 16px/28px var(--font-sans);
  --text-body: 400 16px/24px var(--font-sans);
  --text-ui: 400 14px/20px var(--font-sans);
  --text-label: 500 14px/20px var(--font-sans);
  --text-caption: 400 12px/16px var(--font-sans);
  --text-caption-strong: 500 12px/16px var(--font-sans);
  --text-code: 400 14px/21px var(--font-mono);
}
.display-lg { font-family: var(--font-sans); font-size: 48px; line-height: 56px; font-weight: 500; letter-spacing: -0.02em; }
.display { font-family: var(--font-sans); font-size: 36px; line-height: 44px; font-weight: 500; letter-spacing: -0.02em; }
.greeting { font-family: var(--font-sans); font-size: 24px; line-height: 32px; font-weight: 400; letter-spacing: 0; }
.heading-1 { font-family: var(--font-sans); font-size: 28px; line-height: 36px; font-weight: 600; letter-spacing: -0.01em; }
.heading-2 { font-family: var(--font-sans); font-size: 24px; line-height: 32px; font-weight: 600; letter-spacing: 0; }
.heading-3 { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: 0; }
.heading-4 { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 600; letter-spacing: 0; }
.title { font-family: var(--font-sans); font-size: 17px; line-height: 24px; font-weight: 600; letter-spacing: 0; }
.message { font-family: var(--font-sans); font-size: 16px; line-height: 28px; font-weight: 400; letter-spacing: 0; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0; }
.ui { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; }
.label { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: 0; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0; }
.caption-strong { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0; }
.code { font-family: var(--font-mono); font-size: 14px; line-height: 21px; font-weight: 400; letter-spacing: 0; }
@font-face { font-family: "Google Sans Flex"; src: url("fonts/GoogleSansFlex-opsz-wght.woff2") format("woff2"); font-weight: 1 1000; font-style: normal; font-display: swap; }
@font-face { font-family: "Noto Sans SC"; src: url("fonts/NotoSansSC-wght-300-700.subset.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Google Sans Code"; src: url("fonts/GoogleSansCode-wght.woff2") format("woff2"); font-weight: 300 800; font-style: normal; font-display: swap; }