/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--spacing:.25rem;--container-md:28rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--leading-relaxed:1.625;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg-0:#050505;--color-bg-1:#0a0a0a;--color-bg-2:#101012;--color-text-hi:#e6e6e9;--color-text-mid:#9d9da6;--color-text-low:#787882;--color-stroke-faint:#e6e6e91a;--color-stroke:#e6e6e94d;--color-accent:#e25d52;--color-accent-dim:#a03f38;--color-accent-soft:#e25d5217}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{font-family:var(--font-mono);font-feature-settings:"liga" 1, "calt" 1;scrollbar-gutter:stable}body{background:var(--color-bg-0);color:var(--color-text-mid);-webkit-tap-highlight-color:transparent;font-size:14px;font-weight:300;line-height:1.75;overflow-x:clip}.starfield{z-index:0;pointer-events:none;background:url(/img/starfield.svg) 50%/cover no-repeat;position:fixed;inset:0}h1,h2{letter-spacing:.08em;color:var(--color-text-hi);font-size:16px;font-weight:400}h2{margin-top:calc(var(--spacing) * 10);margin-bottom:calc(var(--spacing) * 3)}h3{margin-top:calc(var(--spacing) * 8);margin-bottom:calc(var(--spacing) * 2);letter-spacing:.06em;color:var(--color-text-hi);font-size:14px;font-weight:400}h4{margin-top:calc(var(--spacing) * 6);margin-bottom:calc(var(--spacing) * 2);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-text-mid);font-size:12px;font-weight:400}ul{list-style-type:none}:where(ul>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}ul{padding-left:calc(var(--spacing) * 5)}ul li{padding-left:1rem;position:relative}ul li:before{content:"";border:1px solid var(--color-stroke);border-radius:50%;width:4px;height:4px;position:absolute;top:.65em;left:0}ol{list-style-type:none}:where(ol>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}ol{padding-left:calc(var(--spacing) * 5);counter-reset:item}ol li{padding-left:2rem;position:relative}ol li:before{counter-increment:item;content:counter(item, decimal-leading-zero);letter-spacing:var(--track-label);color:var(--color-text-low);font-size:12px;position:absolute;left:0}p{margin-bottom:calc(var(--spacing) * 4);max-width:var(--measure);color:var(--color-text-mid)}strong{color:var(--color-text-hi);font-weight:500}hr{margin-block:calc(var(--spacing) * 10);background:var(--color-stroke-faint);border:0;height:1px}table{margin-block:calc(var(--spacing) * 6);max-width:var(--measure);border-collapse:collapse;font-size:13px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-stroke-faint);padding:8px 16px 8px 0}th{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-text-low);font-size:12px;font-weight:400}img{max-width:100%;height:auto}:focus-visible{outline:1px solid var(--color-accent);outline-offset:3px;border-radius:0}code:not(pre code){background:var(--color-bg-1);border:1px solid var(--color-stroke-faint);color:var(--color-text-hi);padding:1px 7px}pre{margin-block:calc(var(--spacing) * 6);background:var(--color-bg-1);border:1px solid var(--color-stroke-faint);padding:22px 24px;font-size:12.5px;line-height:1.8;overflow-x:auto}pre code{font-size:inherit;color:var(--color-text-mid);background:0 0;border:none;padding:0}blockquote{margin-block:calc(var(--spacing) * 6);border-left:1px solid var(--color-accent);color:var(--color-text-mid);padding:4px 0 4px 24px;font-style:italic}blockquote p{margin-bottom:0}.highlight .c,.highlight .cm,.highlight .cp,.highlight .c1,.highlight .cs{color:var(--color-text-low)}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .nd,.highlight .nt,.highlight .ow{color:var(--color-accent)}.highlight .gi,.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .sh,.highlight .sx,.highlight .sr,.highlight .s1,.highlight .ss{color:var(--color-accent-dim)}.highlight .m,.highlight .no,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .se,.highlight .si,.highlight .il,.highlight .kt,.highlight .na,.highlight .nb,.highlight .nf,.highlight .bp,.highlight .a,.highlight .nc,.highlight .nn,.highlight .ni,.highlight .nl,.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi{color:var(--color-text-hi)}.highlight .err,.highlight .gd,.highlight .ne{color:var(--color-accent)}.highlight .o,.highlight .p,.highlight .w{color:var(--color-text-mid)}.highlight .ge{font-style:italic}.highlight .gs{font-weight:700}::selection{background:var(--color-accent-soft);color:var(--color-text-hi)}.prose{counter-reset:section}.prose h2:before{counter-increment:section;content:counter(section, decimal-leading-zero);letter-spacing:var(--track-label);color:var(--color-text-low);margin-right:16px;font-size:12px}.prose h2,.prose h3{scroll-margin-top:32px}.prose a.heading-anchor{color:var(--color-text-low);opacity:0;transition:opacity .2s var(--ease-ui), color .2s var(--ease-ui);border-bottom:none;margin-left:12px}.prose :is(h2,h3):hover a.heading-anchor,.prose a.heading-anchor:focus-visible{opacity:1}.prose a.heading-anchor:hover{color:var(--color-accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-0)}::-webkit-scrollbar-thumb{background:var(--color-bg-2)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-low)}}@layer components{.link,.post a,.resume-formats a,.resume-markdown a{color:var(--color-accent);transition:color .2s var(--ease-ui), border-color .2s var(--ease-ui);border-bottom:1px solid #0000;text-decoration:none}.link:hover,.link:focus-visible,.post a:hover,.post a:focus-visible,.resume-formats a:hover,.resume-formats a:focus-visible,.resume-markdown a:hover,.resume-markdown a:focus-visible{border-bottom-color:var(--color-accent)}.post a:visited{color:var(--color-accent-dim)}.site-header{view-transition-name:site-header}.brand{color:var(--color-text-hi);transition:opacity .2s var(--ease-ui);text-decoration:none}.brand:hover,.brand:focus-visible{opacity:.7}.quiet-links .link{color:var(--color-text-hi)}.quiet-links .link:hover,.quiet-links .link:focus-visible{color:var(--color-accent)}.nav-item{color:var(--color-text-low);transition:color .2s var(--ease-ui);font-size:13px;text-decoration:none;position:relative}.nav-item:after{content:"";transform-origin:0;height:1px;transition:transform .2s var(--ease-ui);background:currentColor;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-item:hover,.nav-item:focus-visible{color:var(--color-text-hi)}.nav-item:hover:after,.nav-item:focus-visible:after,.nav-item[aria-current=page]:after{transform:scaleX(1)}.nav-item[aria-current=page]{color:var(--color-accent)}.card{border:1px solid var(--color-stroke-faint);background:var(--color-bg-1);padding:28px;position:relative}.card:before{content:"";border-top:1px solid var(--color-stroke);border-left:1px solid var(--color-stroke);width:14px;height:14px;transition:width .2s var(--ease-ui), height .2s var(--ease-ui), border-color .2s var(--ease-ui);position:absolute;top:-1px;left:-1px}.card:hover:before,.card:focus-within:before{border-color:var(--color-accent);width:20px;height:20px}.caption{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-text-low);font-size:12px;font-weight:300}.tagline{letter-spacing:.16em;font-size:11px}.label{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-text-mid);font-size:12px;font-weight:400}.stack{text-align:center;gap:10px;display:grid}.stack .title{letter-spacing:var(--track-title);text-transform:uppercase;color:var(--color-text-hi);margin-right:calc(-1 * var(--track-title));font-size:22px;font-weight:200}.jd-tick{animation:jd-tick .5s var(--ease-ui)}@keyframes jd-tick{0%{color:var(--color-text-mid)}}.section-head{align-items:center;gap:16px;margin-bottom:48px;display:flex}.section-head:after{content:"";background:var(--color-stroke-faint);flex:1;height:1px}.section-head .index{color:var(--color-accent);letter-spacing:var(--track-label);font-size:12px}@media (min-width:1024px){.annotated{grid-template-columns:minmax(0, 1fr) minmax(0, var(--measure));column-gap:var(--rail-gap);align-items:baseline;display:grid}.annotated>*{grid-column:2}.annotated>.rail,.prose.annotated>:is(h2,h3),.resume-markdown.annotated>h2{text-align:right;grid-column:1}.annotated>.rail .link-group{justify-content:flex-end}}.entry,ul.post-list>li{--spine-x:0px;padding:0 0 48px 20px;scroll-margin-top:32px;position:relative}@media (min-width:1024px){.entry,ul.post-list>li{--spine-x:calc(100% - var(--measure) - var(--rail-gap) / 2);padding-left:0}}.entry:after,ul.post-list>li:after{content:"";top:0;bottom:0;left:var(--spine-x);background:var(--color-stroke-faint);width:1px;position:absolute}.entry:last-child,ul.post-list>li:last-child{padding-bottom:0}.entry:last-child:after,ul.post-list>li:last-child:after{height:.625em;bottom:auto}.entry:before,ul.post-list a:before{content:"";z-index:1;top:.625em;left:calc(var(--spine-x) - 3px);border:1px solid var(--color-stroke);background:var(--color-bg-0);width:7px;height:7px;transition:border-color .2s var(--ease-ui), background .2s var(--ease-ui);border-radius:50%;position:absolute}.entry:hover:before,.entry:target:before{border-color:var(--color-accent)}.entry .rail{margin-bottom:12px}.entry .rail h3{margin:0}.entry .rail .meta{margin:2px 0 0}.entry .rail .link-group{margin:8px 0 0}.entry>div>:last-child{margin-bottom:0}@media (min-width:1024px){.entry .rail{margin-bottom:0}}ul.post-list{padding-left:0;list-style:none;display:grid}ul.post-list>li{margin:0}ul.post-list>li:before{content:none}ul.post-list a{color:var(--color-text-mid);border-bottom:none;row-gap:2px;text-decoration:none;display:grid}ul.post-list .post-desc{max-width:var(--measure);color:var(--color-text-low);transition:color .2s var(--ease-ui);margin-top:4px}@media (min-width:1024px){ul.post-list a{grid-template-columns:minmax(0, 1fr) minmax(0, var(--measure));column-gap:var(--rail-gap);align-items:baseline}ul.post-list .meta{text-align:right;grid-area:1/1}ul.post-list .post-title{grid-area:1/2}ul.post-list .post-desc{grid-area:2/2}}ul.post-list a:hover:before,ul.post-list a:focus-visible:before{border-color:var(--color-accent);background:var(--color-accent)}ul.post-list a:hover .post-title,ul.post-list a:focus-visible .post-title{color:var(--color-text-hi);transform:translate(4px)}ul.post-list a:hover .post-desc,ul.post-list a:focus-visible .post-desc{color:var(--color-text-mid)}.post-title{transition:color .2s var(--ease-ui), transform .2s var(--ease-ui)}.meta{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-text-low);font-size:12px}.post-header .meta{margin:8px 0 0}@media (min-width:1024px){.post-header .meta{margin-top:0}}.post-header .link-group{margin:4px 0 0}@media (min-width:1024px){.post-header .link-group{justify-content:flex-end}}.prose.annotated>:first-child{margin-top:0}@media (min-width:1024px){.prose.annotated>:is(h2,h3){position:relative}.prose.annotated>:is(h2,h3) a.heading-anchor{margin-left:0;position:absolute;left:calc(100% + 16px)}}.post-colophon{border-top:1px solid var(--color-stroke-faint);margin-top:64px;padding-top:24px}.post-colophon .meta{margin-bottom:4px}.read-progress{display:none}@supports (animation-timeline:scroll()){.read-progress{z-index:20;background:var(--color-accent);transform-origin:0;height:1px;animation:linear both read-progress;animation-timeline:scroll(root);display:block;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}}@keyframes read-progress{to{transform:scaleX(1)}}.resume-formats{margin-bottom:calc(var(--spacing) * 6);align-items:center;column-gap:calc(var(--spacing) * 4);row-gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text-low);flex-wrap:wrap;display:flex}@media (min-width:1024px){.resume-formats{justify-content:flex-end;margin-bottom:0}}.link-group span{color:var(--color-text-low)}.resume-markdown a.uri{color:var(--color-text-low);transition:color .2s var(--ease-ui), border-color .2s var(--ease-ui)}.resume-markdown a.uri:hover,.resume-markdown a.uri:focus-visible{color:var(--color-accent)}.resume-markdown h1{margin-top:0;margin-bottom:calc(var(--spacing) * 2);letter-spacing:.04em;font-size:26px;font-weight:200}.link-group{margin-top:var(--spacing);margin-bottom:calc(var(--spacing) * 2);gap:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));flex-wrap:wrap;display:flex}.link-group a{color:var(--color-text-low);transition:color .2s var(--ease-ui);text-decoration:none}.link-group a:hover,.link-group a:focus-visible{color:var(--color-accent)}.link-group a:before{content:"→ ";color:var(--color-text-low);transition:color .2s var(--ease-ui), left .2s var(--ease-ui);position:relative;left:0}.link-group a:hover:before,.link-group a:focus-visible:before{color:var(--color-accent);left:2px}.copy-btn{align-items:center;gap:var(--spacing);transition:color .2s var(--ease-ui);background:0 0;border:none;display:inline-flex;position:relative}.copy-btn:hover{color:var(--color-accent)}.copy-btn.copy-success{color:var(--color-accent)!important}.copy-btn:after{content:"copied";letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-accent);background:var(--color-bg-0);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-ui), transform .2s var(--ease-ui);align-items:center;font-size:12px;display:flex;position:absolute;inset:0;transform:translateY(2px)}.copy-btn.copy-success:after{opacity:1;transform:none}.copy-fallback{margin-top:var(--spacing);gap:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-text-low);flex-direction:column;display:flex}.copy-fallback input{width:100%;padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font:inherit;color:var(--color-text-hi);background:var(--color-bg-1);border:1px solid var(--color-stroke)}.copy-fallback input:focus{border-color:var(--color-accent);outline:none}.project-screenshot{margin-top:calc(var(--spacing) * 3);max-width:var(--measure);margin-bottom:0}.screenshot-thumb{cursor:zoom-in;background:var(--color-bg-1);border:1px solid var(--color-stroke-faint);width:100%;transition:border-color .2s var(--ease-ui);display:block;position:relative;overflow:hidden}.screenshot-thumb:hover,.screenshot-thumb:focus-visible{border-color:var(--color-stroke)}.screenshot-thumb img{filter:grayscale()brightness(.8);width:100%;height:auto;transition:filter .25s var(--ease-ui);display:block}.screenshot-thumb:hover img,.screenshot-thumb:focus-visible img{filter:none}.screenshot-hint{right:calc(var(--spacing) * 2);bottom:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));background:var(--color-bg-0);color:var(--color-text-low);opacity:0;transition:opacity .2s var(--ease-ui);position:absolute}.screenshot-thumb:hover .screenshot-hint,.screenshot-thumb:focus-visible .screenshot-hint{opacity:1}.lightbox{width:100%;max-width:none;height:100%;max-height:none;padding:calc(var(--spacing) * 4);opacity:0;transition:opacity .18s var(--ease-ui), overlay .18s allow-discrete, display .18s allow-discrete;background:#050505f0;border:none;margin:0;position:fixed;inset:0}.lightbox::backdrop{background:0 0}.lightbox[open]{opacity:1;justify-content:center;align-items:center;display:flex}.lightbox img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .18s var(--ease-ui);transform:scale(.98)}.lightbox[open] img{transform:none}@starting-style{.lightbox[open]{opacity:0}.lightbox[open] img{transform:scale(.98)}}.lightbox-close{top:calc(var(--spacing) * 4);right:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);background:var(--color-bg-1);color:var(--color-text-mid);border:1px solid var(--color-stroke-faint);cursor:pointer;transition:color .2s var(--ease-ui), border-color .2s var(--ease-ui);position:absolute}.lightbox-close:hover,.lightbox-close:focus-visible{color:var(--color-accent);border-color:var(--color-stroke)}.motif svg{width:100%;height:auto;display:block}.motif .sun{fill:var(--color-accent);opacity:.8}.motif-spin{animation:orbit-rotate calc(var(--orbit-period) * 2) linear infinite}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.z-10{z-index:10}.mx-auto{margin-inline:auto}.mt-0{margin-top:0}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-32{margin-top:calc(var(--spacing) * 32)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.min-h-\[50vh\]{min-height:50vh}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[280px\]{max-width:280px}.max-w-\[360px\]{max-width:360px}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-16{column-gap:calc(var(--spacing) * 16)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-12{row-gap:calc(var(--spacing) * 12)}.rounded{border-radius:.25rem}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-stroke-faint{border-color:var(--color-stroke-faint)}.bg-bg-1{background-color:var(--color-bg-1)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.text-center{text-align:center}.text-left{text-align:left}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--color-accent)}.text-text-low{color:var(--color-text-low)}.lowercase{text-transform:lowercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:top-4:focus{top:calc(var(--spacing) * 4)}.focus\:left-4:focus{left:calc(var(--spacing) * 4)}.focus\:z-50:focus{z-index:50}.focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus\:text-sm:focus{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media (min-width:48rem){.md\:\[grid-template-columns\:2fr_1fr\]{grid-template-columns:2fr 1fr}.md\:\[grid-template-columns\:3fr_2fr\]{grid-template-columns:3fr 2fr}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.lg\:row-start-1{grid-row-start:1}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:200 700;font-display:swap;src:url(/fonts/JetBrainsMono.woff2)format("woff2");unicode-range:U+0-17F,U+2000-206F,U+2070-209F,U+20AC,U+2122,U+2190-21FF,U+22??,U+2500-259F}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:200 700;font-display:swap;src:url(/fonts/JetBrainsMono-Italic.woff2)format("woff2");unicode-range:U+0-17F,U+2000-206F,U+2070-209F,U+20AC,U+2122,U+2190-21FF,U+22??,U+2500-259F}:root{--track-title:.32em;--track-label:.18em;--orbit-period:360s;--ease-ui:cubic-bezier(.25, .1, .25, 1);--measure:75ch;--rail-gap:56px}@media print{:root{--color-bg-0:#fff;--color-bg-1:#f6f6f7;--color-bg-2:#ececee;--color-text-hi:#111114;--color-text-mid:#3a3a40;--color-text-low:#6b6b74;--color-stroke-faint:#11111424;--color-stroke:#11111459;--color-stroke-strong:#111114b3}.starfield,.site-nav,.site-footer,.read-progress,.heading-anchor,.screenshot-hint,.resume-formats,.post-colophon .rail{display:none}.screenshot-thumb img{filter:none}.prose h2,.prose h3,.entry{break-after:avoid}pre,blockquote,.card,.project-screenshot{break-inside:avoid}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.2s;animation-timing-function:var(--ease-ui)}::view-transition-new(root){animation-duration:.2s;animation-timing-function:var(--ease-ui)}::view-transition-group(site-header){animation:none}.orbit-revolve{animation:orbit-rotate var(--orbit-period) linear infinite;transform-origin:0 0}@keyframes orbit-rotate{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}.orbit-revolve,.motif-spin{animation:none}.nav-item:after,.post-title,.link-group a:before,.copy-btn:after,.lightbox img{transition-property:color,background,opacity}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}