.flow-stepper{background:var(--card);border-bottom:1px solid var(--line);margin-bottom:8px;padding:16px 0}.fs-wrap{max-width:var(--wrap);padding:0 var(--pad);justify-content:center;align-items:center;gap:0;margin:0 auto;display:flex}.fs-step{color:var(--muted);transition:color var(--motion-fast) var(--ease-out);align-items:center;gap:8px;font-size:13px;text-decoration:none;display:flex}.fs-dot{border:1.5px solid var(--line);width:26px;height:26px;font-family:var(--mono);color:var(--muted);background:var(--card);transition:background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.fs-label{white-space:nowrap}.fs-step-done .fs-dot{background:var(--leaf);border-color:var(--leaf);color:#fff}.fs-step-done:hover{color:var(--terra)}.fs-step-active{color:var(--terra);font-weight:600}.fs-step-active .fs-dot{background:var(--terra);border-color:var(--terra);color:#fff}.fs-step-future{color:var(--muted);cursor:default}.fs-line{background:var(--line);border-radius:1px;flex-shrink:0;width:40px;height:2px;margin:0 6px}.fs-line-done{background:var(--leaf)}.fs-line-active{background:linear-gradient(90deg, var(--leaf), var(--terra))}.fs-line-future{background:var(--line)}@media (max-width:480px){.fs-label{display:none}.fs-line{width:24px;margin:0 3px}}