:root{color-scheme:light dark;--bg:light-dark(#fff,#111);--fg:light-dark(#000000e6,#ffffffe6);--muted:light-dark(#0009,#ffffff8f);--border:light-dark(#0000001a,#ffffff1a);--border-strong:light-dark(#0000002e,#fff3);--accent:light-dark(#bf4a1a,#e8834a);--code-bg:light-dark(#0000000a,#ffffff0d);--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--measure:42rem;--wide:50rem;--page:60rem}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}.astro-code,.astro-code span{color:light-dark(var(--shiki-light),var(--shiki-dark))}.prose img,.cover img{background:light-dark(#0000,#fff)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6}.container{max-width:var(--page);margin:0 auto;padding:0 1.25rem}a{color:inherit;text-decoration-color:var(--border);text-underline-offset:.2em;text-decoration-thickness:1px;transition:text-decoration-color .15s,color .15s}a:hover{color:var(--accent);text-decoration-color:currentColor}::selection{background:color-mix(in srgb, var(--accent) 22%, transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}h1,h2,h3,h4{letter-spacing:-.015em;font-weight:600;line-height:1.3}h1{letter-spacing:-.02em;line-height:1.15}.muted{color:var(--muted)}.site-header{justify-content:space-between;align-items:baseline;padding:2.5rem 0 3rem;display:flex}.site-header .name{font-weight:600;text-decoration:none}.site-header nav{align-items:center;gap:1.25rem;display:flex}.site-header nav a{color:var(--muted);text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--fg)}.theme-toggle{width:2.5rem;height:2.5rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;margin:-.625rem;padding:0;transition:color .15s;display:inline-flex}.theme-toggle:hover{color:var(--fg)}.theme-toggle svg{width:1.125rem;height:1.125rem}:root:not([data-theme]) .theme-toggle,:root[data-theme=dark] .theme-toggle .icon-moon,:root[data-theme=light] .theme-toggle .icon-sun{display:none}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:5rem;padding:2rem 0 3rem;font-size:.875rem}.post-list{margin:0;padding:0;list-style:none}.post-list li{gap:1.5rem;padding:.4rem 0;display:flex}.post-list time{color:var(--muted);font-variant-numeric:tabular-nums;flex:0 0 6.5rem;padding-top:.08rem;font-size:.9375rem}.post-list a{text-decoration:none}@media (width<=480px){.post-list li{flex-direction:column;gap:0;padding:.6rem 0}.post-list time{flex-basis:auto;font-size:.8125rem}}.section-title{letter-spacing:0;color:var(--muted);margin:3rem 0 1rem;font-size:.9375rem;font-weight:500}.prose{overflow-wrap:break-word;font-size:1.125rem;line-height:1.7}.prose>*{max-width:var(--measure)}.prose>:is(pre,table,figure,p:has(>img)){max-width:var(--wide)}.prose h2{margin:2.5rem 0 .75rem;font-size:1.5rem}.prose h3{margin:2rem 0 .5rem;font-size:1.25rem}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre,.prose figure,.prose table{margin:0 0 1.4rem}.prose a{text-decoration-color:var(--accent)}.prose img{border-radius:4px;max-width:100%;height:auto;margin:2rem 0 .5rem;display:block}.prose img.link-favicon{vertical-align:-.125em;background:0 0;border-radius:2px;width:1em;height:1em;margin:0 .3em 0 0;display:inline}.prose img+em{max-width:var(--measure);color:var(--muted);margin-bottom:1.5rem;font-size:.875rem;display:block}.prose blockquote{border-left:2px solid var(--border);color:var(--muted);margin-left:0;padding-left:1.25rem}.prose hr{border:0;border-top:1px solid var(--border);margin:3rem 0}.prose code{font-family:var(--font-mono);font-size:.875em}.prose :not(pre)>code{background:var(--code-bg);border-radius:4px;padding:.15em .35em}.prose pre{background:var(--code-bg);border-radius:8px;padding:1rem 1.25rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:.9375rem}.prose .demo{border:1px solid var(--border);border-radius:8px;margin:2rem 0;padding:1.25rem}.prose .demo figcaption{border-top:1px solid var(--border);color:var(--muted);margin-top:1rem;padding-top:.75rem;font-size:.875rem;line-height:1.55}.prose th,.prose td{border-bottom:1px solid var(--border);text-align:left;padding:.5rem .75rem}