@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";

:root{--color-bg-primary:#faf9f6;--color-bg-secondary:#f2f0eb;--color-bg-tertiary:#e8e6e1;--color-bg-dark:#1a1a1a;--color-bg-dark-hover:#333;--color-text-primary:#1a1a1a;--color-text-secondary:#1a1a1a99;--color-text-tertiary:#1a1a1a66;--color-text-muted:#1a1a1a4d;--color-text-on-dark:#f2f0eb;--color-success:#2a7;--color-error:#c44;--color-warning:#c90;--color-ai:#7c4dff;--font-ui:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Space Mono", "SF Mono", "Fira Code", monospace;--text-xs:9px;--text-sm:11px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--text-4xl:32px;--text-5xl:42px;--text-6xl:48px;--tracking-tight:-.5px;--tracking-tighter:-1px;--tracking-tightest:-2px;--tracking-hero:-3px;--tracking-label:2px;--tracking-label-wide:4px;--border-thin:1px solid #1a1a1a14;--border-medium:1.5px solid #1a1a1a;--border-thick:2px solid #1a1a1a;--border-dashed:2px dashed #1a1a1a1f;--border-ai:1.5px dashed #7c4dff;--sidebar-width:210px;--topbar-height:48px;--shadow-offset:8px 8px 0 #00000014}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-ui);color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{min-height:100vh}button,input,select,textarea{border-radius:0;font-family:inherit}a{color:inherit;text-decoration:none}.mono-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;opacity:.3}