:root{--color-bg: #FFFFFF;--color-surface: #FFFFFF;--color-fg: #000000;--color-grid: #E5E5E5;--color-accent: #0066CC;--color-accent-subtle: #F0F5FF;--color-text-main: #000000;--color-text-muted: #666666;--font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--spacing-unit: 8px;--grid-size: 40px}[data-theme=dark]{--color-bg: #050505;--color-surface: #0A0A0A;--color-fg: #FFFFFF;--color-grid: #333333;--color-accent: #4D9FFF;--color-accent-subtle: #1A1A1A;--color-text-main: #FFFFFF;--color-text-muted: #888888}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-main);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.03em;color:var(--color-fg)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}.container{max-width:1400px;margin:0 auto;padding:0 20px}.grid-border{border:1px solid var(--color-grid)}.mono{font-family:var(--font-mono);letter-spacing:-.05em}.nav-desktop{display:none}@media(min-width:768px){.nav-desktop{display:flex}}.nav-link{color:var(--color-fg);text-decoration:none;opacity:.7;transition:opacity .2s}.nav-link:hover{opacity:1}@media(max-width:768px){.grid-stack-mobile{grid-template-columns:1fr!important}.grid-col-full-mobile{grid-column:span 12!important}.flex-col-mobile{flex-direction:column!important}.pad-mobile-relaxed{padding:100px 24px 60px!important}.text-mobile-adjust{font-size:2rem!important}.hide-on-mobile{display:none!important}}