.js .agent [data-s]{opacity:.25;transition:opacity .6s var(--ease-out)}.js :is(.agent[data-step="0"] [data-s="0"],.agent[data-step="1"] [data-s="1"],.agent[data-step="2"] [data-s="2"],.agent[data-step="3"] [data-s="3"]){opacity:1}.lstage-wrap{position:sticky;top:88px}.lstage{background:#0b0b0ca8;border:1px solid #ffffff1a;border-radius:28px;padding:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.lstage-wrap>.replay{z-index:5;transition:opacity .3s,visibility .3s,color .2s,transform .15s var(--ease-out);position:absolute;top:20px;right:20px}.agent:not([data-step="0"]) .lstage-wrap>.replay{opacity:0;visibility:hidden}.lx{display:grid}.lx>*{opacity:0;grid-area:1/1;transition:opacity .4s}.agent[data-step="0"] .lx>[data-v~="0"],.agent[data-step="1"] .lx>[data-v~="1"],.agent[data-step="2"] .lx>[data-v~="2"],.agent[data-step="3"] .lx>[data-v~="3"]{opacity:1}.ltop{justify-content:space-between;align-items:center;height:36px;display:flex}.lsub{transition:translate .3s var(--ease-out)}.agent:not([data-step="0"]) .lsub{translate:46px}.ltitle{font:500 14px/1 var(--font-body)}.lcols{height:32px;font:12px/1 var(--font-body);color:var(--color-ink-2);border-bottom:1px solid var(--color-hair);grid-template-columns:1fr 1fr;align-items:center;gap:12px;display:grid}.lbody{--rh:clamp(44px,6.2svh,56px);height:calc(var(--rh) * var(--rows));margin-top:10px;position:relative}.lbody>*{position:absolute;top:0;left:0}.li{width:calc(50% - 6px);height:calc(var(--rh) - 8px);transform:translate(calc(var(--x) * (100% + 12px)),calc(var(--y) * var(--rh)));transition:transform .9s var(--ease-out) calc(var(--k) * 40ms),translate .5s var(--ease-out),opacity .5s var(--ease-out),filter .5s,border-color .4s;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}.li.wide{width:100%}.agent[data-step="0"] .li{--x:var(--x0);--y:var(--y0)}.agent[data-step="1"] .li{--x:var(--x1);--y:var(--y1)}.agent:is([data-step="2"],[data-step="3"]) .li{--x:var(--x2);--y:var(--y2)}.agent[data-step="0"] .li:not(.v0),.agent[data-step="1"] .li:not(.v1),.agent:is([data-step="2"],[data-step="3"]) .li:not(.v2){opacity:0;pointer-events:none}.agent[data-step="0"] .l-ghost:not(.v0),.agent[data-step="1"] .l-ghost:not(.v1),.agent:is([data-step="2"],[data-step="3"]) .l-ghost:not(.v2){translate:-12px}.agent:is([data-step="2"],[data-step="3"]) .l-slot:not(.hit){opacity:0}.l-chip{background:var(--color-panel);border:1px solid var(--color-hair)}.l-ghost{border:1px dashed var(--color-hair);transition:transform .9s var(--ease-out),translate .5s var(--ease-out) calc(var(--y) * 60ms),opacity .5s var(--ease-out) calc(var(--y) * 60ms),filter .5s,border-color .4s}.l-slot{border:1px dashed color-mix(in srgb,var(--color-ember) 55%,transparent);color:var(--color-ember);justify-content:center;font-size:12px}.l-label{color:var(--color-ink-3);padding:0;font-size:12px}.l-total{border-top:1px solid color-mix(in srgb,var(--color-ink) 20%,transparent);border-radius:0}.agent[data-step="1"] .l-chip.flag1,.agent:is([data-step="2"],[data-step="3"]) .l-chip.flag2.hit{border-color:color-mix(in srgb,var(--color-ember) 55%,transparent)}.ldot,.lshort{display:none}.lmeta{justify-items:end;font-size:11.5px;display:grid}.lmeta>*{opacity:0;white-space:nowrap;grid-area:1/1;transition:opacity .3s}.agent[data-step="0"] .li:not(.read) .m-src,.agent[data-step="0"] .li.read .m-kind,.agent[data-step="1"] .msay1,.agent:is([data-step="2"],[data-step="3"]) .msay2{opacity:1}.lbody>.lmark{left:calc(50% - 9px);top:calc(var(--i) * var(--rh) + (var(--rh) - 8px) / 2 - 9px);opacity:0;width:18px;height:18px;transition:opacity .4s var(--ease-out),scale .4s var(--ease-out),filter .5s;border-radius:50%;place-items:center;display:grid;scale:.6}.lmark.ok{background:var(--color-ice)}.lmark.flag{background:var(--color-ember)}.lmark svg{width:14px;height:14px}.agent:is([data-step="2"],[data-step="3"]) .lmark.hit{opacity:1;scale:1}.agent[data-step="3"] :is(.li,.lmark){filter:blur(2px)opacity(.12)}.lsel{contain:layout style;z-index:4;width:var(--sw,0);height:var(--sh,0);transform:translate(var(--sx,0),var(--sy,0));border:1px solid var(--color-ice);pointer-events:none;transition:transform .45s var(--ease-out),width .45s var(--ease-out),height .45s var(--ease-out),opacity .3s}.lsel:not(.placed){opacity:0}.lsel i{background:var(--color-bg);border:1px solid var(--color-ice);width:7px;height:7px;position:absolute}.lsel i:first-child{top:-4px;left:-4px}.lsel i:nth-child(2){top:-4px;right:-4px}.lsel i:nth-child(3){bottom:-4px;left:-4px}.lsel i:nth-child(4){bottom:-4px;right:-4px}.lsel .tag{margin:0;top:0;bottom:auto;left:10px;translate:0 -50%}.lbody>.scard{z-index:3;pointer-events:none;width:min(224px,50% - 6px);left:calc(50% + 6px)}.lbody>.scard.on{opacity:1;clip-path:inset(0 round 14px);transform:none}.lbody>.lreport{z-index:3;border:1px solid var(--color-hair);opacity:0;clip-path:inset(0 0 100% round 14px);width:min(420px,92%);transition:opacity .8s var(--ease-out),clip-path .8s var(--ease-out);background:#141416f0;border-radius:14px;padding:16px 16px 14px;top:50%;left:50%;translate:-50% -50%}.agent[data-step="3"] .lreport{opacity:1;clip-path:inset(0 round 14px)}.lreport .lvar{color:var(--color-ink-2);align-items:baseline;gap:8px;margin-top:10px;font-size:12px;display:flex}.lreport .lvar i{background:var(--color-ink-3);border-radius:50%;flex:none;width:6px;height:6px;translate:0 -1px}.lreport .lvar.flag i{background:var(--color-ember)}.lstage .status{width:fit-content;margin-top:16px;position:relative;bottom:auto;left:auto}@media (max-width:900px){.lstage-wrap{top:12px}.lstage-wrap>.replay{top:12px;right:12px}.lstage{background:var(--color-bg);border-radius:22px;padding:12px}.lbody{--rh:42px}.lsub,.la,.lmeta,.lfull{display:none}.lshort{display:inline}.l-chip{justify-content:flex-start}.li .lb{font-size:11.5px}.li .lc{font-size:12px}.l-chip .ldot{background:var(--color-ink-3);border-radius:50%;flex:none;width:6px;height:6px;transition:background .3s;display:block}.agent[data-step="0"] .li.read.d0-ok .ldot,.agent[data-step="1"] .d1-ok .ldot,.agent:is([data-step="2"],[data-step="3"]) .d2-ok .ldot{background:var(--color-ice)}.agent[data-step="0"] .li.read.d0-muted .ldot,.agent[data-step="1"] .d1-muted .ldot,.agent:is([data-step="2"],[data-step="3"]) .d2-muted .ldot{background:var(--color-ink-2)}.agent[data-step="0"] .li.read.d0-flag .ldot,.agent[data-step="1"] .d1-flag .ldot,.agent:is([data-step="2"],[data-step="3"]) .d2-flag .ldot{background:var(--color-ember)}.agent[data-step="0"] .li.v0{width:100%}.lbody>.scard{display:none}.agent[data-step="0"] .li.v0 .lfull{display:inline}.agent[data-step="0"] .li.v0 .lshort{display:none}.lbody>.lreport{width:94%}.li>span+span{flex:0 auto;min-width:0;max-width:55%}.li .lc{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}}@media (prefers-reduced-motion:reduce){.li,.lmark,.lsel,.lreport,.lsub,.lbody>.scard{transition:opacity .2s linear}.lbody>.scard{clip-path:none;transform:none}.lreport,.agent[data-step="3"] .lreport{clip-path:none}}