:root{--color-bg:hsl(40, 20%, 97%);--color-border:hsl(40, 10%, 88%);--color-text-faint:hsl(40, 8%, 70%);--color-text-light:hsl(40, 8%, 55%);--color-text:hsl(40, 8%, 35%);--color-text-dark:hsl(40, 10%, 20%);--color-code-bg:hsl(40, 15%, 93%);--font-serif:"Instrument Serif", Georgia, serif;--font-sans:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--space-xs:.75rem;--space-sm:1.5rem;--space-md:3rem;--space-lg:4rem;--space-xl:6rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.7;font-weight:300;font-size:16px;-webkit-font-smoothing:antialiased}.page.svelte-69yptz.svelte-69yptz{min-height:100vh}.article.svelte-69yptz.svelte-69yptz{max-width:900px;margin:0 auto;padding:var(--space-xl) var(--space-sm);padding-top:calc(4rem + var(--space-md))}.article-header.svelte-69yptz.svelte-69yptz{margin-bottom:var(--space-sm)}.back-link.svelte-69yptz.svelte-69yptz{display:inline-block;font-size:.875rem;color:var(--color-text-light);text-decoration:none;margin-bottom:var(--space-sm)}.back-link.svelte-69yptz.svelte-69yptz:hover{color:var(--color-text-dark)}.article-title.svelte-69yptz.svelte-69yptz{font-family:var(--font-serif);font-size:2rem;font-weight:400;color:var(--color-text-dark);letter-spacing:-.02em;margin-bottom:var(--space-xs)}.article-subtitle.svelte-69yptz.svelte-69yptz{font-size:1.0625rem;color:var(--color-text);line-height:1.8;font-style:italic;max-width:680px}.toc.svelte-69yptz.svelte-69yptz{background:var(--color-code-bg);padding:var(--space-sm);border-radius:6px;margin-bottom:var(--space-xs);max-width:680px}.toc-list.svelte-69yptz.svelte-69yptz{list-style:none;padding-left:0;margin:0}.toc-list.svelte-69yptz li.svelte-69yptz{margin-bottom:.375rem}.toc-list.svelte-69yptz a.svelte-69yptz{font-size:.875rem;color:var(--color-text);text-decoration:none;border-bottom:1px solid transparent}.toc-list.svelte-69yptz a.svelte-69yptz:hover{color:var(--color-text-dark);border-bottom-color:var(--color-border)}.article-content.svelte-69yptz.svelte-69yptz{max-width:680px}.series-note.svelte-69yptz.svelte-69yptz{font-size:.9rem;color:var(--color-text-light);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.article-content.svelte-69yptz h2.svelte-69yptz{font-family:var(--font-serif);font-size:1.5rem;font-weight:400;color:var(--color-text-dark);margin-top:var(--space-md);margin-bottom:var(--space-sm)}.article-content.svelte-69yptz p.svelte-69yptz{margin-bottom:var(--space-sm);line-height:1.8}.article-content.svelte-69yptz table.svelte-69yptz{width:100%;border-collapse:collapse;margin-bottom:var(--space-sm);font-size:.875rem}.article-content.svelte-69yptz th.svelte-69yptz,.article-content.svelte-69yptz td.svelte-69yptz{padding:.625rem .75rem;text-align:left;border-bottom:1px solid var(--color-border)}.article-content.svelte-69yptz tr:last-child td.svelte-69yptz{border-bottom:none}.article-content.svelte-69yptz th.svelte-69yptz{font-weight:500;color:var(--color-text-dark)}.article-content.svelte-69yptz pre.svelte-69yptz{background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-sm);overflow-x:auto;margin-bottom:var(--space-sm);font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;color:#58544b}.article-content.svelte-69yptz code.svelte-69yptz{font-family:var(--font-mono);font-size:.875em;background:var(--color-code-bg);padding:.1em .3em;border-radius:3px}.article-content.svelte-69yptz pre code.svelte-69yptz{background:none;padding:0;font-size:inherit;font-variant-ligatures:none}.c.svelte-69yptz.svelte-69yptz{color:var(--color-text-light)}.k.svelte-69yptz.svelte-69yptz{color:#2b60ab;font-weight:500}.n.svelte-69yptz.svelte-69yptz{color:#3d588f}figure.svelte-69yptz.svelte-69yptz{margin:0 0 var(--space-sm);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-sm)}figure.svelte-69yptz img.svelte-69yptz{width:100%;border-radius:4px;display:block;mix-blend-mode:multiply}figcaption.svelte-69yptz.svelte-69yptz{font-size:.8125rem;color:var(--color-text-light);margin-top:.75rem;line-height:1.6}.conv-demo.svelte-69yptz.svelte-69yptz{background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-sm);margin-bottom:var(--space-sm);display:flex;flex-direction:column;align-items:center}.conv-grid.svelte-69yptz.svelte-69yptz{display:flex;flex-direction:column;gap:3px;margin-bottom:1rem}.conv-grid-row.svelte-69yptz.svelte-69yptz{display:flex;gap:3px}.conv-pixel.svelte-69yptz.svelte-69yptz{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:3px;border:2px solid transparent;font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-dark);background:hsl(40,6%,calc(var(--brightness, 0) * 80% + 12%));transition:border-color .25s,box-shadow .25s}.conv-pixel.conv-masked.svelte-69yptz.svelte-69yptz{background:#18160f;color:#4a4640}.conv-pixel.conv-active.svelte-69yptz.svelte-69yptz{border-color:#b8882a;box-shadow:0 0 0 1px #b8882a}.conv-pixel.conv-center.svelte-69yptz.svelte-69yptz{border-color:#d4701a;box-shadow:0 0 0 2px #d4701a}.conv-info.svelte-69yptz.svelte-69yptz{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.8rem;color:var(--color-text);width:100%;justify-content:center}.conv-reads.svelte-69yptz.svelte-69yptz{color:var(--color-text-light)}.conv-arrow.svelte-69yptz.svelte-69yptz{color:var(--color-text-faint)}.conv-out.svelte-69yptz.svelte-69yptz{font-weight:500;color:var(--color-text-dark)}.conv-out.conv-leak.svelte-69yptz.svelte-69yptz{color:#b8602a}.conv-note.svelte-69yptz.svelte-69yptz{font-family:var(--font-sans);font-size:.8rem;color:var(--color-text-light);font-style:italic;width:100%;min-height:8em;text-align:center}.conv-nav.svelte-69yptz.svelte-69yptz{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem}.conv-nav-btn.svelte-69yptz.svelte-69yptz{background:none;border:1px solid var(--color-border);border-radius:4px;padding:.25rem .6rem;font-size:1rem;color:var(--color-text-light);cursor:pointer;line-height:1;transition:border-color .15s,color .15s}.conv-nav-btn.svelte-69yptz.svelte-69yptz:hover{border-color:#b8882a;color:#b8882a}.conv-dot.svelte-69yptz.svelte-69yptz{width:8px;height:8px;border-radius:50%;border:none;background:var(--color-border);cursor:pointer;padding:0;transition:background .15s}.conv-dot.conv-dot-active.svelte-69yptz.svelte-69yptz{background:#b8882a}.diagram-box.svelte-69yptz.svelte-69yptz{background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-sm);margin-bottom:var(--space-sm);overflow-x:auto}.diagram-title.svelte-69yptz.svelte-69yptz{font-size:.8125rem;font-weight:500;color:var(--color-text-dark);margin-bottom:.5rem;font-family:var(--font-sans)}.diagram-box.svelte-69yptz pre.mermaid.svelte-69yptz{margin:0;background:none;border:none;padding:0;display:flex;justify-content:center}.diagram-box.svelte-69yptz pre.mermaid.svelte-69yptz svg{width:100%!important;height:auto!important}.article-content.svelte-69yptz a.svelte-69yptz{color:var(--color-text-dark);text-decoration:none;padding-bottom:1px;border-bottom:1px solid var(--color-border);transition:border-color .12s ease-in-out}.article-content.svelte-69yptz a.svelte-69yptz:hover{border-bottom-color:var(--color-text-dark)}.nav-posts.svelte-69yptz.svelte-69yptz{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.nav-posts.svelte-69yptz a.svelte-69yptz{color:var(--color-text);text-decoration:none;font-weight:400;font-size:.875rem;border-bottom:none}.nav-posts.svelte-69yptz a.svelte-69yptz:hover{color:var(--color-text-dark);border-bottom:none}.nav-posts.svelte-69yptz .next-post.svelte-69yptz{margin-left:auto}.footer.svelte-69yptz.svelte-69yptz{padding:var(--space-md) var(--space-sm);border-top:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-faint);text-align:center}@media (max-width: 768px){:root{--space-md:2rem;--space-lg:3rem;--space-xl:4rem}.article-title.svelte-69yptz.svelte-69yptz{font-size:1.75rem}}