@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: oklch(1 0 0);--foreground: oklch(.18 .025 68);--card: oklch(1 0 0);--card-foreground: oklch(.18 .025 68);--popover: oklch(.99 .006 82);--popover-foreground: oklch(.18 .025 68);--primary: oklch(.62 .13 85);--primary-foreground: oklch(.14 .02 72);--secondary: oklch(.4 .14 144);--secondary-foreground: oklch(.97 0 0);--muted: oklch(.93 .022 83);--muted-foreground: oklch(.52 .04 80);--accent: oklch(.87 .065 130);--accent-foreground: oklch(.26 .1 144);--destructive: oklch(.54 .18 28);--destructive-foreground: oklch(.98 0 0);--warning: oklch(.72 .12 86);--warning-foreground: oklch(.2 .03 80);--info: oklch(.56 .12 225);--info-foreground: oklch(.98 0 0);--link: oklch(.44 .13 225);--link-foreground: oklch(.98 0 0);--border: oklch(.85 .025 82);--input: oklch(.85 .025 82);--ring: oklch(.62 .13 85);--chart-1: oklch(.62 .13 85);--chart-2: oklch(.54 .18 28);--chart-3: oklch(.4 .14 144);--chart-4: oklch(.65 .08 130);--chart-5: oklch(.6 .1 97);--sidebar: oklch(.96 .02 83);--sidebar-foreground: oklch(.18 .025 68);--sidebar-primary: oklch(.62 .13 85);--sidebar-primary-foreground: oklch(.14 .02 72);--sidebar-accent: oklch(.9 .05 130);--sidebar-accent-foreground: oklch(.26 .1 144);--sidebar-border: oklch(.85 .025 82);--sidebar-ring: oklch(.62 .13 85);--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-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}.dark,[data-theme=dark]{--background: oklch(.141 .005 285.823);--foreground: oklch(.93 .02 83);--card: oklch(.21 .006 285.885);--card-foreground: oklch(.93 .02 83);--popover: oklch(.21 .006 285.885);--popover-foreground: oklch(.93 .02 83);--primary: oklch(.72 .12 85);--primary-foreground: oklch(.14 .02 72);--secondary: oklch(.56 .12 144);--secondary-foreground: oklch(.12 .01 68);--muted: oklch(.274 .006 286.033);--muted-foreground: oklch(.68 .028 82);--accent: oklch(.3 .09 144);--accent-foreground: oklch(.86 .055 130);--destructive: oklch(.64 .17 28);--destructive-foreground: oklch(.12 .01 68);--warning: oklch(.8 .115 88);--warning-foreground: oklch(.2 .03 80);--info: oklch(.66 .12 225);--info-foreground: oklch(.12 .01 68);--link: oklch(.7 .14 225);--link-foreground: oklch(.12 .01 68);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.72 .12 85);--chart-1: oklch(.72 .12 85);--chart-2: oklch(.64 .17 28);--chart-3: oklch(.56 .12 144);--chart-4: oklch(.7 .08 130);--chart-5: oklch(.65 .1 97);--sidebar: oklch(.21 .006 285.885);--sidebar-foreground: oklch(.93 .02 83);--sidebar-primary: oklch(.72 .12 85);--sidebar-primary-foreground: oklch(.14 .02 72);--sidebar-accent: oklch(.26 .08 144);--sidebar-accent-foreground: oklch(.86 .055 130);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.72 .12 85)}--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;--paper: #faf8f2;--paper-2: #f4f0e7;--paper-3: #ebe5d9;--paper-deep: #dcd3c3;--ink-1: #2d2920;--ink-2: #5a5043;--ink-3: #8a7e6b;--ink-4: #b3a78f;--rule-1: rgba(45, 41, 32, .08);--rule-2: rgba(45, 41, 32, .12);--rule-3: rgba(45, 41, 32, .18);--rule-4: rgba(45, 41, 32, .28);--green-1: #e6dfa3;--green-2: #c9b962;--green: #a89540;--green-deep: #80691f;--green-leaf: #6b8a4f;--green-forest: #3d5b29;--red-1: #f3d4d0;--red-2: #e5928f;--red: #d3596a;--red-deep: #a73a47;--red-rose: #e8a4a8;--marmalade: #e37434;--cinnamon: #c36257;--honey: #d4a843;--sky: #9bc4d9;--bloom: #f4b8a8;--bg-page: var(--paper);--bg-card: var(--paper-2);--bg-card-hover:var(--paper-3);--fg: var(--ink-1);--primary: var(--red-2);--primary-soft: var(--red-1);--secondary: var(--green);--secondary-soft: var(--green-1);--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: var(--paper);--secondary-foreground: var(--paper);--muted: var(--paper-3);--muted-foreground: var(--ink-3);--accent: var(--green-leaf);--accent-foreground: var(--paper);--foreground-dim: var(--ink-2);--destructive: var(--red);--destructive-foreground: var(--paper);--border: var(--rule-2);--border-subtle: var(--rule-1);--input: var(--rule-3);--ring: var(--red-2);--success: var(--green-forest);--success-foreground: var(--paper);--warning: var(--honey);--warning-foreground: var(--ink-1);--info: var(--sky);--info-foreground: var(--ink-1);--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: #0d0d0d;--surface-1: #111111;--surface-2: #161616;--surface-3: #1c1c1c;--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: #ededed;--fg-2: #f4f4f5;--fg-3: #d4d4d8;--fg-4: #a1a1aa;--fg-5: #71717a;--fg-6: #52525b;--fg-white: #ffffff;--accent-2: var(--green);--accent-3: var(--green-1);--accent-glow: rgba(168, 149, 64, .12);--dot-red: rgba(239, 68, 68, .7);--dot-yellow: rgba(234, 179, 8, .7);--dot-green: rgba(34, 197, 94, .7);--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: #1c1c1e;--paper-2: #2c2c2e;--paper-3: #3a3a3c;--paper-deep: #48484a;--ink-1: #ededed;--ink-2: #d4d4d8;--ink-3: #a1a1aa;--ink-4: #71717a;--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: #e5928f;--primary-soft: rgba(211, 89, 106, .2);--secondary: #c9b962;--secondary-soft: rgba(201, 185, 98, .18);--accent: var(--green-1);--accent-foreground: #2d2920;--success: var(--green-leaf);--warning-foreground: #2d2920;--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}