:root{--color-surface-page:oklch(0.985 0.003 240);--color-surface-panel:oklch(0.965 0.004 240);--color-surface-inset:oklch(0.940 0.005 240);--color-line:oklch(0.880 0.005 240);--color-line-strong:oklch(0.800 0.006 240);--color-text-primary:oklch(0.160 0.005 240);--color-text-secondary:oklch(0.360 0.006 240);--color-text-meta:oklch(0.540 0.006 240);--color-accent-brand:oklch(0.500 0.110 195);--color-accent-brand-soft:oklch(0.940 0.040 195);--color-ai-surface:oklch(0.955 0.045 75);--color-ai-accent:oklch(0.700 0.160 75);--color-signal-ok:oklch(0.540 0.130 150);--color-signal-warn:oklch(0.700 0.150 75);--color-signal-stop:oklch(0.520 0.180 25);--color-focus-ring:var(--color-accent-brand);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--space-density:1;--radius-0:0px;--radius-1:2px;--radius-2:4px;--radius-pill:999px;--elev-0:none;--elev-1:0 1px 0 oklch(0.160 0.005 240/0.08);--elev-2:0 8px 32px oklch(0.160 0.005 240/0.08);--motion-duration-fast:120ms;--motion-duration-base:200ms;--motion-duration-slow:320ms;--motion-easing-out:ease-out;--motion-easing-emphasized:cubic-bezier(0.2,0,0,1);--motion-easing-inout:ease-in-out;--motion-transition-fast:var(--motion-duration-fast) var(--motion-easing-out);--motion-transition-base:var(--motion-duration-base) var(--motion-easing-emphasized);--motion-transition-slow:var(--motion-duration-slow) var(--motion-easing-inout);--font-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--font-ui:"Geist",ui-sans-serif,system-ui,sans-serif;--font-mono:"Geist Mono",ui-monospace,"SFMono-Regular",monospace;--z-base:0;--z-raised:10;--z-sticky:20;--z-drawer:30;--z-modal:40;--z-popover:50;--z-command:60;--z-toast:70;--z-tooltip:80}[data-density=compact]{--space-density:0.75}[data-theme=dark-cockpit]{--color-surface-page:oklch(0.150 0.005 240);--color-surface-panel:oklch(0.200 0.005 240);--color-surface-inset:oklch(0.260 0.005 240);--color-line:oklch(0.300 0.005 240);--color-line-strong:oklch(0.400 0.006 240);--color-text-primary:oklch(0.960 0.004 240);--color-text-secondary:oklch(0.780 0.005 240);--color-text-meta:oklch(0.620 0.005 240);--color-accent-brand-soft:oklch(0.300 0.060 195);--color-ai-surface:oklch(0.300 0.080 75);--color-ai-accent:oklch(0.780 0.110 75);--color-signal-ok:oklch(0.660 0.100 150);--color-signal-warn:oklch(0.780 0.120 75);--color-signal-stop:oklch(0.660 0.150 25);--elev-1:0 1px 0 oklch(0 0 0/0.4);--elev-2:0 8px 32px oklch(0 0 0/0.4)}@media (prefers-reduced-motion:reduce){:root{--motion-duration-fast:0ms;--motion-duration-base:0ms;--motion-duration-slow:0ms}}:root{--background:var(--color-surface-page);--surface:var(--color-surface-panel);--surface-strong:var(--color-surface-page);--foreground:var(--color-text-primary);--muted:var(--color-text-meta);--accent:var(--color-accent-brand);--accent-strong:oklch(0.440 0.110 195);--accent-soft:var(--color-accent-brand-soft);--highlight:var(--color-ai-accent);--border:var(--color-line);--shadow-soft:var(--elev-2);--shadow-glow:0 14px 34px oklch(0.500 0.110 195/0.22);--font-sans:var(--font-ui);--color-surface:var(--color-surface-panel);--color-border:var(--color-line);--color-accent:var(--color-accent-brand)}html{height:100%;scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden}body{min-height:100%;display:flex;flex-direction:column;color:var(--color-text-primary);background:var(--color-surface-page);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}textarea{resize:vertical}.appBody{min-height:100%}.appFrame{flex:1 1;width:100%}