@layer tokens,reset,base,components;@layer tokens{:root{color-scheme:light dark;--bg:light-dark(oklch(100% 0 0), oklch(15% 0 0));--ink:light-dark(oklch(17% 0 0), oklch(95% 0 0));--muted:light-dark(oklch(48% 0 0), oklch(62% 0 0));--line:light-dark(oklch(89% 0 0), oklch(30% 0 0));--accent:light-dark(oklch(46% 0.2 264), oklch(76% 0.108 264));--accent-hover:color-mix(in oklch, var(--accent) 84%, var(--ink));--space-1:0.25rem;--space-2:0.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:3rem;--space-6:4.5rem;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
            sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--text-xs:0.8125rem;--text-sm:0.875rem;--text-md:1rem;--text-lg:1.5rem;--text-xl:clamp(2rem, 1.5rem + 2.2vw, 3rem);--measure:62ch;--page:62rem;--fast:120ms}}@layer reset{*,*::before,*::after{box-sizing:border-box}*{margin:0}body{min-height:100dvh;font:var(--text-md)/1.5 var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;hyphens:manual}img,svg,video,canvas{display:block;max-width:100%;height:auto}p,h1,h2,h3,h4{overflow-wrap:break-word}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer base{body>header,body>main,body>footer{max-width:var(--page);margin-inline:clamp(var(--space-3),6vw,9rem)var(--space-3)}body>header{display:flex;align-items:center;gap:var(--space-4);min-height:3rem;border-bottom:1px solid var(--line)}body>footer{padding-block:var(--space-5)var(--space-6);border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-sm)}nav ul{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-3);padding-inline-start:0;list-style:none;font-size:var(--text-sm)}nav li+li{margin-top:0}nav a{color:var(--muted);text-decoration:none}nav a:hover,nav a[aria-current]{color:var(--ink)}main>section{margin-top:0;padding-block:var(--space-6);border-top:1px solid var(--line)}main>section:first-child{border-top:0}h1,h2,h3,h4{font-weight:600;line-height:1.05;text-wrap:balance}h1{font-size:var(--text-xl);letter-spacing:-.025em}h2{font-size:var(--text-lg);line-height:1.3333;letter-spacing:-.02em}h3{font-size:var(--text-md);line-height:1.5}h4{font-size:var(--text-xs);line-height:1.5;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}:where(main,section,article,aside)>*+*{margin-top:var(--space-3)}:where(h1,h2,h3,h4,p,ul,ol,blockquote,pre,table,figure)+*{margin-top:var(--space-3)}*+h2{margin-top:var(--space-5)}*+:is(h3,h4){margin-top:var(--space-4)}:is(h3,h4)+*{margin-top:var(--space-2)}p,ul,ol,blockquote,figure{max-width:var(--measure)}p{text-wrap:pretty}ul,ol{padding-inline-start:1.1em}li+li{margin-top:var(--space-1)}a{color:var(--accent);text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:color-mix( in oklch,currentColor 45%,transparent );text-underline-offset:.16em;transition:color var(--fast),text-decoration-color var(--fast)}a:hover{color:var(--accent-hover);text-decoration-color:initial}a:where(:visited){color:color-mix(in oklch,var(--accent) 65%,var(--muted))}strong{font-weight:600}small{font-size:var(--text-sm);color:var(--muted)}q{quotes:"«" "»" "„" "“"}hr{border:0;border-top:1px solid var(--line);margin-block:var(--space-5)}blockquote{font-size:var(--text-lg);line-height:1.3333;letter-spacing:-.02em}code,kbd,samp{font-family:var(--font-mono);font-size:.88em}:not(pre)>code{color:var(--muted)}pre{padding-inline-start:var(--space-3);overflow-x:auto;border-inline-start:1px solid var(--line);line-height:1.4285}table{display:block;width:max-content;min-width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:tabular-nums}th,td{padding:var(--space-2)var(--space-3)var(--space-2)0;text-align:start;border-bottom:1px solid var(--line)}th{font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}::selection{background:color-mix(in oklch,var(--accent) 20%,transparent)}}@layer components{.row{--gap:var(--space-3);display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--gap)}.row.tight{--gap:var(--space-2)}.row.between{justify-content:space-between}.row.middle{align-items:center}:is(.row,.list)>*+*{margin-top:0}.list{padding-inline-start:0;list-style:none}.list>*{padding-block:var(--space-3);border-top:1px solid var(--line)}.list>:last-child{border-bottom:1px solid var(--line)}.list a{display:block;color:inherit;text-decoration:none}.list a:hover{color:var(--accent)}}.meta,.date{color:var(--muted);font-size:var(--text-sm)}.home{padding-block:var(--space-5)var(--space-6)}.posts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--space-2)var(--space-3);max-width:var(--measure);padding-inline-start:0;list-style:none}.posts li{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:baseline}.posts li+li{margin-top:0}.date{font-variant-numeric:tabular-nums}.back{margin-bottom:var(--space-5)}.about{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-4)}.about>img{flex:0 0 15rem;width:15rem}.about-copy{flex:1 1 24rem;min-width:0}article figure{max-width:min(100%,72ch);margin-block:var(--space-4)}article figcaption{max-width:var(--measure);margin-top:var(--space-2);color:var(--muted);font-size:var(--text-sm);line-height:1.7143}.anchor{color:var(--muted);text-decoration:none}.toc{max-width:var(--measure);padding-inline-start:var(--space-4);border-inline-start:1px solid var(--line)}.toc ul{margin:0}.footnotes>hr{max-width:var(--measure);border-top-style:dashed}.post-meta{display:grid;grid-template-columns:minmax(0,1fr)max-content;margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--line)}.post-meta>.tags{min-width:0}.post-meta>time{grid-column:2;grid-row:1;white-space:nowrap}.highlight .c,.highlight .cm,.highlight .c1,.highlight .cs{opacity:.6;font-style:italic}.highlight .k,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{font-weight:600}