:root { --bg: #fff; --fg: #222; --link: #00e; --code-bg: #f5f5f5; --border: #ccc; }
@media (prefers-color-scheme: dark) { :root { --bg: #1a1a1a; --fg: #e0e0e0; --link: #6af; --code-bg: #2a2a2a; --border: #444; } }
* { box-sizing: border-box; }
body { font-family: serif; line-height: 1.6; max-width: 42rem; margin: 0 auto; padding: 2rem 1rem; background: var(--bg); color: var(--fg); }
a { color: var(--link); }
header { margin-bottom: 2rem; border-bottom: 1px solid var(--border); padding-bottom: 1rem; }
header h1 { margin: 0 0 0.5rem 0; }
header p { margin: 0; color: #666; }
article header { border-bottom: none; }
article header time { color: #666; font-size: 0.9rem; }
.content { margin-top: 2rem; }
.content h1, .content h2, .content h3 { margin-top: 2rem; }
.content code { background: var(--code-bg); padding: 0.1rem 0.3rem; font-family: monospace; }
.content pre { background: var(--code-bg); padding: 1rem; overflow-x: auto; }
.posts ul { list-style: none; padding: 0; }
.posts li { margin: 0.5rem 0; }
.posts time { font-family: monospace; color: #666; margin-right: 1rem; }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--border); font-size: 0.9rem; color: #666; }