:root{--bg: #0f1115;--surface: #181b21;--border: #2a2e37;--text: #e8eaed;--text-muted: #9aa0a6;--accent: #7aa2f7;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6}main{max-width:720px;margin:0 auto;padding:3rem 1.25rem 4rem}.hero{margin-bottom:3rem}h1{font-size:2.5rem;letter-spacing:-.02em}.tagline{color:var(--text-muted);font-size:1.1rem;margin-top:.25rem}nav{display:flex;gap:1.25rem;margin-top:1rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}section{margin-bottom:2.75rem}h2{font-size:1.35rem;margin-bottom:.75rem;border-bottom:1px solid var(--border);padding-bottom:.4rem}.project-grid{display:grid;gap:1rem;margin-top:1rem}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem}.project-card h3{margin-bottom:.35rem}.tech-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin-top:.75rem}.tech-list li{background:var(--bg);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.8rem;padding:.15rem .65rem}.muted{color:var(--text-muted)}footer{border-top:1px solid var(--border);padding-top:1.5rem;font-size:.9rem}nav a.active{color:var(--text);font-weight:600}.post-list{list-style:none;display:grid;gap:1.5rem}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.post-meta .tech-list{margin-top:0}.draft-badge{background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.75rem;margin-left:.5rem;padding:.1rem .55rem;text-transform:uppercase}.post-body{margin-top:1.5rem}.post-body h2,.post-body h3{margin-top:2rem;margin-bottom:.6rem}.post-body p,.post-body ul,.post-body ol{margin-bottom:1rem}.post-body ul,.post-body ol{padding-left:1.25rem}.post-body blockquote{border-left:3px solid var(--border);color:var(--text-muted);margin-bottom:1rem;padding-left:1rem}.post-body :not(pre)>code{background:var(--surface);border:1px solid var(--border);border-radius:4px;font-size:.85em;padding:.1rem .35rem}.post-body pre{border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;overflow-x:auto;padding:1rem}.post-body table{border-collapse:collapse;display:block;margin-bottom:1rem;overflow-x:auto;width:100%}.post-body th,.post-body td{border:1px solid var(--border);padding:.4rem .7rem;text-align:left}