.tdb{--tdb-settle:cubic-bezier(.32, .72, 0, 1);--tdb-ease:var(--ease-out-expo);--tdb-accent-ink:color-mix(in srgb, var(--accent) 62%, #000);background-color:var(--bg);color:var(--ink);background-image:linear-gradient(#0d0d0d0b 1px,#0000 1px),linear-gradient(90deg,#0d0d0d0b 1px,#0000 1px);background-size:5cqw 5cqw;border-radius:24px;padding:5cqw;font-size:3cqw;line-height:1.3;display:block}.tdb-win{background:#fff;border:1px solid #0d0d0d0f;border-radius:3.4cqw;padding:4.2cqw 4.4cqw;display:block;box-shadow:0 3cqw 8cqw -4cqw #10182057}.tdb-head{align-items:center;gap:1.8cqw;font-size:3.1cqw;display:flex}.tdb-head b{font-weight:600}.tdb-chip{background:var(--bg);font-family:var(--font-mono);color:var(--muted);border-radius:99px;padding:.5cqw 1.6cqw;font-size:2.1cqw}.tdb-day{font-family:var(--font-mono);color:var(--muted);margin-left:auto;font-size:2.3cqw}.tdb-path{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:5.5cqw;display:grid;position:relative}.tdb-line{background:var(--ink);transform-origin:0;height:.3cqw;position:absolute;top:1.45cqw;left:10%;right:10%}.tdb-walker{--run:calc((100cqw - 10cqw - 8.8cqw) * .8);z-index:2;background:var(--accent);opacity:0;border-radius:50%;width:2.4cqw;height:2.4cqw;margin:-1.2cqw 0 0 -1.2cqw;position:absolute;top:1.6cqw;left:10%;box-shadow:0 0 0 1cqw #e8501a2e}.tdb-stop{z-index:1;text-align:center;align-content:start;justify-items:center;gap:1.2cqw;display:grid;position:relative}.tdb-node{border:.4cqw solid var(--ink);background:#fff;border-radius:50%;width:3.2cqw;height:3.2cqw}.tdb-name{font-family:var(--font-mono);color:var(--muted);font-size:2.3cqw}.tdb-stop.is-leak .tdb-node{border-color:var(--accent);box-shadow:0 0 0 1cqw #e8501a29}.tdb-leak{max-width:15cqw;color:var(--tdb-accent-ink);font-size:2.2cqw;font-weight:500;line-height:1.25}.tdb-plan{border-top:1px solid #0d0d0d14;gap:1.8cqw;margin-top:4.5cqw;padding-top:3.6cqw;display:grid}.tdb-plan-k{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:2.2cqw}.tdb-row{grid-template-columns:4cqw minmax(0,1fr) 15cqw;align-items:center;gap:2cqw;font-size:2.8cqw;display:grid}.tdb-n{font-family:var(--font-mono);color:var(--muted);font-size:2.3cqw}.tdb-tx{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.tdb-bar{background:#e5e8ec;border-radius:99px;height:1.3cqw;display:block;position:relative;overflow:hidden}.tdb-bar:after{content:"";width:calc(90% - var(--k) * 23%);border-radius:inherit;background:var(--ink);transform-origin:0;position:absolute;inset:0 auto 0 0}.tdb-row:first-of-type .tdb-bar:after{background:var(--accent)}[data-play=armed] .tdb *,[data-play=armed] .tdb :after{animation-play-state:paused!important}[data-play] .tdb-win{animation:tdb-rise .8s var(--tdb-settle) .1s both}[data-play] .tdb-line{animation:.6s cubic-bezier(.45,0,.25,1) .45s both tdb-draw}[data-play] .tdb-node{animation:tdb-pop .4s var(--tdb-ease) calc(.5s + var(--k) * .1s) both}[data-play] .tdb-stop.is-leak .tdb-node{animation:tdb-pop .4s var(--tdb-ease) calc(.5s + var(--k) * .1s) both, tdb-leak .5s var(--tdb-ease) calc(1s + var(--k) * .6s) both}[data-play] .tdb-walker{animation:2.7s linear 1s both tdb-walk}[data-play] .tdb-leak{animation:tdb-fade .45s var(--tdb-ease) calc(1.05s + var(--k) * .6s) both}[data-play] .tdb-plan-k{animation:.4s ease-out 3.55s both tdb-fade}[data-play] .tdb-row{animation:tdb-in .55s var(--tdb-settle) calc(3.7s + var(--k) * .22s) both}[data-play] .tdb-bar:after{animation:tdb-draw .7s var(--ease-out-quart) calc(3.95s + var(--k) * .22s) both}@keyframes tdb-rise{0%{opacity:0;transform:translateY(4cqw)}}@keyframes tdb-draw{0%{transform:scaleX(0)}}@keyframes tdb-pop{0%{opacity:0;transform:scale(.6)}}@keyframes tdb-leak{0%{border-color:var(--ink);box-shadow:0 0 #e8501a00}}@keyframes tdb-fade{0%{opacity:0;transform:translateY(1cqw)}}@keyframes tdb-in{0%{opacity:0;transform:translate(-2cqw)}}@keyframes tdb-walk{0%{opacity:0;transform:translate(0)}4%{opacity:1;transform:translate(0)}89%{opacity:1;transform:translateX(var(--run))}to{opacity:0;transform:translateX(var(--run))}}@media (prefers-reduced-motion:reduce){.tdb *,.tdb :after{animation:none!important}}