:root{--bg:#f7f6f2;--dot:#cfcbc1;--ink:#232220;--muted:#6b675f;--pen:#2f5bd3;--red:#e5484d;--y:#fff1a8;--p:#ffd3e2;--b:#cfe8ff;--line:#e3e0d8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--bg) radial-gradient(var(--dot) 1.2px, transparent 1.3px) 0 0 / 24px 24px;color:var(--ink);font:17px/1.65 Inter,system-ui,sans-serif}:focus-visible{outline:3px solid var(--pen);outline-offset:3px;border-radius:4px}a{color:var(--pen)}.page{max-width:760px;margin:0 auto;padding:28px 16px 96px}.back{color:var(--ink);background:#fff;border-radius:12px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block;box-shadow:0 0 0 1px #0000000f,0 8px 20px -10px #0003}.back:hover{color:var(--pen)}.intro{margin:56px 0 40px}.intro h1{font:700 clamp(56px,13vw,92px)/.95 Caveat,cursive}.intro h1 u{background:linear-gradient(#0000 62%,#ffe36e 62% 88%,#0000 88%);text-decoration:none}.intro p{color:var(--muted);max-width:600px;margin-top:16px;font-size:19px}.toc{flex-wrap:wrap;gap:10px;margin-top:24px;list-style:none;display:flex}.toc a{background:var(--c);color:var(--ink);transform:rotate(var(--r));padding:8px 14px 10px;font:700 24px/1 Caveat,cursive;text-decoration:none;display:block;box-shadow:0 1px 1px #00000014,0 10px 14px -10px #0000004d}.toc a:hover{transform:rotate(0)translateY(-2px)}article{border-top:10px solid var(--c);background:#fff;border-radius:16px;margin-top:36px;padding:36px 40px 40px;box-shadow:0 0 0 1px #0000000f,0 16px 30px -18px #0000004d}article header small{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font:600 11px Inter,sans-serif}article h2{margin:2px 0 10px;font:700 clamp(44px,9vw,60px)/1 Caveat,cursive}article header p{color:var(--muted);font-size:19px}.tags{flex-wrap:wrap;gap:6px;margin-top:16px;list-style:none;display:flex}.tags li{background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:3px 10px;font:600 12px Inter,sans-serif}.visit{margin-top:14px;font:700 26px/1 Caveat,cursive;display:inline-block}article h3{letter-spacing:.1em;text-transform:uppercase;color:var(--pen);margin:34px 0 10px;font:700 13px Inter,sans-serif}article p+p{margin-top:12px}article ul,article ol{margin:10px 0 0 22px}article li{margin-top:8px}article li::marker{color:var(--muted)}code{background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}pre{background:var(--ink);color:#f1efe9;border-radius:10px;margin-top:14px;padding:14px 16px;overflow-x:auto}pre code{color:inherit;background:0 0;border:0;padding:0}.end{text-align:center;color:var(--muted);margin-top:48px;font:500 28px/1.2 Caveat,cursive}.end a{font-weight:700}@media (width<=600px){body{font-size:16px}article{padding:26px 20px 28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toc a{transition:none}}