:root{color-scheme:light dark;--font-serif:"Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--paper:#fbf4ec;--surface:#fffaf4;--paper-deep:#fce2ca;--ink:#141b1b;--ink-soft:#3b3643;--muted:#816855;--line:#d6c2ac;--model:#2d697b;--model-bright:#71ddee;--you:#e46d3a;--you-bright:#ff9554;--sun:#ffe18d;--console-bg:#141b1b;--console-fg:#fce2ca;--console-dim:#8e7c73}@media (prefers-color-scheme:dark){:root{--paper:#141b1b;--surface:#1b2323;--paper-deep:#0e1313;--ink:#fce2ca;--ink-soft:#eecf9b;--muted:#b3957f;--line:#4e484a;--model:#71ddee;--you:#ff9554;--console-bg:#0c1111}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable}html.is-held{overflow:hidden}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-serif);font-feature-settings:"kern", "liga", "onum";text-rendering:optimizelegibility;flex-direction:column;margin:0;font-size:1.0625rem;line-height:1.55;display:flex}a{color:inherit;text-decoration:underline;text-decoration-color:var(--you);text-underline-offset:.15em;text-decoration-thickness:1px}a:hover{color:var(--you)}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;margin:0 0 .6em;font-weight:500;line-height:1.15}h2{font-size:clamp(1.6rem,3vw,2.2rem)}h3{font-size:1.15rem}p{margin:0 0 1em}code,kbd,pre{font-family:var(--font-mono)}code{color:var(--you);font-size:.9em}.wrap{width:100%;max-width:64rem;margin:0 auto;padding-inline:clamp(1rem,4vw,2.5rem)}.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}main{flex-direction:column;flex:1;display:flex}main:before,main:after{content:""}main:before{flex:382 0 0}main:after{flex:618 0 0}.hero{padding-block:2rem}.lede{text-align:justify;text-align-last:center;max-width:44rem;color:var(--ink-soft);margin:1.25rem auto 0;font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.45}@media (width<=40rem){.lede{text-align:center}}.hero__cta{text-align:center;margin:2.25rem 0 0}.cta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--you);border:1px solid #0000;border-radius:999px;padding:.75em 1.5em;font-size:.8rem;font-weight:500;text-decoration:none;transition:border-color .3s ease-out,background-color .2s ease-out,color .2s ease-out;display:inline-block}.cta.is-started{border-color:var(--you)}.cta:hover{background:var(--you);color:var(--paper)}.site-footer{text-align:center;padding-block:2.5rem 2rem}.wordmark{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.8rem;font-weight:500}.derivation{min-width:0;margin:0;position:relative}.frame__home{transition:height var(--flight-duration) var(--flight-easing);position:relative}.frame{background:var(--paper);position:absolute;inset:0;overflow:hidden}.frame.is-afloat{z-index:10;touch-action:none;position:fixed}.frame__view{position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);mask-composite:intersect}.stage{white-space:nowrap;transform-origin:0 0;transition:transform var(--flight-duration) var(--flight-easing);padding-inline:2rem;position:absolute;top:0;left:0}.tree{pointer-events:none;position:absolute;inset:0;overflow:visible}.edge,.drop{fill:none;stroke:var(--line);stroke-width:1.25px;stroke-linecap:round;transition:stroke-dashoffset .45s cubic-bezier(.25,.8,.25,1)}.joint__dot{fill:var(--surface);stroke:var(--line);stroke-width:1.25px;transform-box:fill-box;transform-origin:50%;transition:transform .35s cubic-bezier(.2,.9,.3,1.3),fill .3s,stroke .3s,r .3s;transform:scale(0)}.joint.is-revealed .joint__dot{transform:none}.joint__label{font-family:var(--font-mono);letter-spacing:.08em;fill:var(--muted);user-select:none;opacity:0;font-size:10px;font-weight:500;transition:opacity .3s ease-out .15s}.joint.is-revealed .joint__label{opacity:1}.joint--slot .joint__dot{stroke:var(--you)}.joint--slot .joint__label{fill:var(--you)}.joint.is-derived .joint__dot{fill:var(--line)}.joint--slot.is-derived .joint__dot{fill:var(--you)}.joint.is-head .joint__dot{r:4.5px;fill:var(--model);stroke:var(--model)}.derivation[data-baton=you] .joint.is-head .joint__dot{fill:var(--you);stroke:var(--you)}.joint.is-halted .joint__dot{animation:1.1s ease-in-out infinite halt-pulse}@keyframes halt-pulse{0%,to{filter:drop-shadow(0 0 #e46d3a00)}50%{filter:drop-shadow(0 0 5px #e46d3acc)}}.yield{font-family:var(--font-serif);letter-spacing:-.012em;color:var(--ink);font-size:clamp(2rem,5.4vw,3.6rem);font-weight:400;line-height:1.12}.stage__line{margin:0}.word{transition:opacity .3s ease-out;display:inline-block}.word.is-pending{opacity:0}.word--model{font-style:italic}.word--you{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--you);border-radius:.12em;padding:0 .1em;font-size:.78em;font-style:normal;font-weight:500}.word--you.is-derived{animation:.55s cubic-bezier(.2,.7,.2,1) both type-in}@keyframes type-in{0%,35%{background:var(--sun)}to{background:0 0}}.menu{--menu-row:26px;--menu-gap:4px;--menu-caret-inset:.55em;font-family:var(--font-mono);margin:0;padding:0;font-size:1rem;font-weight:500;animation:.2s ease-out both fade-in;display:block;position:absolute}.menu__option{height:var(--menu-row);line-height:calc(var(--menu-row) - 2px);border:1px dashed var(--line);background:var(--surface);color:var(--muted);text-align:left;border-radius:7px;padding:0 .6em 0 1.4em;transition:color .15s,border-color .15s;display:block}.menu__option+.menu__option{margin-top:var(--menu-gap)}.menu__option.is-active{border-style:solid;border-color:var(--you);color:var(--you)}.menu__caret{left:var(--menu-caret-inset);height:var(--menu-row);line-height:var(--menu-row);color:var(--you);transform:translateY(calc(var(--row,0) * (var(--menu-row) + var(--menu-gap))));transition:transform .22s cubic-bezier(.3,1.35,.5,1);position:absolute;top:0}.copy{position:relative}.copy__word{transition:opacity .3s ease-out}.copy__word.is-pending{opacity:0}.copy__word--you{font-family:var(--font-mono);color:var(--you);border-radius:.12em;padding:0 .1em;font-size:.9em;font-weight:500}.copy__word--you.is-derived{animation:.55s cubic-bezier(.2,.7,.2,1) both type-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.derivation *,.derivation :before{transition:none!important;animation:none!important}}