:root {
  --bg: #0e0f12;
  --fg: #e8e8ea;
  --muted: #8a8d96;
  --accent: #f0c674;
  --line: #23252b;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--fg);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 16px; line-height: 1.55; }
main { max-width: 720px; margin: 0 auto; padding: 48px 24px 96px; }
header h1 { font-size: 2rem; margin: 0 0 8px; letter-spacing: -0.02em; }
.tag { color: var(--muted); margin: 0 0 40px; }
h2 { font-size: 1.15rem; margin: 40px 0 12px; color: var(--accent); }
section { border-top: 1px solid var(--line); padding-top: 24px; }
.signup form { display: flex; gap: 8px; margin: 16px 0 8px; flex-wrap: wrap; }
.signup input[type=email] {
  flex: 1 1 240px; padding: 12px 14px; background: #16181c;
  border: 1px solid var(--line); color: var(--fg); border-radius: 6px;
  font-family: inherit; font-size: 1rem;
}
.signup button {
  padding: 12px 20px; background: var(--accent); color: #1a1a1a; border: 0;
  border-radius: 6px; font-weight: 600; cursor: pointer; font-family: inherit;
}
.signup button:hover { filter: brightness(1.1); }
.note { color: var(--muted); font-size: 0.9rem; }
ul { padding-left: 20px; }
li { margin: 6px 0; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
code { background: #16181c; padding: 1px 6px; border-radius: 4px; font-size: 0.92em; }
footer { margin-top: 56px; color: var(--muted); font-size: 0.85rem; }
.archive { list-style: none; padding: 0; }
.archive li { margin: 0; border-bottom: 1px solid var(--line); }
.archive a { display: flex; gap: 16px; padding: 12px 0; color: var(--fg); }
.archive a:hover { color: var(--accent); text-decoration: none; }
.archive .d { color: var(--muted); min-width: 110px; }
.entry { white-space: normal; }
.entry h1 { font-size: 1.6rem; margin-top: 0; }
.entry h2 { color: var(--fg); border-top: 1px solid var(--line); padding-top: 20px; }