:root{--bg:#fafafb;--surface:#fff;--sunk:#f3f4f5;--line:#e4e5e8;--line-strong:#d3d5d9;--fg:#2a2d31;--heading:#101215;--muted:#676b72;--accent:#2f6bb0;--accent-soft:#eaf1fa;--accent-ink:#1e4f86;--ok:#2f6b3a;--ok-soft:#e8f3ea;--bad:#a23a36;--bad-soft:#fbeaea;--ink:#101215;--ink-hover:#2e3237;--on-ink:#fff;--shadow:#1012150f;--mascot-filter:none;--sans:"Google Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:"Reddit Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--wide:1120px;--ease:cubic-bezier(.16, 1, .3, 1);--z-nav:20}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#151618;--surface:#1c1d20;--sunk:#222327;--line:#2d2f33;--line-strong:#3a3d42;--fg:#d5d7da;--heading:#f2f3f5;--muted:#9a9da3;--accent:#8db6ea;--accent-soft:#1c2a3b;--accent-ink:#b7d0f2;--ok:#9bd0a3;--ok-soft:#1e2e22;--bad:#f0a3a0;--bad-soft:#3a2224;--ink:#f2f3f5;--ink-hover:#d5d7da;--on-ink:#151618;--shadow:#00000059;--mascot-filter:drop-shadow(0 0 1px #ffffff8c);color-scheme:dark}}:root[data-theme=dark]{--bg:#151618;--surface:#1c1d20;--sunk:#222327;--line:#2d2f33;--line-strong:#3a3d42;--fg:#d5d7da;--heading:#f2f3f5;--muted:#9a9da3;--accent:#8db6ea;--accent-soft:#1c2a3b;--accent-ink:#b7d0f2;--ok:#9bd0a3;--ok-soft:#1e2e22;--bad:#f0a3a0;--bad-soft:#3a2224;--ink:#f2f3f5;--ink-hover:#d5d7da;--on-ink:#151618;--shadow:#00000059;--mascot-filter:drop-shadow(0 0 1px #ffffff8c);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;margin:0}img,svg{max-width:100%}a{color:inherit}::selection{background:var(--accent-soft);color:var(--heading)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}[hidden]{display:none!important}[id]{scroll-margin-top:calc(80px + env(safe-area-inset-top,0px))}.skip{z-index:30;background:var(--ink);color:var(--on-ink);border-radius:6px;padding:10px 14px;font-weight:500;text-decoration:none;position:absolute;top:-60px;left:16px}.skip:focus{top:12px}.wrap{width:100%;max-width:calc(var(--wide) + 64px);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}@media (width>=720px){.wrap{padding-left:max(32px, env(safe-area-inset-left,0px));padding-right:max(32px, env(safe-area-inset-right,0px))}}h1,h2,h3{color:var(--heading);text-wrap:balance;margin:0;font-weight:600}h1{letter-spacing:-.03em;font-size:clamp(2.5rem,5.4vw,4.1rem);line-height:1.08}h2{letter-spacing:-.025em;font-size:clamp(1.85rem,3.4vw,2.6rem);line-height:1.15}h3{letter-spacing:-.005em;font-size:1.06rem;line-height:1.35}p{text-wrap:pretty;margin:0}.lede{max-width:62ch;font-size:clamp(1.06rem,1.5vw,1.16rem)}.muted{color:var(--muted)}.eyebrow{font:500 13.5px/1.2 var(--mono);color:var(--accent)}code,kbd,pre{font-family:var(--mono)}p code,li code,dd code,td code,span code{background:var(--sunk);border:1px solid var(--line);color:var(--heading);border-radius:4px;padding:.1em .36em;font-size:.88em}.tag{font:500 12.5px/1.3 var(--mono);white-space:nowrap;background:var(--sunk);color:var(--muted);border-radius:4px;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.tag.accent{background:var(--accent-soft);color:var(--accent-ink)}.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.bad{background:var(--bad-soft);color:var(--bad)}.ico{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1.02;stroke-dashoffset:0;flex:none;width:20px;height:20px}.ico[data-pre]{stroke-dashoffset:1px;opacity:0}.ico.draw{animation:draw 1s var(--ease) both;animation-delay:var(--d,0s)}@keyframes draw{0%{stroke-dashoffset:1px;opacity:0}12%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.hov:hover .ico[data-a=spin],.hov:focus-visible .ico[data-a=spin]{animation:spin .8s var(--ease)}.hov:hover .ico[data-a=bob]{animation:.9s ease-in-out bob}.hov:hover .ico[data-a=shake]{animation:.5s ease-in-out shake}.hov:hover .ico[data-a=buzz]{animation:.42s linear buzz}.hov:hover .ico[data-a=redraw]{animation:draw .9s var(--ease)}.hov:hover .ico[data-a=nudge]{animation:nudge .5s var(--ease)}.hov:hover .ico[data-a=fly]{animation:fly .8s var(--ease)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{25%,75%{transform:translateY(-3px)}50%{transform:translateY(0)}}@keyframes shake{20%{transform:rotate(-10deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(4deg)}}@keyframes buzz{12%,37%,62%,87%{transform:translate(-1.5px)}25%,50%,75%{transform:translate(1.5px)}}@keyframes nudge{50%{transform:translate(2px,-2px)}}@keyframes fly{45%{opacity:0;transform:translate(5px,-5px)}55%{opacity:0;transform:translate(-5px,5px)}}.ico-box{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.btn{min-height:42px;font:500 15px/1 var(--sans);color:var(--heading);background:var(--surface);border:1px solid var(--line-strong);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;transition:background-color .18s,border-color .18s,transform .12s;display:inline-flex}.btn:hover{background:var(--sunk)}.btn:active{transform:translateY(1px)}.btn-ink{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.btn-ink:hover{background:var(--ink-hover);border-color:var(--ink-hover)}.link{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--accent) 35%, transparent);text-underline-offset:3px;font-weight:500}.link:hover{text-decoration-color:currentColor}.cmd{background:var(--surface);border:1px solid var(--line-strong);max-width:100%;min-height:50px;font:500 15.5px/1 var(--mono);color:var(--heading);border-radius:8px;align-items:center;gap:12px;padding:0 6px 0 16px;display:inline-flex}.cmd .prompt{color:var(--muted)}.cmd code{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.copy{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;transition:background-color .18s,color .18s;display:inline-grid}.copy:hover{background:var(--sunk);color:var(--heading)}.copy:active .ico{transform:scale(.85)}.copy[data-done]{color:var(--ok)}.nav{top:env(safe-area-inset-top,0px);z-index:var(--z-nav);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:saturate(140%)blur(10px);border-bottom:1px solid var(--line);position:sticky}.nav .wrap{align-items:center;gap:28px;height:62px;display:flex}.brand{color:var(--heading);font:600 1.2rem/1 var(--sans);letter-spacing:-.02em;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.nav-links{gap:22px;margin-left:auto;font-size:14.5px;display:flex}.nav-links a{color:var(--muted);border-bottom:2px solid #0000;padding:6px 0;text-decoration:none;transition:color .18s,border-color .18s}.nav-links a:hover{color:var(--heading)}.nav-links a[aria-current=true]{color:var(--heading);border-bottom-color:var(--accent)}.nav .btn{min-height:36px;padding:0 12px;font-size:14px}.nav-actions{align-items:center;gap:10px;display:flex}@media (width<=880px){.nav-links{display:none}.nav-actions{margin-left:auto}}.window{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.chrome{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-width:0;height:42px;padding:0 14px;display:flex}.dots{flex:none;gap:7px;display:inline-flex}.dots i{background:var(--line-strong);border-radius:50%;width:11px;height:11px}.chrome-title{font:500 13px/1 var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.chrome-meta{font:400 12.5px/1 var(--mono);color:var(--muted);white-space:nowrap;margin-left:auto}@media (width<=560px){.chrome-meta{display:none}}.code{color:var(--fg);background:var(--surface);tab-size:2;margin:0;padding:18px 20px;font-size:13.2px;line-height:1.7;overflow-x:auto}.code .k{color:var(--heading);font-weight:500}.code .s{color:var(--ok)}.code .n{color:var(--accent)}.code .c{color:var(--muted)}.code .kw{color:var(--accent-ink);font-weight:500}footer{border-top:1px solid var(--line);padding-block:32px calc(32px + env(safe-area-inset-bottom,0px));color:var(--muted);font-size:14px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px 24px;display:flex}footer a{color:var(--muted)}footer a:hover{color:var(--heading)}.reveal{transition:opacity .6s var(--ease), transform .6s var(--ease);transition-delay:calc(var(--i,0) * 80ms)}.reveal[data-pre]{opacity:0;transform:translateY(12px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal[data-pre]{opacity:1;transform:none}.ico[data-pre]{opacity:1;stroke-dashoffset:0}}.brand img{flex:none;width:30px;height:30px}.brand-name{line-height:1;display:grid}.brand-name small{font:600 10.5px/1 var(--mono);letter-spacing:.04em;color:var(--muted);margin-top:3px}.brand:hover img{animation:.9s ease-in-out bob}.linklike:where(.astro-jo6i4kqk){font:inherit;color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.linklike:where(.astro-jo6i4kqk):hover{color:var(--heading)}