@font-face{font-family:"Figtree";font-weight:300 900;font-display:swap;src:url(/fonts/figtree-var.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:200 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-var.woff2) format("woff2")}
:root{--bg:#EEF4FD;--surface:#fff;--ink:#0B2A4A;--muted:#4A607A;--brand:#1B5FD9;--warn:#A85A00;--warn-soft:#FFF4E0;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#0E1A2B;--surface:#12223A;--ink:#E8EEF6;--muted:#9FB1C8;--brand:#5B8FF0;--warn:#F0A84A;--warn-soft:#33280F;color-scheme:dark}}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Figtree",system-ui,sans-serif;padding:24px max(16px,env(safe-area-inset-left,0px)) 40px max(16px,env(safe-area-inset-right,0px))}
main{max-width:68ch;margin:0 auto;background:var(--surface);border-radius:16px;padding:24px clamp(16px,4vw,36px)}
h1{font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;letter-spacing:-.02em;font-size:32px;line-height:1.15;margin:8px 0 16px}
h2{font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;font-size:17px;margin:24px 0 6px}
a{color:var(--brand)}
.todo{background:var(--warn-soft);color:var(--ink);padding:6px 10px;border-radius:8px}
.hint{color:var(--muted);font-size:13px}