.post-header[data-astro-cid-ssdmjifj]{max-width:var(--measure);gap:.7rem;margin-inline:auto;padding-bottom:2rem;display:grid}.post-header[data-astro-cid-ssdmjifj] h1[data-astro-cid-ssdmjifj]{font-family:var(--font-display);font-weight:400;font-size:calc(var(--step-4) * 1.3);text-wrap:balance;color:var(--foam);text-shadow:2px 2px 0 color-mix(in srgb, var(--magenta) 55%, transparent);line-height:1.02}html[data-theme=light] .post-header[data-astro-cid-ssdmjifj] h1[data-astro-cid-ssdmjifj]{color:var(--text);text-shadow:2px 2px 0 color-mix(in srgb, var(--magenta) 22%, transparent)}.post-lede[data-astro-cid-ssdmjifj]{font-size:var(--step-1);color:var(--text-muted);text-wrap:pretty}.post-meta[data-astro-cid-ssdmjifj]{font-family:var(--font-mono);color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.8rem;display:flex}.sep[data-astro-cid-ssdmjifj]{opacity:.6}.draft-banner[data-astro-cid-ssdmjifj]{background:color-mix(in srgb, var(--sun) 15%, transparent);border:1px solid var(--sun);color:var(--text);border-radius:var(--radius-sm);font-size:var(--step--1);padding:.4rem .7rem}.post-cover[data-astro-cid-ssdmjifj]{border-radius:var(--radius);border:1px solid var(--surface-border);margin-bottom:2.5rem;overflow:hidden}.post-cover[data-astro-cid-ssdmjifj] img[data-astro-cid-ssdmjifj]{width:100%;height:auto}.post-body[data-astro-cid-ssdmjifj]{position:relative}.toc[data-astro-cid-ssdmjifj]{display:none}@media (width>=86rem){.toc[data-astro-cid-ssdmjifj]{width:12rem;max-height:70vh;font-size:.82rem;line-height:1.4;display:block;position:fixed;top:6rem;left:max(1.5rem,50vw - 47rem);overflow-y:auto}.toc__title[data-astro-cid-ssdmjifj]{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-bottom:.6rem;font-size:.68rem}.toc[data-astro-cid-ssdmjifj] ul[data-astro-cid-ssdmjifj]{gap:.5rem;padding:0;list-style:none;display:grid}.toc[data-astro-cid-ssdmjifj] a[data-astro-cid-ssdmjifj]{color:var(--text-muted);border-left:2px solid var(--surface-border);padding-left:.7rem;text-decoration:none;display:block}.toc[data-astro-cid-ssdmjifj] a[data-astro-cid-ssdmjifj]:hover{color:var(--accent);border-left-color:var(--accent)}}.post-nav[data-astro-cid-ssdmjifj]{border-top:1px solid var(--surface-border);grid-template-columns:1fr 1fr;gap:1rem;margin-top:4rem;padding-top:2rem;display:grid}.post-nav__link[data-astro-cid-ssdmjifj]{border:1px solid var(--surface-border);border-radius:var(--radius);color:var(--text);font-size:var(--step--1);gap:.25rem;padding:1rem;text-decoration:none;display:grid}.post-nav__link[data-astro-cid-ssdmjifj]:hover{border-color:var(--accent)}.post-nav__link--next[data-astro-cid-ssdmjifj]{text-align:right}@media (width<=40rem){.post-nav[data-astro-cid-ssdmjifj]{grid-template-columns:1fr}.post-nav__link--next[data-astro-cid-ssdmjifj]{text-align:left}}.figure[data-astro-cid-khyig4bw]{margin-block:2rem}.figure[data-astro-cid-khyig4bw] img[data-astro-cid-khyig4bw]{border-radius:var(--radius);border:1px solid var(--surface-border);background:var(--bg-sunken);width:100%;height:auto}.figure[data-astro-cid-khyig4bw] .crisp[data-astro-cid-khyig4bw]{image-rendering:pixelated}.figure--transparent[data-astro-cid-khyig4bw] img[data-astro-cid-khyig4bw]{background-image:linear-gradient(45deg, var(--bg-sunken) 25%, transparent 25%), linear-gradient(-45deg, var(--bg-sunken) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--bg-sunken) 75%), linear-gradient(-45deg, transparent 75%, var(--bg-sunken) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.figure__missing[data-astro-cid-khyig4bw]{text-align:center;aspect-ratio:16/9;border:1px dashed var(--sun);border-radius:var(--radius);background:var(--bg-sunken);font-size:var(--step--1);place-content:center;gap:.4rem;padding:1rem;display:grid}.video[data-astro-cid-yngxbivw]{margin-block:2rem}.video[data-astro-cid-yngxbivw] video[data-astro-cid-yngxbivw],.video__frame[data-astro-cid-yngxbivw],.video__missing[data-astro-cid-yngxbivw]{border-radius:var(--radius);border:1px solid var(--surface-border);background:var(--bg-sunken);width:100%;overflow:hidden}.video__frame[data-astro-cid-yngxbivw] iframe[data-astro-cid-yngxbivw]{border:0;width:100%;height:100%;display:block}.video__missing[data-astro-cid-yngxbivw]{text-align:center;border-style:dashed;border-color:var(--sun);font-size:var(--step--1);place-content:center;gap:.4rem;padding:1rem;display:grid}.compare[data-astro-cid-zwmc722v]{margin-block:2rem}image-compare[data-astro-cid-zwmc722v]{border-radius:var(--radius);border:1px solid var(--surface-border);background:var(--bg-sunken);touch-action:pan-y;user-select:none;width:100%;display:block;position:relative;overflow:hidden}.pane[data-astro-cid-zwmc722v]{position:absolute;inset:0}.pane[data-astro-cid-zwmc722v] img[data-astro-cid-zwmc722v]{object-fit:cover;width:100%;height:100%}.pane--after[data-astro-cid-zwmc722v]{clip-path:inset(0 0 0 var(--start))}.label[data-astro-cid-zwmc722v]{font-family:var(--font-mono);letter-spacing:.02em;color:#fff;backdrop-filter:blur(4px);pointer-events:none;background:#04141ab8;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;position:absolute;bottom:.6rem}.label--before[data-astro-cid-zwmc722v]{left:.6rem}.label--after[data-astro-cid-zwmc722v]{right:.6rem}.range[data-astro-cid-zwmc722v]{opacity:0;cursor:ew-resize;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.range[data-astro-cid-zwmc722v]::-webkit-slider-thumb{-webkit-appearance:none;cursor:ew-resize;width:3rem;height:100vh}.range[data-astro-cid-zwmc722v]::-moz-range-thumb{cursor:ew-resize;background:0 0;border:0;width:3rem;height:100vh}.range[data-astro-cid-zwmc722v]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.handle[data-astro-cid-zwmc722v]{top:0;bottom:0;left:var(--start);pointer-events:none;background:#ffffffe6;place-items:center;width:2px;display:grid;position:absolute;box-shadow:0 0 0 1px #00000040}.handle[data-astro-cid-zwmc722v] svg[data-astro-cid-zwmc722v]{color:var(--abyss);background:#fffffff2;border-radius:999px;width:2rem;height:2rem;padding:.35rem;box-shadow:0 2px 8px #00000059}.mermaid-figure[data-astro-cid-u73hla6m]{margin-block:2rem}.mermaid-figure__stage[data-astro-cid-u73hla6m]{padding:1.25rem;overflow-x:auto}.mermaid-figure__out[data-astro-cid-u73hla6m]{justify-content:center;min-height:3rem;display:flex}.mermaid-figure__out[data-astro-cid-u73hla6m] svg{max-width:100%;height:auto}.shader[data-astro-cid-sgfuhtgf]{margin-block:2rem}.shader__stage[data-astro-cid-sgfuhtgf]{background:var(--abyss);width:100%;position:relative}.shader__stage[data-astro-cid-sgfuhtgf] canvas[data-astro-cid-sgfuhtgf]{width:100%;height:100%;display:block}.shader__fallback[data-astro-cid-sgfuhtgf]{color:var(--text-muted);font-size:var(--step--1);place-content:center;display:grid;position:absolute;inset:0}.shader__error[data-astro-cid-sgfuhtgf]{color:#ff9b9b;font-family:var(--font-mono);white-space:pre-wrap;background:#0a0404eb;margin:0;padding:1rem;font-size:.72rem;line-height:1.5;position:absolute;inset:0;overflow:auto}.shader__controls[data-astro-cid-sgfuhtgf]{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.5rem 1.25rem;padding-block:.7rem;display:grid}.ctrl[data-astro-cid-sgfuhtgf]{grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;font-size:.8rem;display:grid}.ctrl__label[data-astro-cid-sgfuhtgf]{color:var(--text-muted);white-space:nowrap}.ctrl__value[data-astro-cid-sgfuhtgf]{color:var(--accent);text-align:right;font-variant-numeric:tabular-nums;min-width:3.2rem;font-size:.75rem}.ctrl[data-astro-cid-sgfuhtgf] input[data-astro-cid-sgfuhtgf][type=range]{width:100%;accent-color:var(--accent);min-width:5rem}.callout[data-astro-cid-q2ml7llr]{--hue:var(--sky);background:linear-gradient(to right, color-mix(in srgb, var(--hue) 7%, var(--bg-elevated)), var(--bg-elevated) 40%);border:1px solid var(--surface-border);border-left:3px solid var(--hue);border-radius:var(--radius-sm);font-size:var(--step--1);margin-block:1.75rem;padding:1rem 1.1rem}.callout--gotcha[data-astro-cid-q2ml7llr]{--hue:var(--sun)}.callout--rule[data-astro-cid-q2ml7llr]{--hue:var(--violet)}.callout--perf[data-astro-cid-q2ml7llr]{--hue:var(--aqua)}.callout__head[data-astro-cid-q2ml7llr]{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.callout__icon[data-astro-cid-q2ml7llr]{color:var(--hue);font-size:.95em}.callout__title[data-astro-cid-q2ml7llr]{letter-spacing:.01em;color:var(--text);font-weight:650}.callout__body[data-astro-cid-q2ml7llr]>*+*{margin-top:.7em}.callout__body[data-astro-cid-q2ml7llr] p{color:var(--text-muted)}.callout__body[data-astro-cid-q2ml7llr] code{font-family:var(--font-mono);background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-sm);padding:.1em .35em;font-size:.9em}.demo[data-astro-cid-wl4tdrc6]{margin-block:2rem}.demo__stage[data-astro-cid-wl4tdrc6]{aspect-ratio:2;background:linear-gradient(180deg, var(--indigo) 0%, var(--abyss) 100%)}.demo__stage[data-astro-cid-wl4tdrc6] canvas[data-astro-cid-wl4tdrc6]{width:100%;height:100%}.demo__controls[data-astro-cid-wl4tdrc6]{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.5rem 1.25rem;padding-block:.7rem;display:grid}.ctrl[data-astro-cid-wl4tdrc6]{grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;font-size:.8rem;display:grid}.ctrl__label[data-astro-cid-wl4tdrc6]{color:var(--text-muted);white-space:nowrap}.ctrl__value[data-astro-cid-wl4tdrc6]{color:var(--accent);text-align:right;font-variant-numeric:tabular-nums;min-width:3rem;font-size:.75rem}.ctrl[data-astro-cid-wl4tdrc6] input[data-astro-cid-wl4tdrc6][type=range]{width:100%;accent-color:var(--accent)}.chk[data-astro-cid-wl4tdrc6]{cursor:pointer;align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.chk[data-astro-cid-wl4tdrc6] input[data-astro-cid-wl4tdrc6]{accent-color:var(--accent)}