

.wt-ready{min-width:0}
.wt-meter{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.wt-count{font-size:14px;color:var(--body);white-space:nowrap}.wt-count b{font-weight:600;color:var(--ink)}
.wt-bar{flex:1;height:6px;border-radius:99px;background:var(--chip);overflow:hidden}.wt-bar i{display:block;height:100%;width:0;background:var(--olive);border-radius:99px;transition:width .3s cubic-bezier(.22,1,.36,1)}
.wt-ticks li{padding:0!important;display:block!important}
.wt-ticks button{display:grid;grid-template-columns:30px 36px minmax(0,1fr);gap:12px;align-items:start;width:100%;padding:18px 0;text-align:left;cursor:pointer}
.wt-ticks button:focus-visible{outline:2px solid var(--olive);outline-offset:2px;border-radius:8px}
.wt-box{width:26px;height:26px;border-radius:7px;border:1.5px dashed var(--muted);display:grid;place-items:center;background:var(--cream);transition:background .2s var(--ease),border-color .2s var(--ease),transform .16s var(--ease)}
.wt-box svg{opacity:0;transform:scale(.6);transition:opacity .2s var(--ease),transform .2s var(--ease)}
.wt-ticks button:active .wt-box{transform:scale(.92)}
.wt-ticks button[aria-checked=true] .wt-box{background:var(--lime);border:1.5px solid var(--lime)}
.wt-ticks button[aria-checked=true] .wt-box svg{opacity:1;transform:none}
.wt-ticks button[aria-checked=true] b{color:var(--ink)}
.wt-ticks button[aria-checked=false] b{color:var(--body)}
.wt-done{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:18px;padding:18px 20px;border-radius:var(--r-card);background:var(--white);border:1px solid var(--line);opacity:.45;transition:opacity .3s var(--ease),border-color .3s var(--ease)}
.wt-done p{font-weight:600;font-size:16px}
.wt-done .btn{pointer-events:none}
.wt-ready.all .wt-done{opacity:1;border-color:var(--olive)}.wt-ready.all .wt-done .btn{pointer-events:auto}
.wt-fork{display:grid;grid-template-columns:220px minmax(120px,1fr) minmax(0,460px);align-items:center;margin-top:44px;position:relative}
.wt-start{position:relative;z-index:1;padding:22px 24px;border-radius:var(--r-card);background:var(--dark);color:var(--on-dark)}
.wt-start .mono{font:500 11px/1 'Archivo Narrow',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
.wt-start b{display:block;margin-top:8px;font-weight:600;font-size:20px;letter-spacing:-.3px}
.wt-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.wt-lines path{fill:none;stroke:#3b3f3a;stroke-width:1.2}
.wt-lines path.go{stroke:var(--olive);stroke-width:2}
.wt-lines circle{fill:var(--lime)}
.wt-exits{grid-column:3;display:grid;gap:14px;position:relative;z-index:1}
.wt-exit{padding:18px 22px;border-radius:var(--r-card);border:1px solid var(--line);background:var(--white);display:grid;gap:4px}
.wt-exit .label{color:var(--muted)}.wt-exit b{font-weight:600;font-size:18px;letter-spacing:-.2px}.wt-exit p{font-size:14.5px;color:var(--body)}
.wt-exit.go{background:var(--lime);border-color:var(--lime)}.wt-exit.go .label{color:#2f5606}.wt-exit.go p{color:var(--ink)}
@media (max-width:1000px){.wt-fork{grid-template-columns:1fr;gap:14px}.wt-lines{display:none}.wt-exits{grid-column:1;padding-left:22px;border-left:1px dashed var(--line);margin-left:22px}}
@media (prefers-reduced-motion:reduce){.wt-bar i,.wt-box,.wt-box svg,.wt-done{transition:none}}
