:root{--bg: #ffffff;--text: #1a1a1a;--link: #0066cc;--pale: #f0f0f0;--max-width: 700px}@media (prefers-color-scheme: dark){:root{--bg: #121212;--text: #e0e0e0;--link: #66b2ff;--pale: #1e1e1e}}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--text);background:var(--bg);margin:0;padding:0}header{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--pale);z-index:100}header nav{max-width:var(--max-width);margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}header nav .logo{font-weight:700;text-decoration:none;color:var(--text)}header nav .links{display:flex;gap:1.5rem}header nav .links a{text-decoration:none;color:var(--text)}header nav .links a:hover{color:var(--link)}main{max-width:var(--max-width);margin:2rem auto;padding:0 1.5rem}h1,h2,h3{line-height:1.2}a{color:var(--link)}.post-item{display:flex;justify-content:space-between;margin-bottom:.5rem;text-decoration:none;border-radius:4px}.post-item:hover{background:var(--pale)}.post-item .date{color:#888;font-size:.9rem}article .metadata{color:#888;margin-bottom:2rem}