:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-layer-page: #080808;--color-layer-surface: #0F0F0F;--color-layer-surface-raised: #141414;--color-layer-surface-high: #1A1A1A;--color-layer-overlay: #222222;--color-layer-brand: rgba(0, 255, 148, .15);--color-layer-brand-secondary: rgba(0, 224, 255, .15);--color-typ-heading: #F0EDE8;--color-typ-body: rgba(240, 237, 232, .7);--color-typ-muted: rgba(240, 237, 232, .45);--color-typ-brand: #00FF94;--color-typ-brand-secondary: #00E0FF;--color-typ-inverse: #080808;--color-stroke-subtle: rgba(240, 237, 232, .08);--color-stroke: rgba(240, 237, 232, .15);--color-stroke-strong: rgba(240, 237, 232, .3);--color-stroke-brand: #00FF94;--color-stroke-brand-subtle: rgba(0, 255, 148, .2);--color-stroke-inverse: #080808;--color-accent-brand: #00FF94;--color-accent-brand-dim: rgba(0, 255, 148, .15);--color-accent-brand-glow: rgba(0, 255, 148, .4);--color-accent-secondary: #00E0FF;--color-accent-secondary-dim: rgba(0, 224, 255, .15);--color-action-primary-bg: #00FF94;--color-action-primary-bg-hover: #00E0FF;--color-action-primary-bg-disabled: #1A1A1A;--color-action-primary-fg: #080808;--color-action-primary-fg-disabled: rgba(240, 237, 232, .35);--color-action-primary-glow: rgba(0, 255, 148, .4);--color-action-secondary-bg: transparent;--color-action-secondary-bg-hover: rgba(240, 237, 232, .06);--color-action-secondary-bg-disabled: transparent;--color-action-secondary-fg: #F0EDE8;--color-action-secondary-fg-hover: #00FF94;--color-action-secondary-fg-disabled: rgba(240, 237, 232, .35);--color-action-secondary-stroke: rgba(240, 237, 232, .08);--color-action-secondary-stroke-hover: #00FF94;--color-action-ghost-bg: transparent;--color-action-ghost-bg-hover: rgba(240, 237, 232, .06);--color-action-ghost-fg: rgba(240, 237, 232, .6);--color-action-ghost-fg-hover: #F0EDE8;--color-action-ghost-fg-disabled: rgba(240, 237, 232, .35);--color-action-outline-bg: transparent;--color-action-outline-bg-hover: rgba(0, 255, 148, .15);--color-action-outline-fg: #00FF94;--color-action-outline-stroke: rgba(0, 255, 148, .2);--color-action-outline-stroke-hover: #00FF94;--color-action-outline-glow-hover: rgba(0, 255, 148, .15);--color-field-bg: rgba(240, 237, 232, .06);--color-field-bg-hover: rgba(240, 237, 232, .1);--color-field-bg-focus: rgba(0, 255, 148, .03);--color-field-fg: #F0EDE8;--color-field-placeholder: rgba(240, 237, 232, .35);--color-field-label: rgba(240, 237, 232, .45);--color-field-stroke: rgba(240, 237, 232, .08);--color-field-stroke-hover: rgba(240, 237, 232, .15);--color-field-stroke-focus: #00FF94;--color-field-error-stroke: #00E0FF;--color-field-error-bg-focus: rgba(0, 224, 255, .04);--color-field-disabled-bg: #1A1A1A;--color-field-disabled-fg: rgba(240, 237, 232, .35);--color-chip-primary-bg: rgba(0, 255, 148, .15);--color-chip-primary-fg: #00FF94;--color-chip-primary-stroke: rgba(0, 255, 148, .2);--color-chip-secondary-bg: rgba(240, 237, 232, .06);--color-chip-secondary-fg: rgba(240, 237, 232, .45);--color-chip-secondary-stroke: rgba(240, 237, 232, .08);--color-chip-secondary-brand-bg: rgba(0, 224, 255, .15);--color-chip-secondary-brand-fg: #00E0FF;--color-chip-secondary-brand-stroke: rgba(0, 224, 255, .2);--color-status-online-dot: #00FF94;--color-status-online-glow: rgba(0, 255, 148, .4);--color-status-error: #00E0FF;--color-status-error-soft: rgba(0, 224, 255, .15);--color-gradient-brand-horizontal: linear-gradient(90deg, #00FF94, #009958);--color-gradient-brand-vertical: linear-gradient(180deg, #00FF94, #009958);--color-gradient-brand-diagonal: linear-gradient(135deg, #00FF94, #009958);--color-gradient-brand-fade: linear-gradient(90deg, #00FF94, transparent);--color-gradient-brand-fade-vertical: linear-gradient(180deg, #00FF94, transparent);--color-gradient-secondary-fade: linear-gradient(90deg, #00E0FF, transparent);--color-gradient-brand-to-secondary: linear-gradient(90deg, #00FF94, #00E0FF);--color-gradient-brand-to-secondary-diagonal: linear-gradient(135deg, #00FF94, #00E0FF);--color-gradient-void-fade: linear-gradient(180deg, #080808, transparent);--text-display: clamp(3.5rem, 9vw, 7.5rem);--text-display--line-height: .9;--text-display--letter-spacing: -.04em;--text-display--font-weight: 700;--text-display-outline: clamp(3.5rem, 9vw, 7.5rem);--text-display-outline--line-height: .9;--text-display-outline--letter-spacing: -.04em;--text-display-outline--font-weight: 700;--text-h1: clamp(2rem, 5vw, 3rem);--text-h1--line-height: 1;--text-h1--letter-spacing: -.03em;--text-h1--font-weight: 700;--text-h1-outline: clamp(2rem, 5vw, 3rem);--text-h1-outline--line-height: 1;--text-h1-outline--letter-spacing: -.03em;--text-h1-outline--font-weight: 700;--text-h2: clamp(1.5rem, 3vw, 2rem);--text-h2--line-height: 1;--text-h2--letter-spacing: -.02em;--text-h2--font-weight: 700;--text-h3: 1.375rem;--text-h3--line-height: 1.1;--text-h3--letter-spacing: -.02em;--text-h3--font-weight: 600;--text-body-lg: 1rem;--text-body-lg--line-height: 1.7;--text-body-lg--letter-spacing: 0em;--text-body-lg--font-weight: 300;--text-body: .875rem;--text-body--line-height: 1.7;--text-body--letter-spacing: 0em;--text-body--font-weight: 300;--text-mono-sm: .5625rem;--text-mono-sm--line-height: 1.1;--text-mono-sm--letter-spacing: .1em;--text-mono-sm--font-weight: 400;--text-mono-md: .75rem;--text-mono-md--line-height: 1.4;--text-mono-md--letter-spacing: .06em;--text-mono-md--font-weight: 400;--text-mono-lg: .8125rem;--text-mono-lg--line-height: 1.1;--text-mono-lg--letter-spacing: .06em;--text-mono-lg--font-weight: 400;--text-mono-display: .875rem;--text-mono-display--line-height: 1.1;--text-mono-display--letter-spacing: .1em;--text-mono-display--font-weight: 700;--text-caption: .625rem;--text-caption--line-height: 1.4;--text-caption--letter-spacing: .08em;--text-caption--font-weight: 400;--radius-md: initial;--radius-lg: initial;--radius-xl: initial;--radius-2xl: initial;--radius-3xl: initial;--radius-none: 0;--radius: 4px;--radius-sm: 4px;--radius-full: 9999px;--shadow-sm: 0px 2px 8px 0px rgba(0, 0, 0, .4);--shadow-md: 0px 8px 24px -4px rgba(0, 0, 0, .5);--shadow-lg: 0px 24px 64px -8px rgba(0, 0, 0, .6);--shadow-brand-glow-sm: 0px 0px 12px 0px rgba(0, 255, 148, .4);--shadow-brand-glow: 0px 0px 24px 0px rgba(0, 255, 148, .4);--shadow-brand-glow-lg: 0px 0px 48px 0px rgba(0, 255, 148, .4);--shadow-brand-secondary-glow-sm: 0px 0px 12px 0px rgba(0, 224, 255, .15);--shadow-brand-secondary-glow: 0px 0px 24px 0px rgba(0, 224, 255, .15);--animate-grain-shift: grainShift .5s steps(2) infinite;--animate-blink: blink 2s infinite;--animate-glitch: glitch 5s infinite;--animate-fade-up: fadeUp .8s ease forwards;--animate-fade-in: fadeIn .6s ease forwards;--animate-grow: grow .6s ease forwards;--animate-grow-kicker: growKicker .6s ease forwards;--animate-scan: scan 2s infinite;--animate-loader-fill: loaderFill 1.2s ease-in-out infinite;--animate-loader-spin-outer: spin 1.8s linear infinite;--animate-loader-spin-inner: spin 1.1s linear infinite reverse;--ease-cursor: cubic-bezier(.23, 1, .32, 1)}
