@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap";
@layer reset,base,components,utilities;:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--lch-pink:var(--lightningcss-light,#9b0064)var(--lightningcss-dark,#ffb2d7);--lch-pink-hover:var(--lightningcss-light,#ca0084)var(--lightningcss-dark,#ff75be);--lch-pink-light:var(--lightningcss-light,#ffb2d7)var(--lightningcss-dark,#ffb2d7);--color-bg:var(--lightningcss-light,#f8fafc)var(--lightningcss-dark,#0f172a);--color-bg-elevated:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1e293b);--color-ink:var(--lightningcss-light,#232c39)var(--lightningcss-dark,#f1f5f9);--color-ink-muted:var(--lightningcss-light,#64748b)var(--lightningcss-dark,#94a3b8);--color-primary:var(--lightningcss-light,#9b0064)var(--lightningcss-dark,#ffb2d7);--color-primary-hover:var(--lightningcss-light,#ca0084)var(--lightningcss-dark,#ff75be);--color-code-bg:var(--lightningcss-light,#1e293b)var(--lightningcss-dark,#020617);--color-highlight:var(--lightningcss-light,#fefce8)var(--lightningcss-dark,#422006);--color-border:var(--lightningcss-light,#e2e8f0)var(--lightningcss-dark,#334155);--color-code-ink:var(--lightningcss-light,#e2e8f0)var(--lightningcss-dark,#e2e8f0);--color-selection-bg:var(--lightningcss-light,#e24ea04d)var(--lightningcss-dark,#e24ea04d);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--font-display:"JetBrains Mono",monospace;--font-body:ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--text-sm:clamp(.875rem,.8rem + .25vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-lg:clamp(1.25rem,1.1rem + .5vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1vw,2rem);--text-2xl:clamp(2rem,1.5rem + 2vw,3rem);--text-3xl:clamp(2.5rem,2rem + 2.5vw,4rem);--content-width:65ch;--site-width:1000px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (color:lab(0% 0 0)){:root{--lch-pink:var(--lightningcss-light,lab(33.4776% 62.5139 -12.2656))var(--lightningcss-dark,lab(80.9938% 39.0655 -7.47752));--lch-pink-hover:var(--lightningcss-light,lab(44.3949% 78.0565 -15.325))var(--lightningcss-dark,lab(68.305% 63.8948 -12.3743));--lch-pink-light:var(--lightningcss-light,lab(80.9938% 39.0655 -7.47752))var(--lightningcss-dark,lab(80.9938% 39.0655 -7.47752));--color-bg:var(--lightningcss-light,lab(98.1664% -.41762 -1.20108))var(--lightningcss-dark,lab(7.77821% 1.59618 -14.2885));--color-bg-elevated:var(--lightningcss-light,lab(100% 0 0))var(--lightningcss-dark,lab(16.2247% -.48317 -13.2083));--color-ink:var(--lightningcss-light,lab(17.5892% -1.09491 -9.70717))var(--lightningcss-dark,lab(96.3208% -.840277 -2.43343));--color-ink-muted:var(--lightningcss-light,lab(48.1613% -1.93152 -14.714))var(--lightningcss-dark,lab(66.3322% -2.05499 -12.7644));--color-primary:var(--lightningcss-light,lab(33.4776% 62.5139 -12.2656))var(--lightningcss-dark,lab(80.9938% 39.0655 -7.47752));--color-primary-hover:var(--lightningcss-light,lab(44.3949% 78.0565 -15.325))var(--lightningcss-dark,lab(68.305% 63.8948 -12.3743));--color-code-bg:var(--lightningcss-light,lab(16.2247% -.48317 -13.2083))var(--lightningcss-dark,lab(1.77039% 1.21956 -8.84481));--color-highlight:var(--lightningcss-light,lab(98.7207% -1.80125 9.85329))var(--lightningcss-dark,lab(16.7953% 15.1782 22.4037));--color-border:var(--lightningcss-light,lab(91.7131% -.970185 -4.62365))var(--lightningcss-dark,lab(26.9523% -1.47396 -14.0339));--color-code-ink:var(--lightningcss-light,lab(91.7131% -.970185 -4.62365))var(--lightningcss-dark,lab(91.7131% -.970185 -4.62365));--color-selection-bg:var(--lightningcss-light,lab(56.6988% 63.5446 -12.3476/.3))var(--lightningcss-dark,lab(56.6988% 63.5446 -12.3476/.3))}}@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}}@layer base{html{background-color:var(--color-bg);color:var(--color-ink);font-size:100%;line-height:1.7}body{font-family:var(--font-body);font-size:var(--text-base);letter-spacing:.05em;max-width:var(--site-width);padding:var(--space-md);color:var(--color-ink);margin-inline:auto;padding-block-end:var(--space-xl);font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-wrap:balance;letter-spacing:.05em;text-transform:capitalize;font-weight:400;line-height:1.2}h1{font-size:var(--text-xl);text-transform:capitalize;margin-block-start:var(--space-xl)}h2{font-size:var(--text-xl);margin-block:var(--space-xl)var(--space-md)}h3{font-size:var(--text-lg);margin-block:var(--space-md)var(--space-sm)}p:not(:last-of-type){margin-block-end:var(--space-md)}a{color:var(--color-primary);text-underline-offset:.15em;text-decoration-thickness:1px;transition:color .15s}a:hover{color:var(--color-primary-hover)}article{max-width:var(--content-width)}article>*+*{margin-block-start:var(--space-md)}article p{text-wrap:pretty}article ul,article ol{margin-block-start:var(--space-lg);margin-block-end:var(--space-lg)}code{font-family:var(--font-mono);background-color:var(--color-code-bg);color:var(--color-code-ink);padding-inline:var(--space-xs);border-radius:3px;font-size:.9em}figure[data-rehype-pretty-code-figure]{margin-block:var(--space-lg)}figure[data-rehype-pretty-code-figure] pre{margin:0}pre{background-color:var(--color-code-bg);padding:var(--space-md);margin-block:var(--space-lg);border-radius:5px;position:relative;overflow-x:auto}pre code{background:0 0;padding:0}pre[data-theme] code{color:inherit}pre[data-language]{padding-block-start:var(--space-lg)}pre[data-language]:before{content:attr(data-language);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-muted);padding:var(--space-xs)var(--space-sm);border-radius:5px 0;font-size:.7rem;position:absolute;top:0;left:0}blockquote{background-color:var(--color-highlight);padding:var(--space-sm)var(--space-md);border-inline-start:3px solid var(--color-primary);margin-block:var(--space-lg);border-radius:5px;font-style:italic}ul,ol{padding-inline-start:var(--space-lg)}li+li{margin-block-start:var(--space-sm)}time{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink-muted)}::selection{background-color:var(--color-selection-bg)}}@layer components{.site-header{align-items:baseline;gap:var(--space-md);flex-wrap:wrap;padding-block-start:var(--space-lg);padding-block-end:var(--space-md);display:flex}.site-header a{font-family:var(--font-display);letter-spacing:.1em;font-weight:400;font-size:var(--text-2xl);margin:0;text-decoration:none}.site-nav{gap:var(--space-sm)var(--space-lg);flex-wrap:wrap;margin-inline-start:auto;display:flex}.site-nav a{font-family:var(--font-display);letter-spacing:.1em;font-weight:600;font-size:var(--text-sm)}.post-list{gap:var(--space-lg);flex-direction:column;padding:0;list-style:none;display:flex}.post-list>li{border-block-end:1px solid var(--color-border);padding-block-end:var(--space-lg)}.post-list>li:last-child{border-block-end:none}.post-list article{flex-direction:column;gap:.25em;display:flex}.post-list header{gap:var(--space-xs);flex-direction:column-reverse;display:flex}@media (min-width:600px){.post-list header{align-items:baseline;gap:var(--space-md);grid-template-columns:13rem 1fr;display:grid}}.post-list h3{font-size:var(--text-base);margin:0;font-weight:600}.post-list time{font-size:var(--text-sm);margin:0}@media (min-width:600px){.post-list time{grid-area:1/1}}.post-list .tags{margin-block-start:.25em}.post-item{gap:var(--space-xs);flex-direction:column;display:flex}.post-item .post-title{font-family:var(--font-display);font-size:var(--text-lg)}.tags{gap:var(--space-sm);font-family:var(--font-mono);color:var(--color-ink-muted);flex-wrap:wrap;font-size:.75rem;display:flex}footer{border-block-start:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink-muted);margin-block-start:var(--space-xl);padding-block-start:var(--space-md)}.home{max-width:var(--site-width)}.home em{color:var(--color-primary);font-style:normal;font-weight:600}.intro{padding-block:var(--space-lg);border-block-end:1px solid var(--color-border);margin-block-end:var(--space-lg)}.greeting{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.05em;margin-block-start:var(--space-lg);margin-block-end:var(--space-xs)}.tagline{font-size:var(--text-base);color:var(--color-ink-muted)}.about{margin-block-end:var(--space-xl)}.stack{background-color:var(--color-bg-elevated);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:8px}.stack h2{margin-block-start:0}.stack-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stack-category h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--color-ink-muted);margin-block-end:var(--space-sm)}.tag-list{gap:var(--space-xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tag-list li{font-family:var(--font-mono);font-size:var(--text-sm);background-color:var(--color-bg);padding:var(--space-xs)var(--space-sm);border:1px solid var(--color-border);border-radius:4px;margin:0;transition:border-color .15s,color .15s}.tag-list li:hover{border-color:var(--color-primary);color:var(--color-primary)}}@layer utilities{.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}