.ex-stage{border:var(--hairline) solid var(--color-neutral-line);border-radius:var(--radius-lg);background-color:var(--color-neutral-raised);position:relative;overflow:hidden}.ex-ground{z-index:0;position:absolute;inset:0}.ex-lines{z-index:1;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.ex-lines path{fill:none;stroke-linecap:round;stroke-linejoin:round}.ex-ghost{stroke:var(--color-neutral-line)}.ex-arrow path:not(.ex-ghost){stroke:var(--color-neutral-soft);transition:stroke .3s var(--ease-enter), opacity .2s var(--ease-enter)}.ex-arrow.is-hot path:not(.ex-ghost){stroke:var(--color-figure-accent-line)}.ex-fig{align-items:center;height:100%;display:flex}.ex-fig>div{width:100%}.ex-fig .iso-fig{scale:1.45}.ex-fig .iso-fig svg path{stroke-width:calc(var(--fig-w) / var(--ex-k,1.45))}.ex-fig .iso-fig svg .acc{stroke-width:calc(var(--fig-core-w) / var(--ex-k,1.45))}.ex-fig .iso-fig svg .acc-case{stroke-width:calc(var(--fig-case-w) / var(--ex-k,1.45))}.ex-fig .iso-fig svg .acc-dot{stroke-width:calc(1px / var(--ex-k,1.45))}.ex-fig>div>span{display:none}.ex-node{border-radius:var(--radius-md);transition:opacity .4s var(--ease-enter);background:0 0;border:0;padding:0;display:block}.ex-node[data-state=next]{opacity:.38}.ex-abs{z-index:2;position:absolute}.ex-pop{box-sizing:border-box;border-radius:var(--radius-md);width:100%;max-width:268px;box-shadow:none;background:var(--color-neutral-surface);color:var(--color-neutral-ink);text-align:left;transition:opacity .24s var(--ease-enter);border:0;margin:0;padding:12px 14px 14px;position:relative}.ex-pop-abs{z-index:3;position:absolute}.ex-pop-n{font:500 11px/1.2 var(--font-mono);letter-spacing:.02em;color:var(--color-neutral-soft);margin:0 0 4px}.ex-pop-t{font:600 14px/1.35 var(--font-sans);color:var(--color-neutral-ink);margin:0}.ex-pop-x{font:400 13px/1.5 var(--font-sans);color:var(--color-neutral-soft);margin:4px 0 0}.ex-pop-arrow{background:inherit;pointer-events:none;width:11px;height:11px;position:absolute;rotate:45deg}.ex-pop[data-side=below] .ex-pop-arrow{top:-5px;left:calc(var(--ex-point,50%) - 6px);border-top-left-radius:2px}.ex-pop[data-side=above] .ex-pop-arrow{bottom:-5px;left:calc(var(--ex-point,50%) - 6px);border-bottom-right-radius:2px}.ex-pop[data-side=right] .ex-pop-arrow{left:-5px;top:calc(var(--ex-point,50%) - 6px);border-bottom-left-radius:2px}.ex-pop[data-side=left] .ex-pop-arrow{right:-5px;top:calc(var(--ex-point,50%) - 6px);border-top-right-radius:2px}.ex-closing{border-radius:var(--radius-md);background:var(--color-neutral-raised);border:var(--hairline) solid var(--color-neutral-line);width:max-content;max-width:calc(100% - 32px);font:600 15px/1.35 var(--font-sans);color:var(--color-neutral-ink);text-align:center;opacity:0;transition:opacity .3s var(--ease-enter), translate .3s var(--ease-enter);margin:0;padding:8px 14px;translate:0 8px}.ex-closing[data-on]{opacity:1;translate:0}.ex-closing-abs{z-index:3;position:absolute;bottom:16px;left:50%;translate:-50% 8px}.ex-closing-abs[data-on]{translate:-50%}.ex-cam-stage{width:100%;max-height:68svh}@media (max-width:639px){.ex-cam-stage{max-height:64svh}}.ex-cam{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.ex-board{position:relative}.ex-board-ground{z-index:0;position:absolute;inset:-1600px}@media (prefers-reduced-motion:reduce){.ex-node,.ex-pop,.ex-arrow path,.ex-closing{transition:none}}.ex-chip-n{font:500 11px/1.2 var(--font-mono);letter-spacing:.02em;color:var(--color-neutral-soft);margin:0}.ex-tl{flex-direction:column;gap:28px;display:flex}.ex-tl-wrap{position:relative}.ex-tl-list{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.ex-tl-spine{border-left:var(--hairline) solid var(--color-neutral-line);width:0;position:absolute;top:0;bottom:0;left:50%}.ex-tl-spine i{background:var(--color-figure-accent-line);transform-origin:top;width:1.5px;position:absolute;top:0;bottom:0;left:-.75px}.ex-tl-spine b{background:var(--color-figure-accent);border-radius:50%;position:absolute;left:0;translate:-50% -50%}.ex-tl-row{grid-template-columns:1fr 1fr;align-items:center;gap:64px;min-height:260px;display:grid;position:relative}.ex-tl-mark{border:var(--hairline) solid var(--color-neutral-line);background:var(--color-neutral-raised);width:9px;height:9px;transition:border-color .24s var(--ease-enter);z-index:1;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.ex-tl-row[data-state=active] .ex-tl-mark,.ex-tl-row[data-state=done] .ex-tl-mark{border-color:var(--color-figure-accent-line)}.ex-tl-fig{aspect-ratio:5/4;justify-self:end;width:min(100%,300px)}.ex-tl-text{max-width:34ch;transition:opacity .3s var(--ease-enter);flex-direction:column;gap:4px;display:flex}.ex-tl-row[data-state=next] .ex-tl-text{opacity:.4}.ex-tl-row[data-flip] .ex-tl-fig{order:2;justify-self:start}.ex-tl-row[data-flip] .ex-tl-text{text-align:right;order:1;justify-self:end;align-items:flex-end}.ex-tl-t{font:600 clamp(20px, 2.2vw, 26px)/1.25 var(--font-sans);letter-spacing:-.015em;color:var(--color-neutral-ink);margin:0}.ex-tl-x{font:400 16px/1.5 var(--font-sans);color:var(--color-neutral-soft);margin:0}@media (max-width:760px){.ex-tl-spine{left:12px}.ex-tl-row,.ex-tl-row[data-flip]{grid-template-columns:1fr;gap:12px;min-height:0;padding-left:36px}.ex-tl-mark{top:24px;left:12px}.ex-tl-row .ex-tl-fig,.ex-tl-row[data-flip] .ex-tl-fig{order:0;justify-self:start;width:min(100%,240px)}.ex-tl-row[data-flip] .ex-tl-text{text-align:left;order:1;justify-self:start;align-items:flex-start}}