:root{color-scheme:dark light;--bg:#0b0b0d;--bg2:#121216;--text:#f4f4f6;--muted:#a3a3ad;--line:#26262d;--accent:#e0475b;--warn:#e6a23c}
@media (prefers-color-scheme:light){:root{--bg:#fbfaf8;--bg2:#f3f1ed;--text:#141416;--muted:#55555e;--line:#e6e3dd;--warn:#8a5a00}}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:760px;margin:0 auto;padding:40px 16px 72px}
a{color:inherit}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.back{display:inline-block;color:var(--muted);text-decoration:none;margin-bottom:28px}
h1{font-size:clamp(30px,6vw,44px);line-height:1.1;letter-spacing:-.03em;font-weight:500;margin:0 0 8px}
h2{font-size:21px;font-weight:500;margin:34px 0 8px}
p,li{color:var(--muted)}li{margin:6px 0}
code{background:var(--bg2);border:1px solid var(--line);padding:1px 6px;border-radius:6px;font-size:14px;color:var(--text)}
.stand{font-size:14px}
.todo{border:2px dashed var(--warn);border-radius:14px;padding:14px 18px;background:var(--bg2);color:var(--text)}
.todo b{color:var(--warn)}
footer{border-top:1px solid var(--line);margin-top:48px;padding-top:20px;font-size:14px;color:var(--muted)}