.token-section{background:#f5f7fb}.token-section .eyebrow{color:#477c9f}.token-replay{max-width:1400px;margin:auto;background:#fff;border:1px solid #dce3ee;border-radius:24px;overflow:hidden;--token-bash:#5576ce;--token-python:#258c9f}.token-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 28px;border-bottom:1px solid #e5eaf1}.token-toolbar strong{font-size:16px;color:#33445c}.token-toolbar p{font-size:12px;color:#8a96a7;margin:8px 0 0}.token-controls{display:flex;gap:8px}.token-controls button,.token-controls select,.token-end{font:inherit;font-size:12px;color:#53657e;border:1px solid #dce3ec;background:white;border-radius:24px;padding:10px 16px;cursor:pointer}.token-controls .token-play{background:#263950;color:white;min-width:80px}.token-bars{padding:28px 28px 16px;background:#fbfcfe}.token-bars-heading{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#67778f;margin-bottom:24px}.token-bars-heading small{color:#9aa5b5;margin-left:7px}.token-bars-heading>span:last-child{font-size:11px;color:#97a2b2}.token-meter{--meter-color:var(--token-bash);margin:0 0 22px}.token-meter.python{--meter-color:var(--token-python)}.token-meter-heading{display:flex;align-items:baseline;gap:14px;margin-bottom:9px}.token-meter-heading strong{font-size:15px;color:var(--meter-color);min-width:75px}.token-meter-step{font-size:11px;color:#8a97aa}.token-value{margin-left:auto;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.6px;color:var(--meter-color)}.token-track{height:15px;background:#eaf0f6;border-radius:4px;display:flex;overflow:hidden}.token-input{background:var(--meter-color)}.token-output{background:color-mix(in srgb,var(--meter-color),white 50%)}.token-track>span{height:100%;display:block;transition:width .22s linear}.token-meter-foot{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#95a1b3;margin-top:9px;line-height:1.5}.token-wait{color:#6e819b;text-align:right;max-width:55%}.token-meter[data-waiting=true] .token-wait{color:var(--meter-color)}.token-accounting{font-size:11px;color:#8a97aa;margin:0}.token-timeline-header{padding:20px 28px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8a97aa;border-top:1px solid #e6ebf3}.token-timeline-header i{display:inline-block;width:9px;height:9px;border:1px solid #697b91;margin:0 5px 0 12px;vertical-align:middle}.token-timeline-header i.error{background:#d77e83;border-color:#d77e83}.token-timeline{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c4cfdf #f2f5fa}.token-timeline svg{display:block;width:100%;min-width:1900px;height:auto;max-height:390px}.token-lane{font:600 12px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;fill:#5576ce}.token-lane.python{fill:#258c9f}.token-expected{fill:none;stroke:#c3c9d3;stroke-dasharray:4 5;stroke-width:1}.token-path{fill:none;stroke:#5576ce;stroke-width:1.5;opacity:0}.token-path.python{stroke:#258c9f}.token-path.lit{opacity:1}.token-step{cursor:pointer;outline:none}.token-hit{fill:transparent}.token-square{fill:#dce3ed;stroke:white;stroke-width:1}.token-step.lit .token-square,.token-half.bash.lit{fill:#5576ce}.token-step.python.lit .token-square,.token-half.python.lit{fill:#258c9f}.token-step.error.lit .token-square{fill:#d77e83}.token-step:focus .token-square,.token-step:hover .token-square{stroke:#263950;stroke-width:2}.token-milestone{cursor:pointer;outline:none}.token-guide{stroke:#e2e7ef;stroke-dasharray:3 5}.token-milestone-title{font:600 12px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;fill:#61748e;text-anchor:middle}.token-milestone-count{font:500 11px ui-monospace,monospace;fill:#5576ce;text-anchor:middle}.token-milestone-count.python{fill:#258c9f}.token-merge-outline{fill:white;stroke:#9aabbe;stroke-width:1.5}.token-half{fill:#e8edf4}.token-milestone.complete .token-merge-outline{stroke:#4e6f88;stroke-width:2}.token-milestone:focus .token-merge-outline,.token-milestone:hover .token-merge-outline{stroke:#1d3654;stroke-width:3}.token-merge-number{font:600 12px sans-serif;fill:#fff;text-anchor:middle;pointer-events:none}.token-scroll-hint{font-size:11px;color:#93a0b2;padding:0 28px 18px;margin:0}.token-progress{display:flex;gap:14px;align-items:center;padding:18px 28px;border-top:1px solid #e6ebf3}.token-progress input{width:100%;min-width:0;accent-color:#477c9f;cursor:pointer}.token-progress button{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1px solid #dce3ec;background:white;color:#6e819b;cursor:pointer}.token-progress button:disabled{opacity:.3}.token-progress output{font-size:11px;color:#8a97aa;min-width:45px;text-align:right}.token-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 28px 20px}.token-stages button{text-align:left;font:inherit;font-size:12px;color:#71849c;padding:13px 12px;border-radius:10px;border:1px solid #e4eaf2;background:#fff;cursor:pointer}.token-stages button span{font-size:10px;color:#a1adbd;margin-right:8px}.token-stages button small{display:block;margin:7px 0 0 23px;font-size:10px;color:#9aa8ba}.token-stages button[aria-pressed=true]{background:#eff5fa;border-color:#aebfd1;color:#344f6f}.token-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 28px 24px}.token-phase{font-size:13px;line-height:1.6;color:#6c7f99}.token-end{white-space:nowrap}.token-inspector{padding:25px 28px;background:#f4f7fb;border-top:1px solid #e1e8f1}.token-kicker{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#8597ae}.token-inspector h3{font-size:22px;letter-spacing:-.5px;color:#34485f;margin:12px 0}.token-inspector p{font-size:13px;line-height:1.7;color:#7b8ca3;max-width:1050px}.token-inspector summary{font-size:12px;color:#557a9a;cursor:pointer}.token-evidence{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.token-evidence.single{grid-template-columns:1fr}.token-evidence>div{min-width:0}.token-evidence h4{font-size:12px;color:#71849c;margin:14px 0 8px}.token-evidence pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,monospace;background:white;border:1px solid #dfe7f0;border-radius:10px;padding:15px;max-height:300px;overflow:auto;color:#6e819b}.token-evidence p{font-size:11px}.token-replay button:focus-visible,.token-replay select:focus-visible{outline-offset:2px}
@media(max-width:700px){.token-toolbar{display:block;padding:22px 16px}.token-toolbar strong{font-size:15px}.token-toolbar p{font-size:11px;line-height:1.6}.token-controls{margin-top:18px}.token-controls button,.token-controls select{padding:10px 13px}.token-bars{padding:23px 16px 18px}.token-bars-heading{gap:12px;font-size:11px}.token-bars-heading small{display:block;margin:4px 0 0}.token-bars-heading>span:last-child{font-size:10px}.token-value{font-size:23px}.token-meter-heading{gap:7px}.token-meter-heading strong{min-width:70px}.token-meter-foot{font-size:9px;gap:9px}.token-timeline-header{padding:18px 16px 0;display:block;font-size:10px}.token-timeline-header>span{display:block;margin-bottom:8px}.token-timeline-header i:first-child{margin-left:0}.token-timeline svg{min-width:1900px}.token-scroll-hint{padding:0 16px 17px;line-height:1.6}.token-progress{padding:16px;gap:8px}.token-stages{grid-template-columns:repeat(2,1fr);padding:0 16px 20px;gap:7px}.token-stages button{font-size:11px;padding:12px 8px}.token-stages button span{margin-right:5px}.token-stages button small{margin-left:18px}.token-summary{display:block;padding:0 16px 20px}.token-phase{display:block;margin-bottom:14px;font-size:12px}.token-inspector{padding:22px 16px}.token-evidence{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.token-track>span{transition:none}}