.nav{z-index:40;height:var(--nav-height);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);background:#090c11d1;position:sticky;top:0}.nav-inner{align-items:center;gap:22px;height:100%;display:flex}.nav-logo{letter-spacing:-.01em;color:var(--text);flex-shrink:0;align-items:center;gap:9px;font-size:.92rem;font-weight:500;display:flex}.nav-logo-prompt{color:var(--accent)}.nav-links{border-left:1px solid var(--border);gap:8px;padding-left:20px;display:flex}.nav-link{color:var(--text);border-radius:var(--radius-sm);border:1px solid #0000;padding:7px 14px;font-size:.86rem;transition:background .15s,border-color .15s,color .15s}.nav-link:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--accent-strong)}.nav-link.is-active{color:var(--accent-strong);background:var(--accent-dim);border-color:var(--accent-border)}.site-footer{border-top:1px solid var(--border);margin-top:64px;padding:36px 0 44px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-line{color:var(--text-dim);align-items:center;gap:9px;font-size:.82rem;display:flex}.footer-links{align-items:center;gap:18px;display:flex}.footer-links a{color:var(--text-faint);border-radius:var(--radius-sm);border:1px solid #0000;padding:7px;transition:color .15s,border-color .15s,background .15s;display:flex}.footer-links a:hover{color:var(--accent-strong);border-color:var(--accent-border);background:var(--accent-dim)}.footer-links svg{width:18px;height:18px}.footer-meta{text-align:center;width:100%;color:var(--text-faint);border-top:1px solid var(--border);padding-top:18px;font-size:.72rem}@media (width<=640px){.site-footer{padding:32px 0 36px}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:20px}.footer-line{justify-content:center}.footer-meta{padding-top:20px}}.pcard{flex-direction:column;gap:14px;padding:24px;transition:border-color .15s,transform .15s,background .15s;display:flex}.pcard:hover{border-color:var(--accent-border);background:var(--surface-hover);transform:translateY(-2px)}.pcard-head{justify-content:space-between;align-items:center;display:flex}.pcard-arrow{color:var(--text-faint);opacity:0;font-size:.74rem;transition:opacity .15s,transform .15s;transform:translate(-4px)}.pcard:hover .pcard-arrow{opacity:1;color:var(--accent);transform:translate(0)}.pcard-title{font-size:1.3rem}.pcard-tagline{color:var(--text-dim);font-size:.92rem;line-height:1.5}.pcard-stack{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.pcard-status{color:var(--text-faint);border-top:1px solid var(--border);margin-top:auto;padding-top:12px;font-size:.72rem}.project-rail{position:relative}.project-rail-nav{justify-content:flex-end;gap:8px;margin-bottom:14px;display:flex}.project-rail-arrow{width:36px;height:36px;font-family:var(--font-mono);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;font-size:.95rem;transition:border-color .15s,background .15s,color .15s;display:flex}.project-rail-arrow:hover:not(:disabled){border-color:var(--accent-border);background:var(--surface-hover);color:var(--accent-strong)}.project-rail-arrow:disabled{opacity:.3;cursor:default}.project-rail-track{scroll-snap-type:x proximity;gap:18px;margin:0 -2px;padding-bottom:6px;padding-left:2px;padding-right:2px;scroll-padding-left:2px;display:flex;overflow-x:auto}.project-rail-item{scroll-snap-align:start;flex:none;width:min(340px,82vw)}.project-rail-item .pcard{height:100%}@media (width<=640px){.project-rail-nav{justify-content:center}}.hero{max-width:880px;padding:96px 28px 72px}.hero-title{margin-bottom:18px;font-size:clamp(2rem,4vw,2.9rem);line-height:1.18}.hero-accent{color:var(--accent)}.hero-sub{color:var(--text-dim);max-width:620px;margin-bottom:40px;font-size:1.05rem}.hero-stats{color:var(--text-faint);border-top:1px solid var(--border);flex-wrap:wrap;gap:32px;padding-top:24px;font-size:.82rem;display:flex}.hero-stat-value{color:var(--accent-strong);font-weight:600}.projects-section{padding:20px 28px 40px}.section-head{max-width:640px;margin-bottom:28px}.section-head h2{color:var(--text);margin-bottom:8px;font-size:1rem}.section-sub{color:var(--text-dim);font-size:.92rem}.arch-diagram{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-position:50%;background-size:22px 22px;flex-wrap:wrap;align-items:stretch;gap:10px;padding:20px;display:flex}.arch-node-wrap{align-items:center;gap:10px;display:flex}.arch-node{background:var(--surface);min-width:168px;padding:14px 16px}.arch-node-label{color:var(--accent-strong);margin-bottom:6px;font-size:.86rem}.arch-node-note{color:var(--text-dim);font-size:.78rem;line-height:1.4}.arch-connector{color:var(--text-faint);flex-shrink:0;font-size:1.1rem}@media (width<=720px){.arch-diagram,.arch-node-wrap{flex-direction:column;align-items:stretch}.arch-connector{align-self:center;padding:2px 0;transform:rotate(90deg)}}.project-page{max-width:880px;padding:40px 28px 60px}.back-link{color:var(--text-faint);margin-bottom:28px;font-size:.82rem;transition:color .15s;display:inline-block}.back-link:hover{color:var(--accent)}.project-header{margin-bottom:28px}.project-header-top{align-items:center;gap:14px;margin-bottom:16px;display:flex}.project-status{color:var(--text-faint);font-size:.78rem}.project-title{margin-bottom:10px;font-size:clamp(1.9rem,4vw,2.6rem)}.project-tagline{color:var(--text-dim);margin-bottom:16px;font-size:1.05rem}.project-meta{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.project-meta-dot{color:var(--border-strong)}.project-link-row{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.project-link-btn{margin-top:0}.project-caveat{color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-left:2px solid var(--amber);border-radius:var(--radius-sm);margin-bottom:32px;padding:14px 16px;font-size:.86rem;line-height:1.55}.project-caveat-label{color:var(--amber);text-transform:uppercase;margin-right:8px;font-size:.72rem}.project-section{margin-bottom:48px}.project-summary-p{color:var(--text-dim);max-width:720px;margin-bottom:16px;font-size:1rem;line-height:1.7}.section-title{color:var(--accent-strong);margin-bottom:16px;font-size:.92rem}.section-note{color:var(--text-faint);margin-top:-8px;margin-bottom:18px;font-size:.86rem}.subsystem-list{flex-direction:column;gap:14px;display:flex}.subsystem{padding:22px 24px}.subsystem-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.subsystem-head h3{font-size:1.1rem}.subsystem-stack{color:var(--accent);font-size:.76rem}.subsystem-desc{color:var(--text-dim);margin-bottom:14px;font-size:.92rem}.subsystem-contrib{flex-direction:column;gap:9px;display:flex}.subsystem-contrib li{color:var(--text);padding-left:18px;font-size:.9rem;line-height:1.55;position:relative}.subsystem-contrib li:before{content:"▸";color:var(--accent);font-size:.78rem;position:absolute;top:2px;left:0}.stack-groups{flex-direction:column;gap:16px;display:flex}.stack-group{flex-wrap:wrap;align-items:baseline;gap:18px;display:flex}.stack-group-label{width:150px;color:var(--text-faint);flex-shrink:0;font-size:.78rem}.stack-group-items{flex-wrap:wrap;gap:8px;display:flex}.arch-description{color:var(--text-dim);max-width:680px;margin-bottom:18px;font-size:.92rem}.highlight-list{flex-direction:column;gap:16px;display:flex}.highlight-item{border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface);padding:18px 20px}.highlight-item-alt{border-left-color:var(--amber)}.highlight-title{margin-bottom:6px;font-size:.98rem}.highlight-detail{color:var(--text-dim);font-size:.9rem;line-height:1.6}.project-next{border-top:1px solid var(--border);align-items:center;gap:12px;margin-top:20px;padding-top:28px;display:flex}.project-next-label{color:var(--text-faint);font-size:.74rem}.project-next-link{color:var(--accent-strong);font-size:1rem;transition:opacity .15s}.project-next-link:hover{opacity:.75}@media (width<=640px){.stack-group{flex-direction:column;gap:8px}.stack-group-label{width:auto}}.stack-page{max-width:900px;padding:56px 28px 60px}.stack-title{margin-bottom:14px;font-size:clamp(1.8rem,3.6vw,2.4rem)}.stack-sub{color:var(--text-dim);max-width:640px;margin-bottom:40px;line-height:1.65}.stack-categories{flex-direction:column;gap:16px;display:flex}.stack-category{padding:24px 26px}.stack-category-title{color:var(--accent-strong);text-transform:lowercase;margin-bottom:18px;font-size:.86rem}.stack-item-list{flex-direction:column;gap:12px;display:flex}.stack-item{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.stack-item:last-child{border-bottom:none;padding-bottom:0}.stack-item-name{color:var(--text);font-size:.92rem}.stack-item-projects{flex-wrap:wrap;gap:6px;display:flex}.stack-item-tag{font-size:.68rem;transition:border-color .15s,color .15s}.stack-item-tag:hover{border-color:var(--accent-border);color:var(--accent-strong)}@media (width<=640px){.stack-item{flex-direction:column;align-items:flex-start;gap:8px}.stack-item-projects{width:100%}}.not-found{min-height:calc(100vh - var(--nav-height) - 140px);flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:40px 28px;display:flex}.not-found-code{color:var(--accent);font-size:.9rem}.not-found h1{font-size:2rem}.not-found p{color:var(--text-dim);margin-bottom:12px}.mnav{z-index:40;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090c11eb;position:sticky;top:0}.mnav-inner{height:var(--nav-height);justify-content:space-between;align-items:center;padding:0 18px;display:flex}.mnav-logo{color:var(--text);align-items:center;gap:8px;font-size:.88rem;display:flex}.mnav-logo-prompt{color:var(--accent)}.mnav-toggle{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:34px;height:34px;display:flex}.mnav-toggle-bar{background:var(--text-dim);width:16px;height:1.5px;transition:transform .15s,opacity .15s}.mnav-toggle-bar.is-open:first-child{transform:translateY(3.75px)rotate(45deg)}.mnav-toggle-bar.is-open:last-child{transform:translateY(-3.75px)rotate(-45deg)}.mnav-drawer{border-top:1px solid var(--border);background:var(--bg-raised);flex-direction:column;gap:2px;padding:14px 18px 20px;display:flex}.mnav-link{color:var(--text-dim);border-bottom:1px solid var(--border);padding:12px 4px;font-size:.95rem}.mnav-link.is-active{color:var(--accent-strong)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}img,video{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--bg:#090c11;--bg-raised:#0c1119;--surface:#111826;--surface-hover:#16202f;--border:#1e2735;--border-strong:#2b3849;--text:#e8ecf3;--text-dim:#94a3b8;--text-faint:#55617a;--accent:#4fe3c1;--accent-strong:#9ef7de;--accent-dim:#4fe3c11a;--accent-border:#4fe3c159;--amber:#f2b84b;--amber-dim:#f2b84b1f;--amber-border:#f2b84b59;--radius-sm:5px;--radius:9px;--radius-lg:14px;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--max-width:1120px;--nav-height:64px}body{background:radial-gradient(circle at 1px 1px, #ffffff0b 1px, transparent 0) 0 0 / 26px 26px, var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:1.55}::selection{background:var(--accent-dim);color:var(--accent-strong)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}h1,h2,h3,h4{letter-spacing:-.01em;font-weight:600}code,pre,kbd{font-family:var(--font-mono)}kbd{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-dim);border-bottom-width:2px;border-radius:4px;padding:.1em .45em;font-size:.8em}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 28px}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);color:var(--accent);letter-spacing:.02em;align-items:center;gap:8px;margin-bottom:10px;font-size:.8rem;display:flex}.eyebrow:before{content:"//";color:var(--text-faint)}.btn{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.btn:hover{border-color:var(--accent-border);background:var(--surface-hover);transform:translateY(-1px)}.btn-primary{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent-strong)}.btn-primary:hover{background:#4fe3c12e}.tag{font-family:var(--font-mono);border:1px solid var(--border-strong);color:var(--text-dim);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:.76rem;display:inline-flex}.tag-accent{border-color:var(--accent-border);color:var(--accent-strong);background:var(--accent-dim)}.tag-amber{border-color:var(--amber-border);color:var(--amber);background:var(--amber-dim)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.status-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px var(--accent-dim);border-radius:50%;flex-shrink:0}