:root{--hanzo-black: #0a0a0b;--hanzo-black-rgb: 10, 10, 11;--hanzo-white: #ffffff;--hanzo-white-rgb: 255, 255, 255;--hanzo-mono-50: #fafafa;--hanzo-mono-100: #f5f5f5;--hanzo-mono-200: #e5e5e5;--hanzo-mono-300: #d4d4d4;--hanzo-mono-400: #a3a3a3;--hanzo-mono-500: #737373;--hanzo-mono-600: #525252;--hanzo-mono-700: #404040;--hanzo-mono-800: #262626;--hanzo-mono-900: #171717;--hanzo-mono-950: #0a0a0a;--hanzo-accent: #8b5cf6;--hanzo-accent-hover: #7c3aed;--hanzo-accent-muted: #a78bfa;--hanzo-accent-soft: rgba(139, 92, 246, .12);--hanzo-accent-rgb: 139, 92, 246;--surface-0: #080808;--surface-1: #0d0d0d;--surface-2: #111111;--surface-3: #171717;--border-hairline: rgba(255, 255, 255, .06);--border-hairline-strong: rgba(255, 255, 255, .1);--radius-card: .5rem;--radius-control: .625rem;--radius-panel: .75rem;--text-heading: 1.25rem;--text-body: .875rem;--text-secondary: .75rem;--brand: var(--hanzo-black);--brand-light: var(--hanzo-mono-800);--brand-dark: #000000;--brand-hover: var(--hanzo-mono-900);--brand-secondary: var(--hanzo-mono-600);--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--bg-card: rgba(23, 23, 23, .5);--bg-light: #ffffff;--bg-light-secondary: #fafafa;--bg-light-tertiary: #f5f5f5;--border: #262626;--border-light: #e5e5e5;--border-focus: var(--hanzo-black);--text-primary: #fafafa;--text-secondary: #a3a3a3;--text-muted: #737373;--text-disabled: #525252;--text-light-primary: #0a0a0b;--text-light-secondary: #525252;--text-light-muted: #737373;--neutral-0: #ffffff;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--neutral-950: #0a0a0a;--neutral-1000: #000000;--success: #10b981;--success-light: #34d399;--success-dark: #059669;--warning: #f59e0b;--warning-light: #fcd34d;--warning-dark: #d97706;--error: #ef4444;--error-light: #f87171;--error-dark: #dc2626;--info: #3b82f6;--info-light: #60a5fa;--info-dark: #2563eb;--gradient-brand: linear-gradient(135deg, var(--hanzo-mono-800) 0%, var(--hanzo-black) 100%);--gradient-accent: linear-gradient(135deg, var(--hanzo-black) 0%, #000000 100%);--gradient-dark: linear-gradient(135deg, #0a0a0b 0%, #262626 100%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--font-sans: "Zen", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Zen Mono", ui-monospace, Monaco, monospace;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-lg: .9375rem;--font-size-xl: 1.0625rem;--font-size-2xl: 1.3125rem;--font-size-3xl: 1.625rem;--font-size-4xl: 2rem;--font-size-5xl: 2.5rem;--font-size-6xl: 3.25rem;--font-size-7xl: 4rem;--font-size-8xl: 5.25rem;--font-size-9xl: 7rem;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--z-notification: 700}[data-theme=dark],.dark{color-scheme:dark}[data-theme=light],.light{--bg-primary: var(--bg-light);--bg-secondary: var(--bg-light-secondary);--bg-tertiary: var(--bg-light-tertiary);--bg-card: rgba(255, 255, 255, .8);--border: var(--border-light);--text-primary: var(--text-light-primary);--text-secondary: var(--text-light-secondary);--text-muted: var(--text-light-muted);--hanzo-accent: #7c3aed;--hanzo-accent-hover: #6d28d9;--hanzo-accent-muted: #7c3aed;--surface-0: #ffffff;--surface-1: #fafafa;--surface-2: #f5f5f5;--surface-3: #ededed;--border-hairline: rgba(0, 0, 0, .08);--border-hairline-strong: rgba(0, 0, 0, .12);color-scheme:light}:root{color-scheme:dark;--neutral-50:#FAFAFA;--neutral-100:#F5F5F5;--neutral-200:#E5E5E5;--neutral-300:#D4D4D4;--neutral-400:#A3A3A3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--neutral-950:#0A0A0A;--pure-black:#000000;--pure-white:#FFFFFF;--hanzo-black:#0A0A0B;--hanzo-white:#FFFFFF;--white-03:rgb(255 255 255 / .03);--white-05:rgb(255 255 255 / .05);--white-06:rgb(255 255 255 / .06);--white-08:rgb(255 255 255 / .08);--white-10:rgb(255 255 255 / .1);--white-14:rgb(255 255 255 / .14);--white-15:rgb(255 255 255 / .15);--white-16:rgb(255 255 255 / .16);--white-18:rgb(255 255 255 / .18);--white-20:rgb(255 255 255 / .2);--white-22:rgb(255 255 255 / .22);--white-30:rgb(255 255 255 / .3);--white-40:rgb(255 255 255 / .4);--white-45:rgb(255 255 255 / .45);--white-55:rgb(255 255 255 / .55);--white-60:rgb(255 255 255 / .6);--white-78:rgb(255 255 255 / .78);--white-80:rgb(255 255 255 / .8);--white-92:rgb(255 255 255 / .92);--background:#0a0a0a;--foreground:#e5e5e5;--card:#0f0f0f;--card-foreground:#e5e5e5;--popover:#0f0f0f;--popover-foreground:#e5e5e5;--primary:#fafafa;--primary-hover:#e5e5e5;--primary-foreground:#0a0a0a;--secondary:#262626;--secondary-hover:#333333;--secondary-foreground:#fafafa;--muted:#171717;--muted-foreground:#a3a3a3;--accent:#262626;--accent-foreground:#fafafa;--destructive:var(--state-error);--destructive-hover:#dc2626;--destructive-foreground:#fafafa;--border:var(--white-10);--border-strong:var(--white-16);--border-control:var(--white-15);--border-focus:var(--white-22);--border-selected:var(--white-30);--input:var(--border-control);--ring:var(--white-40);--ring-halo:var(--white-10);--brand:#e4e4e7;--brand-foreground:#09090b;--brand-muted:#a3a3a3;--black:#000000;--white:#fafafa;--selection:var(--white-20);--glass:var(--white-05);--glass-strong:var(--white-08);--surface-page:var(--background);--surface-card:rgb(38 38 38 / .5);--surface-card-emphasis:rgb(38 38 38 / .75);--surface-card-quiet:rgb(38 38 38 / .35);--surface-overlay:rgb(23 23 23 / .92);--surface-header:rgb(0 0 0 / .7);--surface-scrim:rgb(0 0 0 / .8);--surface-0:var(--background);--surface-1:var(--card);--surface-2:var(--muted);--surface-3:var(--secondary);--text-primary:#fafafa;--text-secondary:var(--white-78);--text-tertiary:var(--white-55);--text-helper:var(--muted-foreground);--text-disabled:var(--white-30);--state-error:#ef4444;--state-error-text:#fca5a5;--state-error-bg:rgb(239 68 68 / .1);--state-online:#4ade80;--state-success:#22c55e;--chrome-dot-red:rgb(239 68 68 / .6);--chrome-dot-yellow:rgb(234 179 8 / .6);--chrome-dot-green:rgb(34 197 94 / .6)}.light{color-scheme:light;--background:#f7f7f7;--foreground:#0a0a0a;--card:#f2f2f2;--card-foreground:#0a0a0a;--popover:#fbfbfb;--popover-foreground:#0a0a0a;--primary:#0a0a0a;--primary-hover:#262626;--primary-foreground:#fafafa;--secondary:#e4e4e4;--secondary-hover:#e0e0e0;--secondary-foreground:#0a0a0a;--muted:#ededed;--muted-foreground:#525252;--accent:#e4e4e4;--accent-foreground:#0a0a0a;--destructive:var(--state-error);--destructive-hover:#dc2626;--destructive-foreground:#ffffff;--border:rgb(0 0 0 / .1);--border-strong:rgb(0 0 0 / .16);--border-control:rgb(0 0 0 / .15);--border-focus:rgb(0 0 0 / .32);--border-selected:rgb(0 0 0 / .42);--input:var(--border-control);--ring:rgb(0 0 0 / .5);--ring-halo:rgb(0 0 0 / .07);--black:#0a0a0a;--white:#ffffff;--selection:rgb(0 0 0 / .16);--glass:rgb(0 0 0 / .04);--glass-strong:rgb(0 0 0 / .07);--surface-card:#f2f2f2;--surface-card-emphasis:#fdfdfd;--surface-card-quiet:#f5f5f5;--surface-overlay:rgb(255 255 255 / .95);--surface-header:rgb(255 255 255 / .8);--surface-scrim:rgb(0 0 0 / .5);--text-primary:var(--neutral-950);--text-secondary:rgb(10 10 10 / .78);--text-tertiary:rgb(10 10 10 / .55);--text-disabled:rgb(10 10 10 / .3)}:root{--type-scale:1;--type-ratio:1;--text-floor:.625rem;--text-ceiling:30vw;--text-xs:clamp(var(--text-floor), calc((.875rem - .1875rem * var(--type-ratio, 1)) * var(--type-scale, 1)), var(--text-ceiling));--leading-xs:calc((1.35rem - .35rem * var(--type-ratio, 1)) * var(--type-scale, 1));--text-sm:clamp(var(--text-floor), calc((.875rem - .0625rem * var(--type-ratio, 1)) * var(--type-scale, 1)), var(--text-ceiling));--leading-sm:calc((1.35rem - .2rem * var(--type-ratio, 1)) * var(--type-scale, 1));--text-base:clamp(var(--text-floor), calc(.875rem * var(--type-scale, 1)), var(--text-ceiling));--leading-base:calc(1.35rem * var(--type-scale, 1));--text-lg:clamp(var(--text-floor), calc((.875rem + .0625rem * var(--type-ratio, 1)) * var(--type-scale, 1)), var(--text-ceiling));--leading-lg:calc((1.35rem + .05rem * var(--type-ratio, 1)) * var(--type-scale, 1));--text-xl:clamp(var(--text-floor), calc((.875rem + .1875rem * var(--type-ratio, 1)) * var(--type-scale, 1)), var(--text-ceiling));--leading-xl:calc((1.35rem + .2rem * var(--type-ratio, 1)) * var(--type-scale, 1));--text-2xl:clamp(var(--text-floor), calc((.875rem + .4375rem * var(--type-ratio, 1)) * var(--type-scale, 1)), var(--text-ceiling));--leading-2xl:calc((1.35rem + .35rem * var(--type-ratio, 1)) * var(--type-scale, 1));--text-3xl:clamp(var(--text-floor), calc((.875rem + .75rem * var(--type-ratio, 1)) * var(--type-scale, 1)), var(--text-ceiling));--leading-3xl:calc((1.35rem + .6rem * var(--type-ratio, 1)) * var(--type-scale, 1));--text-4xl:clamp(var(--text-floor), calc((.875rem + 1.125rem * var(--type-ratio, 1)) * var(--type-scale, 1)), var(--text-ceiling));--leading-4xl:calc((1.35rem + .9rem * var(--type-ratio, 1)) * var(--type-scale, 1));--text-5xl:clamp(var(--text-floor), calc((.875rem + 1.625rem * var(--type-ratio, 1)) * var(--type-scale, 1)), var(--text-ceiling));--leading-5xl:1.05;--text-6xl:clamp(var(--text-floor), calc((.875rem + 2.375rem * var(--type-ratio, 1)) * var(--type-scale, 1)), var(--text-ceiling));--leading-6xl:1;--text-7xl:clamp(var(--text-floor), calc((.875rem + 3.125rem * var(--type-ratio, 1)) * var(--type-scale, 1)), var(--text-ceiling));--leading-7xl:1;--text-8xl:clamp(var(--text-floor), calc((.875rem + 4.375rem * var(--type-ratio, 1)) * var(--type-scale, 1)), var(--text-ceiling));--leading-8xl:1;--text-9xl:clamp(var(--text-floor), calc((.875rem + 6.125rem * var(--type-ratio, 1)) * var(--type-scale, 1)), var(--text-ceiling));--leading-9xl:1;--font-size-xs:var(--text-xs);--font-size-sm:var(--text-sm);--font-size-base:var(--text-base);--font-size-lg:var(--text-lg);--font-size-xl:var(--text-xl);--font-size-2xl:var(--text-2xl);--font-size-3xl:var(--text-3xl);--font-size-4xl:var(--text-4xl);--font-size-5xl:var(--text-5xl);--font-size-6xl:var(--text-6xl);--font-size-7xl:var(--text-7xl);--font-size-8xl:var(--text-8xl);--font-size-9xl:var(--text-9xl);--text-control:var(--text-sm);--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-golden:1.618;--type-hero:600 var(--text-5xl)/1.05 var(--font-display);--type-h2:700 var(--text-4xl)/var(--leading-4xl) var(--font-display);--type-h3:600 var(--text-xl)/var(--leading-xl) var(--font-display);--type-lead:400 var(--text-lg)/var(--leading-relaxed) var(--font-sans);--type-body:400 var(--text-sm)/var(--leading-sm) var(--font-sans);--type-caption:400 var(--text-xs)/var(--leading-xs) var(--font-sans);--type-code:400 var(--text-sm)/var(--leading-relaxed) var(--font-mono);--type-eyebrow:600 .625rem/1 var(--font-sans)}@media(pointer:coarse){:root{--text-control:calc(1rem * var(--type-scale, 1))}}:root{--radius:.5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-composer:28px;--radius-full:9999px}:root{--z-base:0;--z-raised:10;--z-sticky:200;--z-header:300;--z-dropdown:400;--z-overlay:500;--z-modal:600;--z-popover:700;--z-toast:800;--z-tooltip:var(--z-popover);--z-notification:var(--z-toast)}