.walkthrough-root{--bg:var(--walk-bg);--panel:var(--walk-panel);--ink:var(--walk-ink);--ink-dim:var(--walk-ink-dim);--amber:var(--walk-amber);--teal:var(--walk-teal);--rose:var(--walk-rose);--line:var(--walk-line);--line-soft:var(--walk-line-soft);--radius:var(--walk-radius);background:var(--walk-bg);color:var(--walk-ink);font-family:var(--font-inter), "Inter", ui-sans-serif, system-ui, sans-serif;min-height:calc(100vh - var(--navbar-height));flex:1;min-width:0;font-size:16px;line-height:1.6}.walkthrough-root *{box-sizing:border-box}.walkthrough-root h1,.walkthrough-root h2,.walkthrough-root h3,.walkthrough-root .display{font-family:var(--font-fraunces), "Fraunces", ui-serif, Georgia, serif;letter-spacing:-.01em;color:var(--ink);font-weight:600}.walkthrough-root .mono{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace}.walkthrough-root a{color:var(--amber)}.walkthrough-root .app{min-height:calc(100vh - var(--navbar-height));grid-template-columns:260px 1fr;display:grid}@media (max-width:860px){.walkthrough-root .app{grid-template-columns:1fr}.walkthrough-root .sidebar{border-right:none;border-bottom:1px solid var(--line-soft);height:auto!important;position:static!important}.walkthrough-root .sidebar nav{flex-wrap:wrap;gap:6px;display:flex}.walkthrough-root .sidebar .step-link{flex:auto}}.walkthrough-root .sidebar{height:calc(100vh - var(--navbar-height));border-right:1px solid var(--line-soft);background:linear-gradient(180deg, var(--walk-sidebar-gradient-top), var(--walk-bg));padding:28px 20px;position:sticky;top:0;overflow-y:auto}.walkthrough-root .sidebar .brand{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim);margin:0 0 24px 2px;font-size:13px}.walkthrough-root .sidebar nav{flex-direction:column;gap:2px;display:flex}.walkthrough-root .step-link{color:var(--ink-dim);border:1px solid #0000;border-radius:8px;align-items:baseline;gap:10px;padding:9px 10px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:flex}.walkthrough-root .step-link .num{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;color:var(--line);min-width:18px;font-size:12px}.walkthrough-root .step-link:hover{background:var(--panel);color:var(--ink)}.walkthrough-root .step-link.active{background:var(--panel);color:var(--amber);border-color:var(--line-soft)}.walkthrough-root .step-link.active .num{color:var(--amber)}.walkthrough-root main{min-width:0}.walkthrough-root section.step{border-bottom:1px solid var(--line-soft);max-width:900px;margin:0 auto;padding:90px 56px}.walkthrough-root section.step:last-of-type{border-bottom:none}@media (max-width:640px){.walkthrough-root section.step{padding:56px 22px}}.walkthrough-root .eyebrow{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin:0 0 10px;font-size:12px}.walkthrough-root h2.title{margin:0 0 18px;font-size:34px}.walkthrough-root p.lede{color:var(--ink-dim);max-width:62ch;font-size:17px}.walkthrough-root p{max-width:62ch;color:var(--ink-dim);margin:1em 0 0}.walkthrough-root p.lede,.walkthrough-root p.eyebrow,.walkthrough-root p.note,.walkthrough-root section.step>p:first-of-type{margin-top:0}.walkthrough-root p strong{color:var(--ink)}.walkthrough-root .panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);margin:28px 0;padding:26px}.walkthrough-root .note{color:var(--ink-dim);border-left:2px solid var(--amber);margin:20px 0;padding-left:14px;font-size:14px}.walkthrough-root .hero{max-width:900px;margin:0 auto;padding:110px 56px 70px}.walkthrough-root .hero h1{margin:0 0 18px;font-size:52px;line-height:1.05}.walkthrough-root .hero h1 em{color:var(--amber);font-style:italic}.walkthrough-root .hero p.lede{font-size:19px}@media (max-width:640px){.walkthrough-root .hero h1{font-size:36px}.walkthrough-root .hero{padding:70px 22px 50px}}.walkthrough-root .tokrow{flex-wrap:wrap;gap:10px;padding-top:8px;display:flex;position:relative}.walkthrough-root .tok-wrap{flex-direction:column;align-items:center;display:inline-flex}.walkthrough-root .tok{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;background:var(--walk-tok-bg);border:1px solid var(--line);color:var(--ink);cursor:default;-webkit-user-select:none;user-select:none;border-radius:7px;padding:7px 11px;font-size:14px;transition:background .25s,border-color .25s,opacity .25s}.walkthrough-root .tok.focus{border-color:var(--amber);background:var(--walk-tok-focus-bg);color:var(--amber)}.walkthrough-root .tok.target{border-color:var(--teal);background:var(--walk-tok-target-bg);color:var(--teal)}.walkthrough-root .tok.dim{opacity:.45}.walkthrough-root .tok.small{padding:5px 8px;font-size:12px}.walkthrough-root .tok.interactive{cursor:pointer}.walkthrough-root .tok-btn{cursor:pointer;background:0 0;border:none;border-radius:7px;padding:0;display:inline-flex}.walkthrough-root .tok-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.walkthrough-root .tokrow-scroll{flex-wrap:nowrap;max-width:100%;padding-bottom:8px;overflow-x:auto}.walkthrough-root .interactive-explainer{color:var(--ink-dim);margin-top:12px;font-size:14px;line-height:1.55}.walkthrough-root .embedding-scatter-panel{margin-top:16px}.walkthrough-root .embedding-scatter-title,.walkthrough-root .embedding-vector-title{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:12px}.walkthrough-root .embedding-scatter-wrap{width:100%}.walkthrough-root .embedding-scatter{width:100%;max-width:420px;height:auto;margin:0 auto;display:block}.walkthrough-root .embedding-axis{stroke:var(--line);stroke-width:1.5px}.walkthrough-root .embedding-axis-label{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;fill:var(--ink-dim);font-size:11px}.walkthrough-root .embedding-cluster-region{fill:color-mix(in srgb, var(--teal) 12%, transparent);stroke:var(--teal);stroke-width:1.5px;stroke-dasharray:5 4;opacity:.9}.walkthrough-root .embedding-cluster-label{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;fill:var(--teal);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.walkthrough-root .embedding-nearby-link line{stroke:var(--amber);stroke-width:2px;stroke-dasharray:4 3;opacity:.85}.walkthrough-root .embedding-nearby-label{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;fill:var(--amber);font-size:10px}.walkthrough-root .embedding-point-group{cursor:pointer}.walkthrough-root .embedding-point-group:focus-visible{outline:none}.walkthrough-root .embedding-point-group:focus-visible .embedding-point{stroke:var(--amber);stroke-width:2.5px}.walkthrough-root .embedding-point-halo{fill:#0000;opacity:0;transition:opacity .2s}.walkthrough-root .embedding-point-group:hover .embedding-point-halo,.walkthrough-root .embedding-point-group.selected .embedding-point-halo,.walkthrough-root .embedding-point-group.focus .embedding-point-halo{opacity:1}.walkthrough-root .embedding-point-group.focus .embedding-point-halo{fill:color-mix(in srgb, var(--amber) 25%, transparent)}.walkthrough-root .embedding-point-group.target .embedding-point-halo{fill:color-mix(in srgb, var(--teal) 25%, transparent)}.walkthrough-root .embedding-point-group.dim{opacity:.35}.walkthrough-root .embedding-point{fill:var(--walk-tok-bg);stroke:var(--line);stroke-width:1.5px;transition:fill .2s,stroke .2s,r .2s}.walkthrough-root .embedding-point-group:hover .embedding-point,.walkthrough-root .embedding-point-group.selected .embedding-point{stroke:var(--amber)}.walkthrough-root .embedding-point-group.focus .embedding-point{fill:var(--walk-tok-focus-bg);stroke:var(--amber)}.walkthrough-root .embedding-point-group.target .embedding-point{fill:var(--walk-tok-target-bg);stroke:var(--teal)}.walkthrough-root .embedding-point-label{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;fill:var(--ink);pointer-events:none;font-size:11px}.walkthrough-root .embedding-point-group.dim .embedding-point-label{fill:var(--ink-dim)}.walkthrough-root .embedding-scatter-hint{text-align:center;margin-top:12px}.walkthrough-root .embedding-distance-note{margin-top:8px}.walkthrough-root .vec{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;color:var(--ink-dim);white-space:nowrap;margin-top:6px;font-size:11px}.walkthrough-root .loom-wrap,.walkthrough-root .attention-matrix-wrap{position:relative}.walkthrough-root .attention-matrix-header{grid-template-columns:1fr 80px 1fr;gap:12px;margin-bottom:12px;padding:0 4px;display:grid}.walkthrough-root .attention-col-label{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:11px}.walkthrough-root .attention-col-label-center{text-align:center}.walkthrough-root .attention-matrix{grid-template-columns:1fr 80px 1fr;align-items:center;gap:8px 12px;display:grid;position:relative}.walkthrough-root .attention-cell-query{grid-column:1}.walkthrough-root .attention-cell-mid{grid-column:2}.walkthrough-root .attention-cell-key{grid-column:3}.walkthrough-root .attention-col{flex-direction:column;gap:8px;display:flex}.walkthrough-root .attention-row-btn{cursor:pointer;text-align:left;z-index:1;background:0 0;border:none;align-items:center;min-height:36px;padding:0;display:flex;position:relative}.walkthrough-root .attention-row-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:8px}.walkthrough-root .attention-key-row{z-index:1;justify-content:space-between;align-items:center;gap:10px;min-height:36px;display:flex;position:relative}.walkthrough-root .attention-weight{color:var(--ink-dim);text-align:right;flex-shrink:0;min-width:36px;font-size:11px}.walkthrough-root .attention-lines-svg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.walkthrough-root .attention-line{fill:none;stroke:currentColor;stroke-linecap:butt;transition:stroke-width .3s,opacity .3s}.walkthrough-root .attention-arrow{fill:currentColor;transition:opacity .3s}.walkthrough-root .attention-link.target{color:var(--teal)}.walkthrough-root .attention-link.default{color:var(--line)}.walkthrough-root .loom-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.walkthrough-root .loom-arc{fill:none;transition:stroke-width .3s,opacity .3s}.walkthrough-root .controls{flex-wrap:wrap;gap:10px;margin:18px 0 6px;display:flex}.walkthrough-root .btn{font-family:var(--font-inter), "Inter", ui-sans-serif, system-ui, sans-serif;background:var(--panel);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:20px;padding:9px 16px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s,background .2s}.walkthrough-root .btn:hover{border-color:var(--amber);color:var(--amber)}.walkthrough-root .btn.active{border-color:var(--amber);color:var(--amber);background:var(--walk-btn-active-bg)}.walkthrough-root .btn:focus-visible,.walkthrough-root .step-link:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.walkthrough-root .legend{color:var(--ink-dim);margin-top:14px;font-size:13px}.walkthrough-root .legend .dot{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.walkthrough-root .heads{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px;display:grid}.walkthrough-root .step-mechanics{margin-top:8px}.walkthrough-root .step-mechanics-lead{color:var(--ink);margin:0;font-size:15px;line-height:1.65}.walkthrough-root .step-formula{background:var(--walk-tok-bg);border:1px solid var(--line-soft);color:var(--ink-dim);text-align:center;border-radius:8px;margin-top:14px;padding:12px 14px;font-size:13px}.walkthrough-root .step-detail-note{margin:22px 0 10px;font-size:15px;line-height:1.6}.walkthrough-root .step-model-list{flex-wrap:wrap;gap:8px 16px;margin:0 0 16px;padding:0;list-style:none;display:flex}.walkthrough-root .step-model-list li{color:var(--ink-dim);align-items:center;gap:8px;font-size:13px;display:flex}.walkthrough-root .step-model-badge{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;color:var(--teal);background:var(--walk-tok-target-bg);border:1px solid var(--line-soft);border-radius:999px;padding:2px 10px;font-size:12px}.walkthrough-root .step-footnote{color:var(--ink-dim);margin-top:18px;font-size:15px;line-height:1.6}.walkthrough-root .posenc-demo{flex-direction:column;gap:14px;display:flex}.walkthrough-root .posenc-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.walkthrough-root .posenc-row-result{border-top:1px dashed var(--line-soft);padding-top:10px}.walkthrough-root .posenc-label{color:var(--ink-dim);flex-shrink:0;min-width:72px;font-size:12px}.walkthrough-root .posenc-ellipsis{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;color:var(--ink-dim);font-size:13px}.walkthrough-root .step-layer-anatomy{margin-top:16px}.walkthrough-root .step-layer-anatomy-title{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:12px}.walkthrough-root .step-layer-anatomy-flow{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:13px;line-height:1.5;display:flex}.walkthrough-root .head-card h4{font-size:13px;font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-weight:500}.walkthrough-root .head-card-desc{color:var(--ink-dim);margin:0 0 12px;font-size:13px;font-style:italic;line-height:1.45}.walkthrough-root .head-card{background:var(--walk-head-card-bg);border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px}.walkthrough-root .head-card .tok{padding:5px 8px;font-size:12px}.walkthrough-root .ffn-row{flex-wrap:wrap;align-items:center;gap:14px;margin:20px 0;display:flex}.walkthrough-root .ffn-box{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;color:var(--ink-dim);border:1px dashed var(--line);white-space:nowrap;border-radius:8px;padding:10px 14px;font-size:12px}.walkthrough-root .ffn-box.amber{color:var(--amber);border-style:solid;border-color:var(--amber)}.walkthrough-root .ffn-box.teal{color:var(--teal);border-style:solid;border-color:var(--teal)}.walkthrough-root .arrow{color:var(--line);font-size:18px}.walkthrough-root .stack{padding:20px 0;position:relative}.walkthrough-root .layer-block{background:var(--walk-head-card-bg);border:1px solid var(--line-soft);font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;color:var(--ink-dim);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding:14px 18px;font-size:13px;display:flex}.walkthrough-root .layer-block .lnum{color:var(--teal)}.walkthrough-root .layer-block-btn{text-align:left;cursor:pointer;background:var(--walk-head-card-bg);width:100%;transition:border-color .2s,background .2s}.walkthrough-root .layer-block-btn:hover{border-color:var(--line)}.walkthrough-root .layer-block-btn.active{border-color:var(--amber);background:var(--walk-tok-focus-bg)}.walkthrough-root .layer-block-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.walkthrough-root .stack-depth-viz{flex-wrap:wrap;align-items:center;gap:3px;margin:16px 0 12px;display:flex}.walkthrough-root .stack-depth-bar{background:var(--line-soft);border-radius:2px;width:10px;height:22px;transition:background .2s,height .2s}.walkthrough-root .stack-depth-bar.filled{background:var(--line)}.walkthrough-root .stack-depth-bar.current{background:var(--amber);height:28px}.walkthrough-root .stack-depth-more{color:var(--ink-dim);margin-left:6px;font-size:11px}.walkthrough-root .stack-highlight-row{margin-top:14px}.walkthrough-root .ffn-token-picker,.walkthrough-root .ffn-stage-controls{margin-bottom:14px}.walkthrough-root .ffn-stage-row{margin-top:0}.walkthrough-root .bar-row-btn{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:0}.walkthrough-root .bar-row-btn:hover .bar-label{color:var(--ink)}.walkthrough-root .bar-row-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:4px}.walkthrough-root .stack-loop{text-align:center;color:var(--ink-dim);font-size:13px;font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;margin-top:4px}.walkthrough-root .bars{flex-direction:column;gap:10px;margin-top:20px;display:flex}.walkthrough-root .bar-row{align-items:center;gap:12px;display:flex}.walkthrough-root .bar-label{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;width:70px;color:var(--ink-dim);flex-shrink:0;font-size:13px}.walkthrough-root .bar-track{background:var(--walk-bar-track-bg);border-radius:5px;flex:1;height:20px;overflow:hidden}.walkthrough-root .bar-fill{background:linear-gradient(90deg, var(--teal), var(--amber));border-radius:5px 0 0 5px;width:0%;height:100%;transition:width 1s}.walkthrough-root .bar-pct{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;color:var(--ink-dim);text-align:right;width:42px;font-size:12px}.walkthrough-root footer{max-width:900px;color:var(--ink-dim);margin:0 auto;padding:60px 56px 100px;font-size:14px}@media (prefers-reduced-motion:reduce){.walkthrough-root .bar-fill,.walkthrough-root .loom-arc,.walkthrough-root .tok{transition:none}}