:root { --bg:#0b0f0c; --panel:#111814; --line:#1f3a28; --fg:#d9f5e1; --muted:#7fa58c; --acid:#39ff88; --warn:#ffb547; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.65 system-ui, -apple-system, "Segoe UI", sans-serif; }
header, main, footer { max-width: 760px; margin: 0 auto; padding: 0 16px; }
header { display:flex; align-items:center; justify-content:space-between; padding-top:24px; padding-bottom:24px; }
.brand { display:flex; align-items:center; gap:8px; color:var(--fg); text-decoration:none; font:800 13px ui-monospace, Menlo, monospace; letter-spacing:.2em; }
.brand::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--acid); box-shadow:0 0 10px var(--acid); }
h1 { font:800 32px/1.2 ui-monospace, Menlo, monospace; margin:24px 0 4px; }
h2 { font:700 17px ui-monospace, Menlo, monospace; color:var(--acid); margin:40px 0 8px; }
h3 { font-size:16px; margin:24px 0 4px; }
.updated { color:var(--muted); font:13px ui-monospace, Menlo, monospace; }
a { color:var(--acid); }
.todo { background:rgba(255,181,71,.12); color:var(--warn); padding:0 4px; border-radius:3px; font-family:ui-monospace, Menlo, monospace; font-size:.9em; }
.box { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:16px 20px; margin:16px 0; }
table { width:100%; border-collapse:collapse; font-size:14px; margin:12px 0; }
th, td { text-align:left; vertical-align:top; padding:8px 10px; border-bottom:1px solid var(--line); }
th { color:var(--muted); font-weight:600; }
.table-wrap { overflow-x:auto; }
footer { border-top:1px solid var(--line); margin-top:64px; padding-top:20px; padding-bottom:32px; display:flex; flex-wrap:wrap; gap:18px; font:12px ui-monospace, Menlo, monospace; color:var(--muted); }
footer a { color:var(--muted); }