:root{--bg:#0b0d0e;--fg:#d7dde0;--muted:#7d8a90;--accent:#39d98a;--code:#15191b}
*{box-sizing:border-box}
body{margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;max-width:46rem;padding:1rem;background:var(--bg);color:var(--fg);font:17px/1.65 ui-sans-serif,system-ui,sans-serif}
a{color:var(--accent)}
header{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 0 1.5rem;border-bottom:1px solid #222}
.brand{display:flex;align-items:center;gap:.5rem;color:var(--fg);text-decoration:none;font-weight:700;font-family:ui-monospace,monospace}
nav a{margin-left:1rem}
.hero{text-align:center;padding:2rem 0}.hero img{display:block;margin:0 auto;max-width:90%;height:auto}.hero p{margin:1rem 0 0;line-height:1}
.posts{list-style:none;padding:0}.posts li{margin:.6rem 0}
time,.meta{color:var(--muted);font-family:ui-monospace,monospace;font-size:.9em}
pre,code{font-family:ui-monospace,monospace;background:var(--code);border-radius:4px}
code{padding:.1em .3em}pre{padding:1rem;overflow-x:auto}pre code{padding:0}
img{max-width:100%;height:auto}
blockquote{border-left:3px solid var(--accent);margin-left:0;padding-left:1rem;color:var(--muted)}
footer{text-align:center;margin-top:0;padding-top:1rem;border-top:1px solid #222;color:var(--muted);font-size:.85em}