:root{--olive:#5e7a2e;--aubergine:#7a4e9e;--tomato:#d6453c;--lemon:#f2c230;--onion:#e8608f;--mint:#5fa8a0;--primary:var(--olive);--on-primary:#fffefa;--primary-soft:color-mix(in srgb, var(--primary) 12%, transparent);--ground:#fffefa;--surface:#fffbf0;--raised:#f6efde;--panel:#fff;--ink:#241f19;--soft:#6e675b;--faint:#a79c8c;--rule:#ede6d6;--mark-onion:color-mix(in srgb, var(--onion) 38%, #fff);--mark-lemon:color-mix(in srgb, var(--lemon) 52%, #fff);--mark-auber:color-mix(in srgb, var(--aubergine) 26%, #fff);--mark-tomato:color-mix(in srgb, var(--tomato) 30%, #fff);--mark-mint:color-mix(in srgb, var(--mint) 34%, #fff);--mark-olive:color-mix(in srgb, var(--olive) 38%, #fff);--squiggle:var(--lemon);--ok:color-mix(in srgb, var(--olive) 82%, #000);--err:color-mix(in srgb, var(--tomato) 78%, #000);--warn:color-mix(in srgb, var(--lemon) 62%, #000);--info:color-mix(in srgb, var(--mint) 76%, #000);--note:color-mix(in srgb, var(--onion) 76%, #000);--dbg:color-mix(in srgb, var(--aubergine) 84%, #000);--ok-bg:color-mix(in srgb, var(--olive) 22%, transparent);--err-bg:color-mix(in srgb, var(--tomato) 14%, transparent);--warn-bg:color-mix(in srgb, var(--lemon) 28%, transparent);--info-bg:color-mix(in srgb, var(--mint) 20%, transparent);--note-bg:color-mix(in srgb, var(--onion) 18%, transparent);--dbg-bg:color-mix(in srgb, var(--aubergine) 18%, transparent);--syn-kw:color-mix(in srgb, var(--aubergine) 88%, #000);--syn-fn:color-mix(in srgb, var(--mint) 62%, #000);--syn-type:#a85a2b;--syn-str:color-mix(in srgb, var(--olive) 90%, #000);--syn-com:var(--faint);--syn-num:color-mix(in srgb, var(--tomato) 82%, #000);--syn-mark:var(--onion);--syn-tv:color-mix(in srgb, var(--mint) 55%, #000);--syn-eff:color-mix(in srgb, var(--onion) 68%, #000);--syn-mth:color-mix(in srgb, var(--aubergine) 62%, #000);--syn-fld:var(--ink);--syn-interp:color-mix(in srgb, var(--onion) 68%, #000);--syn-err:var(--err);--r-sm:7px;--r-md:12px;--r-lg:16px;--page-w:78rem;--page-pad:clamp(1rem, 4vw, 2rem);--tour-pad:1.25rem;--r-pill:999px;--shadow:0 1px 2px #241f190d, 0 4px 16px #241f190a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--olive:#8fb56a;--aubergine:#b98fd6;--tomato:#f0736a;--lemon:#e8cc5e;--onion:#f58aaf;--mint:#7fc9c0;--on-primary:#16130f;--ground:#17140f;--surface:#1e1a14;--raised:#262119;--panel:#1b1712;--ink:#f0ebe0;--soft:#a9a192;--faint:#6e675b;--rule:#322c22;--mark-onion:color-mix(in srgb, var(--onion) 34%, transparent);--mark-lemon:color-mix(in srgb, var(--lemon) 32%, transparent);--mark-auber:color-mix(in srgb, var(--aubergine) 44%, transparent);--mark-tomato:color-mix(in srgb, var(--tomato) 34%, transparent);--mark-mint:color-mix(in srgb, var(--mint) 34%, transparent);--mark-olive:color-mix(in srgb, var(--olive) 30%, transparent);--ok:color-mix(in srgb, var(--olive) 70%, #fff);--err:color-mix(in srgb, var(--tomato) 74%, #fff);--warn:color-mix(in srgb, var(--lemon) 84%, #fff);--info:color-mix(in srgb, var(--mint) 76%, #fff);--note:color-mix(in srgb, var(--onion) 78%, #fff);--dbg:color-mix(in srgb, var(--aubergine) 72%, #fff);--ok-bg:color-mix(in srgb, var(--olive) 26%, transparent);--err-bg:color-mix(in srgb, var(--tomato) 24%, transparent);--warn-bg:color-mix(in srgb, var(--lemon) 24%, transparent);--info-bg:color-mix(in srgb, var(--mint) 24%, transparent);--note-bg:color-mix(in srgb, var(--onion) 24%, transparent);--dbg-bg:color-mix(in srgb, var(--aubergine) 28%, transparent);--syn-kw:color-mix(in srgb, var(--aubergine) 82%, #fff);--syn-fn:color-mix(in srgb, var(--mint) 86%, #fff);--syn-type:#e0a070;--syn-str:color-mix(in srgb, var(--olive) 72%, #fff);--syn-com:var(--faint);--syn-num:color-mix(in srgb, var(--tomato) 84%, #fff);--syn-mark:var(--onion);--syn-tv:color-mix(in srgb, var(--mint) 70%, #fff);--syn-eff:color-mix(in srgb, var(--onion) 86%, #fff);--syn-mth:color-mix(in srgb, var(--aubergine) 66%, #fff);--syn-fld:var(--ink);--syn-interp:color-mix(in srgb, var(--onion) 86%, #fff);--syn-err:var(--err);--shadow:0 1px 2px #0000004d, 0 4px 16px #0003}}:root[data-theme=dark]{--olive:#8fb56a;--aubergine:#b98fd6;--tomato:#f0736a;--lemon:#e8cc5e;--onion:#f58aaf;--mint:#7fc9c0;--on-primary:#16130f;--ground:#17140f;--surface:#1e1a14;--raised:#262119;--panel:#1b1712;--ink:#f0ebe0;--soft:#a9a192;--faint:#6e675b;--rule:#322c22;--mark-onion:color-mix(in srgb, var(--onion) 34%, transparent);--mark-lemon:color-mix(in srgb, var(--lemon) 32%, transparent);--mark-auber:color-mix(in srgb, var(--aubergine) 44%, transparent);--mark-tomato:color-mix(in srgb, var(--tomato) 34%, transparent);--mark-mint:color-mix(in srgb, var(--mint) 34%, transparent);--mark-olive:color-mix(in srgb, var(--olive) 30%, transparent);--ok:color-mix(in srgb, var(--olive) 70%, #fff);--err:color-mix(in srgb, var(--tomato) 74%, #fff);--warn:color-mix(in srgb, var(--lemon) 84%, #fff);--info:color-mix(in srgb, var(--mint) 76%, #fff);--note:color-mix(in srgb, var(--onion) 78%, #fff);--dbg:color-mix(in srgb, var(--aubergine) 72%, #fff);--ok-bg:color-mix(in srgb, var(--olive) 26%, transparent);--err-bg:color-mix(in srgb, var(--tomato) 24%, transparent);--warn-bg:color-mix(in srgb, var(--lemon) 24%, transparent);--info-bg:color-mix(in srgb, var(--mint) 24%, transparent);--note-bg:color-mix(in srgb, var(--onion) 24%, transparent);--dbg-bg:color-mix(in srgb, var(--aubergine) 28%, transparent);--syn-kw:color-mix(in srgb, var(--aubergine) 82%, #fff);--syn-fn:color-mix(in srgb, var(--mint) 86%, #fff);--syn-type:#e0a070;--syn-str:color-mix(in srgb, var(--olive) 72%, #fff);--syn-com:var(--faint);--syn-num:color-mix(in srgb, var(--tomato) 84%, #fff);--syn-mark:var(--onion);--syn-tv:color-mix(in srgb, var(--mint) 70%, #fff);--syn-eff:color-mix(in srgb, var(--onion) 86%, #fff);--syn-mth:color-mix(in srgb, var(--aubergine) 66%, #fff);--syn-fld:var(--ink);--syn-interp:color-mix(in srgb, var(--onion) 86%, #fff);--syn-err:var(--err);--shadow:0 1px 2px #0000004d, 0 4px 16px #0003}mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:0 0;padding:0 .1em}.mark-onion{background:linear-gradient(transparent 54%, var(--mark-onion) 54%)}.mark-lemon{background:linear-gradient(transparent 54%, var(--mark-lemon) 54%)}.mark-auber{background:linear-gradient(transparent 54%, var(--mark-auber) 54%)}.mark-mint{background:linear-gradient(transparent 54%, var(--mark-mint) 54%)}.mark-olive{background:linear-gradient(transparent 54%, var(--mark-olive) 54%)}.mark-tomato{background:linear-gradient(transparent 54%, var(--mark-tomato) 54%)}.squiggle{display:inline-block;position:relative}.sq-olive{--squiggle:var(--olive)}.sq-aubergine{--squiggle:var(--aubergine)}.sq-tomato{--squiggle:var(--tomato)}.sq-lemon{--squiggle:var(--lemon)}.sq-onion{--squiggle:var(--onion)}.sq-mint{--squiggle:var(--mint)}.squiggle svg{fill:none;width:100%;height:9px;stroke:var(--squiggle);stroke-width:3.3px;stroke-linecap:round;pointer-events:none;position:absolute;bottom:-.3em;left:0;right:0}.site-bar{z-index:20;border-bottom:1px solid var(--rule);background:color-mix(in srgb, var(--ground) 90%, transparent);backdrop-filter:saturate(1.4)blur(10px);position:sticky;top:0}.site-bar-inner{padding:.85rem var(--page-pad);color:var(--soft);align-items:center;gap:1.4rem;font-size:.82rem;display:flex}.site-bar nav{gap:1.2rem;display:flex}.site-bar nav a{color:inherit;text-decoration:none}.site-bar nav a:hover{color:var(--primary)}.site-bar nav a.on{color:var(--primary);font-weight:600}.site-bar-actions{align-items:center;gap:.55rem;margin-left:auto;display:flex}.brand{color:var(--primary);align-items:center;gap:.45rem;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand.sm{font-size:.88rem;font-weight:700}.pill{border-radius:var(--r-pill);background:var(--primary);color:var(--on-primary);padding:.34rem .9rem;font-size:.78rem;text-decoration:none}.pill:hover{background:color-mix(in srgb, var(--primary) 86%, #000)}@media (width<=760px){.site-bar-inner{gap:.8rem;font-size:.78rem}.site-bar nav{gap:.7rem;display:flex}.brand>.brand-name{display:none}}.tk-com{color:var(--syn-com);font-style:italic}.tk-str{color:var(--syn-str)}.tk-tv{color:var(--syn-tv);font-style:italic}.tk-eff{color:var(--syn-eff)}.tk-bool,.tk-num{color:var(--syn-num)}.tk-kw{color:var(--syn-kw);font-weight:700}.tk-fn{color:var(--syn-fn)}.tk-mth{color:var(--syn-mth)}.tk-fld{color:var(--syn-fld)}.tk-ctor{color:var(--syn-type);font-weight:600}.tk-interp{color:var(--syn-interp)}.tk-err{text-decoration:underline wavy var(--syn-err);text-underline-offset:3px}.mascot{width:var(--s,22px);height:var(--s,22px);vertical-align:middle;cursor:pointer;background:0 0;border:0;flex:none;padding:0;line-height:0;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:inline-block;position:relative}.mascot.is-static{cursor:inherit}.mascot:not(.is-static):hover{transform:rotate(-6deg)scale(1.06)}.mascot:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:8px}.mascot img{object-fit:contain;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mascot.is-live img{transition:opacity .18s}.mascot img.on{opacity:1}.hover-tip{z-index:50;pointer-events:none;background:var(--panel);color:var(--ink);border:1px solid var(--rule);border-radius:6px;flex-direction:column;gap:.35rem;max-width:34rem;max-height:20rem;padding:.4rem .6rem;font-size:.8rem;display:flex;position:fixed;overflow:hidden;box-shadow:0 4px 14px #0000002e}.hover-tip .ht-code{white-space:pre-wrap;overflow-wrap:break-word;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5}.hover-tip .ht-doc{color:var(--soft);border-top:1px solid var(--rule);margin:0;padding-top:.3rem;line-height:1.5}.hover-tip .ht-doc:first-child{border-top:none;padding-top:0}.hover-tip code{background:0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hover-tip .ht-err{color:var(--err)}sup.tbd{letter-spacing:.06em;color:var(--faint);vertical-align:super;cursor:help;margin-left:.18em;font-size:.58em;font-weight:700}.hover-tip .ht-err{color:var(--err);white-space:pre-wrap;font-weight:600}.page{padding-block:1rem 3rem}.page .hero{grid-template-columns:2fr 1fr;align-items:center;gap:2rem;padding:2.6rem 0 1.8rem;display:grid}@media (width>=761px){.page .hero-mascot{justify-self:center}}.page .hero h1{letter-spacing:-.025em;margin:0 0 1rem;font-size:clamp(1.9rem,3.8vw,2.6rem);font-weight:800;line-height:1.2}.page .lede{color:var(--soft);max-width:38rem;margin:0 0 1.3rem;font-size:1.02rem}.page .cta{flex-wrap:wrap;gap:.55rem;display:flex}.page .micro{color:var(--soft);margin:.5rem 0 0;font-size:.8rem}.page .micro a{color:var(--primary)}.page .tags{flex-wrap:wrap;gap:.35rem;padding:0 0 1.4rem;display:flex}.page .play{padding:0 0 1.5rem}.page .play>*{border-inline:1px solid var(--rule)}.page .playbar{border-radius:var(--r-md) var(--r-md) 0 0;border-top:1px solid var(--rule);background:0 0;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem .6rem;display:flex}.page .tabs{flex-wrap:wrap;gap:.25rem;display:flex}.page .tab{font:inherit;border-radius:var(--r-sm);color:var(--soft);cursor:pointer;background:0 0;border:0;padding:.28rem .7rem;font-family:ui-monospace,Menlo,monospace;font-size:.71rem}.page .tab.on{background:var(--raised);color:var(--ink)}.page .run{font:inherit;border-radius:var(--r-sm);background:var(--primary);color:var(--on-primary);cursor:pointer;border:0;margin-left:auto;padding:.28rem .8rem;font-family:ui-monospace,Menlo,monospace;font-size:.71rem}.page .run:disabled{opacity:.5;cursor:default}.page .code{border-top:1px solid var(--rule);background:0 0;margin:0;padding:1.1rem 1.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.79rem;line-height:1.72;overflow-x:auto}.page .out{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);border-radius:0 0 var(--r-md) var(--r-md);color:var(--soft);background:0 0;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-family:ui-monospace,Menlo,monospace;font-size:.74rem;display:flex}.page .out .dot{background:var(--olive);border-radius:50%;flex:none;width:.5rem;height:.5rem}.page .feats{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.6rem 2.6rem;padding:.2rem 0 1.4rem;display:grid}.page .feats h3{margin:0 0 .28rem;font-size:1rem;font-weight:700}.page .feats p{color:var(--soft);margin:0;font-size:.85rem}.page .states{flex-wrap:wrap;gap:.45rem;padding:0 0 1.5rem;display:flex}.page .st{border-radius:var(--r-pill);padding:.26rem .7rem;font-family:ui-monospace,Menlo,monospace;font-size:.71rem}.page .st.ok{background:var(--ok-bg);color:var(--ok)}.page .st.err{background:var(--err-bg);color:var(--err)}.page .st.warn{background:var(--warn-bg);color:var(--warn)}.page .st.info{background:var(--info-bg);color:var(--info)}.page .st.note{background:var(--note-bg);color:var(--note)}.page .st.dbg{background:var(--dbg-bg);color:var(--dbg)}@media (width<=820px){.page .hero{grid-template-columns:1fr auto;grid-template-areas:"head head""lede mascot""cta cta""micro micro";align-items:center;gap:.5rem .9rem;padding:1.6rem 0 1.2rem}.page .hero>div:first-child{display:contents}.page .hero h1{grid-area:head}.page .hero .lede{grid-area:lede;max-width:none;margin:0}.page .hero .cta{grid-area:cta;margin-top:.3rem}.page .hero .micro{grid-area:micro;margin-top:-.1rem}.page .hero-mascot{grid-area:mascot;justify-self:end}.page .hero-mascot .mascot{width:84px;height:84px}.page .feats{grid-template-columns:1fr;gap:1.4rem}}@media (width<=480px){.page .hero-mascot .mascot{width:68px;height:68px}.page .code{padding:.9rem 1rem;font-size:.72rem}.page .playbar{padding:.5rem}.page .tab{padding:.28rem .55rem}}.btn{border-radius:var(--r-pill);border:1px solid #0000;padding:.55rem 1.2rem;font-size:.85rem;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-block}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:color-mix(in srgb, var(--primary) 86%, #000)}.btn-ghost{border-color:var(--rule);color:var(--ink)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.page .play-wrap{grid-template-columns:2fr 1fr;align-items:start;gap:2rem;min-width:0;display:grid}.page .play-wrap>*{min-width:0}.page .play-aside{padding-top:0}.page .play-aside h2{letter-spacing:-.02em;color:var(--primary);margin:-.18rem 0 .5rem;font-size:1.6rem;font-weight:800;line-height:1.1}.page .play-lede{color:var(--soft);margin:0 0 .9rem;font-size:.95rem}.page .play-note{color:var(--soft);border-top:1px solid var(--rule);margin:0;padding-top:.8rem;font-size:.88rem}@media (width<=900px){.page .play-wrap{grid-template-columns:1fr;gap:1rem}.page .play-aside{order:-1;padding-top:0}.page .play-aside h2{font-size:1.3rem}}.blog-index,.post{--c:var(--primary)}.blog-head{padding:1rem 0 1.8rem}.blog-head h1,.post-head h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:2.1rem}.blog-head .lede,.post-head .lede{color:var(--soft);margin:0;font-size:1.02rem}.post-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.post-card{border:1px solid var(--rule);border-radius:var(--r-md);border-left:3px solid var(--c);background:var(--surface);transition:border-color .15s,transform .15s}.post-card:hover{border-color:color-mix(in srgb, var(--c) 45%, var(--rule))}.post-card a{color:inherit;padding:1.1rem 1.3rem;text-decoration:none;display:block}.post-card time,.post-head time{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;font-family:ui-monospace,Menlo,monospace;font-size:.7rem}.post-card h2{margin:.35rem 0 .4rem;font-size:1.12rem;font-weight:700}.post-card p{color:var(--soft);margin:0;font-size:.92rem;line-height:1.6}.post .back{color:var(--soft);margin-bottom:1.4rem;font-size:.82rem;text-decoration:none;display:inline-block}.post .back:hover{color:var(--c)}.post-head{border-bottom:1px solid var(--rule);margin-bottom:1.8rem;padding:0 0 1.6rem}.post-body{max-width:40rem;padding-bottom:3rem;line-height:1.75}.post-body h2{margin:2.2rem 0 .7rem;font-size:1.22rem;font-weight:700}.post-body h3{margin:1.8rem 0 .6rem;font-size:1.02rem;font-weight:700}.post-body p{margin:0 0 1.05rem}.post-body ul,.post-body ol{margin:0 0 1.05rem;padding-left:1.3rem}.post-body li{margin:.3rem 0}.post-body a{color:var(--c);text-underline-offset:2px}.post-body code{background:var(--raised);border-radius:var(--r-sm);padding:.12em .38em;font-family:ui-monospace,Menlo,monospace;font-size:.86em}.post-body pre{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-md);margin:0 0 1.2rem;padding:1rem 1.15rem;font-size:.8rem;line-height:1.7;overflow-x:auto}.post-body pre code{background:0 0;padding:0}.post-body blockquote{border-left:3px solid var(--c);color:var(--soft);margin:0 0 1.2rem;padding:.2rem 0 .2rem 1.1rem}.post-editor{width:min(100%,62rem);height:34rem;margin:0 0 1.8rem;display:flex}@media (width<=760px){.post-editor{height:30rem}}.theme-toggle[data-astro-cid-l6lhmie6]{border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--panel);width:2rem;height:2rem;color:var(--soft);cursor:pointer;flex:none;place-items:center;padding:0;display:inline-grid}.theme-toggle[data-astro-cid-l6lhmie6]:hover{color:var(--primary);border-color:var(--primary)}.theme-toggle[data-astro-cid-l6lhmie6]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle[data-astro-cid-l6lhmie6] svg[data-astro-cid-l6lhmie6]{fill:currentColor;stroke:currentColor;display:block}.theme-toggle[data-astro-cid-l6lhmie6] .rays[data-astro-cid-l6lhmie6]{fill:none}*,:before,:after{box-sizing:border-box}body{background:var(--ground);min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.6;display:flex}.site-main{flex:auto;min-height:0}.site-main.is-page{max-width:var(--page-w);padding:0 var(--page-pad);width:100%;margin:0 auto}.site-main.is-full{padding-inline:var(--page-pad);max-width:100%;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance}a{color:var(--primary)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}