:root{--paper:#fff;--ink:#000;--ink-2:#4a4d55;--line:#e8e8e8;--accent:#0a5cff}
@media (prefers-color-scheme:dark){:root{--paper:#0b0c0e;--ink:#f4f5f7;--ink-2:#b9bcc5;--line:#262931;--accent:#5b8cff;color-scheme:dark}}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,sans-serif}
main{max-width:680px;margin:0 auto;padding:64px max(20px,env(safe-area-inset-right,0px)) 80px max(20px,env(safe-area-inset-left,0px))}
h1{font:600 clamp(34px,6vw,52px)/1.04 "Inter Tight",Inter,sans-serif;letter-spacing:-.035em;margin:0 0 20px}
h2{font:600 20px/1.3 "Inter Tight",Inter,sans-serif;letter-spacing:-.02em;margin:32px 0 8px}
p,li{color:var(--ink-2)} a{color:var(--ink)} .todo{background:#fff3c4;color:#000;padding:0 4px;border-radius:3px}
.btn{display:inline-flex;align-items:center;height:48px;padding:0 22px;border-radius:999px;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:500;margin-top:16px}