@layer reset,base,layout,components,utilities;:root{--color-brand-50:#ecfdf3;--color-brand-100:#d1fadf;--color-brand-200:#a6f4c5;--color-brand-300:#6ce9a6;--color-brand-400:#32d583;--color-brand-500:#12b76a;--color-brand-600:#039855;--color-brand-700:#027a48;--color-brand-800:#05603a;--color-brand-900:#054f31;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-yellow-400:#facc15;--color-yellow-700:#a16207;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--line-height-normal:1.5;--line-height-prose:1.75;--line-height-tight:1.25;--max-width-content:64rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--bg-body:var(--color-slate-50);--text-body:var(--color-slate-800);--bg-surface:#ffffff;--border-color:var(--color-slate-200);--text-heading:var(--color-slate-900);--text-muted:var(--color-slate-500);--text-subtle:var(--color-slate-400);--text-link:var(--color-brand-700);--text-link-hover:var(--color-brand-800);--bg-hover:var(--color-slate-100);--bg-hover-subtle:var(--color-slate-50);--bg-hero:var(--color-slate-700);--border-hero:var(--color-slate-700);--text-hero:#ffffff;--text-hero-desc:var(--color-slate-300);--pinned-color:var(--color-yellow-700);--code-bg:var(--color-slate-200);--code-text:var(--color-slate-800);--selection-bg:var(--color-brand-200);--selection-text:var(--color-brand-900)}@media(prefers-color-scheme:dark){:root{--bg-body:var(--color-slate-950);--text-body:var(--color-slate-200);--bg-surface:var(--color-slate-900);--border-color:var(--color-slate-800);--text-heading:#ffffff;--text-muted:var(--color-slate-400);--text-subtle:var(--color-slate-500);--text-link:var(--color-brand-400);--text-link-hover:var(--color-brand-300);--bg-hover:var(--color-slate-800);--bg-hover-subtle:rgba(30, 41, 59, 0.6);--bg-hero:rgba(15, 23, 42, 0.6);--border-hero:var(--color-slate-800);--text-hero:#ffffff;--text-hero-desc:var(--color-slate-300);--pinned-color:var(--color-yellow-400);--code-bg:var(--color-slate-800);--code-text:var(--color-slate-200);--selection-bg:var(--color-brand-800);--selection-text:var(--color-brand-100)}}@layer reset{*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;tab-size:4}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:inherit}ul,ol{list-style:none;padding:0;margin:0}button{background:0 0;border:none;cursor:pointer}table{border-collapse:collapse}}@layer base{html{height:100%;font-family:var(--font-mono);line-height:var(--line-height-normal);color-scheme:light dark;background-color:var(--bg-body)}body{min-height:100%;display:flex;flex-direction:column;background-color:var(--bg-body);color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--selection-bg);color:var(--selection-text)}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-weight:600;line-height:var(--line-height-tight)}}@layer layout{.container{width:100%;max-width:var(--max-width-content);margin-inline:auto;padding-inline:1.5rem}.site-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-surface)}.site-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-block:1rem;padding-inline:1rem}.site-hero{background-color:var(--bg-hero);border-bottom:1px solid var(--border-hero)}.site-hero-inner{padding-block:3rem}@media(min-width:640px){.site-hero-inner{padding-block:4rem}}.site-main{flex:1;padding-block:2.5rem}.site-footer{margin-top:auto;border-top:1px solid var(--border-color);background-color:var(--bg-surface);padding-block:2rem;font-size:.875rem;color:var(--text-muted)}.site-footer-inner{padding-inline:1rem}.site-footer-copyright{margin-top:.5rem}}@layer components{.nav-brand{display:flex;align-items:center;gap:.75rem}.nav-logo{height:2rem;width:2rem;flex-shrink:0}.nav-title{font-size:1.25rem;font-weight:600;letter-spacing:-.025em;color:var(--text-heading)}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);padding:.5rem;color:var(--text-body)}.nav-toggle:hover{background-color:var(--bg-hover)}.nav-icon{height:1.5rem;width:1.5rem}.nav-menu{display:none;width:100%;flex-direction:column;gap:.25rem;padding-top:1rem}.nav-menu.is-open{display:flex}.nav-link{display:block;border-radius:var(--radius-md);padding:.5rem .75rem;font-size:1rem;font-weight:500;color:var(--text-muted)}.nav-link:hover{background-color:var(--bg-hover);color:var(--text-heading)}.nav-link.is-active{background-color:var(--bg-hover);color:var(--text-heading)}@media(min-width:640px){.nav-toggle{display:none}.nav-menu{display:flex;width:auto;flex-direction:row;gap:.5rem;padding-top:0}}.hero-title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:var(--text-hero)}@media(min-width:640px){.hero-title{font-size:2.25rem}}.hero-desc{margin-top:.75rem;font-size:1.125rem;color:var(--text-hero-desc)}.posts-section{margin-bottom:2.5rem}.section-heading{margin-bottom:.75rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid;padding-block:.5rem}.section-heading-pinned{color:var(--pinned-color)}.section-heading-year{color:var(--text-link)}.post-list{display:flex;flex-direction:column;gap:.25rem}.post-item-link{display:flex;align-items:baseline;gap:.75rem;border-radius:var(--radius-md);padding:.25rem .5rem;margin-inline:-.5rem;font-family:var(--font-mono);font-size:1rem}.post-item-link:hover{background-color:var(--bg-hover-subtle)}.post-item-date{flex-shrink:0;font-variant-numeric:tabular-nums;color:var(--text-subtle)}.post-item-title{color:var(--text-body)}.post-item-link:hover .post-item-title{color:var(--text-link)}.tag-title{margin-bottom:.75rem;font-size:1.125rem;font-weight:600;color:var(--text-heading)}.tag-count{margin-left:.25rem;font-size:.875rem;font-weight:400;color:var(--text-subtle)}.error-page{padding-block:4rem;text-align:center}.error-code{font-size:3.75rem;font-weight:700;letter-spacing:-.025em;color:var(--color-brand-600)}@media(prefers-color-scheme:dark){.error-code{color:var(--color-brand-400)}}.error-title{margin-top:1rem;font-size:1.5rem;font-weight:600;color:var(--text-heading)}.error-desc{margin-top:.5rem;color:var(--text-muted)}.btn-primary{display:inline-block;margin-top:1.5rem;border-radius:var(--radius-md);background-color:var(--color-brand-600);padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#fff;text-decoration:none}.btn-primary:hover{background-color:var(--color-brand-700)}.prose{line-height:var(--line-height-prose);color:var(--text-body)}.prose>:first-child{margin-top:0}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--text-heading);font-weight:600;line-height:var(--line-height-tight);scroll-margin-top:5rem}.prose h1{font-size:2rem;margin-top:2.25rem;margin-bottom:.75rem;border-bottom:1px solid var(--border-color);padding-bottom:.4rem}.prose h2{font-size:1.5rem;margin-top:2rem;margin-bottom:.6rem;border-bottom:1px solid var(--border-color);padding-bottom:.35rem}.prose h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.5rem}.prose h4{font-size:1.1rem;margin-top:1.25rem;margin-bottom:.4rem}.prose p{margin-top:1.25em;margin-bottom:1.25em}.prose a{color:var(--text-link);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--border-color)}.prose a:hover{text-decoration-color:var(--text-link)}.prose strong,.prose b{font-weight:600;color:var(--text-heading)}.prose em,.prose i{font-style:italic}.prose ul{list-style-type:disc;padding-left:1.5rem;margin-top:1em;margin-bottom:1em}.prose ol{list-style-type:decimal;padding-left:1.5rem;margin-top:1em;margin-bottom:1em}.prose li{margin-top:.35em;margin-bottom:.35em}.prose li>ul,.prose li>ol{margin-top:.25em;margin-bottom:.25em}.prose blockquote{border-left:4px solid var(--color-brand-500);padding:.75rem 1.25rem;margin-top:1.5em;margin-bottom:1.5em;background-color:var(--bg-hover-subtle);border-radius:0 var(--radius-md)var(--radius-md)0;color:var(--text-body);font-style:italic}.prose blockquote>:first-child{margin-top:0}.prose blockquote>:last-child{margin-bottom:0}.prose code:not(pre code){font-family:var(--font-mono);font-size:.875em;background-color:var(--code-bg);color:var(--code-text);padding:.15em .35em;border-radius:var(--radius-sm);font-weight:500}.prose pre,.prose .highlight pre{margin-top:1.5em;margin-bottom:1.5em;padding:1rem 1.25rem;border-radius:var(--radius-lg);background-color:#1e293b;color:#f8f8f2;border:1px solid #334155;overflow-x:auto;font-size:.875rem;line-height:1.6}.prose .highlight{margin-top:1.5em;margin-bottom:1.5em}.prose .highlight pre{margin-top:0;margin-bottom:0}.prose hr{border:none;border-top:1px solid var(--border-color);margin-top:2.5em;margin-bottom:2.5em}.prose table{width:100%;text-align:left;margin-top:1.5em;margin-bottom:1.5em;border-collapse:collapse;font-size:.875rem}.prose th{font-weight:600;color:var(--text-heading);padding:.6rem .8rem;border-bottom:2px solid var(--border-color)}.prose td{padding:.6rem .8rem;border-bottom:1px solid var(--border-color)}.prose tr:last-child td{border-bottom:0}.prose img{border-radius:var(--radius-md);margin-top:1.5em;margin-bottom:1.5em}.prose kbd{font-family:var(--font-mono);font-size:.85em;padding:.15em .35em;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-hover)}.prose-list-intro{margin-bottom:2.5rem}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.tabular-nums{font-variant-numeric:tabular-nums}.hidden{display:none!important}.flex{display:flex!important}.block{display:block!important}.inline-flex{display:inline-flex!important}}@layer components{.bg{color:#f8f8f2;background-color:#1e293b}.chroma{color:#f8f8f2;background-color:#1e293b;padding:1rem;border-radius:.5rem;overflow-x:auto;border:1px solid #334155}pre:not(.chroma){color:#f8f8f2;background-color:#1e293b;padding:1rem;border-radius:.5rem;overflow-x:auto;border:1px solid #334155}pre:not(.chroma) code{color:inherit;background-color:initial}.chroma .err{color:#960050;background-color:#1e0010}.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:#ffc}.chroma .lnt{white-space:pre;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#66d9ef}.chroma .kc{color:#66d9ef}.chroma .kd{color:#66d9ef}.chroma .kn{color:#f92672}.chroma .kp{color:#66d9ef}.chroma .kr{color:#66d9ef}.chroma .kt{color:#66d9ef}.chroma .na{color:#a6e22e}.chroma .nc{color:#a6e22e}.chroma .no{color:#66d9ef}.chroma .nd{color:#a6e22e}.chroma .ne{color:#a6e22e}.chroma .nf{color:#a6e22e}.chroma .nx{color:#a6e22e}.chroma .nt{color:#f92672}.chroma .l{color:#ae81ff}.chroma .ld{color:#e6db74}.chroma .s{color:#e6db74}.chroma .sa{color:#e6db74}.chroma .sb{color:#e6db74}.chroma .sc{color:#e6db74}.chroma .dl{color:#e6db74}.chroma .sd{color:#e6db74}.chroma .s2{color:#e6db74}.chroma .se{color:#ae81ff}.chroma .sh{color:#e6db74}.chroma .si{color:#e6db74}.chroma .sx{color:#e6db74}.chroma .sr{color:#e6db74}.chroma .s1{color:#e6db74}.chroma .ss{color:#e6db74}.chroma .m{color:#ae81ff}.chroma .mb{color:#ae81ff}.chroma .mf{color:#ae81ff}.chroma .mh{color:#ae81ff}.chroma .mi{color:#ae81ff}.chroma .il{color:#ae81ff}.chroma .mo{color:#ae81ff}.chroma .o{color:#f92672}.chroma .ow{color:#f92672}.chroma .c{color:#75715e}.chroma .ch{color:#75715e}.chroma .cm{color:#75715e}.chroma .c1{color:#75715e}.chroma .cs{color:#75715e}.chroma .cp{color:#75715e}.chroma .cpf{color:#75715e}.chroma .gd{color:#f92672}.chroma .ge{font-style:italic}.chroma .gi{color:#a6e22e}.chroma .gs{font-weight:700}.chroma .gu{color:#75715e}}