:root,:root[data-theme=dark]{--bg: #0a0c10;--surface: #11151c;--surface-2: #161b23;--line: rgba(240, 246, 252, .09);--ink: #f0f6fc;--muted: #99a2ad;--faint: #6c7481;--ruby: #e5534b;--ruby-deep: #cc342d;--green: #7ee787;--amber: #e3b341;--glow: rgba(229, 83, 75, .14)}:root[data-theme=light]{--bg: #faf8f5;--surface: #ffffff;--surface-2: #f3f0ea;--line: rgba(28, 33, 40, .12);--ink: #1c2128;--muted: #57606a;--faint: #848d97;--ruby: #cc342d;--ruby-deep: #a92a24;--green: #1a7f37;--amber: #9a6700;--glow: rgba(204, 52, 45, .08)}:root{--ease: cubic-bezier(.2, .7, .2, 1);--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;color-scheme:dark}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:radial-gradient(90rem 42rem at 50% -18rem,var(--glow),transparent 60%),var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased;transition:background .35s var(--ease),color .35s var(--ease)}::selection{background:var(--glow)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit}:focus:not(:focus-visible){outline:none}:focus-visible{outline:1.5px solid color-mix(in srgb,var(--ruby) 55%,transparent);outline-offset:3px}section{padding:7.5rem 1.5rem}.container{max-width:980px;margin:0 auto}nav{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:10;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.05rem 1.9rem;border-radius:0;background:transparent;border:1px solid transparent;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:width .5s var(--ease),top .5s var(--ease),padding .5s var(--ease),border-radius .5s var(--ease),background .4s,border-color .4s,box-shadow .4s,backdrop-filter .4s}nav.scrolled{top:14px;width:min(860px,calc(100% - 1.6rem));padding:.5rem .55rem .5rem 1.1rem;border-radius:14px;background:color-mix(in srgb,var(--surface) 74%,transparent);backdrop-filter:blur(9px) saturate(1.3);-webkit-backdrop-filter:blur(9px) saturate(1.3);border-color:var(--line);box-shadow:inset 0 1px #f0f6fc0f,0 14px 42px #00000042}:root[data-theme=light] nav.scrolled{box-shadow:0 12px 36px #1c21281c}nav .brand{display:flex;align-items:center;gap:.6rem;font-weight:650;text-decoration:none;font-size:.98rem}nav .brand .wordmark{width:40px;color:var(--ink)}nav .links{display:flex;align-items:center;gap:1.3rem;font-size:.92rem}nav .links>a:not(.cta){text-decoration:none;color:var(--muted)}nav .links>a:not(.cta):hover{color:var(--ink)}nav .links>a.cta{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-size:.9rem;font-weight:600;color:var(--bg);background:var(--ink);padding:.5rem 1rem;border-radius:10px;transition:transform .18s var(--ease),box-shadow .18s}nav .links>a.cta:hover{color:var(--bg);transform:translateY(-1px);box-shadow:0 6px 18px #0000004d}nav .cta svg{flex:none}#theme{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--muted);transition:color .2s,background .2s}#theme:hover{color:var(--ink);background:var(--surface-2)}.sunmoon .cutout{transform:translate(14px,-14px);transition:transform .5s var(--ease)}.sunmoon .rays line{transform-origin:12px 12px;transition:transform .4s var(--ease),opacity .3s}.sunmoon .core{transition:r .4s var(--ease)}:root[data-theme=light] .sunmoon .cutout{transform:translate(3.5px,-3.5px)}:root[data-theme=light] .sunmoon .rays line{transform:scale(0);opacity:0}:root[data-theme=light] .sunmoon .core{r:7}.hero{min-height:100svh;display:grid;place-content:center;text-align:center;gap:1.05rem;padding:5rem 1.5rem 4rem}.hero-mark{width:min(540px,74vw);margin:0 auto .5rem;color:var(--ink);position:relative}.hero-mark .wordmark{display:block;-webkit-mask-image:linear-gradient(112deg,transparent 0%,transparent calc(var(--sweep) - 14%),#000 var(--sweep),#000 100%);mask-image:linear-gradient(112deg,transparent 0%,transparent calc(var(--sweep) - 14%),#000 var(--sweep),#000 100%);animation:sweep 2.6s var(--ease) .25s both}@property --sweep{syntax: "<percentage>"; inherits: true; initial-value: 118%;}@keyframes sweep{0%{--sweep: 118%}to{--sweep: -20%}}.hero-mark .stroke{opacity:0;transform:translateY(2%);filter:blur(5px);animation:bloom .8s var(--ease) forwards;animation-delay:calc(.34s * var(--i) + .1s)}@keyframes bloom{to{opacity:1;transform:none;filter:none}}.hero-mark:before,.hero-mark:after{content:"";position:absolute;z-index:-1;opacity:0;border-radius:50%;transform:rotate(-9deg)}.hero-mark:after{inset:26% -4% auto;height:44%;background:radial-gradient(ellipse 58% 90% at 48% 50%,color-mix(in srgb,var(--ruby) 16%,transparent),transparent 74%);animation:pool 2.6s var(--ease) .4s forwards}.hero-mark:before{inset:10% 8% auto;height:66%;background:radial-gradient(ellipse 52% 80% at 60% 42%,color-mix(in srgb,var(--ruby) 10%,transparent),transparent 68%);filter:blur(6px);animation:pool 2.6s var(--ease) .5s forwards,drift 9s ease-in-out 3.2s infinite alternate}@keyframes pool{0%{opacity:0;transform:rotate(-9deg) scaleX(.25)}to{opacity:1;transform:rotate(-9deg) scaleX(1)}}@keyframes drift{0%{opacity:.6;transform:rotate(-9deg) scale(1) translate(0)}to{opacity:1;transform:rotate(-8deg) scale(1.09) translate(2%)}}.hero .name{font-size:clamp(2rem,5vw,2.75rem);font-weight:760;letter-spacing:.12em;animation:settle 1.1s var(--ease) 2.45s forwards}.hero .name span{display:inline-block;opacity:0;transform:translateY(.45em);filter:blur(4px);animation:letter .6s var(--ease) forwards;animation-delay:calc(2.35s + .07s * var(--l))}@keyframes letter{to{opacity:1;transform:none;filter:none}}@keyframes settle{to{letter-spacing:.015em}}.hero .tagline{color:var(--muted);font-size:clamp(1.05rem,2.4vw,1.28rem)}.hero .tagline,.hero .install-wrap,.hero .cue{opacity:0;transform:translateY(14px);animation:rise .8s var(--ease) forwards}.hero .tagline{animation-delay:2.68s}.hero .install-wrap{animation-delay:2.95s}.hero .cue{animation-delay:3.7s}@keyframes rise{to{opacity:1;transform:none}}.install{font-family:var(--mono);font-size:.98rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:.8rem 1.15rem;display:inline-flex;gap:.6rem;align-items:center;transition:border-color .25s,box-shadow .25s}.install:hover{border-color:color-mix(in srgb,var(--ruby) 45%,var(--line));box-shadow:0 0 0 4px var(--glow)}.install .prompt{color:var(--ruby);user-select:none}.install .typed{min-width:17ch;text-align:left}.install .typed:after{content:"";display:inline-block;width:.55em;height:1.1em;background:var(--ink);vertical-align:text-bottom;margin-left:2px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.install svg{color:var(--faint)}.install:hover svg{color:var(--ink)}.install:active{transform:scale(.98)}.install .cpy{position:relative;display:inline-flex;width:14px;height:14px}.install .cpy svg{position:absolute;inset:0;transition:opacity .18s,transform .22s var(--ease)}.install .cpy .ic-check{opacity:0;transform:scale(.5);color:var(--green)}.install.copied .ic-copy{opacity:0;transform:scale(.5)}.install.copied .ic-check{opacity:1;transform:scale(1);color:var(--green)}.install.copied{border-color:color-mix(in srgb,var(--green) 45%,var(--line))}.cue{color:var(--faint);font-size:.9rem;text-decoration:none;margin-top:1.4rem}.cue:hover{color:var(--ink)}.kicker{color:var(--ruby);font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.16em}h2{font-family:ui-serif,Iowan Old Style,Georgia,Times New Roman,serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:480;margin:.4rem 0 .6rem;letter-spacing:-.02em}.lede{color:var(--muted);max-width:46rem;font-size:1.02rem}.scenes{display:flex;gap:1.5rem;margin-top:2.3rem;flex-wrap:wrap}.scenes button{font-size:.92rem;font-weight:560;color:var(--faint);padding:.25rem 0;border-bottom:2px solid transparent;border-radius:0;transition:color .18s var(--ease),border-color .18s var(--ease)}.scenes button:hover{color:var(--ink)}.scenes button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ruby)}.scene-note{color:var(--muted);font-size:.94rem;margin-top:1rem;min-height:2.6em;max-width:44rem}.terminal{margin-top:1.1rem;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 30px 90px #00000059}:root[data-theme=light] .terminal{box-shadow:0 24px 70px #1c21281f}.terminal header{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}.terminal header i{width:11px;height:11px;border-radius:50%;background:var(--line)}.terminal header .title{margin-left:10px;font-family:var(--mono);font-size:.78rem;color:var(--faint)}.terminal pre{font-family:var(--mono);font-size:.92rem;line-height:1.8;padding:1.35rem 1.5rem 1.7rem;min-height:23rem;white-space:pre-wrap;overflow-x:auto}.t-prompt{color:var(--ruby)}.t-dim{color:var(--faint)}.t-tool{color:var(--green)}.t-wait{color:var(--amber)}.t-child{color:var(--muted)}.t-steer{color:var(--ruby);font-style:italic}.approval{display:inline-flex;gap:.6rem;margin:.75rem 0 .85rem 1.7rem}.approval button{font-family:var(--mono);font-size:.84rem;padding:.42rem 1.15rem;border-radius:9px;border:1px solid var(--line);transition:all .15s}.approval .yes{border-color:color-mix(in srgb,var(--green) 55%,var(--line));color:var(--green)}.approval .yes:hover{background:color-mix(in srgb,var(--green) 14%,transparent)}.approval button:not(.yes):hover{background:var(--surface-2)}.caption{color:var(--faint);font-size:.88rem;margin-top:1rem}.replay{color:var(--muted);text-decoration:underline;padding:0}.replay:hover{color:var(--ink)}.quickstart .expressive-code{margin-top:2.2rem}#what .container{max-width:1180px}.caps{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:3rem;margin-top:2.6rem;align-items:start}.cap-rows{border-top:1px solid var(--line)}.cap-row{display:grid;grid-template-columns:2.7rem 1fr;gap:.5rem;width:100%;text-align:left;align-items:baseline;padding:1.05rem .75rem 1.05rem .55rem;border-bottom:1px solid var(--line);border-left:2px solid transparent;cursor:pointer;transition:background .2s,border-color .2s}.cap-row .idx{font-family:var(--mono);font-size:.78rem;color:var(--faint);transition:color .2s}.cap-copy{display:grid;gap:.3rem}.cap-copy strong{font-size:.98rem;font-weight:640;color:var(--muted);transition:color .2s}.cap-copy small{font-size:.88rem;line-height:1.5;color:var(--faint);display:none}.cap-row:hover{background:color-mix(in srgb,var(--surface) 55%,transparent)}.cap-row:hover .idx{color:var(--ruby)}.cap-row[aria-selected=true]{background:color-mix(in srgb,var(--surface) 70%,transparent);border-left-color:var(--ruby)}.cap-row[aria-selected=true] .idx{color:var(--ruby)}.cap-row[aria-selected=true] strong{color:var(--ink)}.cap-row[aria-selected=true] small{display:block}.cap-panes{display:grid;align-content:center;height:100%}.cap-pane{animation:pane-in .32s var(--ease)}.cap-pane .expressive-code{margin:0}@keyframes pane-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.caps{grid-template-columns:1fr;gap:1.6rem}.cap-panes{position:static}.cap-copy small{display:block}}.docs{display:grid;grid-template-columns:16.5rem minmax(0,1fr);min-height:100vh}.docs aside{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;justify-content:safe center;padding:5.5rem 1rem 2rem 2.2rem}.docs aside .kicker{text-align:center}.docs aside ul{list-style:none;margin-top:.8rem;display:grid;gap:.06rem}.docs aside a{position:relative;display:block;padding:.34rem 0 .34rem 1.15rem;font-size:.92rem;color:var(--muted);text-decoration:none;transition:color .15s}.docs aside a:before{content:"";position:absolute;left:0;top:50%;width:.55rem;height:2px;background:var(--ruby);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease)}.docs aside a:hover{color:var(--ink)}.docs aside a[aria-current=page]{color:var(--ink)}.docs aside a[aria-current=page]:before{transform:scaleX(1)}.docs article{width:100%;max-width:52rem;margin:0 auto;padding:8.2rem 2.2rem 5.5rem}.docs article h1{font-family:ui-serif,Iowan Old Style,Georgia,serif;font-weight:480;font-size:clamp(1.9rem,4vw,2.4rem);letter-spacing:-.01em;margin-bottom:1.1rem}.docs article h2{font-family:ui-serif,Iowan Old Style,Georgia,serif;font-weight:500;font-size:1.35rem;margin:2.4rem 0 .7rem}.docs article p{color:var(--muted);line-height:1.75;margin:.85rem 0}.docs article a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ruby)}.docs article code:not(pre code){font-family:var(--mono);font-size:.86em;background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--line);border-radius:5px;padding:.1em .35em}.docs article .expressive-code{margin:1.3rem 0}.docs article ul,.docs article ol{color:var(--muted);line-height:1.75;padding-left:1.3rem;margin:.85rem 0}@media(max-width:860px){.docs{grid-template-columns:1fr}.docs aside{position:static;height:auto;padding:6.5rem 1.5rem .5rem;border-right:0;border-bottom:1px solid var(--line);background:none}.docs aside ul{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.1rem}.docs article{padding-top:2rem}}.closer{text-align:center;padding:8.5rem 1.5rem 9rem}.closer h2{margin-bottom:1.6rem}.closer .install{font-size:1.05rem;padding:.95rem 1.35rem}footer{padding:0 1.5rem 2.6rem}footer .cols{border-top:1px solid var(--line);padding-top:3.6rem}footer .cols{max-width:980px;margin:0 auto;display:flex;justify-content:space-between;gap:2.5rem;flex-wrap:wrap}footer .brand-block{max-width:300px}footer .brand-block .wordmark{width:90px;color:var(--ink);margin-bottom:.7rem}footer .brand-block p{color:var(--faint);font-size:.9rem}footer .col h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin-bottom:.7rem;font-weight:600}footer .col a{display:block;color:var(--muted);text-decoration:none;font-size:.94rem;padding:.18rem 0}footer .col a:hover{color:var(--ink)}footer .bottom{max-width:980px;margin:3.4rem auto 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8rem;color:var(--faint);font-size:.85rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-mark .stroke,.hero .name,.hero .tagline,.hero .install-wrap,.hero .cue{opacity:1;transform:none;filter:none}}.static .stroke{animation:none;opacity:1;transform:none;filter:none}