@font-face{font-family:Anybody;src:url(/blog/fonts/anybody.woff2)format("woff2-variations"),url(/blog/fonts/anybody.woff2)format("woff2");font-weight:100 900;font-stretch:50% 150%;font-display:swap}@font-face{font-family:B612;src:url(/blog/fonts/b612.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:B612;src:url(/blog/fonts/b612-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:B612 Mono;src:url(/blog/fonts/b612-mono.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:B612 Mono;src:url(/blog/fonts/b612-mono-bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{color-scheme:light dark;--bg:#050608;--bg-2:#0a0d12;--panel:#0d1117;--ink:#eaeef5;--ink-2:#bcc4d2;--dim:#848d9d;--line:#becdeb29;--line-2:#becdeb57;--beam:#6aa0ff;--hot:#ffd21e;--hot-ink:#1a0011;--mag:#ff3d9a;--stage:#0a0d12;--hot-text:#ffd21e;--chamber-ink:0;--display:"Anybody", "Arial Narrow", Arial, sans-serif;--text:"B612", "Helvetica Neue", Arial, sans-serif;--mono:"B612 Mono", ui-monospace, Menlo, monospace;--gutter:clamp(20px, 5vw, 56px);--radius:14px;--d-accent:var(--beam);--d-bg:var(--bg);--d-bg-2:var(--bg-2);--d-focus:var(--beam);--d-font-display:var(--display);--d-font-text:var(--text);--d-gutter:var(--gutter);--d-ink:var(--ink);--d-ink-2:var(--ink-2);--d-line:var(--line);--d-line-strong:var(--line-2);--d-muted:var(--dim);--d-night-ink:#eaeef5;--d-night-line:#becdeb4d;--d-night-muted:#a7b0c0;--d-night-on:#6aa0ff;--d-night-on-ink:#050608;--d-read-measure:66ch;--d-shadow:none;--d-sky-1:var(--bg-2);--d-sky-2:var(--bg);--d-surface:var(--panel);--d-space-1:4px;--d-space-2:8px;--d-space-4:16px;--d-space-5:24px;--d-space-7:48px;--d-step--1:.875rem;--d-step-4:2.2rem}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f4f1e8;--bg-2:#ebe7da;--panel:#fbf9f2;--ink:#14151a;--ink-2:#393c46;--dim:#62656f;--line:#14161e29;--line-2:#14161e5c;--beam:#0b3fd6;--mag:#b3006a;--stage:#e8e4d6;--chamber-ink:1;--hot-text:#a3005f}}:root[data-theme=light]{--bg:#f4f1e8;--bg-2:#ebe7da;--panel:#fbf9f2;--ink:#14151a;--ink-2:#393c46;--dim:#62656f;--line:#14161e29;--line-2:#14161e5c;--beam:#0b3fd6;--mag:#b3006a;--stage:#e8e4d6;--chamber-ink:1;--hot-text:#a3005f;color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:72px}body{font:400 1rem/1.6 var(--text);background:var(--bg);color:var(--ink);min-height:100svh;margin:0;overflow-x:clip}img,svg,canvas{max-width:100%;display:block}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--beam);outline-offset:2px;border-radius:3px}.skip{z-index:40;background:var(--hot);color:var(--hot-ink);padding:8px 14px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ring{pointer-events:none;z-index:30;width:100%;height:100%;position:fixed;inset:0}.ring rect{fill:none}.ring .line{stroke:var(--line);stroke-width:1px}.ring .bunch{stroke:var(--beam);stroke-width:2px;stroke-linecap:round}.has-chamber .ring{display:none}.site-head{z-index:20;padding:18px var(--gutter) 10px;align-items:center;gap:6px;display:flex;position:relative}.brand{font:800 .86rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:9px;margin-right:auto;font-stretch:150%;text-decoration:none;display:inline-flex}.brand svg{width:20px;height:20px}.tool-b{border-radius:50%;place-items:center;width:40px;height:40px;text-decoration:none;display:inline-grid}.tool-b svg{width:20px;height:20px}.tool-b:hover{background:var(--line)}.go-play{border:1px solid var(--line-2);height:34px;font:700 .78rem/1 var(--text);white-space:nowrap;border-radius:17px;align-items:center;margin-left:2px;padding:0 13px;text-decoration:none;display:inline-flex}.go-play:hover{background:var(--ink);color:var(--bg)}.site-menu{position:relative}.site-menu summary{cursor:pointer;list-style:none}.site-menu summary::-webkit-details-marker{display:none}.site-menu-panel{background:var(--panel);border:1px solid var(--line-2);z-index:40;border-radius:12px;gap:2px;min-width:210px;padding:10px;display:grid;position:absolute;top:46px;right:0}.site-menu-panel a{font:700 1rem/1.2 var(--text);border-radius:8px;padding:9px 12px;text-decoration:none}.site-menu-panel a:hover{background:var(--line)}.nav-wide{gap:2px;margin-right:8px;display:none}.nav-wide a{font:700 .84rem/1 var(--text);border-radius:8px;padding:8px 11px;text-decoration:none}.nav-wide a:hover{background:var(--line)}@media (width>=900px){.nav-wide{display:flex}}@media (width<=370px){.brand{font-size:.74rem}.tool-b{width:36px}}.site-foot{z-index:2;padding:32px var(--gutter) 30px;border-top:1px solid var(--line);margin-top:72px;position:relative}.foot-inner{max-width:1180px;margin:0 auto}.lap{font:700 .72rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:0 0 22px}.foot-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;margin-bottom:26px;display:grid}.foot-nav a{padding:6px 0;font-size:.94rem;text-decoration:none}.foot-nav a:hover{text-decoration:underline}@media (width>=760px){.foot-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}.site-credit{--credit-ink:var(--ink);--credit-muted:var(--ink-2);--credit-line:var(--line-2);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 18px;padding-top:20px;display:flex}.site-credit-made{margin:0;font-size:.95rem;font-weight:700}.site-credit-made a{text-decoration:underline;text-decoration-color:var(--hot);text-underline-offset:.25em;text-decoration-thickness:2px}.site-credit-social{flex-wrap:wrap;gap:2px;margin:0;padding:0;list-style:none;display:flex}.site-credit-social a{width:40px;height:40px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.site-credit-social a:hover{background:var(--line);color:var(--ink)}.site-credit-social svg{width:19px;height:19px}.site-credit-sponsor{border:1px solid var(--line-2);min-height:40px;font:700 .84rem/1 var(--text);border-radius:20px;align-items:center;gap:8px;padding:0 15px;text-decoration:none;display:inline-flex}.site-credit-sponsor:hover{background:var(--ink);color:var(--bg)}.site-credit-sponsor svg{width:16px;height:16px;color:var(--mag)}@media (width>=720px){.site-credit-sponsor{margin-left:auto}}.fine{color:var(--dim);margin:18px 0 0;font-size:.8rem}#theme-button{position:relative}.theme-tip{background:var(--ink);color:var(--bg);font:700 .72rem/1 var(--text);white-space:nowrap;pointer-events:none;border-radius:8px;padding:5px 9px;position:absolute;top:44px;left:50%;transform:translate(-50%)}.blog-page{z-index:1;max-width:1180px;padding:26px var(--gutter) 0;margin:0 auto;position:relative}.blog-page :is(h1,h2,h3){font-family:var(--display);letter-spacing:-.005em;text-wrap:balance;margin:0 0 .4em;font-weight:800;line-height:.98}.blog-page h1{text-transform:uppercase;font-size:clamp(2.5rem,9vw,5.4rem);font-stretch:78%}.blog-page h2{font-size:clamp(1.6rem,5.6vw,2.6rem);font-stretch:86%}.blog-page p{margin:0 0 1em}.intro,.blog-page>h1{padding-top:14px}.intro p,.blog-page>h1+p{max-width:62ch;color:var(--ink-2);font-size:1.04rem}.intro a{text-decoration:underline;text-decoration-color:var(--beam);font-weight:700;text-decoration-thickness:2px}.intro a:hover{color:var(--beam)}.blog-page>section+section{border-top:1px solid var(--line);margin-top:46px;padding-top:54px}.section-heading{margin-bottom:8px}.section-heading h2{margin:0 0 .3em}.section-heading p{max-width:62ch;color:var(--ink-2);margin:0}.article-list{border-top:1px solid var(--line);max-width:940px;margin:26px 0 0;padding:0;list-style:none}.article-list li{border-bottom:1px solid var(--line);gap:4px;padding:18px 0 20px;display:grid}.article-list :is(h2,h3){margin:0;font-size:1.42rem;font-stretch:92%;line-height:1.1}.article-list :is(h2,h3) a{text-decoration:none}.article-list :is(h2,h3) a:hover{text-decoration:underline;text-decoration-color:var(--beam);text-underline-offset:.16em;text-decoration-thickness:2px}.article-list .article-date{font:700 .72rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:2px 0 4px}.article-list p{max-width:64ch;color:var(--ink-2);margin:0}@media (width>=760px){.article-list li{grid-template-columns:15.5rem minmax(0,1fr);column-gap:24px}.article-list li>*{grid-column:2}.article-list .article-date{white-space:nowrap;grid-area:1/1;margin:0;padding-top:.42rem}}