.TraceLine-module__eQotJq__root{--tl-bg:var(--canvas);--tl-ink:var(--color-ink);--tl-ink-2:var(--color-ink-muted);--tl-ink-3:var(--color-ink-subtle);--tl-accent:var(--color-accent);--tl-accent-hot:var(--color-series);--tl-rail:color-mix(in srgb,var(--color-accent)16%,transparent);--tl-card:var(--color-surface);--tl-card-border:var(--color-hairline);--tl-step-ms:1s;--tl-mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;color:var(--tl-ink);padding:96px 24px 88px;font-family:inherit;position:relative;overflow-x:clip}.TraceLine-module__eQotJq__root *,.TraceLine-module__eQotJq__root :before,.TraceLine-module__eQotJq__root :after{box-sizing:border-box}.TraceLine-module__eQotJq__inner{max-width:1160px;margin:0 auto;position:relative}.TraceLine-module__eQotJq__header{margin-bottom:64px}.TraceLine-module__eQotJq__track{grid-template-columns:repeat(var(--tl-steps,4),minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.TraceLine-module__eQotJq__step{flex-direction:column;align-items:center;padding:0 10px;display:flex;position:relative}.TraceLine-module__eQotJq__connector{background:var(--tl-rail);border-radius:2px;width:calc(100% - 52px);height:2px;position:absolute;top:21px;left:calc(50% + 26px)}.TraceLine-module__eQotJq__connectorFill{border-radius:inherit;background:linear-gradient(90deg,var(--tl-accent),var(--tl-accent-hot));transform-origin:0;transition:transform var(--tl-step-ms)cubic-bezier(.65,0,.35,1);position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 12px #5ea3ffb3}.TraceLine-module__eQotJq__connectorFill:after{content:"";opacity:0;background:#fff;border-radius:50%;width:8px;height:8px;margin-top:-4px;transition:opacity .2s;position:absolute;top:50%;right:-4px;box-shadow:0 0 10px 3px #8cb9f3e6}.TraceLine-module__eQotJq__step[data-link=on] .TraceLine-module__eQotJq__connectorFill,.TraceLine-module__eQotJq__step[data-link=moving] .TraceLine-module__eQotJq__connectorFill{transform:scaleX(1)}.TraceLine-module__eQotJq__step[data-link=moving] .TraceLine-module__eQotJq__connectorFill:after{opacity:1}.TraceLine-module__eQotJq__node{z-index:1;border:1.5px solid var(--tl-rail);background:var(--tl-bg);width:44px;height:44px;color:var(--tl-ink-3);font:600 13px/1 var(--tl-mono);border-radius:50%;place-items:center;transition:color .3s,border-color .3s,background .3s,box-shadow .3s;display:grid;position:relative}.TraceLine-module__eQotJq__node svg{width:18px;height:18px}.TraceLine-module__eQotJq__step[data-state=done] .TraceLine-module__eQotJq__node,.TraceLine-module__eQotJq__step[data-state=current] .TraceLine-module__eQotJq__node{color:#fff;border-color:var(--tl-accent);background:linear-gradient(#1d4a86,#13325e);box-shadow:0 0 0 5px #5ea3ff1f,0 0 22px #5ea3ff73}.TraceLine-module__eQotJq__step[data-state=current] .TraceLine-module__eQotJq__node:after{content:"";border:1.5px solid var(--tl-accent);border-radius:50%;animation:1.6s ease-out infinite TraceLine-module__eQotJq__tl-pulse;position:absolute;inset:-6px}@keyframes TraceLine-module__eQotJq__tl-pulse{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.5)}}.TraceLine-module__eQotJq__label{letter-spacing:.12em;text-transform:uppercase;color:var(--tl-ink-3);margin:14px 0 12px;font-size:12px;font-weight:600;transition:color .3s}.TraceLine-module__eQotJq__step[data-state=done] .TraceLine-module__eQotJq__label,.TraceLine-module__eQotJq__step[data-state=current] .TraceLine-module__eQotJq__label{color:var(--tl-accent)}.TraceLine-module__eQotJq__card{border:1px solid var(--tl-card-border);background:var(--tl-card);-webkit-backdrop-filter:blur(8px);text-align:left;border-radius:12px;flex-direction:column;flex:auto;width:100%;max-width:240px;padding:14px 14px 12px;transition:opacity .45s,transform .45s,border-color .3s;display:flex}.TraceLine-module__eQotJq__root[data-armed] .TraceLine-module__eQotJq__step[data-state=idle] .TraceLine-module__eQotJq__card{opacity:0;transform:translateY(10px)}.TraceLine-module__eQotJq__step[data-state=current] .TraceLine-module__eQotJq__card{border-color:#8cb9f373}.TraceLine-module__eQotJq__cardTitle{color:#fff;margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.35}.TraceLine-module__eQotJq__cardDetail{color:var(--tl-ink-2);margin:0;font-size:13px;line-height:1.45}.TraceLine-module__eQotJq__tools{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.TraceLine-module__eQotJq__tool{border:1px solid var(--color-hairline-strong);font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tl-ink-2);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.TraceLine-module__eQotJq__actions{justify-content:center;margin-top:40px;display:flex}.TraceLine-module__eQotJq__replay{appearance:none;border:1px solid var(--tl-card-border);color:var(--tl-ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .2s,border-color .2s;display:inline-flex}.TraceLine-module__eQotJq__replay:hover{background:#ffffff0f;border-color:#8cb9f373}.TraceLine-module__eQotJq__replay:focus-visible{outline:2px solid var(--tl-accent);outline-offset:3px}.TraceLine-module__eQotJq__replay svg{width:14px;height:14px}@media (max-width:820px){.TraceLine-module__eQotJq__root{padding:72px 16px 64px}.TraceLine-module__eQotJq__header{margin-bottom:44px}.TraceLine-module__eQotJq__track{grid-template-columns:1fr;max-width:440px;margin:0 auto}.TraceLine-module__eQotJq__step{grid-template-columns:44px minmax(0,1fr);align-items:start;column-gap:16px;padding:0 0 22px;display:grid}.TraceLine-module__eQotJq__node{grid-row:1/span 2}.TraceLine-module__eQotJq__label{margin:13px 0 8px}.TraceLine-module__eQotJq__card{grid-column:2;max-width:none}.TraceLine-module__eQotJq__connector{width:2px;height:auto;top:50px;bottom:6px;left:21px}.TraceLine-module__eQotJq__connectorFill{background:linear-gradient(180deg,var(--tl-accent),var(--tl-accent-hot));transform-origin:top;transform:scaleY(0)}.TraceLine-module__eQotJq__step[data-link=on] .TraceLine-module__eQotJq__connectorFill,.TraceLine-module__eQotJq__step[data-link=moving] .TraceLine-module__eQotJq__connectorFill{transform:scaleY(1)}.TraceLine-module__eQotJq__connectorFill:after{margin:0 0 0 -4px;inset:auto auto -4px 50%}.TraceLine-module__eQotJq__actions{margin-top:16px}}@media (min-width:1024px) and (min-height:760px) and (prefers-reduced-motion:no-preference){.TraceLine-module__eQotJq__root{height:calc(100svh + var(--tl-steps,4)*45svh);padding:0 24px}.TraceLine-module__eQotJq__stage{top:var(--header-h);height:calc(100svh - var(--header-h));align-items:center;display:flex;position:sticky}.TraceLine-module__eQotJq__stage>.TraceLine-module__eQotJq__inner{width:100%}.TraceLine-module__eQotJq__root[data-mode=pinned] .TraceLine-module__eQotJq__connectorFill{transform:scaleX(clamp(0,calc(var(--tl-u,0) - var(--i)),1));transition:none}}@media (prefers-reduced-motion:reduce){.TraceLine-module__eQotJq__root *,.TraceLine-module__eQotJq__root :before,.TraceLine-module__eQotJq__root :after{transition:none!important;animation:none!important}}