@layer tokens {
  :root {
  --ink: #ffffff;
  --prose: #d4dae2;
  --bg-app: #0a0a0a;
  --bg-sidebar: #0a0a0a;
  --bg-card: #121212;
  --bg-raised: #1a1a1a;
  --bg-elevated: #222222;
  --bg-inset: #0a0a0a;
  --bg-thumb: rgb(255 255 255 / 0.10);
  --switch-thumb: #ffffff;
  --backdrop: rgb(0 0 0 / 0.50);
  --stroke-edge: #1e2228;
  --float-edge: rgb(255 255 255 / 0.10);
  --stroke-frame: rgb(255 255 255 / 0.07);
  --stroke-frame-active: rgb(255 255 255 / 0.10);
  --brand-accent: #ff7716;
  --brand-accent-text: #ff8f45;
  --hue-green: #4ade80;
  --hue-yellow: #f8c630;
  --hue-red: #e66565;
  --hue-cyan: #29c6be;
  --hue-blue: #9db9db;
  --text-green: #4ade80;
  --text-yellow: #f8c630;
  --text-red: #f07a7a;
  --text-cyan: #5fd0c9;
  --text-blue: #9db9db;
  --diff-add-fg: #9ece6a;
  --diff-del-fg: #f7768e;
  --diff-add-line: rgb(158 206 106 / 0.10);
  --diff-add-word: rgb(158 206 106 / 0.20);
  --diff-del-line: rgb(247 118 142 / 0.10);
  --diff-del-word: rgb(247 118 142 / 0.20);
  --syntax-fg: #d9d4cd;
  --syntax-comment: #958e85;
  --syntax-keyword: #98b0ff;
  --syntax-string: #96c47e;
  --syntax-function: #e3c88f;
  --syntax-number: #d99a5e;
  --syntax-constant: #4cc4bb;
  --syntax-link: #98b0ff;
  --syntax-punctuation: #d9d4cd99;
  --syntax-parameter: #d9d4cd;
  --focus-color: var(--ink);
  --selection: #d4dae2;
  --selection-ink: #0a0a0a;
  --scrollbar-steel: #36383a;
  --scrollbar-steel-hover: #4a4d52;
  --horizon-core: #ffd7b5;
  --text-1: var(--ink);
  --text-2: color-mix(in srgb, var(--ink) var(--rank-text-2), transparent);
  --text-3: color-mix(in srgb, var(--ink) var(--rank-text-3), transparent);
  --text-4: color-mix(in srgb, var(--ink) var(--rank-text-4), transparent);
  --text-prose: var(--prose);
  --text-inverse: var(--bg-app);
  --text-accent: var(--brand-accent-text);
  --text-success: var(--text-green);
  --text-warning: var(--text-yellow);
  --text-danger: var(--text-red);
  --text-link: var(--text-1);
  --link-underline: color-mix(in srgb, var(--ink) 30%, transparent);
  --link-underline-hover: var(--text-1);
  --icon-1: var(--ink);
  --icon-2: color-mix(in srgb, var(--ink) var(--rank-icon-2), transparent);
  --icon-3: color-mix(in srgb, var(--ink) var(--rank-icon-3), transparent);
  --icon-4: color-mix(in srgb, var(--ink) var(--rank-icon-4), transparent);
  --fill-1: color-mix(in srgb, var(--ink) 18%, transparent);
  --fill-pressed: color-mix(in srgb, var(--ink) 14%, transparent);
  --fill-2: color-mix(in srgb, var(--ink) 12%, transparent);
  --fill-3: color-mix(in srgb, var(--ink) 8%, transparent);
  --fill-4: color-mix(in srgb, var(--ink) 5%, transparent);
  --fill-5: color-mix(in srgb, var(--ink) 3%, transparent);
  --stroke-1: color-mix(in srgb, var(--ink) 20%, transparent);
  --stroke-2: color-mix(in srgb, var(--ink) 10%, transparent);
  --stroke-3: color-mix(in srgb, var(--ink) 7%, transparent);
  --stroke-4: color-mix(in srgb, var(--ink) 4%, transparent);
  --stroke-outline: color-mix(in srgb, var(--ink) 15%, transparent);
  --bg-inverse: var(--ink);
  --bg-inverse-hover: color-mix(in srgb, var(--ink) 89%, var(--bg-app));
  --glass: color-mix(in srgb, var(--bg-app) 85%, transparent);
  --hue-accent: var(--brand-accent);
  --brand-mark: var(--icon-2);
  --accent-soft: color-mix(in srgb, var(--hue-accent) 12%, transparent);
  --success-soft: color-mix(in srgb, var(--hue-green) 10%, transparent);
  --warning-soft: color-mix(in srgb, var(--hue-yellow) 10%, transparent);
  --danger-soft: color-mix(in srgb, var(--hue-red) 10%, transparent);
  --danger-soft-hover: color-mix(in srgb, var(--hue-red) 18%, transparent);
  --mode-plan: var(--hue-blue);
  --mode-plan-text: var(--text-blue);
  --mode-ask: var(--hue-green);
  --mode-ask-text: var(--text-green);
  --mode-debug: var(--hue-red);
  --mode-debug-text: var(--text-red);
  --status-running: var(--icon-2);
  --status-attention: var(--hue-accent);
  --status-error: var(--hue-red);
  --status-unread: var(--hue-accent);
  --status-idle: transparent;
  --caret: var(--hue-accent);
  --ring: color-mix(in srgb, var(--focus-color) var(--focus-strength), transparent);
  --scrollbar-thumb: var(--scrollbar-steel);
  --scrollbar-thumb-hover: var(--scrollbar-steel-hover);
  --rank-text-2: 64%;
  --rank-text-3: 50%;
  --rank-text-4: 34%;
  --rank-icon-2: 60%;
  --rank-icon-3: 46%;
  --rank-icon-4: 28%;
  --focus-strength: 40%;
  --horizon-bloom: 8%;
  --horizon-helm: 0.4;
  --horizon-helm-bloom: 3%;
  --mode-soft-strength: 12%;
  --edge-light: inset 0 0 0 0 transparent;
  --shadow-popup: 0 1px 2px 0 rgb(0 0 0 / 0.40), 0 16px 48px -8px rgb(0 0 0 / 0.60);
  --shadow-dialog: 0 24px 80px -12px rgb(0 0 0 / 0.72);
  --shadow-sm: 0 2px 8px 0 rgb(0 0 0 / 0.40);
  --shadow-soft: 0 16px 48px -8px rgb(0 0 0 / 0.55);
  --shadow-bubble: 0 0 0 0 transparent;
  --shadow-thumb: 0 0 0 0 transparent;
  --shadow-horizon: 0 0 8px 0 color-mix(in srgb, var(--brand-accent) 55%, transparent);
  --horizon-hail-edge: 1px;
  --icon-stroke: 1.25px;
  --ring-width: 2px;
  --halo-width: 3px;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Geist Mono", "SF Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font-features: "cv05";
  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-base: 13px;
  --font-size-lg: 15px;
  --font-size-xl: 17px;
  --font-size-2xl: 20px;
  --font-size-3xl: 24px;
  --font-size-display: 30px;
  --font-size-hero: 48px;
  --font-size-code-inline: 0.867em;
  --line-height-xs: 14px;
  --line-height-sm: 16px;
  --line-height-base: 18px;
  --line-height-lg: 24px;
  --line-height-xl: 24px;
  --line-height-2xl: 28px;
  --line-height-3xl: 32px;
  --line-height-display: 36px;
  --line-height-hero: 52px;
  --line-height-heading: 1.33;
  --line-height-code: 19px;
  --tracking-xs: 0.07px;
  --tracking-sm: 0px;
  --tracking-base: -0.08px;
  --tracking-lg: 0px;
  --tracking-xl: -0.43px;
  --tracking-2xl: -0.45px;
  --tracking-3xl: -0.24px;
  --tracking-display: -0.45px;
  --tracking-hero: -0.96px;
  --tracking-eyebrow: 0.06em;
  --weight-regular: 418;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-display: 460;
  --type-caption: var(--weight-regular) var(--font-size-xs)/var(--line-height-xs) var(--font-sans);
  --type-label: var(--weight-regular) var(--font-size-sm)/var(--line-height-sm) var(--font-sans);
  --type-ui: var(--weight-regular) var(--font-size-base)/var(--line-height-base) var(--font-sans);
  --type-ui-strong: var(--weight-medium) var(--font-size-base)/var(--line-height-base) var(--font-sans);
  --type-prose: var(--weight-regular) var(--font-size-lg)/var(--line-height-lg) var(--font-sans);
  --type-title: var(--weight-medium) var(--font-size-lg)/var(--line-height-lg) var(--font-sans);
  --type-heading: var(--weight-medium) var(--font-size-2xl)/var(--line-height-2xl) var(--font-sans);
  --type-display: var(--weight-display) var(--font-size-display)/var(--line-height-display) var(--font-sans);
  --type-code: var(--weight-regular) var(--font-size-sm)/var(--line-height-code) var(--font-mono);
  --type-group: var(--weight-medium) var(--font-size-base)/var(--line-height-base) var(--font-sans);
  --type-eyebrow: var(--weight-medium) var(--font-size-xs)/var(--line-height-xs) var(--font-sans);
  --link-thickness: 1px;
  --link-offset: 0.18em;
  --space-0: 0px;
  --space-px: 1px;
  --space-0-5: 2px;
  --space-0-75: 3px;
  --space-1: 4px;
  --space-1-25: 5px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-3-5: 14px;
  --space-4: 16px;
  --space-4-5: 18px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-row: 10px;
  --radius-control-frame: calc(var(--control-sm) / 2 + var(--space-2) + 1px);
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-4xl: 24px;
  --radius-full: 9999px;
  --corner: round;
  --control-xs: 20px;
  --control-sm: 24px;
  --control-md: 28px;
  --control-lg: 32px;
  --icon-xs: 10px;
  --icon-sm: 12px;
  --icon-base: 14px;
  --icon-lg: 16px;
  --icon-xl: 20px;
  --z-raised: 1;
  --z-sticky: 10;
  --z-drawer-backdrop: 40;
  --z-drawer: 50;
  --z-modal: 100;
  --z-popover: 200;
  --z-toast: 300;
  --z-tooltip: 400;
  --duration-instant: 50ms;
  --duration-fast: 150ms;
  --duration-normal: 150ms;
  --duration-slow: 200ms;
  --duration-slower: 300ms;
  --duration-enter: 160ms;
  --duration-exit: 120ms;
  --duration-pop: 120ms;
  --duration-pop-exit: 100ms;
  --duration-glide: 150ms;
  --duration-glide-fade: 100ms;
  --duration-focus: 200ms;
  --duration-morph: 410ms;
  --duration-swap: 240ms;
  --duration-reduced: 0.01ms;
  --delay-scrollbar-hide: 600ms;
  --duration-horizon: 480ms;
  --duration-settle: 320ms;
  --duration-release: 280ms;
  --loop-watch: 3.2s;
  --loop-shimmer: calc(var(--loop-watch) / 2);
  --loop-spin: 1s;
  --loop-skeleton: 1.4s;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-in-out: ease-in-out;
  --ease-exit: ease-in;
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-strong: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-pop: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-enter: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-focus: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-sweep: cubic-bezier(0.45, 0.05, 0.4, 1);
  --ease-settle: linear(0, 0.075 5%, 0.228 10%, 0.391 15%, 0.537 20%, 0.657 25%, 0.751 30%, 0.822 35%, 0.874 40%, 0.912 45%, 0.939 50%, 0.958 55%, 0.971 60%, 0.980 65%, 0.987 70%, 0.991 75%, 0.994 80%, 0.997 90%, 1);
  --ease-release: linear(0, 0.070 4%, 0.226 8%, 0.408 12%, 0.581 17%, 0.727 21%, 0.839 25%, 0.920 29%, 0.974 33%, 1.006 38%, 1.022 42%, 1.028 48%, 1.024 54%, 1.014 62%, 1.006 71%, 1.001 79%, 1);
  --ease-morph: linear(0, 0.055 4%, 0.179 8%, 0.327 12%, 0.474 17%, 0.606 21%, 0.716 25%, 0.804 29%, 0.871 33%, 0.920 38%, 0.954 42%, 0.977 46%, 0.992 50%, 1.001 54%, 1.005 58%, 1.007 62%, 1.008 67%, 1.007 71%, 1.006 75%, 1.005 79%, 1.004 83%, 1.003 88%, 1.002 92%, 1.001 96%, 1);
  --pop-offset: 4px;
  --tray-offset: 4px;
  --drop-offset: 4px;
  --dialog-rise: 8px;
  --enter-offset: 8px;
  --step-offset: 16px;
  --swap-offset: 4px;
  --swap-blur: 4px;
  --morph-scale: 0.94;
  --topbar-height: 40px;
  --sidebar-width-default: 240px;
  --sidebar-width-min: 210px;
  --sidebar-width-max: 400px;
  --sidebar-row-height: 30px;
  --thread-width: 764px;
  --thread-inset: 13px;
  --home-width: 608px;
  --stream-gap: 14px;
  --turn-gap: 24px;
  --group-label-height: 30px;
  --timestamp-box: 26px;
  --quickstart-row-height: 36px;
  --hairline-inset: 11px;
  --rule-width: 3px;
  --composer-max-height: 420px;
  --media-max-height: 360px;
  --drawer-gutter: 72px;
  --scrollbar-size-visible: 4px;
  --glass-blur: 12px;
  --backdrop-blur: 8px;
  }
  [data-theme="light"] {
  --ink: #0a0a0a;
  --prose: #26272b;
  --bg-app: #f9f8f6;
  --bg-sidebar: #f9f8f6;
  --bg-card: #fcfcfc;
  --bg-raised: #ffffff;
  --bg-elevated: #ffffff;
  --bg-inset: #f9f8f6;
  --bg-thumb: #ffffff;
  --backdrop: rgb(10 10 10 / 0.16);
  --stroke-edge: #dee2e7;
  --float-edge: rgb(10 10 10 / 0.07);
  --stroke-frame: #dee2e7;
  --stroke-frame-active: rgb(10 10 10 / 0.16);
  --brand-accent: #d25200;
  --brand-accent-text: #ad4500;
  --hue-green: #16a34a;
  --hue-yellow: #a16207;
  --hue-red: #dc2626;
  --hue-cyan: #0e7490;
  --hue-blue: #3567b5;
  --text-green: #137337;
  --text-yellow: #8a5a00;
  --text-red: #b91c1c;
  --text-cyan: #0c6a84;
  --text-blue: #2c58a8;
  --diff-add-fg: #137337;
  --diff-del-fg: #b91c1c;
  --diff-add-line: rgb(22 163 74 / 0.09);
  --diff-add-word: rgb(22 163 74 / 0.18);
  --diff-del-line: rgb(220 38 38 / 0.08);
  --diff-del-word: rgb(220 38 38 / 0.16);
  --syntax-fg: #1b1a17;
  --syntax-comment: #6c675f;
  --syntax-keyword: #3651c9;
  --syntax-string: #3a7a1f;
  --syntax-function: #8a5a00;
  --syntax-number: #a3480f;
  --syntax-constant: #0b6f78;
  --syntax-link: #3651c9;
  --syntax-punctuation: #1b1a17b3;
  --syntax-parameter: #1b1a17;
  --selection: #0a0a0a;
  --selection-ink: #ffffff;
  --scrollbar-steel: #d4dae2;
  --scrollbar-steel-hover: #b9bec8;
  --horizon-core: #ec6a12;
  --rank-text-2: 72%;
  --rank-text-3: 60%;
  --rank-text-4: 44%;
  --rank-icon-2: 66%;
  --rank-icon-3: 52%;
  --rank-icon-4: 32%;
  --focus-strength: 50%;
  --horizon-bloom: 0%;
  --horizon-helm: 0.45;
  --horizon-helm-bloom: 0%;
  --shadow-popup: 0 1px 2px 0 rgb(10 10 10 / 0.05), 0 16px 48px -8px rgb(10 10 10 / 0.18);
  --shadow-dialog: 0 1px 3px 0 rgb(10 10 10 / 0.05), 0 24px 64px -12px rgb(10 10 10 / 0.24);
  --shadow-sm: 0 2px 8px 0 rgb(10 10 10 / 0.07);
  --shadow-soft: 0 12px 32px -8px rgb(10 10 10 / 0.14);
  --shadow-thumb: 0 1px 2px 0 rgb(10 10 10 / 0.10), 0 0 0 1px rgb(10 10 10 / 0.06);
  --shadow-horizon: none;
  }
  @supports (corner-shape: superellipse(2)) {
    :root {
    --radius-xl: 15px;
    --radius-2xl: 20px;
    --radius-4xl: 30px;
    --corner: superellipse(1.6);
    }
  }
  @media (prefers-contrast: more) {
    :root, [data-theme="dark"], [data-theme="light"] {
      --rank-text-3: var(--rank-text-2);
      --rank-text-4: 60%;
      --stroke-3: color-mix(in srgb, var(--ink) 20%, transparent);
      --stroke-2: color-mix(in srgb, var(--ink) 28%, transparent);
      --stroke-frame: color-mix(in srgb, var(--ink) 20%, transparent);
      --stroke-frame-active: color-mix(in srgb, var(--ink) 32%, transparent);
      --float-edge: color-mix(in srgb, var(--ink) 28%, transparent);
      --focus-strength: 100%;
      --glass: var(--bg-app);
      --horizon-bloom: 0%;
      --horizon-helm-bloom: 0%;
      --shadow-horizon: none;
    }
  }
}