@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-740.woff2)format("woff2");font-weight:740;font-style:normal;font-display:swap}:root{color-scheme:light;--bg:oklch(98.81% 0 0);--fg:oklch(31.64% .0132 238.98);--hf:oklch(40% .014 264);--pf:oklch(44% .012 264);--pr:oklch(31.64% .0132 238.98);--mu:oklch(90.68% .0112 89.73);--mf:oklch(50.16% .0141 259.82);--de:oklch(58% .22 20);--bd:oklch(87.03% .0143 88.69);--ts:90%;--tsc:color-mix(in oklch, var(--fg) var(--ts), transparent);--tlc:color-mix(in oklch, var(--fg) 40%, transparent);--plc:color-mix(in oklch, var(--fg) 45%, transparent);--bm:color-mix(in oklch, var(--bd) 50%, transparent);--sel:color-mix(in oklch, var(--pr) 25%, transparent);--sb:color-mix(in oklch, var(--mf) 30%, transparent);--sbh:color-mix(in oklch, var(--mf) 50%, transparent);--font:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--r:.5rem}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--bg:oklch(0% 0 0);--fg:oklch(85.5% .009 82);--hf:oklch(74% .009 82);--pf:oklch(72% .009 82);--pr:oklch(88% .011 82);--mu:oklch(20% .012 75);--mf:oklch(71.5% .01 82);--de:oklch(65% .18 25);--bd:oklch(28% .012 75);--ts:80%}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--mf) transparent}body{color:var(--fg);font-family:var(--font);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.65}:is(h1,h2,h3){letter-spacing:-.03em;font-weight:740}:is(h1,h2,h3,p,blockquote,figure,pre,ul,ol,hr,article){margin:0}a{color:inherit}img{max-width:100%;height:auto;display:block}::selection{background:var(--sel);color:var(--fg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--sb);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--sbh)}.app-shell{flex-direction:column;min-height:100svh;display:flex}.main{flex:auto;width:100%;min-width:0;max-width:58rem;margin-inline:auto;padding:5rem 1rem 3rem}[data-router-view]:focus{outline:none}.nav{gap:1rem}.nav__links{letter-spacing:-.025em;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;font-size:.75rem;display:flex}.muted-link{color:var(--mf);text-decoration:none}.muted-link:is(:hover,:focus-visible){color:var(--fg)}.nav,.footer{justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.footer{letter-spacing:-.025em}.footer__copy{font-size:.75rem}.footer__copy,.text-muted,.pc-d,.post__meta,.prose{color:var(--mf)}.page-title{text-align:center;margin-bottom:4rem;font-size:2.25rem;line-height:1.08}.page-title--hero{margin-bottom:2rem}.post-title{margin-bottom:.5rem}.home__intro,.home__actions{flex-direction:column;display:flex}.home__intro{gap:1.5rem;font-size:1rem;line-height:1.625}.home__emphasis{color:var(--fg)}.home__actions{justify-content:center;align-items:center;gap:2rem;margin-top:2.5rem;font-size:1rem}.link-underline,.be__title{position:relative}.link-underline{text-decoration:none;display:inline-flex}:is(.link-underline,.be__title):after{content:"";background:var(--pr);height:2px;position:absolute;inset-block-end:-.25rem;inset-inline:0;transform:scaleX(0)}.link-underline:is(:hover,:focus-visible){color:var(--fg)}:is(.link-underline:hover,.link-underline:focus-visible,.be:hover .be__title):after{transform:scaleX(1)}.bl,.pl{content-visibility:auto;contain-intrinsic-size:auto 500px;flex-direction:column;display:flex}.bl{gap:2rem;padding-bottom:.25rem}.be{flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;max-width:100%;text-decoration:none;display:inline-flex}.be__title,.pc-t,.prose h3{line-height:1.4}.page-title,.post-title,.link-underline,.be__title,.pc-t{color:var(--hf)}.be:hover .be__title{color:var(--pr)}.pl{gap:3rem}.pc{flex-direction:column;gap:.5rem;display:flex}.pc-d{overflow-wrap:break-word;line-height:1.625}.pc-tech-list,.pc-l{flex-wrap:wrap;display:flex}.pc-tech-list{gap:.25rem 0}.pc-tech,.pc-l{border-top:1px dotted var(--tsc);margin-top:.75rem;padding-top:.75rem}.pc-l{gap:.5rem 1.75rem}.pc-lk{letter-spacing:-.025em;color:var(--tsc);text-decoration:underline;text-decoration-color:var(--tlc);text-underline-offset:5px;font-size:.875rem}.pc-lk:is(:hover,:focus-visible){color:var(--fg);text-decoration-color:var(--fg)}.pagination{color:var(--mf);justify-content:space-between;align-items:center;margin-top:3rem;font-size:.875rem;display:flex}.pagination__control{color:inherit;align-items:center;text-decoration:none;display:inline-flex}.pagination__control:hover{text-decoration:underline}.pagination__control--disabled{opacity:.5;cursor:not-allowed}.post__header{text-align:center;margin-bottom:2rem}.post__meta{font-size:1rem}.icon,.prose-inline-image{width:1.25rem;height:1.25rem}.icon{flex-shrink:0;display:block}.icon--sm{width:1rem;height:1rem}.pagination__control .icon--sm{margin-inline:.25rem}.pagination__control .icon--sm:first-child{margin-inline:0 .25rem}.prose{content-visibility:auto;contain-intrinsic-size:auto 1000px;overflow-wrap:break-word;min-width:0;max-width:100%}.prose :is(h1,h2,h3){color:var(--hf);margin:1.5rem 0 1rem}.post-title,.prose h1{font-size:1.875rem;line-height:1.2}.prose h2{font-size:1.5rem;line-height:1.3333}.be__title,.pc-t,.prose h3{font-size:1.25rem}.prose p{margin:0 0 1rem;line-height:1.625}.prose :is(strong,em){color:var(--pf)}.prose pre{border-radius:var(--r);width:100%;max-width:100%;color:var(--fg);margin:1rem 0;padding:1rem;overflow-x:auto}.prose pre code{white-space:pre;width:max-content;min-width:100%;font-size:.875rem;display:block}.prose hr{border:0;border-top:2px solid var(--bd);margin:1.5rem 0}.prose :is(ul,ol){margin:0 0 1rem;padding-inline-start:1rem;list-style-position:inside}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin-bottom:.5rem}.prose figure,.prose .prose-table-wrap{max-width:100%;margin:1.5rem 0}.prose figure{overflow:hidden}.prose figure>div{aspect-ratio:16/9;border-radius:var(--r);width:100%;max-width:100%;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}@media (prefers-color-scheme:dark){.prose figure>div{box-shadow:0 10px 15px -3px #00000080}}.prose figure img,.prose-inline-image img{object-fit:contain;width:100%;height:100%}.prose figcaption{text-align:center;margin-top:.75rem;font-size:.875rem}.prose .prose-table-wrap{width:100%;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;min-width:0}.prose th{padding:1rem;border-bottom:2px solid var(--bd);letter-spacing:.05em;text-transform:uppercase;color:var(--hf);padding-bottom:.75rem;font-size:.875rem}.prose tr{border-bottom:1px solid var(--bd)}.prose td{padding:1rem}.prose>:is(h1,h2,h3,p,pre,hr,ul,ol,figure,.prose-table-wrap):first-child{margin-top:0}.prose a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--plc);text-underline-offset:4px}.prose a:is(:hover,:focus-visible){text-decoration-color:var(--fg);outline:none}.prose :not(pre)>code{color:var(--de);border-radius:.25rem;padding:.125rem .25rem}.prose-inline-image{vertical-align:middle;margin-inline:.25rem;display:inline-block;position:relative}:is(.prose pre,.prose :not(pre)>code){background:var(--mu)}:is(.home__emphasis,.link-underline,.pc-lk,.prose a){font-weight:740}@media (width>=640px){.nav,.footer{padding:.75rem 1rem}.nav__links{gap:.75rem;font-size:.875rem}.footer__copy{font-size:.875rem}.page-title{font-size:3rem;line-height:1}.post-title{font-size:2.25rem;line-height:1.1111}.home__intro,.home__actions{font-size:1.125rem}.home__actions{flex-direction:row}.be__title,.pc-t{font-size:1.5rem;line-height:1.3333}.icon--responsive{width:1.5rem;height:1.5rem}}@media (width>=768px){.nav,.footer{padding-block:1rem}.nav__links{gap:1rem}.page-title--hero{font-size:2.75rem}.post-title{font-size:3rem;line-height:1}}