@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Manrope:wght@400;500;600;700;800&display=swap";.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell>main{flex:1}.route-announcer{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.system-panel{background-image:repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 4px)}@media (prefers-reduced-motion:reduce){.app-shell *{scroll-behavior:auto}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f6f6f2;--surface:#fff;--surface-muted:#eceeea;--ink:#11141a;--text-primary:#11141a;--text-muted:#5e6470;--text-subtle:#858b95;--line:#11141a1f;--line-strong:#11141a38;--accent:#3269ff;--accent-hover:#164de6;--accent-soft:#e6ecff;--lime:#c6ff45;--dark:#11141a;--dark-muted:#aeb5c2;--focus:#3269ff;--selection:#c6ff45;--shadow-soft:0 18px 48px #11141a14;--shadow-float:0 28px 70px #11141a29;--font-heading:"Manrope", "DM Sans", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--container:min(100% - 3rem, 78rem);--radius-sm:.75rem;--radius-md:1.25rem;--radius-lg:2rem;--radius-xl:2.75rem;--ease:.22s cubic-bezier(.22, 1, .36, 1)}:root[data-theme=dark],body.dark,body.dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#11141a;--surface:#191d25;--surface-muted:#242a34;--ink:#f5f6f2;--text-primary:#f5f6f2;--text-muted:#bbc1cb;--text-subtle:#8c949f;--line:#f5f6f221;--line-strong:#f5f6f242;--accent:#8caaff;--accent-hover:#b2c4ff;--accent-soft:#25345f;--lime:#c6ff45;--dark:#0d1015;--dark-muted:#aeb5c2;--focus:#b2c4ff;--selection:#455e12;--shadow-soft:0 18px 48px #0000003d;--shadow-float:0 28px 70px #00000061}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{background:var(--canvas);color:var(--text-primary);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-width:320px;margin:0}body,button,input,select,textarea{font:inherit}img,picture,svg,video,canvas{max-width:100%;display:block}a{color:inherit}button{color:inherit;cursor:pointer}button,input,select,textarea{border-radius:0}::selection{background:var(--selection);color:var(--ink)}.container{width:var(--container);margin-inline:auto}.skip-link{background:var(--ink);color:var(--canvas);z-index:1000;border-radius:.6rem;padding:.75rem 1rem;text-decoration:none;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.section-eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .9rem;font-size:.69rem;font-weight:500}.tag{background:color-mix(in srgb, var(--surface) 80%, transparent);border:1px solid var(--line);color:var(--text-muted);font-family:var(--font-mono);border-radius:999px;padding:.5rem .65rem;font-size:.68rem;line-height:1}.text-link{color:var(--text-primary);transition:color var(--ease), gap var(--ease);align-items:center;gap:.45rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.text-link:hover{color:var(--accent);gap:.7rem}.btn-primary,.btn-secondary{min-height:3rem;transition:background var(--ease), border-color var(--ease), color var(--ease), transform var(--ease), box-shadow var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.1rem;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);border:1px solid var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 12px 28px #3269ff42}.btn-secondary{border:1px solid var(--line-strong);color:var(--text-primary);background:0 0}.btn-secondary:hover{background:var(--surface-muted);border-color:var(--text-primary)}.project-status{border:1px solid var(--line);color:var(--text-subtle);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.38rem .55rem;font-size:.65rem}.project-status--live{color:#4b6818;background:#edffd5;border-color:#b2e35d}.project-status--building{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 34%, transparent);color:var(--accent)}.filter-button{border:1px solid var(--line);color:var(--text-muted);min-height:2.5rem;transition:background var(--ease), border-color var(--ease), color var(--ease);background:0 0;border-radius:999px;padding:.5rem .8rem;font-size:.78rem}.filter-button:hover{border-color:var(--text-primary);color:var(--text-primary)}.filter-button--active{background:var(--text-primary);border-color:var(--text-primary);color:var(--canvas)}.article-content{color:var(--text-muted);font-size:clamp(1.05rem,1.6vw,1.16rem);line-height:1.8}.article-content>:first-child{margin-top:0}.article-content h2,.article-content h3{color:var(--text-primary);font-family:var(--font-heading);letter-spacing:-.055em;margin:2.75em 0 .7em;line-height:1.08}.article-content h2{font-size:clamp(1.7rem,3vw,2.5rem)}.article-content h3{font-size:1.35rem}.article-content p,.article-content li{max-width:42rem}.article-content ul,.article-content ol{padding-left:1.3rem}.article-content a{color:var(--accent);text-underline-offset:.2em}.article-content code{background:var(--surface-muted);color:var(--text-primary);font-family:var(--font-mono);border-radius:.3rem;padding:.15em .3em;font-size:.88em}@media (width<=700px){:root{--container:min(100% - 2rem, 78rem)}[style*=gridTemplateColumns]{grid-template-columns:1fr!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}#root{min-height:100vh}