body { margin: 0; background: var(--helio-bg, #090b0d); color: var(--helio-text, #e6ecef); font: 14px/1.6 var(--helio-sans, system-ui, sans-serif); }
main { max-width: 760px; margin: 0 auto; padding: 32px 18px 64px; }
a { color: var(--helio-accent, #c8f560); }
h1 { font-size: 24px; margin: 8px 0 4px; }
h2 { font-size: 16px; margin: 28px 0 6px; }
.meta { color: var(--helio-muted, #8d9699); font-size: 12px; }
.todo { background: #3a2f0b; color: #ffd76a; padding: 0 4px; border-radius: 3px; }
nav { display: flex; gap: 14px; flex-wrap: wrap; font-size: 13px; }
ul { padding-left: 20px; }