:root{--bg:#fcfcfb;--surface:#f3f3f1;--line:#e6e6e2;--fg:#111110;--muted:#5e5e5a;--faint:#6b6b65;--card:#fff;--card-line:#11111014;--btn:#111110;--btn-fg:#fff;--btn2:#ecece9;--inv-bg:#111110;--inv-fg:#f4f4f1;--inv-muted:#a2a29c;--shadow:0 1px 2px #1111100a, 0 16px 40px -20px #11111038;--lav:#7c5cff;--lav-t:#efebff;--lav-2:#5b3fe0;--pink:#e94e93;--pink-t:#fce8f1;--yellow:#d99a00;--yellow-t:#fdf4d3;--red:#b83232;--red-t:#fde8e6;--ok:#157a40;--ok-t:#e3f4ea;--bp:#2f6feb;--font:"Geist Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--ease:cubic-bezier(.2,.8,.2,1);--gutter:clamp(16px, 4vw, 40px);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a0b0e;--surface:#14161b;--line:#23262e;--fg:#f1f1f3;--muted:#9a9da8;--faint:#8a8d98;--card:#16181e;--card-line:#ffffff14;--btn:#f1f1f3;--btn-fg:#0a0b0e;--btn2:#1c1f26;--inv-bg:#14161b;--inv-fg:#f1f1f3;--inv-muted:#9a9da8;--shadow:0 0 0 1px #ffffff0a, 0 24px 60px -24px #000000b3;--lav:#a08bff;--lav-t:#1c1932;--lav-2:#c4b6ff;--pink:#f472ac;--pink-t:#2a1621;--yellow:#f2b705;--yellow-t:#27200b;--red:#f07171;--red-t:#2e1515;--ok:#3cc274;--ok-t:#102619;--bp:#8fb4ff;color-scheme:dark}}:root[data-theme=dark]{--bg:#0a0b0e;--surface:#14161b;--line:#23262e;--fg:#f1f1f3;--muted:#9a9da8;--faint:#8a8d98;--card:#16181e;--card-line:#ffffff14;--btn:#f1f1f3;--btn-fg:#0a0b0e;--btn2:#1c1f26;--inv-bg:#14161b;--inv-fg:#f1f1f3;--inv-muted:#9a9da8;--shadow:0 0 0 1px #ffffff0a, 0 24px 60px -24px #000000b3;--lav:#a08bff;--lav-t:#1c1932;--lav-2:#c4b6ff;--pink:#f472ac;--pink-t:#2a1621;--yellow:#f2b705;--yellow-t:#27200b;--red:#f07171;--red-t:#2e1515;--ok:#3cc274;--ok-t:#102619;--bp:#8fb4ff;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:1.0625rem;line-height:1.65;overflow-x:clip}h1,h2,h3,h4{letter-spacing:-.028em;text-wrap:balance;margin:0;font-weight:500;line-height:1.1}p{text-wrap:pretty;margin:0}ul,ol,dl,dd,figure{margin:0;padding:0}.wrap{width:100%;max-width:1200px;padding-inline:var(--gutter);margin-inline:auto}.eyebrow{color:var(--muted);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.dot{background:var(--c,var(--lav));border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.num{font-variant-numeric:tabular-nums;letter-spacing:-.04em}:focus-visible{outline:2px solid var(--bp);outline-offset:3px;border-radius:8px}.hero{background:var(--grain), radial-gradient(ellipse 60% 70% at 85% 30%, color-mix(in srgb, var(--lav) 18%, transparent), transparent 70%), var(--lav-t);border-radius:clamp(24px,3vw,36px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);margin-top:clamp(20px,3vw,32px);padding:clamp(28px,5vw,72px);display:grid}.hero>*{min-width:0}.hero h1{letter-spacing:-.05em;margin-top:1rem;font-size:clamp(3rem,2rem + 4.4vw,5.5rem);line-height:.98}.hero .sub{letter-spacing:-.02em;color:color-mix(in srgb, var(--fg) 78%, transparent);max-width:24ch;margin-top:.75rem;font-size:clamp(1.25rem,1.1rem + .7vw,1.625rem);line-height:1.3}.hero .lede{color:color-mix(in srgb, var(--fg) 70%, transparent);max-width:46ch;margin-top:1.25rem}@media (width<=900px){.hero{grid-template-columns:minmax(0,1fr)}}.tldr{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.tldr div{background:var(--surface);border-radius:20px;align-content:start;gap:.25rem;min-width:0;padding:18px 20px;display:grid}.tldr dt{color:var(--muted);font-size:.8125rem}.tldr dd{font-size:.9375rem;font-weight:500;line-height:1.4}.tldr .out{background:var(--fg);color:var(--bg)}.tldr .out dt{color:color-mix(in srgb, var(--bg) 65%, transparent)}.tldr .out dd{letter-spacing:-.04em;font-size:1.5rem}@media (width<=900px){.tldr{grid-template-columns:repeat(2,minmax(0,1fr))}.tldr .out{grid-column:span 2}}.in30{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,40px);margin-top:clamp(40px,5vw,64px);padding-block:clamp(24px,3vw,32px);display:grid}.in30 h2{color:var(--muted);letter-spacing:0;grid-column:1/-1;font-size:.875rem;font-weight:500}.in30 div{gap:.375rem;display:grid}.in30 b{font-size:.9375rem;font-weight:600}.in30 p{color:var(--muted);font-size:.9375rem}@media (width<=760px){.in30{grid-template-columns:minmax(0,1fr)}}.body{grid-template-columns:180px minmax(0,1fr);gap:56px;margin-top:clamp(56px,7vw,96px);display:grid}.toc{align-self:start;gap:2px;font-size:.875rem;display:grid;position:sticky;top:96px}.toc a{color:var(--muted);border-radius:8px;grid-template-columns:26px 1fr;padding:.375rem .5rem;text-decoration:none;transition:background .2s,color .2s;display:grid}.toc a span{font:500 .75rem/1.9 var(--mono);color:var(--faint)}.toc a.on{background:var(--lav-t);color:var(--fg)}.toc a.on span{color:var(--lav-2)}@media (width<=1080px){.body{grid-template-columns:minmax(0,1fr)}.toc{display:none}}.ch{gap:clamp(24px,3vw,36px);padding-bottom:clamp(72px,9vw,120px);scroll-margin-top:88px;display:grid}.ch-head{gap:.75rem;max-width:720px;display:grid}.ch-num{font:500 .8125rem/1 var(--mono);color:var(--lav-2)}.ch h2{letter-spacing:-.035em;font-size:clamp(1.875rem,1.4rem + 1.9vw,2.875rem)}.ch-head p{color:var(--muted);font-size:1.125rem}.prose{gap:1rem;max-width:64ch;display:grid}.prose p{color:color-mix(in srgb, var(--fg) 82%, transparent)}.prose strong{color:var(--fg);font-weight:600}.fig{gap:.875rem;display:grid}.stage{background:var(--grain), var(--surface);border-radius:24px;place-items:center;min-width:0;padding:clamp(20px,4vw,48px);display:grid;overflow:hidden}.stage.tint{background:var(--grain), var(--lav-t)}.cap{color:var(--muted);align-items:baseline;gap:.625rem;max-width:72ch;font-size:.875rem;display:flex}.cap b{color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:999px;flex:none;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.split{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.split>*{min-width:0}@media (width<=860px){.split{grid-template-columns:minmax(0,1fr)}}.mock{background:var(--card);border:1px solid var(--card-line);width:100%;max-width:520px;box-shadow:var(--shadow);border-radius:18px;font-size:.8125rem;line-height:1.45;overflow:hidden}.mock-bar{border-bottom:1px solid var(--card-line);align-items:center;gap:.75rem;min-width:0;padding:.75rem 1rem;display:flex}.lights{flex:none;gap:5px;display:flex}.lights i{background:var(--line);border-radius:50%;width:9px;height:9px}.mock-bar span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.75rem;overflow:hidden}.mock-foot{border-top:1px solid var(--card-line);color:var(--muted);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.75rem;display:flex}.mini-btn{background:var(--btn);color:var(--btn-fg);white-space:nowrap;border-radius:999px;padding:.4375rem .875rem;font-weight:500}.mini-btn.ghost{background:var(--btn2);color:var(--fg)}.q-list{gap:2px;padding:.5rem;list-style:none;display:grid}.q{border-radius:12px;grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:.625rem;padding:.625rem;display:grid}.q .n{font:500 .6875rem/1.9 var(--mono);color:var(--faint)}.q .st{white-space:nowrap;color:var(--ok);font-size:.75rem;line-height:1.6}.q small{color:var(--muted);margin-top:.125rem;font-size:.75rem;display:block}.stack1{display:grid}.stack1>*{grid-area:1/1}.flag{background:var(--yellow-t);color:var(--fg);white-space:nowrap;border-radius:999px;justify-self:end;padding:.125rem .5rem;font-size:.6875rem;font-weight:500}.flow{counter-reset:s;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%;list-style:none;display:grid}.flow li{background:var(--card);border:1px solid var(--card-line);animation:step 10s var(--ease) infinite;animation-delay:calc(var(--i) * 2s);border-radius:16px;align-content:start;gap:.375rem;padding:14px;font-size:.8125rem;line-height:1.4;display:grid;position:relative}.flow li b{font-size:.875rem;font-weight:600}.flow li span{color:var(--muted)}.flow li:before{counter-increment:s;content:counter(s);width:22px;height:22px;font:500 .6875rem/1 var(--mono);background:var(--surface);color:var(--muted);border-radius:50%;place-items:center;display:grid}.flow li.pain{border-color:color-mix(in srgb, var(--red) 40%, transparent)}.flow li.pain:after{content:"Where people left";background:var(--red);color:#fff;border-radius:999px;padding:.125rem .4375rem;font-size:.625rem;font-weight:600;position:absolute;top:-10px;right:10px}@keyframes step{0%,18%{box-shadow:0 0 0 2px var(--lav);transform:translateY(-2px)}22%,to{transform:none;box-shadow:0 0 #0000}}@media (width<=760px){.flow{grid-template-columns:minmax(0,1fr)}.flow li{grid-template-columns:22px minmax(0,1fr);column-gap:.75rem}.flow li:before{grid-row:span 2}}.people{justify-items:center;gap:1.25rem;width:100%;display:grid}.crowd{flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.4vw,14px);display:flex}.p{aspect-ratio:.62;width:clamp(24px,5vw,40px);position:relative}.p:before{content:"";aspect-ratio:1;background:var(--pc);border-radius:50%;width:56%;position:absolute;top:0;left:50%;transform:translate(-50%)}.p:after{content:"";background:var(--pc);border-radius:999px 999px 8px 8px;height:58%;position:absolute;bottom:0;left:0;right:0}.p.stay{--pc:var(--lav)}.p.leave{--pc:color-mix(in srgb, var(--fg) 22%, transparent);animation:leave 6s var(--ease) infinite;animation-delay:calc(var(--i) * .15s)}@keyframes leave{0%,25%{opacity:1;transform:none}45%,85%{opacity:.15;transform:translateY(10px)}to{opacity:1;transform:none}}.legend{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;font-size:.875rem;display:flex}.legend span{align-items:center;gap:.5rem;display:inline-flex}.big-stat{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.75rem;display:flex}.big-stat b{font-size:clamp(3rem,2rem + 4vw,5rem);font-weight:500;line-height:1}.big-stat span{color:var(--muted)}.trap .q-list li{animation:none}.trap .ok-a{animation:wipeOk 9s var(--ease) infinite}.trap .bad{animation:badRow 9s var(--ease) infinite}.trap .regen{animation:pressBtn 9s var(--ease) infinite}.trap .toast{white-space:nowrap;background:var(--red);color:#fff;animation:toast 9s var(--ease) infinite;border-radius:999px;padding:.5rem .875rem;font-size:.75rem;font-weight:500;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.trap{position:relative}@keyframes wipeOk{0%,48%{opacity:1}54%,92%{opacity:0}to{opacity:1}}@keyframes badRow{0%,12%{background:0 0}18%,48%{background:var(--red-t)}54%,to{background:0 0}}@keyframes pressBtn{0%,40%{box-shadow:none;transform:none}44%{box-shadow:0 0 0 3px color-mix(in srgb, var(--fg) 20%, transparent);transform:scale(.94)}50%,to{box-shadow:none;transform:none}}@keyframes toast{0%,55%{opacity:0;transform:translate(-50%,8px)}60%,88%{opacity:1;transform:translate(-50%)}94%,to{opacity:0}}.pending{color:var(--faint);white-space:nowrap;font-size:.75rem;line-height:1.6}.quote-big{letter-spacing:-.03em;max-width:30ch;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.25rem);line-height:1.2}.quote-big em{color:var(--lav-2);font-style:normal}.opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.opt{border:1px solid var(--line);background:var(--card);border-radius:22px;align-content:start;gap:.875rem;padding:clamp(20px,2.4vw,28px);display:grid}.opt.win{border:2px solid var(--lav);background:var(--grain), var(--lav-t)}.opt h3{justify-content:space-between;align-items:center;gap:.75rem;font-size:1.25rem;display:flex}.tag{background:var(--surface);color:var(--muted);white-space:nowrap;letter-spacing:0;border-radius:999px;padding:.1875rem .625rem;font-size:.75rem;font-weight:500}.opt.win .tag{background:var(--lav);color:#fff}.opt ul{gap:.5rem;font-size:.9375rem;list-style:none;display:grid}.opt li{grid-template-columns:18px minmax(0,1fr);gap:.5rem;display:grid}.opt li:before{font-family:var(--mono)}.opt li.pro:before{content:"+";color:var(--ok)}.opt li.con:before{content:"−";color:var(--red)}@media (width<=760px){.opts{grid-template-columns:minmax(0,1fr)}}.tl{gap:12px;width:100%;display:grid}.tl-row{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:1rem;font-size:.875rem;display:grid}.tl-row b{font-weight:500}.tl-row small{color:var(--muted);font-size:.8125rem;display:block}.tl-bar{background:color-mix(in srgb, var(--fg) 6%, transparent);border-radius:8px;height:28px;position:relative;overflow:hidden}.tl-bar i{width:var(--w);background:var(--bc);color:#fff;white-space:nowrap;border-radius:8px;align-items:center;min-width:76px;padding-inline:.625rem;font-size:.75rem;font-style:normal;font-weight:500;display:flex;position:absolute;inset:0 auto 0 0}@media (width<=640px){.tl-row{grid-template-columns:minmax(0,1fr);gap:.375rem}}.callout{background:var(--inv-bg);color:var(--inv-fg);border-radius:22px;gap:.75rem;padding:clamp(20px,3vw,32px);display:grid}.callout .eyebrow{color:var(--inv-muted)}.callout p{letter-spacing:-.015em;max-width:52ch;font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.45}.design{border-top:1px solid var(--line);gap:clamp(20px,2.5vw,28px);padding-top:clamp(24px,3vw,36px);display:grid}.design h3{letter-spacing:-.025em;font-size:clamp(1.375rem,1.2rem + .7vw,1.75rem)}.design .goal{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.design .goal div{background:var(--surface);border-radius:16px;gap:.25rem;padding:14px 16px;display:grid}.design .goal dt{color:var(--muted);font-size:.75rem;font-weight:600}.design .goal dd{font-size:.9375rem}@media (width<=640px){.design .goal{grid-template-columns:minmax(0,1fr)}}.ba{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ba>div{align-content:start;gap:.75rem;min-width:0;display:grid}.ba .lab{align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:inline-flex}.ba .lab i{background:var(--red);border-radius:50%;width:8px;height:8px}.ba .after .lab i{background:var(--ok)}.ba .stage{min-height:260px}.ba p{color:var(--muted);font-size:.875rem}@media (width<=760px){.ba{grid-template-columns:minmax(0,1fr)}}.fix .fa{animation:fadeA 8s var(--ease) infinite}.fix .fb{animation:fadeB 8s var(--ease) infinite}.fix .row3{animation:rowOk 8s var(--ease) infinite}.editing{gap:.375rem;margin-top:.375rem;display:grid}.editing .field{border:1.5px solid var(--lav);background:var(--card);border-radius:8px;padding:.375rem .5rem;font-size:.75rem}.editing .field i{background:var(--fg);vertical-align:-2px;width:1px;height:12px;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@keyframes rowOk{0%,20%{background:color-mix(in srgb, var(--yellow) 12%, transparent)}26%,55%{background:var(--lav-t)}62%,to{background:0 0}}@keyframes fadeA{0%,55%{opacity:1}60%,95%{opacity:0}to{opacity:1}}@keyframes fadeB{0%,55%{opacity:0}60%,95%{opacity:1}to{opacity:0}}.fix .ed{animation:showEd 8s var(--ease) infinite}@keyframes showEd{0%,20%{opacity:0}26%,55%{opacity:1}60%,to{opacity:0}}.regen-all .q{animation:4s linear infinite shimmer;animation-delay:calc(var(--i) * .15s)}@keyframes shimmer{0%,30%{opacity:1}45%,70%{opacity:.25}85%,to{opacity:1}}.states{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;display:grid}.state{background:var(--card);border:1px solid var(--card-line);border-radius:16px;align-content:start;gap:.625rem;min-width:0;min-height:150px;padding:14px;display:grid}.state.intro{background:var(--lav);color:#fff;border:0;align-content:space-between}.state.intro b{letter-spacing:-.02em;font-size:1.25rem;font-weight:500;line-height:1.2}.state.intro span{font-size:.8125rem}.state h4{letter-spacing:0;justify-content:space-between;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.state h4 small{font:500 .6875rem/1.6 var(--mono);color:var(--faint)}.state p{color:var(--muted);font-size:.75rem;line-height:1.45}.sk{gap:5px;display:grid}.sk i{background:var(--line);border-radius:4px;height:7px;display:block}.sk i:nth-child(2){width:80%}.sk i:nth-child(3){width:60%}.sk.dense i{height:5px}.sk.wait i{background:linear-gradient(90deg, var(--line), color-mix(in srgb, var(--lav) 30%, var(--line)), var(--line));background-size:200% 100%;animation:1.6s linear infinite sh}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}.pill{background:var(--surface);color:var(--muted);border-radius:999px;justify-self:start;padding:.125rem .5rem;font-size:.6875rem;font-weight:500}.pill.y{background:var(--yellow-t);color:var(--fg)}.pill.r{background:var(--red-t);color:var(--red)}.pill.l{background:var(--lav-t);color:var(--lav-2)}@media (width<=900px){.states{grid-template-columns:repeat(2,minmax(0,1fr))}}.flags .q{grid-template-columns:24px minmax(0,1fr) auto}.conf{align-items:flex-end;gap:2px;height:14px;display:flex}.conf i{background:var(--line);border-radius:2px;width:4px}.conf i:first-child{height:5px}.conf i:nth-child(2){height:9px}.conf i:nth-child(3){height:14px}.conf.hi i{background:var(--ok)}.conf.lo i:first-child{background:var(--yellow)}.flags .lo-row{background:color-mix(in srgb, var(--yellow) 10%, transparent)}.flags .order{font:500 .625rem/1 var(--mono);color:var(--fg);margin-left:.25rem}.tokens-wrap{border:1px solid var(--card-line);background:var(--card);border-radius:16px;width:100%;overflow-x:auto}.tokens{border-collapse:collapse;width:100%;min-width:560px;font-size:.8125rem}.tokens th,.tokens td{text-align:left;border-bottom:1px solid var(--card-line);vertical-align:top;padding:.625rem .875rem}.tokens th{color:var(--muted);background:var(--surface);font-size:.75rem;font-weight:500}.tokens tr:last-child td{border-bottom:0}.tokens code{font:500 .75rem/1.5 var(--mono);color:var(--lav-2)}.tokens .arrow{color:var(--faint)}.branch{width:100%;max-width:640px;height:auto;display:block}.branch text{font-family:var(--mono);fill:var(--muted);font-size:11px}.branch .main{stroke:var(--fg)}.branch .b1{stroke:var(--lav)}.branch .b2{stroke:var(--pink)}.branch path,.branch line{fill:none;stroke-width:2.5px;stroke-linecap:round}.branch circle{stroke:var(--bg);stroke-width:3px}.branch .flowdash{stroke-dasharray:6 8;animation:3s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-56px}}.chart{gap:1.25rem;width:100%;max-width:640px;display:grid}.bar-row{grid-template-columns:70px minmax(0,1fr);align-items:center;gap:1rem;display:grid}.bar-row span{color:var(--muted);font-size:.875rem}.bar{background:color-mix(in srgb, var(--fg) 6%, transparent);border-radius:12px;height:56px;position:relative;overflow:hidden}.bar i{width:var(--w);background:var(--bc);color:#fff;letter-spacing:-.03em;transform-origin:0;border-radius:12px;justify-content:flex-end;align-items:center;padding-inline:1rem;font-size:1.25rem;font-style:normal;font-weight:500;display:flex;position:absolute;inset:0 auto 0 0}@supports (animation-timeline:view()){.bar i{animation:linear both growx view();animation-range:entry 20% cover 45%}@keyframes growx{0%{transform:scaleX(.05)}}}.axis{font:400 .6875rem/1 var(--mono);color:var(--faint);grid-template-columns:70px minmax(0,1fr);gap:1rem;display:grid}.axis div{justify-content:space-between;display:flex}.res-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.res-grid div{background:var(--surface);border-radius:18px;gap:.25rem;padding:18px 20px;display:grid}.res-grid b{letter-spacing:-.04em;font-size:1.75rem;font-weight:500}.res-grid p{color:var(--muted);font-size:.875rem}@media (width<=760px){.res-grid{grid-template-columns:minmax(0,1fr)}}.learn{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.learn div{border:1px solid var(--line);border-radius:22px;align-content:start;gap:.5rem;padding:clamp(20px,2.4vw,28px);display:grid}.learn h3{letter-spacing:-.02em;font-size:1.1875rem}.learn p{color:var(--muted);font-size:.9375rem}.keys{border-top:1px solid var(--line);gap:0;list-style:none;display:grid}.keys li{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr);gap:.75rem;padding-block:1rem;font-size:1.0625rem;display:grid}.keys li:before{content:"✦";color:var(--lav)}@media (width<=760px){.learn{grid-template-columns:minmax(0,1fr)}}.next{background:var(--grain), var(--pink-t);transition:transform .3s var(--ease);border-radius:clamp(24px,3vw,32px);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:clamp(24px,4vw,48px);text-decoration:none;display:grid}.next:hover{transform:translateY(-2px)}.next{margin-top:clamp(48px,6vw,88px);margin-bottom:clamp(16px,2vw,24px)}.next small{color:var(--muted);font-size:.875rem}.next h2{letter-spacing:-.04em;margin-top:.25rem;font-size:clamp(2rem,1.5rem + 2vw,3rem)}.next p{color:color-mix(in srgb, var(--fg) 70%, transparent);margin-top:.375rem}.next .arr{background:var(--fg);width:56px;height:56px;color:var(--bg);border-radius:50%;place-items:center;font-size:1.25rem;display:grid}@supports (animation-timeline:view()){.reveal{animation:linear both reveal view();animation-range:entry cover 18%}@keyframes reveal{0%{opacity:.001;transform:translateY(20px)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}@media (width<=640px){body{font-size:1rem}.stage{border-radius:20px;padding:16px}.ba .stage{min-height:0}.next{grid-template-columns:minmax(0,1fr)}}.tldr.four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.tldr.four{grid-template-columns:repeat(2,minmax(0,1fr))}}.statrow{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.statrow div{background:var(--card);border:1px solid var(--card-line);border-radius:18px;gap:.25rem;padding:18px 20px;display:grid}.statrow b{letter-spacing:-.045em;font-size:clamp(1.75rem,1.3rem + 1.4vw,2.5rem);font-weight:500;line-height:1}.statrow p{color:var(--muted);font-size:.8125rem}@media (width<=760px){.statrow{grid-template-columns:repeat(2,minmax(0,1fr))}}.phases{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%;list-style:none;display:grid}.phases li{background:var(--card);border:1px solid var(--card-line);border-radius:16px;align-content:start;gap:.375rem;padding:14px;font-size:.8125rem;display:grid}.phases li small{font:500 .6875rem/1.4 var(--mono);color:var(--faint)}.phases li b{font-size:.9375rem;font-weight:600}.phases li span{color:var(--muted);line-height:1.4}.phases li em{background:var(--ok-t);color:var(--ok);border-radius:999px;justify-self:start;padding:.125rem .5rem;font-size:.6875rem;font-style:normal;font-weight:600}.phases li.now em{background:var(--yellow-t);color:var(--fg)}.phases .meter{background:var(--line);border-radius:4px;height:5px;overflow:hidden}.phases .meter i{height:100%;width:var(--w);background:var(--lav);display:block}@media (width<=860px){.phases{grid-template-columns:minmax(0,1fr)}}.chatlog{gap:10px;width:100%;max-width:620px;display:grid}.msg{background:var(--card);border:1px solid var(--card-line);animation:msgIn 12s var(--ease) infinite;animation-delay:calc(var(--i) * 1.2s);border-radius:16px;grid-template-columns:36px minmax(0,1fr);gap:.75rem;padding:14px;display:grid}.msg .av{color:#fff;background:var(--c,var(--lav));border-radius:50%;place-items:center;width:36px;height:36px;font-size:.8125rem;font-weight:600;display:grid}.msg b{font-size:.875rem;font-weight:600}.msg b small{color:var(--muted);margin-left:.375rem;font-weight:400}.msg p{color:color-mix(in srgb, var(--fg) 80%, transparent);margin-top:.125rem;font-size:.875rem}.msg .kind{background:var(--red-t);color:var(--red);border-radius:999px;justify-self:start;margin-top:.5rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}6%,88%{opacity:1;transform:none}96%,to{opacity:0}}.vs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.vs>div{border-radius:22px;align-content:start;gap:.875rem;padding:clamp(20px,2.4vw,28px);display:grid}.vs .old{background:var(--surface)}.vs .new{background:var(--grain), var(--lav-t);border:2px solid var(--lav)}.vs h3{font-size:1.25rem}.vs .meta{color:var(--muted);font-size:.8125rem}.vs .chips{flex-wrap:wrap;gap:6px;display:flex}.vs .chips span{background:var(--card);border:1px solid var(--card-line);border-radius:999px;padding:.25rem .5625rem;font-size:.75rem}.vs .old .chips span{color:var(--muted)}@media (width<=760px){.vs{grid-template-columns:minmax(0,1fr)}}.reasons{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.reasons div{background:var(--surface);border-radius:20px;align-content:start;gap:.5rem;padding:20px;display:grid}.reasons small{color:var(--lav-2);font-size:.75rem;font-weight:600}.reasons h3{letter-spacing:-.02em;font-size:1.125rem}.reasons p{color:var(--muted);font-size:.9375rem}@media (width<=860px){.reasons{grid-template-columns:minmax(0,1fr)}}.fan{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.5rem;width:100%;max-width:640px;display:grid}.fan .src{justify-items:center;gap:.375rem;display:grid}.fan .src i{background:var(--brand,#8c1d40);width:72px;height:72px;box-shadow:var(--shadow);border-radius:18px}.fan .src code{font:500 .8125rem/1 var(--mono)}.fan .outs{flex-wrap:wrap;gap:8px;display:flex}.fan .outs code{font:500 .75rem/1 var(--mono);background:var(--card);border:1px solid var(--card-line);animation:pop2 6s var(--ease) infinite;animation-delay:calc(var(--i) * .25s);border-radius:8px;padding:.4375rem .625rem}@keyframes pop2{0%,4%{opacity:0;transform:scale(.85)}10%,85%{opacity:1;transform:none}95%,to{opacity:0}}@media (width<=560px){.fan{grid-template-columns:minmax(0,1fr);justify-items:start}}.tiers{gap:10px;width:100%;max-width:720px;display:grid}.tier{background:var(--card);border:1px solid var(--card-line);border-radius:16px;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:1rem;padding:14px 16px;display:grid}.tier h3,.tier h4{letter-spacing:0;font-size:.9375rem;font-weight:600}.tier h3 small,.tier h4 small{color:var(--muted);margin-top:.125rem;font-size:.8125rem;font-weight:400;display:block}.tier .row{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.tier code{font:500 .6875rem/1 var(--mono);background:var(--surface);border-radius:6px;padding:.375rem .5rem}.tier .sw{border:1px solid var(--card-line);border-radius:6px;width:22px;height:22px}.tier-arrow{text-align:center;color:var(--faint);font-size:.8125rem}@media (width<=640px){.tier{grid-template-columns:minmax(0,1fr)}}.code{color:#e9e9ec;width:100%;max-width:560px;font:400 .8125rem/1.7 var(--mono);white-space:pre;background:#121214;border-radius:16px;padding:18px 20px;overflow-x:auto}.code .k{color:#c4b6ff}.code .s{color:#9bd35a}.code .c{color:#7d8090}.specimen{gap:10px;width:100%;max-width:640px;display:grid}.specimen .r{color:var(--muted);grid-template-columns:90px repeat(3,minmax(0,1fr));align-items:center;gap:8px;font-size:.75rem;display:grid}.sb{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.sb.solid{background:var(--v);color:var(--vf,#fff)}.sb.ghost{color:color-mix(in srgb, var(--v) 70%, #000);background:color-mix(in srgb, var(--v) 10%, transparent)}.sb.outline{color:color-mix(in srgb, var(--v) 70%, #000);border:1.5px solid var(--v)}.states-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:6px;display:grid}.states-row div{color:var(--muted);justify-items:center;gap:6px;font-size:.6875rem;display:grid}.states-row .sb{color:#fff;background:#8c1d40;width:100%}.states-row .hov{background:#6e1732}.states-row .foc{box-shadow:0 0 0 3px #ffc627}.states-row .dis{background:color-mix(in srgb, var(--fg) 12%, transparent);color:var(--faint)}@media (width<=560px){.specimen .r{grid-template-columns:64px repeat(3,minmax(0,1fr))}.sb{font-size:.6875rem}}.pipe{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;list-style:none;display:grid;position:relative}.pipe li{background:var(--card);border:1px solid var(--card-line);animation:step 8s var(--ease) infinite;animation-delay:calc(var(--i) * 2s);border-radius:16px;align-content:start;gap:.375rem;padding:14px;font-size:.8125rem;display:grid}.pipe li b{font-size:.875rem;font-weight:600}.pipe li code{font:500 .6875rem/1.5 var(--mono);color:var(--muted);white-space:pre-wrap}.pipe li .ok{color:var(--ok);font-size:.75rem;font-weight:600}@media (width<=860px){.pipe{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.pipe{grid-template-columns:minmax(0,1fr)}}.plist{gap:12px;width:100%;display:grid}.plist>div{background:var(--card);border:1px solid var(--card-line);border-radius:18px;gap:.625rem;padding:18px 20px;display:grid}.plist .top{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.plist h3{letter-spacing:-.015em;font-size:1.0625rem}.plist .pct{font-variant-numeric:tabular-nums;font-weight:500}.plist .track{background:var(--line);border-radius:99px;height:8px;overflow:hidden}.plist .track i{height:100%;width:var(--w);background:var(--lav);border-radius:99px;display:block}.plist p{color:var(--muted);font-size:.875rem}.st-done{color:var(--ok);font-weight:500}.st-prog{color:color-mix(in srgb, var(--yellow) 55%, var(--fg));font-weight:500}.st-no{color:var(--faint)}.crowd.big{max-width:560px}.p.on{--pc:var(--lav)}.p.off{--pc:color-mix(in srgb, var(--fg) 18%, transparent)}.crowd.big .p{width:clamp(20px,4vw,30px)}.crowd.big .p.on{animation:litUp 6s var(--ease) infinite;animation-delay:calc(var(--i) * 80ms)}@keyframes litUp{0%{opacity:.25}12%,90%{opacity:1}to{opacity:.25}}.finds{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.finds div{background:var(--surface);border-radius:18px;align-content:start;gap:.375rem;padding:18px;display:grid}.finds b{font-size:1rem;font-weight:600}.finds p{color:var(--muted);font-size:.875rem}.finds i{font-size:1.25rem;font-style:normal}@media (width<=900px){.finds{grid-template-columns:repeat(2,minmax(0,1fr))}}.proscons{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem;font-size:.875rem;display:grid}.proscons li{grid-template-columns:18px minmax(0,1fr);gap:.375rem;padding-block:.25rem;list-style:none;display:grid}.proscons .pro:before{content:"✓";color:var(--ok)}.proscons .con:before{content:"✗";color:var(--red)}@media (width<=560px){.proscons{grid-template-columns:minmax(0,1fr)}}.bigquote{border-left:3px solid var(--lav);letter-spacing:-.02em;max-width:40ch;padding:.25rem 0 .25rem 1.25rem;font-size:clamp(1.25rem,1.05rem + .9vw,1.75rem);line-height:1.35}.bigquote small{color:var(--muted);letter-spacing:0;margin-top:.625rem;font-size:.875rem;display:block}.skip{z-index:100;background:var(--fg);color:var(--bg);border-radius:10px;padding:.625rem 1rem;font-weight:500;text-decoration:none;transition:top .2s;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.motion-t{border:1px solid var(--line);background:var(--card);min-height:38px;color:var(--muted);font:500 .8125rem/1 var(--font);cursor:pointer;border-radius:999px;align-items:center;gap:.4375rem;padding:0 .875rem;display:inline-flex}.motion-t:hover{color:var(--fg)}.motion-t:before{content:"";border-inline:2.5px solid;width:7px;height:9px}.motion-t[aria-pressed=true]:before{border:0;border-left:8px solid;border-block:5px solid #0000;width:0;height:0}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{animation-play-state:paused!important}:root[data-motion=off] .reveal,:root[data-motion=off] .bar i,:root[data-motion=off] .progress{animation:none!important}.finds.three{grid-template-columns:repeat(3,minmax(0,1fr))}.res-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.goal2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.goal2>div,.goal1>div{background:var(--surface);border-radius:16px;padding:14px 16px}.goal2 dt,.goal1 dt{color:var(--muted);font-size:.75rem;font-weight:600}.goal1{gap:10px;display:grid}@media (width<=760px){.finds.three,.goal2{grid-template-columns:minmax(0,1fr)}.res-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.nav-r a:not(.btn):not(.motion-t){display:none}}.plain{background:var(--lav-t);max-width:72ch;color:var(--fg);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.75rem;padding:14px 16px;font-size:.9375rem;line-height:1.55;display:grid}.plain b{white-space:nowrap;background:var(--card);color:var(--lav-2);border-radius:999px;padding:.1875rem .5rem;font-size:.75rem;font-weight:600}@media (width<=480px){.plain{grid-template-columns:minmax(0,1fr);gap:.5rem}.plain b{justify-self:start}}.jump{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.in30 .jump{grid-column:1/-1}.jump span{color:var(--muted);margin-right:.25rem;font-size:.875rem}.jump a{border:1px solid var(--line);background:var(--card);border-radius:999px;align-items:center;min-height:40px;padding:0 .875rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.jump a:hover{border-color:var(--fg)}.deeper{border:1px solid var(--line);background:var(--card);border-radius:22px;margin-bottom:clamp(72px,9vw,120px)}.deeper summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;padding:clamp(18px,2.4vw,24px);list-style:none;display:flex}.deeper summary::-webkit-details-marker{display:none}.deeper summary b{letter-spacing:-.015em;font-size:1.125rem;font-weight:600;display:block}.deeper summary small{color:var(--muted);margin-top:.125rem;font-size:.875rem;display:block}.deeper summary i{background:var(--surface);width:36px;height:36px;transition:transform .25s var(--ease);border-radius:50%;flex:none;place-items:center;font-size:1.25rem;font-style:normal;display:grid}.deeper[open] summary i{transform:rotate(45deg)}.deeper summary:focus-visible{outline:2px solid var(--bp);outline-offset:-2px;border-radius:22px}.deeper-in{gap:2rem;padding:0 clamp(18px,2.4vw,24px) clamp(18px,2.4vw,24px);display:grid}.deeper-in .ch{padding-bottom:0}.deeper-in .ch-head h2{font-size:clamp(1.375rem,1.2rem + .8vw,1.75rem)}@media (width<=560px){.tokens-wrap{background:0 0;border:0;overflow:visible}.tokens{min-width:0}.tokens thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tokens tr{background:var(--card);border:1px solid var(--card-line);border-radius:14px;gap:.25rem;margin-bottom:8px;padding:12px 14px;display:grid}.tokens td{border:0;grid-template-columns:104px minmax(0,1fr);gap:.5rem;padding:0;display:grid}.tokens td:before{content:attr(data-label);color:var(--muted);font-size:.75rem;font-weight:600}.tokens td:empty,.tokens td.arrow{display:none}}.jump a{min-height:44px}.deeper summary{min-height:56px}.toc a{align-items:center;min-height:36px}.bar i.lt{color:var(--fg)}@media (prefers-reduced-motion:reduce){.fa,.ok-a,.s-a{opacity:0!important}.fb,.s-b,.stack1>.pending{opacity:1!important}.q-flag,.row3,.bad{background:0 0!important}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.opt.win .tag,.bar i:not(.lt),.tl-bar i,.toast,.state.intro,.pc .tg:not(.g),.lv-steps .on,.lv-u,.shop .u,.chipsrow span.on,.bub.me,.cmp .tg:not(.gray),.hp .adopt,.shop .hd i,.ac-av,.av,.gv-who i,.msg .av,.phases .meter i,.game .opts2 .right,.bub2.me,.ask,.apps .me,.cmp .tg:not(.gray),.sl .tr b){color:#0a0b0e!important}}:root[data-theme=dark] :is(.opt.win .tag,.bar i:not(.lt),.tl-bar i,.toast,.state.intro,.pc .tg:not(.g),.lv-steps .on,.lv-u,.shop .u,.chipsrow span.on,.bub.me,.cmp .tg:not(.gray),.hp .adopt,.shop .hd i,.ac-av,.av,.gv-who i,.msg .av,.phases .meter i,.game .opts2 .right,.bub2.me,.ask,.apps .me,.cmp .tg:not(.gray),.sl .tr b){color:#0a0b0e!important}.flags .lo-row .n,.q-flag .n{color:var(--muted)}.ch-meta{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}