*,:before,:after{box-sizing:border-box}:root{--bg:#0d1117;--bg-card:#161b22;--bg-card-hover:#1c2330;--border:#30363d;--border-hover:#484f58;--text:#c9d1d9;--text-muted:#8b949e;--text-heading:#f0f6fc;--accent:#58a6ff;--accent-dim:#58a6ff26;--green:#3fb950;--yellow:#d29922;--gray:#6e7681;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--radius:8px;--max-w:1200px}body{background-color:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(100% 55% at 50% 0,#58a6ff0f,#0000),radial-gradient(circle,#1c2128 1px,#0000 1px);background-size:100% 100%,28px 28px;background-attachment:fixed,fixed;margin:0;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{border-bottom:1px solid var(--border);padding:72px 40px 60px}.header-inner{max-width:1500px;margin:0 auto}.hero-eyebrow{font-size:12px;font-family:var(--mono);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px}.site-title{color:var(--text-heading);letter-spacing:-1px;margin:0 0 20px;font-size:48px;font-weight:700;line-height:1.1}.hero-bio{color:var(--text-muted);max-width:900px;margin:0 0 28px;font-size:16px;line-height:1.75}.hero-notable{color:var(--text);margin:20px 0;font-size:15px}.hero-links{gap:10px;display:flex}.hero-link{font-size:13px;font-family:var(--mono);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;align-items:center;padding:7px 18px;transition:border-color .15s,color .15s;display:inline-flex}.hero-link:hover{border-color:var(--accent);color:var(--accent)}.home-main{width:100%;max-width:1600px;margin:0 auto;padding:40px 40px 100px}.section-label{font-size:11px;font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border);margin:0 0 24px;padding-bottom:14px}.project-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;transition:border-color .15s,background .15s,transform .15s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px)}.card-thumbnail{aspect-ratio:5/3;background:#0a0f1a;flex-shrink:0;width:100%;overflow:hidden}.card-thumbnail img{object-fit:contain;width:100%;height:100%;display:block}.thumbnail-placeholder{background:linear-gradient(135deg,#161b22 0%,#0d1117 100%);width:100%;height:100%}.card-body{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex}.card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.card-title{color:var(--text-heading);margin:0;font-size:16px;font-weight:600;line-height:1.3}.card-description{color:var(--text-muted);flex:1;margin:0;font-size:13px;line-height:1.5}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{font-size:11px;font-family:var(--mono);background:var(--accent-dim);color:var(--accent);border:1px solid #58a6ff33;border-radius:4px;padding:2px 8px}.card-date{color:var(--gray);font-size:12px;font-family:var(--mono);margin-top:auto}.status-badge{white-space:nowrap;border-radius:12px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:500}.status-completed{color:var(--green);background:#3fb95026;border:1px solid #3fb9504d}.status-in-progress{color:var(--yellow);background:#d2992226;border:1px solid #d299224d}.status-archived{color:var(--gray);background:#6e768126;border:1px solid #6e76814d}.project-page{max-width:var(--max-w);width:100%;margin:0 auto;padding:32px 24px 80px}.project-page-inner{max-width:760px}.back-link{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:24px;font-size:14px;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--accent)}.project-hero{border-radius:var(--radius);border:1px solid var(--border);aspect-ratio:5/3;background:#0a0f1a;width:100%;margin-bottom:28px;overflow:hidden}.project-hero img{object-fit:contain;width:100%;height:100%;display:block}.project-page-header{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.project-page-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.project-page-title-row h1{color:var(--text-heading);letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.project-page-description{color:var(--text-muted);margin:0;font-size:16px;line-height:1.6}.project-meta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.project-links{flex-wrap:wrap;gap:10px;display:flex}.project-link{font-size:13px;font-family:var(--mono);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;align-items:center;padding:5px 14px;transition:border-color .15s,color .15s;display:inline-flex}.project-link:hover{border-color:var(--accent);color:var(--accent)}.project-link-live{color:var(--green);border-color:#3fb9504d}.project-link-live:hover{border-color:var(--green);color:var(--green)}.markdown-body{color:var(--text);border-top:1px solid var(--border);padding-top:28px;font-size:15px;line-height:1.7}.markdown-body h2{color:var(--text-heading);border-bottom:1px solid var(--border);margin:32px 0 12px;padding-bottom:8px;font-size:20px;font-weight:600}.markdown-body h3{color:var(--text-heading);margin:24px 0 8px;font-size:16px;font-weight:600}.markdown-body p{margin:0 0 16px}.markdown-body ul,.markdown-body ol{margin:0 0 16px;padding-left:24px}.markdown-body li{margin-bottom:4px}.markdown-body strong{color:var(--text-heading);font-weight:600}.markdown-body a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.markdown-body code{font-family:var(--mono);border:1px solid var(--border);color:#e6edf3;background:#6e76811a;border-radius:4px;padding:1px 6px;font-size:13px}.markdown-body pre{border:1px solid var(--border);border-radius:var(--radius);background:#161b22;margin:0 0 20px;padding:16px;overflow-x:auto}.markdown-body pre code{color:#e6edf3;background:0 0;border:none;padding:0;font-size:13px}.mermaid-chart{margin:20px 0;overflow-x:auto}.mermaid-chart svg{border-radius:var(--radius);max-width:100%}.markdown-body img{border-radius:6px;max-width:100%;margin:8px 0}.markdown-body blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin:0 0 16px;padding:4px 16px}.markdown-body table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:14px}.markdown-body th,.markdown-body td{border:1px solid var(--border);text-align:left;padding:8px 12px}.markdown-body th{background:var(--bg-card);color:var(--text-heading);font-weight:600}.not-found{max-width:var(--max-w);margin:80px auto;padding:0 24px}.not-found h2{color:var(--text-heading);margin-bottom:16px}@media (width<=860px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.project-grid{grid-template-columns:1fr}.project-page-title-row h1{font-size:22px}}