:root{--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--sidebar-w: 72px;--flyout-w: 320px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-snap: cubic-bezier(.6, 0, .2, 1);--t-fast: .14s;--t-med: .24s;--t-slow: .42s;--bg: #0a0e16;--bg-grad: radial-gradient(1200px 800px at 80% -10%, rgba(56, 189, 248, .05), transparent), radial-gradient(900px 600px at -10% 110%, rgba(56, 189, 248, .03), transparent), #0a0e16;--surface: #121724;--surface-2: #171d2c;--surface-3: #1c2335;--surface-elevated: #1f2738;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--text: #e8edf4;--text-muted: #8b95a8;--text-dim: #5d6779;--accent: #38bdf8;--accent-glow: rgba(56, 189, 248, .18);--accent-soft: rgba(56, 189, 248, .08);--success: #4ade80;--warn: #fbbf24;--danger: #f87171;--info: #60a5fa;--kbd-bg: rgba(255, 255, 255, .05);--shadow-flyout: 0 24px 60px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .4);--shadow-pop: 0 18px 50px rgba(0, 0, 0, .6), 0 1px 0 rgba(255, 255, 255, .03) inset;--avatar-grad: linear-gradient(135deg, #475569, #1e293b);--bar-fill-grad: linear-gradient(90deg, var(--accent), #0ea5e9);--bar-fill-warn-grad: linear-gradient(90deg, var(--warn), #f59e0b);--success-soft: rgba(74, 222, 128, .12);--warn-soft: rgba(251, 191, 36, .12);--info-soft: rgba(96, 165, 250, .12);--danger-soft: rgba(248, 113, 113, .12);--backdrop: rgba(0, 0, 0, .45);--brand-plate: #ffffff;--brand-navy: #12315c;--brand-navy-hover: #1c4780;--badge-red: #c0392b;--badge-amber: #c77700}[data-theme=light]{--bg: #f7f8fa;--bg-grad: radial-gradient(1200px 800px at 80% -10%, rgba(2, 132, 199, .05), transparent), #f7f8fa;--surface: #ffffff;--surface-2: #f1f3f6;--surface-3: #eaedf2;--surface-elevated: #ffffff;--border: rgba(12, 24, 40, .06);--border-strong: rgba(12, 24, 40, .1);--text: #0c1828;--text-muted: #5a6478;--text-dim: #98a1b3;--accent: #0284c7;--accent-glow: rgba(2, 132, 199, .14);--accent-soft: rgba(2, 132, 199, .08);--success: #16a34a;--warn: #d97706;--danger: #dc2626;--info: #2563eb;--kbd-bg: rgba(12, 24, 40, .05);--shadow-flyout: 0 24px 60px rgba(12, 24, 40, .12), 0 2px 8px rgba(12, 24, 40, .06);--shadow-pop: 0 18px 50px rgba(12, 24, 40, .14);--success-soft: rgba(22, 163, 74, .1);--warn-soft: rgba(217, 119, 6, .1);--info-soft: rgba(37, 99, 235, .1);--danger-soft: rgba(220, 38, 38, .1)}