:root{--bg:#08090a;--bg-surface:#0f1113;--bg-elevated:#141719;--text:#c6cdd4;--text-bright:#e2e8ee;--text-muted:#5e6870;--accent:#6cb8dc;--accent-dim:#5a9ec4;--border:#1e2228;--border-strong:#2b3038;--font-body:'Merriweather', serif;--font-heading:'Libre Baskerville', serif;--font-mono:'JetBrains Mono', monospace;--measure:72ch;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--sidenote-width:220px;--sidenote-gap:24px}[data-theme=light]{--bg:#f5f8fa;--bg-surface:#e8eef2;--bg-elevated:#dce4ea;--text:#303840;--text-bright:#121820;--text-muted:#7c8890;--accent:#3878a0;--accent-dim:#2c6088;--border:#d0d8e0;--border-strong:#bcc6d0}[data-theme=light] .article-body em{color:#4a5058}.bg{color:#e6edf3;background-color:var(--bg-elevated)}.chroma{color:#e6edf3;background-color:var(--bg-elevated);-webkit-text-size-adjust:none}.chroma .err{color:#f85149}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#6e7681}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#737679}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#6e7681}.chroma .line{display:flex}.chroma .k{color:#ff7b72}.chroma .kc{color:#79c0ff}.chroma .kd{color:#ff7b72}.chroma .kn{color:#ff7b72}.chroma .kp{color:#79c0ff}.chroma .kr{color:#ff7b72}.chroma .kt{color:#ff7b72}.chroma .nc{color:#f0883e;font-weight:700}.chroma .no{color:#79c0ff;font-weight:700}.chroma .nd{color:#d2a8ff;font-weight:700}.chroma .ni{color:#ffa657}.chroma .ne{color:#f0883e;font-weight:700}.chroma .nl{color:#79c0ff;font-weight:700}.chroma .nn{color:#ff7b72}.chroma .py{color:#79c0ff}.chroma .nt{color:#7ee787}.chroma .nv{color:#79c0ff}.chroma .vc{color:#79c0ff}.chroma .vg{color:#79c0ff}.chroma .vi{color:#79c0ff}.chroma .vm{color:#79c0ff}.chroma .nf{color:#d2a8ff;font-weight:700}.chroma .fm{color:#d2a8ff;font-weight:700}.chroma .l{color:#a5d6ff}.chroma .ld{color:#79c0ff}.chroma .s{color:#a5d6ff}.chroma .sa{color:#79c0ff}.chroma .sb{color:#a5d6ff}.chroma .sc{color:#a5d6ff}.chroma .dl{color:#79c0ff}.chroma .sd{color:#a5d6ff}.chroma .s2{color:#a5d6ff}.chroma .se{color:#79c0ff}.chroma .sh{color:#79c0ff}.chroma .si{color:#a5d6ff}.chroma .sx{color:#a5d6ff}.chroma .sr{color:#79c0ff}.chroma .s1{color:#a5d6ff}.chroma .ss{color:#a5d6ff}.chroma .m{color:#a5d6ff}.chroma .mb{color:#a5d6ff}.chroma .mf{color:#a5d6ff}.chroma .mh{color:#a5d6ff}.chroma .mi{color:#a5d6ff}.chroma .il{color:#a5d6ff}.chroma .mo{color:#a5d6ff}.chroma .o{color:#ff7b72;font-weight:700}.chroma .ow{color:#ff7b72;font-weight:700}.chroma .c{color:#8b949e;font-style:italic}.chroma .ch{color:#8b949e;font-style:italic}.chroma .cm{color:#8b949e;font-style:italic}.chroma .c1{color:#8b949e;font-style:italic}.chroma .cs{color:#8b949e;font-weight:700;font-style:italic}.chroma .cp{color:#8b949e;font-weight:700;font-style:italic}.chroma .cpf{color:#8b949e;font-weight:700;font-style:italic}.chroma .gd{color:#ffa198;background-color:#490202}.chroma .ge{font-style:italic}.chroma .gr{color:#ffa198}.chroma .gh{color:#79c0ff;font-weight:700}.chroma .gi{color:#56d364;background-color:#0f5323}.chroma .go{color:#8b949e}.chroma .gp{color:#8b949e}.chroma .gs{font-weight:700}.chroma .gu{color:#79c0ff}.chroma .gt{color:#ff7b72}.chroma .gl{text-decoration:underline}.chroma .w{color:#6e7681}[data-theme=light] .bg{color:#1f2328;background-color:var(--bg-elevated)}[data-theme=light] .chroma{color:#1f2328;background-color:var(--bg-elevated);-webkit-text-size-adjust:none}[data-theme=light] .chroma .err{color:#f6f8fa;background-color:#82071e}[data-theme=light] .chroma .lnlinks{outline:none;text-decoration:none;color:inherit}[data-theme=light] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}[data-theme=light] .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}[data-theme=light] .chroma .hl{background-color:#dedede}[data-theme=light] .chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}[data-theme=light] .chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}[data-theme=light] .chroma .line{display:flex}[data-theme=light] .chroma .k{color:#cf222e}[data-theme=light] .chroma .kc{color:#cf222e}[data-theme=light] .chroma .kd{color:#cf222e}[data-theme=light] .chroma .kn{color:#cf222e}[data-theme=light] .chroma .kp{color:#cf222e}[data-theme=light] .chroma .kr{color:#cf222e}[data-theme=light] .chroma .kt{color:#cf222e}[data-theme=light] .chroma .na{color:#1f2328}[data-theme=light] .chroma .nc{color:#1f2328}[data-theme=light] .chroma .no{color:#0550ae}[data-theme=light] .chroma .nd{color:#0550ae}[data-theme=light] .chroma .ni{color:#6639ba}[data-theme=light] .chroma .nl{color:#900;font-weight:700}[data-theme=light] .chroma .nn{color:#24292e}[data-theme=light] .chroma .nx{color:#1f2328}[data-theme=light] .chroma .nt{color:#0550ae}[data-theme=light] .chroma .nb{color:#6639ba}[data-theme=light] .chroma .bp{color:#6a737d}[data-theme=light] .chroma .nv{color:#953800}[data-theme=light] .chroma .vc{color:#953800}[data-theme=light] .chroma .vg{color:#953800}[data-theme=light] .chroma .vi{color:#953800}[data-theme=light] .chroma .vm{color:#953800}[data-theme=light] .chroma .nf{color:#6639ba}[data-theme=light] .chroma .fm{color:#6639ba}[data-theme=light] .chroma .s{color:#0a3069}[data-theme=light] .chroma .sa{color:#0a3069}[data-theme=light] .chroma .sb{color:#0a3069}[data-theme=light] .chroma .sc{color:#0a3069}[data-theme=light] .chroma .dl{color:#0a3069}[data-theme=light] .chroma .sd{color:#0a3069}[data-theme=light] .chroma .s2{color:#0a3069}[data-theme=light] .chroma .se{color:#0a3069}[data-theme=light] .chroma .sh{color:#0a3069}[data-theme=light] .chroma .si{color:#0a3069}[data-theme=light] .chroma .sx{color:#0a3069}[data-theme=light] .chroma .sr{color:#0a3069}[data-theme=light] .chroma .s1{color:#0a3069}[data-theme=light] .chroma .ss{color:#032f62}[data-theme=light] .chroma .m{color:#0550ae}[data-theme=light] .chroma .mb{color:#0550ae}[data-theme=light] .chroma .mf{color:#0550ae}[data-theme=light] .chroma .mh{color:#0550ae}[data-theme=light] .chroma .mi{color:#0550ae}[data-theme=light] .chroma .il{color:#0550ae}[data-theme=light] .chroma .mo{color:#0550ae}[data-theme=light] .chroma .o{color:#0550ae}[data-theme=light] .chroma .ow{color:#0550ae}[data-theme=light] .chroma .p{color:#1f2328}[data-theme=light] .chroma .c{color:#57606a}[data-theme=light] .chroma .ch{color:#57606a}[data-theme=light] .chroma .cm{color:#57606a}[data-theme=light] .chroma .c1{color:#57606a}[data-theme=light] .chroma .cs{color:#57606a}[data-theme=light] .chroma .cp{color:#57606a}[data-theme=light] .chroma .cpf{color:#57606a}[data-theme=light] .chroma .gd{color:#82071e;background-color:#ffebe9}[data-theme=light] .chroma .ge{color:#1f2328}[data-theme=light] .chroma .gi{color:#116329;background-color:#dafbe1}[data-theme=light] .chroma .go{color:#1f2328}[data-theme=light] .chroma .gl{text-decoration:underline}[data-theme=light] .chroma .w{color:#fff}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--border-strong)var(--bg)}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:17px;line-height:1.75;letter-spacing:.01em;max-width:var(--measure);margin:0 auto;padding:var(--space-xl)var(--space-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent);color:var(--bg)}a{color:var(--accent);text-decoration:none;transition:color .15s ease,background-color .15s ease}a:visited{color:var(--accent)}a:hover{background:var(--accent);color:var(--bg)}.progress-bar{position:fixed;top:0;left:0;width:100%;height:2px;background:0 0;z-index:1000}.progress-bar::after{content:'';position:fixed;top:0;left:0;height:2px;width:0%;background:var(--accent);animation:progress linear;animation-timeline:scroll()}@keyframes progress{to{width:100%}}.site-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border);display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.site-header h1{font-family:var(--font-mono);font-size:18px;font-weight:700;letter-spacing:-.02em}.site-header h1 a{color:var(--accent);text-decoration:none}.site-header h1 a:hover{background:0 0;color:var(--text-bright)}.title-accent{color:var(--text-bright);font-weight:400;transition:color .15s ease}.site-header h1 a:hover .title-accent{color:var(--accent)}.site-nav{display:flex;gap:var(--space-md);font-family:var(--font-mono);font-size:13px;letter-spacing:.02em}.site-nav a,.site-nav a:visited{color:var(--text-muted);text-transform:lowercase;padding:2px 0}.site-nav a:hover{color:var(--accent);background:0 0}.stats{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-bottom:var(--space-md);padding:var(--space-sm)0;display:flex;gap:var(--space-lg);overflow-x:auto;white-space:nowrap}.stats span::before{content:'';display:inline-block;width:6px;height:6px;background:var(--accent);margin-right:var(--space-sm);vertical-align:middle}.site-description{font-size:19px;color:var(--text);margin-bottom:var(--space-xl);line-height:1.6}h2{font-family:var(--font-heading);font-size:26px;font-weight:400;margin:var(--space-xl)0 12px;letter-spacing:-.01em;color:var(--text-bright)}h3{font-family:var(--font-heading);font-size:18px;font-weight:400;margin:var(--space-lg)0 var(--space-sm);color:var(--text-bright)}h4{font-family:var(--font-heading);font-size:16px;font-weight:400;margin:var(--space-lg)0 var(--space-sm);color:var(--text)}p{margin-bottom:var(--space-md)}ul,ol{margin-bottom:var(--space-md);padding-left:20px}li{margin-bottom:0}.post-list{list-style:none;padding-left:0}.post-list li{display:flex;gap:var(--space-md);padding:var(--space-xs)0;align-items:baseline}.post-list .date{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);white-space:nowrap;min-width:90px;flex-shrink:0}.post-list a{font-size:16px;color:var(--accent)}.post-list a:hover{text-decoration:underline;background:0 0}.project-list{list-style:none;padding-left:0}.project-list li{margin-bottom:0;padding:var(--space-xs)0}.project-list .desc{color:var(--text-muted);margin-left:var(--space-xs);font-size:15px}.project-list a{color:var(--accent)}.project-list a:hover{text-decoration:underline;background:0 0}hr{border:none;border-top:1px solid var(--border);margin:var(--space-xl)0}.article-title{font-family:var(--font-heading);font-size:32px;font-weight:400;line-height:1.3;color:var(--text-bright);margin-bottom:12px;letter-spacing:-.02em}.article-meta{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-bottom:var(--space-lg);display:flex;flex-wrap:wrap;gap:var(--space-sm)}.article-meta .separator{color:var(--border-strong)}.article-meta a{color:var(--text-muted)}.article-meta a:hover{color:var(--accent);background:0 0}.article-body a{color:var(--accent)}.article-body a:hover{text-decoration:underline;background:0 0}.article-body strong{color:var(--text-bright)}.article-body em{color:#a0a8b0}.article-body blockquote{margin:var(--space-lg)0;padding:var(--space-md)var(--space-lg);border-left:2px solid var(--accent);background:var(--bg-surface);color:var(--text);font-style:italic}.article-body blockquote p{margin-bottom:0}.article-body code{font-family:var(--font-mono);background:var(--bg-elevated);padding:2px 6px;font-size:14px;border-radius:2px;color:var(--text-bright)}.article-body pre{background:var(--bg-elevated);border:1px solid var(--border);padding:var(--space-md)var(--space-lg);margin:var(--space-lg)0;overflow-x:auto;font-size:13px;line-height:1.6;position:relative}.article-body pre code{background:0 0;padding:0;border-radius:0;color:inherit}.article-body h2{font-family:var(--font-heading);font-size:22px;font-weight:400;text-transform:none;letter-spacing:-.01em;color:var(--text-bright);margin:var(--space-md)0 var(--space-sm)}.article-body h3{font-family:var(--font-heading);font-size:18px;font-weight:400;margin:var(--space-md)0 var(--space-sm);color:var(--text-bright)}.article-body img{max-width:100%;height:auto;border:1px solid var(--border);margin:var(--space-lg)0;display:block}.article-body figure{margin:var(--space-lg)0}.article-body figcaption{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-top:var(--space-sm)}.sidenote{float:right;clear:right;width:var(--sidenote-width);margin-right:calc(-1 * (var(--sidenote-width) + var(--sidenote-gap)));padding-left:var(--space-sm);border-left:1px dashed var(--border);font-family:var(--font-body);font-size:12px;line-height:1.6;color:var(--text-muted)}.sidenote code{font-size:11px;background:var(--bg-elevated);padding:1px 4px;color:var(--text)}.sidenote-number{font-family:var(--font-mono);font-size:11px;color:var(--accent);vertical-align:super;line-height:0;cursor:pointer}.sidenote-toggle{display:none}.sidenote-number:hover+.sidenote-toggle+.sidenote,.sidenote:hover{border-color:var(--accent-dim);color:var(--text)}.sidenote>.sidenote-number{vertical-align:baseline;margin-right:4px}@media(max-width:1099px){.sidenote{display:none;float:none;width:100%;margin-top:var(--space-sm);font-family:var(--font-body);font-size:12px;line-height:1.6;color:var(--text-muted);border:none}.sidenote-toggle:checked+.sidenote{display:block}}.video-container{margin:var(--space-lg)0}.video-container video{max-width:100%;border:1px solid var(--border);display:block}.video-container .caption{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-top:var(--space-sm)}.article-nav{display:flex;justify-content:space-between;margin-top:12px;font-family:var(--font-mono);font-size:13px;gap:var(--space-lg)}.article-nav a{color:var(--text-muted);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-nav a:hover{color:var(--accent);background:0 0}a.back-link,a.back-link:visited{display:inline-block;margin-bottom:var(--space-md);font-family:var(--font-mono);font-size:13px;color:var(--text-muted);text-decoration:none;transition:color .15s ease}a.back-link:hover{color:var(--accent);background:0 0}.view-all{display:inline-block;margin-top:var(--space-sm);font-family:var(--font-mono);font-size:13px}.site-footer{margin-top:var(--space-2xl);padding-top:var(--space-md);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text-muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.site-footer a{color:var(--text-muted);font-size:11px}.site-footer a:hover{color:var(--accent);background:0 0}.colophon{color:var(--border-strong)}.theme-toggle{background:0 0;border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:11px;padding:2px 8px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}@media(max-width:600px){body{font-size:16px;padding:var(--space-lg)var(--space-md)}.site-header{flex-direction:column;gap:var(--space-sm)}.site-nav{gap:var(--space-md)}.article-title{font-size:24px}.post-list li{flex-direction:column;gap:2px}.post-list .date{min-width:auto}.article-nav{flex-direction:column;gap:var(--space-sm)}.article-nav a{max-width:100%}.site-footer{flex-direction:column}}