.walkthrough-module__Lpkcma__wide{--dvd-w:min(1120px,calc(100vw - 48px));--dvd-llm:var(--color-accent-orange);--dvd-jev:#1e9382;--dvd-llm-soft:color-mix(in srgb,var(--dvd-llm)16%,transparent);--dvd-jev-soft:color-mix(in srgb,var(--dvd-jev)16%,transparent);--dvd-block:var(--color-diff-del);width:var(--dvd-w);margin-left:calc((100% - var(--dvd-w))/2);margin-block:1rem 2rem;container:dvd/inline-size}.reveal-prose .walkthrough-module__Lpkcma__wide{--dvd-w:100%}.walkthrough-module__Lpkcma__title{font-family:var(--font-family-serif);letter-spacing:-.02em;color:var(--color-text);text-underline-offset:8px;margin:4rem 0 1.75rem;font-size:22px;font-weight:400;line-height:30px;text-decoration:underline;text-decoration-thickness:1px}.walkthrough-module__Lpkcma__scrolly{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:48px;display:grid}.walkthrough-module__Lpkcma__prose{padding-block:22vh 34vh}.walkthrough-module__Lpkcma__step{font-size:var(--type-reading);line-height:var(--lh-reading);color:var(--color-muted);opacity:.55;padding-bottom:42vh;transition:opacity .3s,color .3s}.walkthrough-module__Lpkcma__step:last-child{padding-bottom:0}.walkthrough-module__Lpkcma__stepOn{color:var(--color-prose);opacity:1}.walkthrough-module__Lpkcma__step p{margin:0 0 .9em;font-weight:400}.walkthrough-module__Lpkcma__step .walkthrough-module__Lpkcma__lead{color:var(--color-text);font-weight:600}.walkthrough-module__Lpkcma__ic{font-family:var(--font-mono),"JetBrains Mono",monospace;color:var(--color-accent-secondary);font-size:14px;font-weight:400}.walkthrough-module__Lpkcma__stage{gap:14px;display:grid;position:sticky;top:max(24px,50vh - 400px)}.walkthrough-module__Lpkcma__win{background:var(--surface-code);border-radius:4px;overflow:hidden}.walkthrough-module__Lpkcma__tabbar{background:var(--surface-code-strong);height:36px;font:400 11px/1 var(--font-mono),"JetBrains Mono",monospace;letter-spacing:.02em;color:var(--ch-muted);align-items:center;gap:8px;padding-inline:16px;display:flex}.walkthrough-module__Lpkcma__dot{border-radius:50%;flex:none;width:7px;height:7px}.walkthrough-module__Lpkcma__dotLlm{background:var(--dvd-llm)}.walkthrough-module__Lpkcma__dotJev{background:var(--dvd-jev)}.walkthrough-module__Lpkcma__meter{font-variant-numeric:tabular-nums;margin-left:auto}.walkthrough-module__Lpkcma__meter b{color:var(--color-text);font-weight:500}.walkthrough-module__Lpkcma__pre{font:13px/1.6 var(--font-mono),"JetBrains Mono",monospace;background:0 0;margin:0;padding-block:10px;overflow:auto}.walkthrough-module__Lpkcma__ln{border-left:2px solid #0000;padding-inline:14px 16px;transition:opacity .35s,background-color .35s,border-color .35s}.walkthrough-module__Lpkcma__lnDim{opacity:.35}.walkthrough-module__Lpkcma__lnOn{background:var(--ch-selection);border-left-color:var(--code-strong)}.walkthrough-module__Lpkcma__pane{min-height:188px;font-family:var(--font-mono),"JetBrains Mono",monospace;color:var(--code-base);align-content:start;gap:10px;padding:14px 16px;display:grid}.walkthrough-module__Lpkcma__label{color:var(--ch-muted);font-size:11px;line-height:1}.walkthrough-module__Lpkcma__snip{white-space:pre;color:var(--code-emphasis);margin:0;font-size:12.5px;line-height:1.55;overflow-x:auto}.walkthrough-module__Lpkcma__dim{color:var(--code-comment)}.walkthrough-module__Lpkcma__quiet{color:var(--color-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;line-height:1.5}.walkthrough-module__Lpkcma__buffer{min-height:30px;color:var(--code-strong);flex-wrap:wrap;align-items:center;gap:2px;font-size:14px;line-height:1.9;display:flex}.walkthrough-module__Lpkcma__tok{background:var(--dvd-llm-soft);white-space:pre;border-radius:3px;padding:0 3px}.walkthrough-module__Lpkcma__pick{box-shadow:inset 0 0 0 1.5px var(--dvd-llm)}.walkthrough-module__Lpkcma__new{animation:.3s cubic-bezier(.2,.8,.2,1) backwards walkthrough-module__Lpkcma__rise}.walkthrough-module__Lpkcma__caret{background:var(--dvd-llm);width:7px;height:17px;animation:1s step-end infinite walkthrough-module__Lpkcma__blink}.walkthrough-module__Lpkcma__rows{gap:5px;display:grid}.walkthrough-module__Lpkcma__row{color:var(--code-strong);grid-template-columns:96px 1fr 40px 64px;align-items:center;gap:10px;font-size:12.5px;line-height:1;display:grid}.walkthrough-module__Lpkcma__bar{background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;height:6px;overflow:hidden}.walkthrough-module__Lpkcma__bar i{transform-origin:0;height:100%;animation:.55s cubic-bezier(.2,.8,.2,1) backwards walkthrough-module__Lpkcma__grow;display:block}.walkthrough-module__Lpkcma__barLlm i{background:var(--dvd-llm)}.walkthrough-module__Lpkcma__barJev i{background:var(--dvd-jev)}.walkthrough-module__Lpkcma__p{text-align:right;font-variant-numeric:tabular-nums}.walkthrough-module__Lpkcma__tag{color:var(--ch-muted);text-align:right;font-size:11px}.walkthrough-module__Lpkcma__blocked{color:var(--code-comment)}.walkthrough-module__Lpkcma__blocked .walkthrough-module__Lpkcma__tk{text-decoration:line-through}.walkthrough-module__Lpkcma__blocked .walkthrough-module__Lpkcma__bar i{background:var(--code-comment);opacity:.5}.walkthrough-module__Lpkcma__blocked .walkthrough-module__Lpkcma__tag{color:var(--dvd-block)}.walkthrough-module__Lpkcma__qblock{gap:6px;display:grid}.walkthrough-module__Lpkcma__qhead{color:var(--ch-muted);justify-content:space-between;font-size:12.5px;line-height:1;display:flex}.walkthrough-module__Lpkcma__qhead span:first-child{color:var(--code-strong)}.walkthrough-module__Lpkcma__chips{flex-wrap:wrap;gap:3px;display:flex}.walkthrough-module__Lpkcma__chip{background:var(--ch-selection);white-space:pre;color:var(--code-strong);border-radius:3px;padding:4px 5px;font-size:12px;line-height:1;animation:.45s backwards walkthrough-module__Lpkcma__lit}.walkthrough-module__Lpkcma__chipQ{border:1px dashed var(--color-border);color:var(--code-base);background:0 0}.walkthrough-module__Lpkcma__compare{position:relative}.walkthrough-module__Lpkcma__cstage{z-index:1;grid-template-columns:1fr 1fr;gap:14px;display:grid;position:sticky;top:24px}.walkthrough-module__Lpkcma__cstage .walkthrough-module__Lpkcma__pane{min-height:210px}.walkthrough-module__Lpkcma__cards{z-index:2;gap:60vh;padding-block:30vh;display:grid;position:relative}.walkthrough-module__Lpkcma__card{background:var(--color-bg);border:1px solid var(--color-border);max-width:600px;font-size:var(--type-reading);line-height:var(--lh-reading);color:var(--color-prose);border-radius:4px;margin-inline:auto;padding:20px 22px;box-shadow:0 10px 30px -12px #0000002e}.walkthrough-module__Lpkcma__card h3{color:var(--color-text);margin:0 0 6px;font-size:14px;font-weight:600}.walkthrough-module__Lpkcma__card p{margin:0;font-weight:400}@keyframes walkthrough-module__Lpkcma__blink{50%{opacity:0}}@keyframes walkthrough-module__Lpkcma__rise{0%{opacity:0;transform:translateY(6px)}}@keyframes walkthrough-module__Lpkcma__grow{0%{transform:scaleX(0)}}@keyframes walkthrough-module__Lpkcma__lit{0%{background:0 0}}@media (max-width:880px){.walkthrough-module__Lpkcma__wide{--dvd-w:calc(100vw - 32px)}}@container dvd (max-width:820px){.walkthrough-module__Lpkcma__scrolly{grid-template-columns:1fr;gap:0}.walkthrough-module__Lpkcma__stage{background:var(--color-bg);z-index:1;order:-1;gap:8px;padding-bottom:10px;top:0}.walkthrough-module__Lpkcma__stage .walkthrough-module__Lpkcma__pre{max-height:30vh}.walkthrough-module__Lpkcma__pane{min-height:0}.walkthrough-module__Lpkcma__prose{z-index:2;padding-block:0 30vh;position:relative}.walkthrough-module__Lpkcma__step,.walkthrough-module__Lpkcma__step:last-child{opacity:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;margin-bottom:55vh;padding:16px 18px;box-shadow:0 10px 30px -12px #0000002e}.walkthrough-module__Lpkcma__step:last-child,.walkthrough-module__Lpkcma__step p:last-child{margin-bottom:0}.walkthrough-module__Lpkcma__cstage{background:var(--color-bg);grid-template-columns:1fr;gap:8px;padding-block:8px;top:0}.walkthrough-module__Lpkcma__cstage .walkthrough-module__Lpkcma__pane{min-height:0}.walkthrough-module__Lpkcma__row{grid-template-columns:76px 1fr 36px}.walkthrough-module__Lpkcma__tag{display:none}}@media (prefers-reduced-motion:reduce){.walkthrough-module__Lpkcma__wide *,.walkthrough-module__Lpkcma__wide .walkthrough-module__Lpkcma__bar i{transition:none;animation:none}}