:root{color-scheme:light;--surface:#F3F4F8;--raised:#FFFFFF;--ink:#0B0E1C;--ink-2:#3A4059;--mist:#666C85;--line:rgba(11, 14, 28, 0.10);--line-strong:rgba(11, 14, 28, 0.25);--code-bg:rgba(11, 14, 28, 0.06);--shadow:rgba(11, 14, 28, 0.25);--cobalt:#2B4DFF;--cobalt-2:#1A34D6;--cobalt-soft:#6E86FF;--amber:#F0A500;--syn-num:#8a4b00;--syn-str:#1f6b3a;--syn-key:var(--cobalt-2);--syn-comment:var(--mist);--dot0:#2B4DFF;--dot1:#6E3CFF;--veil:86%;--sans:"Geist", -apple-system, "Helvetica Neue", Arial, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--wrap:720px;--gutter:clamp(20px, 4vw, 48px)}:root[data-theme=dark]{color-scheme:dark;--surface:#201B34;--raised:#2A2441;--ink:#EDEBF8;--ink-2:#C6C1DC;--mist:#9C96BE;--line:rgba(233, 231, 246, 0.15);--line-strong:rgba(233, 231, 246, 0.32);--code-bg:rgba(233, 231, 246, 0.12);--shadow:rgba(0, 0, 0, 0.5);--cobalt:#8FA2FF;--cobalt-2:#A9B6FF;--cobalt-soft:#8FA2FF;--amber:#F5B733;--syn-num:#E0A76A;--syn-str:#7FC79B;--syn-key:#A9B6FF;--dot0:#7D91FF;--dot1:#B278FF}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);font-size:17px;line-height:1.6;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}code{font-family:var(--mono);font-size:.88em}.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}.field{position:fixed;inset:0;width:100%;height:100%;z-index:0}html.still .field{opacity:.8}main.wrap{position:relative;z-index:1;flex:1;padding-top:120px;padding-bottom:96px;background:linear-gradient(to right,transparent 0%,color-mix(in srgb,var(--surface) var(--veil),transparent) 12%,color-mix(in srgb,var(--surface) var(--veil),transparent) 88%,transparent 100%)}body.is-post{--veil:93%}.footer{position:relative;z-index:1;background:var(--surface)}.corner .ic-slash{display:none}html.still .corner .ic-slash{display:block}html.still #motion-toggle{opacity:.85}.brand{position:fixed;top:14px;left:var(--gutter);z-index:50;display:flex;align-items:center;gap:2px;padding:0 4px;border-radius:999px;color:var(--ink);background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:saturate(160%)blur(12px);-webkit-backdrop-filter:saturate(160%)blur(12px)}.wordmark{display:inline-flex;align-items:center;height:34px;padding:0 12px 0 6px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.wordmark-sub{font-weight:400;font-size:.88em;color:var(--mist);letter-spacing:0}.wordmark-sub::before{content:"–";margin:0 .4em;color:var(--line-strong)}.wordmark a:hover{color:var(--cobalt)}#menu-toggle .ic-close,#menu-toggle.open .ic-burger{display:none}#menu-toggle.open .ic-close{display:block}#menu-toggle.open{opacity:1}.menu{position:absolute;top:42px;left:0;min-width:190px;display:flex;flex-direction:column;padding:6px;background:var(--raised);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px -12px var(--shadow)}.menu a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:.95rem;color:var(--ink-2)}.menu a:hover,.menu a[aria-current=page]{color:var(--ink);background:color-mix(in srgb,currentColor 8%,transparent)}.menu a[aria-current=page]{font-weight:500}.menu-sep{display:flex;align-items:center;gap:8px;margin:6px 6px 4px;color:var(--mist);font-family:var(--mono);font-size:.72rem}.menu-sep::after{content:"";flex:1;border-top:1px solid var(--line)}.menu[hidden]{display:none}.corner{position:fixed;top:14px;right:var(--gutter);z-index:50;display:flex;align-items:center;gap:2px;padding:0 4px;border-radius:999px;color:var(--ink);background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:saturate(160%)blur(12px);-webkit-backdrop-filter:saturate(160%)blur(12px)}.corner-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:0 0;border:0;border-radius:50%;color:inherit;opacity:.6;cursor:pointer;transition:opacity .2s,background .2s}.corner-btn:hover{opacity:1;background:color-mix(in srgb,currentColor 12%,transparent)}.corner .ic-sun{display:none}:root[data-theme=dark] .corner .ic-sun{display:block}:root[data-theme=dark] .corner .ic-moon{display:none}.page-head{margin-bottom:40px}.page-head h1{font-size:clamp(1.9rem,4.5vw,2.6rem);line-height:1.15;letter-spacing:-.02em;font-weight:600}.page-head time,.dateline{display:block;font-family:var(--mono);font-size:.82rem;color:var(--mist);margin-bottom:10px}.page-head .dateline time{display:inline;margin:0}.crumb{display:inline-block;font-family:var(--mono);font-size:.82rem;color:var(--mist);margin-bottom:18px}.crumb:hover{color:var(--cobalt)}.lede{color:var(--ink-2);font-size:1.12rem;margin-top:12px}.intro{color:var(--ink-2);margin-top:10px}.intro p+p{margin-top:6px}.byline{margin-top:14px;font-size:.95rem;color:var(--ink-2)}.byline a{color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.byline a:hover{color:var(--cobalt);text-decoration-color:initial}.meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}.tag{font-family:var(--mono);font-size:.78rem;padding:2px 10px;border:1px solid var(--line-strong);border-radius:999px;color:var(--ink-2)}.tag:hover{border-color:var(--cobalt);color:var(--cobalt)}.pin,.count{font-family:var(--mono);font-size:.78rem;color:var(--mist)}.notebook-note{margin-top:18px;padding:12px 16px;border-left:3px solid var(--amber);background:var(--code-bg);font-size:.95rem;color:var(--ink-2)}.link-arrow{color:var(--cobalt);font-weight:500}.link-arrow::after{content:" ↗"}.post-list{list-style:none;display:flex;flex-direction:column;gap:36px}.post-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;align-items:start}.card-art{display:block;width:96px;height:96px;border-radius:12px;overflow:hidden;background:var(--raised);border:1px solid var(--line);transition:border-color .2s,transform .35s cubic-bezier(.22,1,.36,1)}.card-art img,.card-art .sketch{display:block;width:100%;height:100%;object-fit:cover}.post-card:hover .card-art{border-color:var(--line-strong);transform:translateY(-2px)}@media(max-width:480px){.post-card{grid-template-columns:72px minmax(0,1fr);gap:16px}.card-art{width:72px;height:72px}}.post-card h2{font-size:1.45rem;letter-spacing:-.01em;font-weight:600;line-height:1.25}.post-card h2 a:hover{color:var(--cobalt)}.post-card p{color:var(--ink-2);margin-top:6px}.tag-cloud{list-style:none;display:flex;flex-wrap:wrap;gap:10px}.empty{color:var(--mist)}.prose{margin-top:40px}.prose>*+*{margin-top:1.1em}.prose h1,.prose h2,.prose h3{letter-spacing:-.015em;font-weight:600;line-height:1.25;margin-top:2em}.prose h1{font-size:1.7rem}.prose h2{font-size:1.4rem}.prose h3{font-size:1.15rem}.prose p a,.prose li a{color:var(--cobalt);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:3px}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.35em}.prose blockquote{border-left:3px solid var(--line-strong);padding-left:16px;color:var(--ink-2)}.prose img{max-width:100%;height:auto;display:block;margin:1.6em auto;border-radius:6px}:root[data-theme=dark] .prose img{background:#fff;padding:8px;box-sizing:border-box}.prose figure{margin:1.6em 0}.prose .lead{margin:1.4em 0 1.8em;padding:18px 24px;border:1px solid var(--line);border-left:3px solid var(--cobalt);border-radius:8px;background:var(--raised);font-family:var(--serif);font-style:italic;font-size:1.22rem;line-height:1.5;color:var(--ink-2)}.prose figure img{margin:0 auto}.prose figure figcaption{text-align:center;color:var(--mist);font-size:.9rem;margin-top:8px}.prose table{border-collapse:collapse;width:100%;font-size:.95rem}.prose th,.prose td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}.prose th{color:var(--mist);font-weight:500}.prose :not(pre)>code{background:var(--code-bg);padding:.1em .35em;border-radius:4px}.prose pre{background:var(--raised);border:1px solid var(--line);border-radius:8px;padding:16px 18px;overflow-x:auto;font-size:.86rem;line-height:1.55}.prose pre code{font-size:inherit;background:0 0;padding:0}.prose .highlight{margin-top:1.1em}.codeblock{position:relative}.copy-code{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border:1px solid var(--line);border-radius:999px;font:500 .74rem var(--mono);color:var(--mist);background:color-mix(in srgb,var(--raised) 85%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;opacity:0;transition:opacity .2s,color .2s,border-color .2s}.codeblock:hover .copy-code,.copy-code:focus-visible,.copy-code.copied{opacity:1}.copy-code:hover{color:var(--ink);border-color:var(--line-strong)}.copy-done{display:none;color:var(--cobalt)}.copied .copy-label{display:none}.copied .copy-done{display:inline}.copy-code.copied,.share .copied{border-color:var(--cobalt)}@media(hover:none){.copy-code{opacity:1}}.chroma .k,.chroma .kn,.chroma .kd,.chroma .kc,.chroma .ow{color:var(--syn-key)}.chroma .s,.chroma .s1,.chroma .s2,.chroma .sa,.chroma .sd,.chroma .se,.chroma .sh,.chroma .si,.chroma .sx{color:var(--syn-str)}.chroma .m,.chroma .mi,.chroma .mf,.chroma .mh,.chroma .mo,.chroma .mb,.chroma .il{color:var(--syn-num)}.chroma .c,.chroma .c1,.chroma .cm,.chroma .ch,.chroma .cp{color:var(--syn-comment);font-style:italic}.chroma .nb,.chroma .nf,.chroma .fm,.chroma .nc{color:var(--ink);font-weight:500}.chroma .nd{color:var(--syn-key)}.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:56px;padding-top:24px;border-top:1px solid var(--line)}.share-label{font-family:var(--mono);font-size:.78rem;color:var(--mist);margin-right:4px}.share button.tag{background:0 0;cursor:pointer;line-height:inherit}.prose .bars{margin:1.8em 0 2em}.prose .bars figcaption{text-align:left;font-size:.95rem;color:var(--mist);margin:0 0 12px}.bars figcaption strong{font-weight:600;color:var(--ink)}.prose .bars ul{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,max-content)minmax(60px,1fr)max-content;gap:8px 14px;align-items:center}.prose .bars li{display:contents}.bar-label{font-size:.92rem;color:var(--ink-2)}.bar-track{display:block;height:12px}.bar{display:block;height:100%;min-width:2px;border-radius:0 4px 4px 0;background:var(--cobalt)}.bar-value{font-family:var(--mono);font-size:.82rem;color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums}.has-highlight .bar{background:color-mix(in srgb,var(--ink) 30%,transparent)}.has-highlight .is-highlight .bar{background:var(--cobalt)}.is-highlight .bar-label,.is-highlight .bar-value{color:var(--ink);font-weight:500}.footer{display:flex;flex-wrap:wrap;gap:8px 24px;padding:28px var(--gutter);border-top:1px solid var(--line);color:var(--mist);font-size:.9rem}.footer a:hover{color:var(--cobalt)}.prose .anchor{color:var(--mist);text-decoration:none;font-weight:400;opacity:0;margin-left:.3em;transition:opacity .15s}.prose h1:hover .anchor,.prose h2:hover .anchor,.prose h3:hover .anchor,.prose .anchor:focus{opacity:1}.prose h1,.prose h2,.prose h3{scroll-margin-top:24px}.toc{margin-top:32px;padding:16px 20px 18px;border:1px solid var(--line);border-radius:8px;background:var(--raised);font-size:.95rem}.toc ul{list-style:none;padding:0;margin:0}.toc>nav>ul{margin-top:8px;counter-reset:toc}.toc>nav>ul>li{counter-increment:toc;display:grid;grid-template-columns:2em minmax(0,1fr);column-gap:4px}.toc>nav>ul>li::before{content:counter(toc,decimal-leading-zero);font-family:var(--mono);font-size:.8rem;color:var(--mist);padding-top:3px}.toc li+li{margin-top:6px}.toc>nav>ul>li+li{margin-top:10px}.toc ul ul{grid-column:2;margin-top:6px;padding-left:0;border-left:1px solid var(--line)}.toc ul ul li{padding-left:12px;font-size:.9rem}.toc a{color:var(--ink);text-decoration:none}.toc ul ul a{color:var(--ink-2)}.toc a:hover{color:var(--cobalt);text-decoration:underline;text-underline-offset:3px}.post-end{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.post-end-label{display:block;font-family:var(--mono);font-size:.78rem;font-weight:400;color:var(--mist);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px}.post-end-label a{color:inherit}.post-end-row{display:flex;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}.post-end-link{flex:1 1 220px;color:var(--ink);font-weight:500;font-size:1rem;line-height:1.35;text-decoration:none}.post-end-link.next{text-align:right;margin-left:auto}.post-end-link:hover{color:var(--cobalt)}.post-end-more{list-style:none;padding:0;margin:0}.post-end-more li+li{margin-top:6px}.post-end-more a{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.post-end-more a:hover{color:var(--cobalt)}.post-end-row+.post-end-label{margin-top:32px}.post-end-discuss{margin-top:32px;color:var(--ink-2);font-size:.95rem}.post-end-discuss a{color:var(--cobalt);text-decoration:underline;text-underline-offset:3px}.skip{position:absolute;left:16px;top:-48px;z-index:50;padding:8px 12px;border-radius:8px;background:var(--raised);color:var(--ink);border:1px solid var(--line-strong);text-decoration:none;font-size:.9rem}.skip:focus{top:16px}@media print{.brand,.corner,.field,.skip,.share,.post-end,.toc,.footer,.anchor,.copy-btn{display:none!important}body{background:#fff;color:#000}.wrap{max-width:none;padding:0}.prose a::after{content:" (" attr(href)")";font-size:.85em;color:#555}.prose pre{border:1px solid #ccc;white-space:pre-wrap}}