:root{--ink:#0B0B0C;--paper:#F4F4F2;--accent:#00B2FF;--fg:var(--ink);--bg:var(--paper)}
@media (prefers-color-scheme: dark){:root{--fg:var(--paper);--bg:var(--ink)}}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font:16px/1.6 "Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;-webkit-font-smoothing:antialiased;padding:20px 16px 80px}
a{color:inherit}
a:hover{color:var(--accent)}
.back{font:12px ui-monospace,"SF Mono",Menlo,Consolas,monospace;text-decoration:none;display:inline-flex;gap:.6em;align-items:center}
.back::before{content:"";width:12px;height:12px;background:var(--accent)}
main{max-width:42rem;margin:12vh auto 0}
h1{font-size:clamp(2.4rem,7vw,5rem);line-height:1;letter-spacing:-.04em;font-weight:500;margin-bottom:3rem}
h2{font:12px ui-monospace,"SF Mono",Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.12em;margin:2.5rem 0 .8rem}
p,li{max-width:38rem}
ul{padding-left:1.2em}
.todo{background:var(--accent);color:var(--ink);padding:0 .2em}