:root{color-scheme:light;--font-size:15px;--font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;--background:#f7f7f8;--surface:#ffffff;--foreground:#18181b;--foreground-secondary:#52525b;--foreground-muted:#a1a1aa;--accent-blue:#1d4ed8;--accent-blue-light:#eff6ff;--accent-green:#15803d;--accent-green-light:#f0fdf4;--accent-amber:#b45309;--accent-amber-light:#fffbeb;--accent-purple:#6d28d9;--accent-purple-light:#f5f3ff;--primary:#18181b;--primary-foreground:#fafafa;--muted:#f4f4f5;--border:#e4e4e7;--radius:6px}*{box-sizing:border-box}html{font-size:var(--font-size)}body{margin:0;min-height:100vh;background:var(--background);color:var(--foreground);font-family:var(--font-family)}a{color:inherit}button,input{font-family:inherit}code,kbd,pre,samp{font-family:var(--font-family-mono)}.site-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--background)}.site-main{flex:1 1}.container{width:min(100%,960px);margin:0 auto;padding-left:24px;padding-right:24px}.surface-card{background:var(--surface);border:1px solid var(--border);border-radius:8px}.text-link{color:var(--accent-blue);text-decoration:none;font-weight:500}.text-link:hover{text-decoration:underline;text-underline-offset:3px}.nav-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;background:transparent;transition:background-color .2s,border-color .2s}.nav-header.is-scrolled{background:rgba(247,247,248,.92);border-bottom-color:var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-inner{height:52px;justify-content:space-between}.desktop-nav,.nav-inner{display:flex;align-items:center}.desktop-nav{gap:4px}.mobile-menu-button,.mobile-nav{display:none}.nav-link{font-size:13px;color:var(--foreground-secondary);text-decoration:none;padding:4px 10px;border:1px solid transparent;border-radius:5px}.nav-link-active{color:var(--foreground);font-weight:500;background:var(--surface);border-color:var(--border)}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-gap:48px;gap:48px;align-items:start}.desktop-only{display:block}.hero-grid{display:grid;grid-template-columns:1fr auto;grid-gap:32px;gap:32px;align-items:flex-start}.project-feature-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:20px}.project-feature-main{grid-row:span 2}.prose-content{font-size:15px;line-height:1.75;color:var(--foreground-secondary)}.prose-content>:first-child{margin-top:0}.prose-content h1,.prose-content h2,.prose-content h3,.prose-content h4{color:var(--foreground);font-weight:600;letter-spacing:-.02em;scroll-margin-top:80px}.prose-content h2{font-size:1.2rem;margin:2rem 0 .75rem}.prose-content h3{font-size:1rem;margin:1.5rem 0 .5rem}.prose-content p{margin:0 0 1.25rem}.prose-content ol,.prose-content ul{padding-left:1.5rem;margin:0 0 1.25rem}.prose-content li{margin-bottom:.35rem;line-height:1.7}.prose-content code{font-family:var(--font-family-mono);font-size:.85em;background:var(--muted);padding:1px 5px;border-radius:3px;color:var(--foreground)}.prose-content pre{background:#18181b;color:#e4e4e7;padding:16px 20px;border-radius:6px;overflow-x:auto;margin:0 0 1.25rem;font-size:13px;line-height:1.6;font-family:var(--font-family-mono)}.prose-content pre code{background:transparent;padding:0;font-size:inherit;color:inherit}.prose-content blockquote{border-left:3px solid var(--accent-blue);margin:0 0 1.25rem;padding:8px 16px;background:var(--accent-blue-light);border-radius:0 4px 4px 0;color:var(--foreground-secondary);font-style:normal}.prose-content blockquote p{margin:0}.prose-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-size:13px;margin:0 0 1.25rem}.prose-content td,.prose-content th{padding:8px 12px;border:1px solid var(--border);text-align:left}.prose-content th{background:var(--muted);font-size:12px}.prose-content strong,.prose-content th{font-weight:600;color:var(--foreground)}.prose-content a{color:var(--accent-blue);text-decoration:underline;text-underline-offset:3px}.heading-anchor{text-decoration:none!important}@media (max-width:720px){.desktop-nav,.desktop-only,.hero-aside{display:none!important}.mobile-menu-button{display:inline-flex}.mobile-nav.is-open{display:block}.detail-grid,.hero-grid,.project-feature-grid,.two-col{grid-template-columns:1fr!important}.project-feature-main{grid-row:auto}.post-list-item{grid-template-columns:1fr!important}}