*{box-sizing:border-box}:root{--bg:#f3f3f1;--ink:#131313;--muted:#8b8b89;--faint:#c9c9c6;--line:#e4e4e1;--body:#3a3a38;--card:#fff;--article:#2f3034;--codebg:#f4f4f5;--px-dim:#d9d9d6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--serif:"Times New Roman", Didot, "Bodoni MT", Georgia, serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif}[data-theme=dark]{--bg:#141412;--ink:#f2f2ef;--muted:#8f8f8a;--faint:#3a3a38;--line:#292927;--body:#c7c7c3;--card:#1e1e1c;--article:#d8d8d4;--codebg:#262624;--px-dim:#2b2b2b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}.site-header{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:22px 40px;display:flex}.brand-serif{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);align-items:center;gap:9px;font-size:19px;font-style:italic;text-decoration:none;display:flex}.brand-logo{border-radius:6px;width:22px;height:22px;display:inline-block}.pill{background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;font-size:12.5px;font-weight:500;font-family:var(--sans);border-radius:999px;padding:7px 14px;text-decoration:none;box-shadow:0 1px 4px #0000000d}.header-actions{align-items:center;gap:10px;display:flex}.pill:hover{box-shadow:0 2px 10px #00000017}.pill-dark{color:#fff;background:#1c1c1c;border-color:#1c1c1c}.home-wrap{max-width:560px;margin:60px auto 0;padding:0 24px 90px}.hey{font-family:var(--serif);letter-spacing:-.02em;margin:0 0 22px;font-size:44px;font-weight:400;line-height:1}.pixel-panel{background:0 0;margin:0 0 30px}.pixel-grid{gap:7px;display:grid}.px{aspect-ratio:1;background:var(--px-dim);border-radius:1.5px}.px.on{background:#ff5c0a}.intro{letter-spacing:-.015em;margin:0;font-size:25px;font-weight:500;line-height:1.32}.intro em{font-style:italic;font-weight:400}.c-blue{color:#2f7cf6}.c-red{color:#e5486a}.c-green{color:#2fa968}.c-yellow{color:#d9a400}.c-purple{color:#6e56cf}.subnote{font-family:var(--serif);color:var(--muted);margin:12px 0 0;font-size:14.5px;font-style:italic}.post-list{flex-direction:column;margin-top:56px;display:flex}.list-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 6px;font-size:12px}.post-row{color:inherit;padding:22px 0;text-decoration:none;display:block}.post-row-meta{color:var(--muted);gap:10px;margin-bottom:6px;font-size:12.5px;display:flex}.post-row-title{letter-spacing:-.02em;margin:0 0 6px;font-size:21px;font-weight:600;line-height:1.25}.post-row:hover .post-row-title{text-underline-offset:4px;text-decoration:underline}.post-row-excerpt{color:var(--body);margin:0;font-size:14.5px;line-height:1.6}.home-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;font-size:12.5px;display:flex}.socials{align-items:center;gap:16px;display:flex}.socials a{color:var(--muted);font-size:12.5px;text-decoration:none}.socials a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.post-socials{justify-content:center;margin-top:48px;display:flex}.post-page{background:var(--bg);min-height:100vh}.post-topbar{max-width:700px;color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:0 auto;padding:28px 24px 14px;font-size:12.5px;display:flex}.post-topbar-right{align-items:center;gap:12px;display:flex}.post-brand{color:#6b6f76;align-items:center;gap:7px;font-weight:500;text-decoration:none;display:flex}.post-brand-dot{background:conic-gradient(from 180deg,#111,#999,#ddd,#111);border-radius:50%;width:13px;height:13px;display:inline-block}.article{max-width:700px;margin:0 auto;padding:48px 24px 90px}.back{color:var(--muted);margin-bottom:28px;font-size:13px;text-decoration:none;display:inline-block}.back:hover{color:var(--ink)}.eyebrow{color:var(--muted);margin:0 0 10px;font-size:13px}.article h1{letter-spacing:-.03em;margin:0 0 22px;font-size:40px;font-weight:700;line-height:1.08}@media (max-width:640px){.article h1{font-size:32px}.intro{font-size:21px}.hey{font-size:36px}.site-header{padding:18px 20px}}.article-body{color:var(--article);font-size:15.5px;line-height:1.75}.article-body p{max-width:65ch;margin:0 0 18px}.article-body h2{letter-spacing:-.01em;margin:36px 0 12px;font-size:20px}.article-body ul,.article-body ol{padding-left:22px}.article-body li{margin-bottom:8px}.article-body blockquote{border-left:2px solid var(--line);color:var(--body);margin:24px 0;padding-left:18px}.article-body code{background:var(--codebg);border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px}.codeblock{background:#1e1e1e;border:1px solid #2d2d2d;border-radius:10px;margin:26px 0;overflow:hidden;box-shadow:0 8px 28px #0000002e}.codeblock-bar{background:#252526;border-bottom:1px solid #2d2d2d;align-items:center;gap:7px;padding:11px 14px;display:flex}.cdot{border-radius:50%;width:11px;height:11px;display:inline-block}.cdot.r{background:#ff5f57}.cdot.y{background:#febc2e}.cdot.g{background:#28c840}.codeblock-lang{text-transform:uppercase;letter-spacing:.1em;color:#858585;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.codeblock pre.shiki{margin:0;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.7;overflow-x:auto}.codeblock pre.shiki code{background:0 0;padding:0}.post-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:56px;padding-top:20px;font-size:12.5px;display:flex}