[icon-name]{vertical-align:-.125em;display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}:is([icon-name=globe],[external-icon=globe]){--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20a14.5 14.5 0 0 0 0-20M2 12h20'/%3E%3C/g%3E%3C/svg%3E")}:is([icon-name=rss],[external-icon=rss]){--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16'/%3E%3Ccircle cx='5' cy='19' r='1'/%3E%3C/g%3E%3C/svg%3E")}:is([icon-name=monitor],[external-icon=monitor]){--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3Cpath d='M8 21h8m-4-4v4'/%3E%3C/g%3E%3C/svg%3E")}:is([icon-name=sun],[external-icon=sun]){--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/g%3E%3C/svg%3E")}:is([icon-name=moon],[external-icon=moon]){--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401'/%3E%3C/svg%3E")}@font-face{font-style:normal;font-weight:400 700;font-family:Cabin;font-display:swap;src:url(/assets/fonts/Cabin.woff2) format("woff2")}@font-face{font-style:italic;font-weight:400 700;font-family:Cabin;font-display:swap;src:url(/assets/fonts/Cabin-Italic.woff2) format("woff2")}@font-face{font-style:normal;font-weight:300 700;font-family:Fira Code;font-display:swap;src:url(/assets/fonts/FiraCode.woff2) format("woff2")}@font-face{font-style:normal;font-weight:400 900;font-family:"Source Serif 4";font-display:swap;src:url(/assets/fonts/SourceSerif4.woff2) format("woff2")}@font-face{font-style:italic;font-weight:400 900;font-family:"Source Serif 4";font-display:swap;src:url(/assets/fonts/SourceSerif4-Italic.woff2) format("woff2")}:root{color-scheme:light dark;--sans: Cabin, system-ui, sans-serif;--serif: "Source Serif 4", Georgia, serif;--mono: "Fira Code", monospace;--bg: light-dark(oklch(100% .003 90), oklch(0% 0 0));--ink: light-dark(oklch(23% .009 90), oklch(93% .009 90));--ink2: light-dark(oklch(41% .014 75), oklch(80% .014 80));--line: light-dark(oklch(86% .02 85), oklch(32% .012 80));--accent: light-dark(oklch(40% .15 145), oklch(80% .15 145));--accent-soft: oklch(from var(--accent) l .15 h / .3);--important: light-dark(oklch(46% .165 32), oklch(60% .125 32));--spoiler: light-dark(oklch(46% .165 76), oklch(80% .125 76));--text-label: .75rem;--text-meta: .9rem;--text-small: 1rem;--text-ui: 1.1rem;--text-body: 1.125rem;--text-h1: 2.5rem;--text-lead: 1.25rem;--measure: 65ch;--page-max: 70rem;--transition: .2s ease;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem;--space-3xl: 3rem;--space-4xl: 4rem;--gutter: var(--space-sm);--rule: 1px solid var(--line);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}::selection{color:var(--bg);background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);font-family:var(--sans)}a{color:var(--accent);text-underline-offset:2px;border-radius:2px}img,picture,video,canvas,svg{display:block;max-width:100%}pre,code{font-size:var(--text-meta);font-family:var(--mono)}button{color:inherit;font:inherit;background:transparent;border:0;cursor:pointer}@property --highlight-ink{syntax: "<color>"; inherits: false; initial-value: transparent;}[highlight]{--highlight-size: .42em;--highlight-ink: var(--accent-soft);-webkit-box-decoration-break:clone;box-decoration-break:clone;margin-inline:calc(var(--space-2xs) * -1);padding-inline:var(--space-2xs);color:inherit;text-decoration:none;background:linear-gradient(to top,var(--highlight-ink) var(--highlight-size),transparent var(--highlight-size));border-radius:var(--radius-xs);transition:--highlight-ink var(--transition),color var(--transition)}a[href="#main"]{position:fixed;top:0;left:50%;z-index:10;padding:var(--space-xs) var(--space-sm);color:var(--bg);font-weight:500;font-family:var(--mono);text-decoration:none;background:var(--accent);border-radius:var(--radius-md);transform:translate(-50%,-100%);&:focus{transform:translate(-50%,var(--space-sm))}}:where(h1,h2,h3,h4,h5,h6){margin:0;font-family:var(--sans);text-wrap:balance;transition:color var(--transition);a:hover{color:var(--accent)}}header{display:flex;padding-block:var(--space-xl);padding-inline:max(var(--gutter),calc((100vw - var(--page-max)) / 2));justify-content:space-between;color:var(--ink);font-weight:600;font-size:var(--text-ui);font-family:var(--mono);background:var(--surface);a{display:inline-flex;align-items:center;gap:1ch;color:inherit;text-decoration:none;letter-spacing:-.01em;transition:color var(--transition);&:hover{color:var(--accent);text-decoration:underline}}[wordmark]{font-family:var(--sans);span span{color:var(--accent)}}[site-mark]{border-radius:var(--radius-md)}nav{display:flex;align-items:center;gap:1em;font-size:var(--text-meta)}theme-switcher button{padding:0;color:var(--ink);background:none;&:hover{color:var(--accent)}span{font-size:var(--text-meta)}}}main{max-width:var(--measure);margin:0 auto;padding:var(--gutter) var(--space-md) var(--space-xl)}post-list{display:block}main:has(>post-list){max-width:var(--page-max)}post-feature{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(17rem,.65fr);border-block-end:1px solid var(--ink);section{padding:0 clamp(var(--space-md),5vw,var(--space-4xl)) var(--space-3xl) 0;align-self:end}time,p{color:var(--ink2)}time{font-size:var(--text-meta);font-family:var(--mono)}h2{max-width:15ch;margin:var(--space-sm) 0 var(--space-md);font-weight:750;font-size:clamp(2.8rem,6vw,5.8rem);font-family:var(--serif);text-wrap:balance;line-height:.94;letter-spacing:-.052em;a{color:inherit}}p{max-width:46ch;margin:0;font-size:var(--text-ui);line-height:1.55}>a{min-height:27rem;overflow:hidden;picture{height:100%}img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.04)}}}post-year{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:var(--space-lg);>h2{position:sticky;top:var(--space-md);height:max-content;margin:0;padding-block-start:var(--space-lg);font-weight:650;font-size:var(--text-meta);font-family:var(--mono)}}post-group{display:block;section{display:grid;padding-block:var(--space-lg);grid-template-columns:5rem minmax(12rem,.8fr) minmax(15rem,1fr);align-items:baseline;gap:var(--space-lg);border-block-end:var(--rule);time{color:var(--ink2);font-size:var(--text-meta);font-family:var(--mono)}h2,p{margin:0}h2{font-size:1.35rem;line-height:1.2;letter-spacing:-.018em}p{color:var(--ink2);line-height:1.48}}}@media(width<45rem){post-feature{grid-template-columns:1fr;section{padding:0;padding-bottom:var(--space-xs)}>a{min-height:18rem}}post-year{grid-template-columns:1fr;gap:0;>h2{position:static;padding-block:var(--space-xl) var(--space-sm);border-block-end:2px solid var(--ink)}}post-group section{grid-template-columns:4rem 1fr;p{grid-column:2}}}@media(orientation:portrait){post-feature>a{min-height:0}}post-header{display:block;margin-block-end:var(--space-2xl);font-family:var(--sans);h1{margin-block:var(--space-sm) var(--space-md);font-size:clamp(var(--text-h1),7vw,4rem);line-height:1.05;letter-spacing:-.035em}p{margin:0 0 var(--space-md);color:var(--ink2);font-size:var(--text-lead);line-height:1.5}time{display:block;color:var(--ink2);font-size:var(--text-meta);font-family:var(--mono);line-height:1.5}}article{font-size:var(--text-body);font-family:var(--serif);line-height:1.75;:where(h2,h3,h4,h5,h6) a:before{padding-inline-end:.5ch;font-size:var(--text-ui);content:"#"}p{margin-block:0 var(--space-lg);text-wrap:pretty}hr{margin-block:var(--space-lg);border:0;border-top:var(--rule)}:where(ul,ol){margin:0 0 var(--space-lg);padding-left:1.4em}blockquote{margin:0;font-style:italic}figure{margin:0 0 var(--space-lg);&:has(>blockquote){padding-left:var(--space-lg);border-left:3px solid var(--accent)}img{width:100%;height:auto;border-radius:var(--radius-md)}figcaption{color:var(--ink2);font-size:var(--text-meta);font-family:var(--mono);line-height:1.55}}aside[data-callout]{margin:var(--space-lg) 0;padding:var(--space-2xs) 0 var(--space-2xs) var(--space-md);font-family:var(--sans);line-height:1.62;background:transparent;border-inline-start:3px solid var(--callout-ink);&[data-callout=note]{--callout-ink: var(--accent);--callout-label: "Note"}&[data-callout=important]{--callout-ink: var(--important);--callout-label: "Important"}&[data-callout=spoiler]{--callout-ink: var(--spoiler);--callout-label: "Spoiler warning"}&:before{display:flex;margin-bottom:0;align-items:center;gap:var(--space-xs);color:var(--callout-ink);font-weight:600;font-size:var(--text-ui);text-transform:uppercase;letter-spacing:.065em;content:"\25cf   " var(--callout-label)}>:last-child{margin-bottom:0}}[footnote-ref]{display:inline-flex;margin-inline:.15em;padding:0 var(--space-2xs);font-weight:500;font-size:var(--text-small);font-family:var(--mono);text-decoration:none;line-height:1.3;background:var(--accent-soft);border-radius:var(--radius-sm);scroll-margin-block:var(--space-xl);&:is(:hover,:focus-visible){box-shadow:inset 0 0 0 1px var(--accent)}&[footnote-active]{anchor-name:--footnote-ref}}[footnotes-list]{margin-top:var(--space-md);padding-top:var(--space-lg);color:var(--ink2);font-size:var(--text-small);line-height:1.65;border-top:var(--rule);&:before{display:block;margin-bottom:var(--space-md);font-weight:500;font-size:var(--text-label);font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;content:"footnotes"}li::marker{font-size:var(--text-label);font-family:var(--mono)}li{--landed-tint: oklch(from var(--accent) l c h / 20%);border-radius:var(--radius-sm);scroll-margin-block:var(--space-xl);&:target{animation:footnote-landed .6s ease-in}[popover-label],[footnote-title]{margin:0 0 var(--space-2xs);color:var(--ink);font-weight:500;font-size:var(--text-meta);font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em}[footnote-title]{text-transform:uppercase;letter-spacing:.12em}+li{margin-top:var(--space-lg)}}}a[data-external-link]:after{display:inline-block;width:1em;height:1em;margin-inline-start:var(--space-2xs);vertical-align:-.15em;background:var(--external-link-favicon) center / calc(100% - .125em) no-repeat #f5f5f5;border-radius:var(--radius-xs);content:""}a[external-icon=globe]:after{background:currentColor;-webkit-mask:var(--svg) center / contain no-repeat;mask:var(--svg) center / contain no-repeat}:not(pre)>code{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:var(--space-3xs) var(--space-2xs);font-size:.86em;background:var(--code-bg);border:var(--rule);border-radius:var(--radius-sm)}}footnote-popover{position:fixed;position-anchor:--footnote-ref;position-area:block-start;position-try-fallbacks:flip-block;position-visibility:anchors-visible;inset:auto;width:max-content;max-width:min(var(--measure),calc(100vw - var(--space-xl)));margin:var(--space-2xs) var(--gutter);padding:var(--space-sm) var(--space-md);justify-self:anchor-center;border:var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);div>:last-child{margin-bottom:0}[popover-label]{display:flex;margin-bottom:var(--space-2xs);flex-direction:row;gap:.5ch;color:var(--ink2)}}@keyframes footnote-landed{0%{background:var(--landed-tint);box-shadow:0 0 0 var(--space-2xs) var(--landed-tint)}to{background:transparent;box-shadow:0 0 0 var(--space-2xs) transparent}}code-block{display:block;margin:var(--space-lg) 0;border:var(--rule);border-radius:var(--radius-lg);overflow:hidden;>header{display:flex;padding:var(--space-2xs) var(--space-md);align-items:center;justify-content:space-between;color:var(--ink);font-size:var(--text-label);font-family:var(--mono);text-transform:uppercase;line-height:1.5;letter-spacing:.09em;background:var(--surface);border-bottom:var(--rule)}& pre{margin:0;padding:var(--space-md);font-size:var(--text-ui);line-height:1.65;overflow:auto}}button[copy-code]{padding:var(--space-2xs);text-transform:inherit;letter-spacing:inherit;border-radius:var(--radius-sm);&:is(:hover,:focus-visible){color:var(--accent);background:var(--accent-soft)}}.shiki{background:var(--code-bg);&,span{color:light-dark(var(--shiki-light),var(--shiki-dark))}}