@font-face{font-family:Havn Nightjar;src:url(./HavnNightjar-VF.bsCXenRX.ttf) format("truetype-variations"),url(./HavnNightjar-VF.bsCXenRX.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Havn Mono;src:url(./HavnMono-VF.DyX9qVza.ttf) format("truetype-variations"),url(./HavnMono-VF.DyX9qVza.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--radius: .625rem;--background: #FFFFFF;--foreground: #20242D;--card: #FFFFFF;--card-foreground: #20242D;--popover: #FFFFFF;--popover-foreground: #20242D;--primary: #39AC6E;--primary-foreground: #FFFFFF;--secondary: #1292EE;--secondary-foreground: #FFFFFF;--muted: #EEF2F6;--muted-foreground: #66737F;--accent: #56C288;--accent-foreground: #06331E;--destructive: #FF4444;--destructive-foreground: #FFFFFF;--warning: #FFA540;--warning-foreground: #20242D;--info: #3EAEFF;--info-foreground: #20242D;--link: #0077CC;--link-foreground: #FFFFFF;--border: #E7ECF2;--input: #D5DDE5;--ring: #39AC6E;--chart-1: #39AC6E;--chart-2: #1292EE;--chart-3: #FFC555;--chart-4: #A7C399;--chart-5: #728AA9;--sidebar: #F5F8FB;--sidebar-foreground: #20242D;--sidebar-primary: #39AC6E;--sidebar-primary-foreground: #FFFFFF;--sidebar-accent: #E3FBEE;--sidebar-accent-foreground: #106236;--sidebar-border: #E7ECF2;--sidebar-ring: #39AC6E;--havn-spacing-xxs: .125rem;--havn-spacing-xs: .25rem;--havn-spacing-sm: .5rem;--havn-spacing-md: .75rem;--havn-spacing-lg: 1rem;--havn-spacing-xl: 1.5rem;--havn-spacing-xxl: 2rem;--havn-spacing-xxxl: 3rem;--havn-radius-xs: .125rem;--havn-radius-sm: .25rem;--havn-radius-md: .5rem;--havn-radius-lg: .75rem;--havn-radius-xl: 1rem;--havn-radius-pill: 999px;--havn-focus-width: 2px;--havn-typography-family-sans: "Havn Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;--havn-typography-family-mono: "Havn Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;--havn-typography-family-display: "Havn Nightjar", Georgia, "Times New Roman", serif;--havn-typography-size-xs: .75rem;--havn-typography-size-sm: .875rem;--havn-typography-size-md: 1rem;--havn-typography-size-lg: 1.25rem;--havn-typography-size-xl: 1.5rem;--havn-typography-size-xxl: 2rem;--havn-typography-weight-regular: 400;--havn-typography-weight-medium: 500;--havn-typography-weight-semibold: 600;--havn-typography-weight-bold: 700;--havn-typography-lineHeight-tight: 1.2;--havn-typography-lineHeight-normal: 1.5;--havn-typography-lineHeight-relaxed: 1.7;--havn-typography-letterSpacing-tight: -.02em;--havn-typography-letterSpacing-normal: 0;--havn-typography-letterSpacing-wide: .05em;--havn-typography-letterSpacing-wider: .08em;--havn-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--havn-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--havn-shadow-md: 0 4px 12px -2px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .06);--havn-shadow-lg: 0 12px 32px -4px rgb(0 0 0 / .12), 0 4px 12px -2px rgb(0 0 0 / .08);--havn-shadow-xl: 0 20px 48px -8px rgb(0 0 0 / .16), 0 8px 24px -4px rgb(0 0 0 / .1);--havn-elevation-card: var(--havn-shadow-sm);--havn-elevation-dropdown: var(--havn-shadow-md);--havn-elevation-modal: var(--havn-shadow-lg);--havn-elevation-toast: var(--havn-shadow-xl);--havn-motion-duration-instant: 60ms;--havn-motion-duration-quick: .12s;--havn-motion-duration-normal: .2s;--havn-motion-duration-slow: .32s;--havn-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--havn-motion-easing-enter: cubic-bezier(0, 0, 0, 1);--havn-motion-easing-exit: cubic-bezier(.3, 0, 1, 1);--havn-zIndex-base: 0;--havn-zIndex-overlay: 10;--havn-zIndex-popover: 30;--havn-zIndex-modal: 50;--havn-zIndex-toast: 70;--havn-menu-trigger-size: var(--havn-typography-size-xs);--havn-menu-trigger-radius: var(--havn-radius-sm);--havn-menu-trigger-padding-y: .25rem;--havn-menu-trigger-padding-x: .5rem;--havn-menu-row-size: var(--havn-typography-size-sm);--havn-menu-row-radius: var(--havn-radius-sm);--havn-menu-row-padding-y: .34rem;--havn-menu-row-padding-x: .5rem;--havn-menu-surface-radius: var(--havn-radius-md);--havn-menu-surface-padding: 4px;--havn-menu-meta-size: var(--havn-typography-size-xs);--havn-menu-motion: var(--havn-motion-duration-quick);--havn-menu-focus-width: 2px;--havn-menu-focus-offset: -2px;--port-any: #8c949e;--port-number: #4a66eb;--port-string: #2ea666;--port-boolean: #d98c26;--port-vector2: #994dcc;--port-vector3: #6b59e0;--port-image: #d94d8c;--port-geometry: #26b3ad;--port-mesh: #f2b333;--ctx-board: var(--primary);--ctx-geometry: #26b3ad;--cat-geometry-bg: #0b4d2e;--cat-geometry-accent: #22c55e;--cat-curve-bg: #0a3040;--cat-curve-accent: #06b6d4;--cat-deform-bg: #0f2d4d;--cat-deform-accent: #3b82f6;--cat-transform-bg: #1a2040;--cat-transform-accent: #4f9cf9;--cat-attribute-bg: #2d1f5e;--cat-attribute-accent: #a78bfa;--cat-boolean-bg: #3d1f08;--cat-boolean-accent: #f97316;--cat-merge-bg: #1a1f40;--cat-merge-accent: #6366f1;--cat-simulate-bg: #3d0d0d;--cat-simulate-accent: #ef4444;--cat-render-bg: #3d1040;--cat-render-accent: #ec4899;--cat-material-bg: #3d0d30;--cat-material-accent: #ec4899;--cat-texture-bg: #3d1f08;--cat-texture-accent: #f97316;--cat-io-bg: #2d2508;--cat-io-accent: #eab308;--cat-utility-bg: #1a1c22;--cat-utility-accent: #525566;--cat-subgraph-bg: #1e1e2a;--cat-subgraph-accent: #d4d6e0}.dark,[data-theme=dark]{--background: #20242D;--foreground: #EEF2F6;--card: #272D37;--card-foreground: #EEF2F6;--popover: #272D37;--popover-foreground: #EEF2F6;--primary: #56C288;--primary-foreground: #06331E;--secondary: #57B0FB;--secondary-foreground: #062138;--muted: #272D37;--muted-foreground: #ADB9C7;--accent: #39AC6E;--accent-foreground: #EEF2F6;--destructive: #FF5C5C;--destructive-foreground: #20242D;--warning: #FFA540;--warning-foreground: #20242D;--info: #3EAEFF;--info-foreground: #20242D;--link: #57B0FB;--link-foreground: #20242D;--border: rgba(255, 255, 255, .1);--input: rgba(255, 255, 255, .16);--ring: #56C288;--chart-1: #56C288;--chart-2: #57B0FB;--chart-3: #FFC555;--chart-4: #B5CDAA;--chart-5: #91AFD3;--sidebar: #272D37;--sidebar-foreground: #EEF2F6;--sidebar-primary: #56C288;--sidebar-primary-foreground: #06331E;--sidebar-accent: #106236;--sidebar-accent-foreground: #C2F0D7;--sidebar-border: rgba(255, 255, 255, .1);--sidebar-ring: #56C288}--fg*/--accent shell vars below are retained for the terminal/CLI components and are mode-independent. Fonts (Havn Nightjar display VF,Havn Mono VF) ship from this package at ./fonts @font-face{font-family:Havn Nightjar;src:url(./HavnNightjar-VF.bsCXenRX.ttf) format("truetype-variations"),url(./HavnNightjar-VF.bsCXenRX.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Havn Mono;src:url(./HavnMono-VF.DyX9qVza.ttf) format("truetype-variations"),url(./HavnMono-VF.DyX9qVza.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{color-scheme:light;--green-100: #F5FFF9;--green-200: #E3FBEE;--green-300: #C2F0D7;--green-400: #87DBAE;--green-500: #56C288;--green-600: #39AC6E;--green-700: #268C55;--green-800: #106236;--green-900: #003C1C;--blue-100: #F3FBFF;--blue-200: #D6EDFF;--blue-300: #A0D4FF;--blue-400: #57B0FB;--blue-500: #1292EE;--blue-600: #0077CC;--blue-700: #005CA4;--blue-800: #034077;--blue-900: #002651;--amulet-100: #F2F7EF;--amulet-200: #DDEAD8;--amulet-300: #C8DBC0;--amulet-400: #B5CDAA;--amulet-500: #A7C399;--amulet-600: #99B88A;--amulet-700: #8CAB7F;--amulet-800: #7C9473;--amulet-900: #6E7F69;--gold-100: #FFF9EF;--gold-200: #FFF2D7;--gold-300: #FFE7B8;--gold-400: #FDD88E;--gold-500: #FFC555;--gold-600: #FAB347;--gold-700: #E89635;--gold-800: #CE7129;--gold-900: #B24319;--charcoal-100: #E6EEFF;--charcoal-200: #C6D6EB;--charcoal-300: #A8BAD3;--charcoal-400: #91AFD3;--charcoal-500: #728AA9;--charcoal-600: #5B7697;--charcoal-700: #4D6786;--charcoal-800: #2E4259;--charcoal-900: #1C2D41;--grey-0: #FFFFFF;--grey-100: #EEF2F6;--grey-200: #E7ECF2;--grey-300: #D5DDE5;--grey-400: #B8C1CC;--grey-500: #ADB9C7;--grey-600: #8F9CA9;--grey-700: #66737F;--grey-800: #36414C;--grey-900: #272D37;--grey-950: #20242D;--positive: #38C976;--negative: #FF4444;--warn: #FFA540;--info-blue: #3EAEFF;--paper: #FFFFFF;--paper-2: #F5F8FB;--paper-3: #EEF2F6;--paper-deep: #E7ECF2;--ink-1: #20242D;--ink-2: #66737F;--ink-3: #8F9CA9;--ink-4: #B8C1CC;--rule-1: rgba(32, 36, 45, .06);--rule-2: rgba(32, 36, 45, .1);--rule-3: rgba(32, 36, 45, .16);--rule-4: rgba(32, 36, 45, .24);--bg-page: var(--paper);--bg-card: var(--paper-2);--bg-card-hover: var(--paper-3);--fg: var(--ink-1);--primary: var(--green-600);--primary-soft: var(--green-200);--secondary: var(--blue-500);--secondary-soft: var(--blue-200);--green: var(--green-600);--green-1: var(--green-200);--green-2: var(--green-300);--green-deep: var(--green-800);--green-leaf: var(--green-500);--green-forest: var(--green-900);--red-1: #FFE1E1;--red-2: #FF8A8A;--red: var(--negative);--red-deep: #CC2E2E;--red-rose: #FFB3B8;--marmalade: var(--gold-700);--cinnamon: var(--gold-800);--honey: var(--gold-500);--sky: var(--blue-300);--bloom: var(--green-300);--background: var(--paper);--foreground: var(--ink-1);--card: var(--paper);--card-foreground: var(--ink-1);--popover: var(--paper);--popover-foreground: var(--ink-1);--primary-foreground: #FFFFFF;--secondary-foreground: #FFFFFF;--muted: var(--paper-3);--muted-foreground: var(--ink-2);--accent: var(--green-500);--accent-foreground: #06331E;--foreground-dim: var(--ink-2);--destructive: var(--negative);--destructive-foreground: #FFFFFF;--border: var(--rule-2);--border-subtle: var(--rule-1);--input: var(--rule-3);--ring: var(--green-600);--success: var(--positive);--success-foreground: #06331E;--warning: var(--warn);--warning-foreground: var(--ink-1);--info: var(--info-blue);--info-foreground: var(--ink-1);--link: var(--blue-600);--link-foreground: #FFFFFF;--chart-1: var(--green-600);--chart-2: var(--blue-500);--chart-3: var(--gold-500);--chart-4: var(--amulet-500);--chart-5: var(--charcoal-500);--sidebar: var(--paper-2);--sidebar-foreground: var(--ink-1);--sidebar-primary: var(--green-600);--sidebar-primary-foreground: #FFFFFF;--sidebar-accent: var(--green-200);--sidebar-accent-foreground: var(--green-800);--sidebar-border: var(--rule-2);--sidebar-ring: var(--green-600);--hover: color-mix(in oklch, var(--foreground) 5%, transparent);--pressed: color-mix(in oklch, var(--foreground) 8%, transparent);--selected: color-mix(in oklch, var(--accent) 26%, transparent);--focus-ring: color-mix(in oklch, var(--ring) 50%, transparent);--glass: color-mix(in oklch, var(--popover) 88%, transparent);--glass-border: color-mix(in oklch, var(--border) 70%, transparent);--glass-shadow: color-mix(in oklch, var(--ink-1) 10%, transparent);--havn-typography-family-sans: var(--font-sans);--havn-typography-family-mono: var(--font-mono);--havn-typography-family-display: var(--font-display);--bg: #20242D;--surface-1: #272D37;--surface-2: #2E353F;--surface-3: #36414C;--line-1: rgba(255, 255, 255, .06);--line-2: rgba(255, 255, 255, .07);--line-3: rgba(255, 255, 255, .08);--line-4: rgba(255, 255, 255, .1);--line-5: rgba(255, 255, 255, .14);--line-6: rgba(255, 255, 255, .16);--fill-soft: rgba(255, 255, 255, .04);--fill-glass: rgba(255, 255, 255, .05);--fg-1: #EEF2F6;--fg-2: #FFFFFF;--fg-3: #D5DDE5;--fg-4: #ADB9C7;--fg-5: #8F9CA9;--fg-6: #66737F;--fg-white: #ffffff;--accent-2: var(--green-500);--accent-3: var(--green-200);--accent-glow: rgba(86, 194, 136, .14);--dot-red: rgba(255, 68, 68, .72);--dot-yellow: rgba(255, 165, 64, .72);--dot-green: rgba(56, 201, 118, .72);--grad-project: linear-gradient(135deg, #8b5cf6, #9333ea);--grad-build: linear-gradient(135deg, #3b82f6, #0891b2);--grad-deploy: linear-gradient(135deg, #10b981, #0d9488);--grad-observability: linear-gradient(135deg, #f97316, #d97706);--grad-config: linear-gradient(135deg, #ec4899, #e11d48);--grad-monitor: linear-gradient(135deg, #0ea5e9, #4f46e5);--grad-data: linear-gradient(135deg, #eab308, #ea580c);--grad-access: linear-gradient(135deg, #ef4444, #ec4899);--grad-security: linear-gradient(135deg, #d946ef, #9333ea);--grad-automation: linear-gradient(135deg, #14b8a6, #16a34a);--grad-config-2: linear-gradient(135deg, #64748b, #4b5563);--grad-infra: linear-gradient(135deg, #84cc16, #059669);--font-sans: "Havn Nightjar", Georgia, "Times New Roman", serif;--font-mono: "Havn Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;--font-display: "Havn Nightjar", Georgia, "Times New Roman", serif;--fs-display: clamp(2.5rem, 5vw, 3.75rem);--fs-h2: 1.875rem;--fs-h3: 1.25rem;--fs-h4: 1rem;--fs-body-lg: 1.125rem;--fs-body: 1rem;--fs-sm: .875rem;--fs-xs: .75rem;--fs-tiny: .6875rem;--fs-micro: .625rem;--lh-tight: 1.1;--lh-snug: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.625;--lh-loose: 1.75;--tracking-tight: -.02em;--tracking-wide: .15em;--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-14: 3.5rem;--space-16: 4rem;--space-24: 6rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .5);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .15s;--dur-base: .2s;--dur-slow: .3s;--hover-lift: translateY(-2px)}.tangarer-brand{background:var(--bg-page);color:var(--fg);font-family:var(--font-sans);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[data-theme=dark],.shell{color-scheme:dark;--paper: #20242D;--paper-2: #272D37;--paper-3: #36414C;--paper-deep: #414B57;--ink-1: #EEF2F6;--ink-2: #D5DDE5;--ink-3: #ADB9C7;--ink-4: #8F9CA9;--rule-1: rgba(255, 255, 255, .06);--rule-2: rgba(255, 255, 255, .1);--rule-3: rgba(255, 255, 255, .16);--rule-4: rgba(255, 255, 255, .24);--primary: var(--green-500);--primary-soft: rgba(86, 194, 136, .2);--secondary: var(--blue-400);--secondary-soft: rgba(87, 176, 251, .18);--primary-foreground: #06331E;--secondary-foreground: #062138;--accent: var(--green-600);--accent-foreground: #EEF2F6;--success: var(--positive);--warning-foreground: var(--grey-950);--info-foreground: var(--grey-950);--success-foreground: var(--grey-950);--link: var(--blue-400);--muted-foreground: var(--ink-3);--chart-1: var(--green-500);--chart-2: var(--blue-400);--chart-3: var(--gold-500);--chart-4: var(--amulet-400);--chart-5: var(--charcoal-400);--sidebar: var(--grey-900);--sidebar-foreground: var(--ink-1);--sidebar-primary: var(--green-500);--sidebar-primary-foreground: #06331E;--sidebar-accent: var(--green-800);--sidebar-accent-foreground: var(--green-300);--sidebar-border: var(--rule-2);--sidebar-ring: var(--green-500);--glass-shadow: color-mix(in oklch, #000 40%, transparent)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-display{font-family:var(--font-display)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--accent)}.eyebrow--muted{color:var(--fg-5)}.section-label{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--fg-5)}.text-muted{color:var(--fg-4)}.text-subtle{color:var(--fg-5)}.text-faint{color:var(--fg-6)}.code--accent{color:var(--accent-3)}.surface{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--radius-lg)}.surface-deep{background:var(--surface-1);border:1px solid var(--line-2);border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--fg-5);background:var(--fill-soft);border:1px solid var(--line-3);border-radius:var(--radius-full);padding:.125rem .625rem}.terminal{background:var(--surface-1);border:1px solid var(--line-2);border-radius:var(--radius-md);box-shadow:var(--shadow-2xl);overflow:hidden}.terminal__chrome{display:flex;align-items:center;gap:var(--space-2);padding:.75rem 1rem;border-bottom:1px solid var(--line-1)}.terminal__dot{width:.75rem;height:.75rem;border-radius:var(--radius-full)}.terminal__dot--r{background:var(--dot-red)}.terminal__dot--y{background:var(--dot-yellow)}.terminal__dot--g{background:var(--dot-green)}.terminal__title{margin-left:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-5)}.terminal__body{padding:var(--space-5);font-family:var(--font-mono);font-size:var(--fs-sm);line-height:var(--lh-loose)}.terminal__prompt{color:var(--accent)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--background, #faf8f2);color:var(--foreground, #2d2920);font-family:var(--font-sans, var(--havn-typography-family-sans, system-ui, sans-serif));-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}