:root{--rosewater: #f5e0dc;--flamingo: #f2cdcd;--pink: #f5c2e7;--mauve: #cba6f7;--red: #f38ba8;--maroon: #eba0ac;--peach: #fab387;--yellow: #f9e2af;--green: #a6e3a1;--teal: #94e2d5;--sky: #89dceb;--sapphire: #74c7ec;--blue: #89b4fa;--lavender: #b4befe;--muted: #a6adc8;--surface0: #313244;--base: #1e1e2e;--mantle: #181825;--crust: #11111b;--bg-body: var(--base);--bg-nav: var(--crust);--bg-code: var(--crust);--bg-quote: var(--mantle);--accent: var(--mauve);--accent-hover: var(--lavender);--link: var(--blue);--link-hover: var(--teal);--text: var(--rosewater);--border: var(--accent);--astro-code-background: var(--crust);--astro-code-foreground: var(--rosewater);--astro-code-token-comment: var(--muted);--astro-code-token-constant: var(--maroon);--astro-code-token-function: var(--accent);--astro-code-token-keyword: var(--blue);--astro-code-token-parameter: var(--red);--astro-code-token-string-expression: var(--green)}@font-face{font-family:Iosev-Slab;src:url(/blog/fonts/iosevka-slab/WOFF2/IosevkaSlab-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Iosev-Slab;src:url(/blog/fonts/iosevka-slab/WOFF2/IosevkaSlab-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Iosev-Slab;src:url(/blog/fonts/iosevka-slab/WOFF2/IosevkaSlab-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Iosev-Slab;src:url(/blog/fonts/iosevka-slab/WOFF2/IosevkaSlab-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Iosev-Slab;src:url(/blog/fonts/iosevka-slab/WOFF2/IosevkaSlab-BoldOblique.woff2) format("woff2");font-weight:700;font-style:oblique;font-display:swap}@font-face{font-family:Iosev-Term;src:url(/blog/fonts/iosevka-slab/WOFF2/IosevkaTermSlab-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Iosev-Term;src:url(/blog/fonts/iosevka-slab/WOFF2/IosevkaTermSlab-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Iosev-Term;src:url(/blog/fonts/iosevka-slab/WOFF2/IosevkaTermSlab-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Iosev-Term;src:url(/blog/fonts/iosevka-slab/WOFF2/IosevkaTermSlab-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Iosev-Term;src:url(/blog/fonts/iosevka-slab/WOFF2/IosevkaTermSlab-BoldOblique.woff2) format("woff2");font-weight:700;font-style:oblique;font-display:swap}*{box-sizing:border-box;margin:0 auto;padding:0}body{font-family:Iosev-Slab;line-height:1.5;color:var(--text);background:var(--bg-body);padding:2rem 1rem}.content-box{max-width:720px;margin:0 auto;background:var(--bg-surface);border:3px solid var(--accent);border-radius:8px;padding:1.5rem}.nav-bar{margin:0 auto 1rem;background:var(--bg-nav);border:2px solid var(--accent);border-radius:8px;width:fit-content;max-width:100%;overflow-x:auto}.nav-bar nav{padding:.5rem 1.5rem;display:flex;gap:clamp(.4rem,1.5vw,1.5rem);justify-content:center;align-items:center}.nav-bar a{color:var(--accent);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:.35rem}.nav-icon{flex-shrink:0}@media(max-width:500px){.nav-icon:not(.always-show){display:none}}h1{font-size:2rem;margin-bottom:.5rem;text-align:center;color:var(--accent)}h2{font-size:1.5rem;margin-top:2rem;margin-bottom:.5rem}p{margin-bottom:1rem}a{color:var(--link);font-weight:700}a:hover{color:var(--link-hover)}.blog-list{display:flex;flex-direction:column;align-items:center}.blog-item{margin-block:.5rem}.blog-item .title{display:block;font-size:1.8rem;font-weight:700;color:var(--accent);text-decoration:none}.blog-item .title:hover{color:var(--accent-hover)}.blog-item .date{display:block;font-size:1rem;color:var(--green);font-weight:700;margin-top:.1em;text-align:center}.post-content{margin-top:1rem}.post-content h2,.post-content h3{color:var(--green)}.post-content h4{color:var(--peach)}.post-content pre{text-align:left;font-family:Iosev-Slab;padding:1rem;border-radius:6px;overflow-x:auto;margin-bottom:1rem;position:relative}.post-content code{font-family:Iosev-Term;font-size:.9rem}.copy-btn{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;justify-content:center;font-family:Iosev-Slab;font-size:.8rem;font-weight:800;padding:.3rem;background:var(--bg-nav);color:var(--blue);border:1px solid var(--accent);border-radius:4px;cursor:pointer;opacity:0;transition:opacity .15s ease;line-height:1}.copy-btn img{display:block}.post-content pre:hover .copy-btn{opacity:1}.tooltip{position:relative;color:var(--teal);cursor:default}.tooltip:after{content:attr(context);position:fixed;top:var(--tooltip-top, -9999px);left:var(--tooltip-left, -9999px);transform:none;padding:.4rem .6rem;max-width:400px;white-space:normal;display:block;width:fit-content;box-sizing:border-box;overflow-wrap:break-word;font-size:.85rem;font-style:normal;font-weight:400;font-family:Iosev-Slab;background:var(--crust);color:var(--rosewater);border:1px solid var(--mauve);border-radius:6px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:99999}.tooltip:hover:after{opacity:1}.post-content img{max-width:100%;border-radius:4px}.post-content blockquote{border-left:3px solid var(--mauve);background:var(--bg-quote);color:var(--muted);padding:.5rem .5rem .5rem 1rem;margin-bottom:1rem;border-radius:0 6px 6px 0;font-size:.95rem;font-style:italic}.post-content blockquote p{margin-bottom:0}.post-header{margin-bottom:1.5rem}.post-title{font-size:2.2rem;font-weight:700;color:var(--accent);text-align:center;margin-bottom:.2rem}.post-date{font-size:1.1rem;color:var(--green);font-weight:700;text-align:center;margin-bottom:0}footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--text-footer);font-size:.85rem}