.scene{position:relative;width:min(100%,600px,43vw);aspect-ratio:1.32;margin-right:28px;perspective:2000px;container-type:inline-size}.runs{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(-12deg) rotateX(5deg);transform-origin:50% 50%}.run{--bar: 2.9em;position:absolute;top:calc(var(--i) * var(--bar));left:calc(8% - var(--i) * 3.5%);width:calc(83% + var(--i) * 7%);background:#0c1450;border:1px solid rgba(169,189,245,.26);border-radius:3px;box-shadow:0 1px #d6deff1f inset,0 -10px 30px -12px #02041a80,0 30px 60px -20px #02041ab3;color:#c9d3f6;font:400 2.8cqw/1.85 DM Mono,ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}.run--back{height:calc(var(--bar) * 3);background:#0a1146}.run--back .run__bar{color:#ffffffdb}.run__bar{box-sizing:border-box;height:var(--bar);display:flex;align-items:center;gap:.77em;padding:0 1.23em;border-bottom:1px solid rgba(169,189,245,.16);font:500 1em/1.2 var(--wm-font);color:#fff}.run__bar small{font:400 .92em/1.2 DM Mono,ui-monospace,monospace;color:#a9bdf5}.run__state{margin-left:auto;display:inline-flex;align-items:center;gap:.54em;font:500 .96em/1 var(--wm-font);color:#fff}.run__state i{width:.54em;height:.54em;border-radius:50%;background:#84f0c8;box-shadow:0 0 0 .23em #84f0c829}.run__body{padding:.92em 1.23em .46em}.ln{white-space:pre}.run .p{color:var(--wm-yellow)}.run .w{color:#fff}.run .ok{color:#84f0c8}.run .d{color:#a9bdf5}.run__sims .dot{display:inline-block;width:.46em;height:.46em;margin:0 .77em .08em .15em;border-radius:50%;background:#84f0c8;vertical-align:middle}.run__log{margin:.46em -1.23em 0;padding:.54em 1.23em .77em;border-top:1px solid rgba(169,189,245,.12);min-height:5.01em}.run__log .ln{color:#a9bdf5}.run__log b{font-weight:400;color:#fff}.runs.is-playing .run{opacity:0;transform:translateY(18px);transition:opacity .9s var(--wm-ease),transform 1s var(--wm-ease)}.runs.is-playing .run.is-in{opacity:1;transform:none}.runs.is-playing [data-step]{visibility:hidden}.runs.is-playing [data-step].is-on{visibility:visible;animation:run-line .35s ease both}.runs.is-playing .run__state{opacity:0;transition:opacity .5s ease}.runs.is-playing .run.is-up .run__state{opacity:1}@keyframes run-line{0%{opacity:0}}.run__log .is-new{animation:run-line .45s ease both}.run .caret{display:inline-block;width:.6em;height:1.1em;margin-left:1px;vertical-align:-.2em;background:#c9d3f6}@media(max-width:1024px){.scene{width:min(100%,540px);margin-right:0}}@media(max-width:640px){.scene{aspect-ratio:1.12}.runs{transform:rotateY(-8deg) rotateX(4deg)}.run{font-size:3.3cqw;left:calc(8% - var(--i) * 3%);width:calc(84% + var(--i) * 6%)}.run__bar small{display:none}}.walk{position:relative;background:var(--wm-navy);color:#fff;padding:330px 0 160px}.walk:before{content:"";position:absolute;left:0;right:0;top:0;height:420px;pointer-events:none;background:linear-gradient(to bottom,#fff 0%,#f1f4ff 8%,#a9bdf5 22%,#3550cf 42%,#0f1c72 64%,var(--wm-navy) 100%);background:linear-gradient(to bottom in oklab,#fff 0%,#f1f4ff 8%,#a9bdf5 22%,#3550cf 42%,#0f1c72 64%,var(--wm-navy) 100%)}.walk>.container{position:relative;z-index:1}.walk__widget{display:grid;grid-template-columns:minmax(220px,4fr) minmax(0,8fr);gap:clamp(32px,5vw,72px);margin-top:64px;align-items:start}.walk__rail{border-top:1px solid rgba(255,255,255,.16)}.walk__tab{position:relative;display:flex;flex-direction:column;gap:5px;width:100%;padding:20px 0 21px 22px;text-align:left;cursor:pointer;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.16);color:#fff;font:inherit;opacity:.62;transition:opacity .2s ease}.walk__tab:before{content:"";position:absolute;left:0;top:22px;bottom:23px;width:2px;background:var(--wm-yellow);transform:scaleY(0);transition:transform .3s var(--wm-ease)}.walk__tab:hover{opacity:.9}.walk__tab.is-active{opacity:1}.walk__tab.is-active:before{transform:none}.walk__tab:focus-visible{outline:2px solid #fff;outline-offset:2px}.walk__tab-name{font-family:var(--wm-display);font-size:21px;font-weight:var(--wm-display-w);line-height:1.2;letter-spacing:-.012em}.walk__tab-desc{font-size:15px;line-height:1.4}.walk__panel{display:flex;flex-direction:column;min-width:0;background:#0c1450;border:1px solid rgba(169,189,245,.26);border-radius:3px}.walk__bar{display:flex;align-items:center;gap:7px;padding:13px 18px;border-bottom:1px solid rgba(169,189,245,.16)}.walk__bar i{width:10px;height:10px;border-radius:50%;background:#ffffff38}.walk__bar span{margin-left:10px;font:400 12.5px/1 DM Mono,ui-monospace,monospace;color:#a9bdf5}.walk__code{position:relative;flex:1;min-height:360px}.walk__code pre{display:none;margin:0;padding:24px 26px;font:400 clamp(12px,1.05vw,14.5px)/1.95 "DM Mono",ui-monospace,"SF Mono",Menlo,monospace;color:#c9d3f6;white-space:pre-wrap;overflow-wrap:anywhere}.walk__code pre.is-active{display:block;animation:walk-fade .28s ease}@keyframes walk-fade{0%{opacity:0}}.walk__code .t-p{color:var(--wm-yellow)}.walk__code .t-cmd{color:#fff}.walk__code .t-ok{color:#84f0c8}.walk__code .t-dim{color:#a9bdf5}.walk__code .t-flag{color:#9fd0ff}.walk__code .t-cmt{color:#7f8bc4}.walk__docs{margin-top:40px}.walk .tlink{color:#fff}@media(max-width:900px){.walk{padding:230px 0 104px}.walk:before{height:280px}.walk__widget{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:40px}.walk__rail{display:flex;overflow-x:auto;border-top:0;border-bottom:1px solid rgba(255,255,255,.16)}.walk__tab{flex:1 0 auto;width:auto;padding:12px 16px 14px;border-bottom:0}.walk__tab:before{inset:auto 16px -1px;width:auto;height:2px;transform:scaleX(0)}.walk__tab.is-active:before{transform:none}.walk__tab-name{font-size:17px}.walk__tab-desc{display:none}.walk__code{min-height:300px}.walk__code pre{white-space:pre;overflow-x:auto}}@media(prefers-reduced-motion:reduce){.walk__code pre.is-active{animation:none}}