.sv{width:100%;max-width:440px;padding:var(--sp-6);border:1px solid var(--c-line-strong);border-radius:var(--r-overlay);background:var(--c-surface);box-shadow:var(--shadow-float);margin:0}.sv-steps{gap:var(--sp-2);list-style:none;display:grid}.sv-step{gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);opacity:.7;transition:opacity var(--dur-3) var(--ease-out), background-color var(--dur-3) var(--ease-out), border-color var(--dur-3) var(--ease-out);border:1px solid #0000;display:flex}.sv-step.is-done{opacity:.8}.sv-step.is-active{border-color:var(--c-accent-line);background:var(--c-accent-soft);opacity:1}.sv-step-num{border-radius:var(--r-full);width:28px;height:28px;color:var(--c-text-2);background:var(--c-surface-3);font-size:var(--fs-label);font-weight:var(--fw-semibold);transition:background-color var(--dur-3) var(--ease-out), color var(--dur-3) var(--ease-out);flex:none;place-items:center;display:grid}.sv-step.is-active .sv-step-num,.sv-step.is-done .sv-step-num{color:#fff;background:var(--c-accent)}.sv-step-body{gap:var(--sp-1);min-width:0;display:grid}.sv-step-label{font-weight:var(--fw-semibold)}.sv-step-detail{color:var(--c-text-2);font-family:var(--font-serif);font-size:var(--fs-secondary);line-height:var(--lh-ui);min-height:calc(2 * var(--fs-secondary) * var(--lh-ui))}.sv-reset{gap:var(--sp-6);display:grid}.sv-path{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.sv-node{z-index:1;justify-items:center;gap:var(--sp-2);color:var(--c-text-3);text-align:center;transition:color var(--dur-3) var(--ease-out);display:grid;position:relative}.sv-node-icon{border:1px solid var(--c-line-strong);border-radius:var(--r-full);background:var(--c-surface-2);width:48px;height:48px;transition:background-color var(--dur-3) var(--ease-out), border-color var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out);place-items:center;display:grid}.sv-node.is-on{color:var(--c-text)}.sv-node.is-on .sv-node-icon{border-color:var(--c-accent-line);color:var(--c-accent-text);background:linear-gradient(var(--c-accent-soft), var(--c-accent-soft)), var(--c-surface-2);transform:scale(1.06)}.sv-node-label{font-size:var(--fs-caption);font-weight:var(--fw-semibold)}.sv-track{z-index:0;top:23px;background:var(--c-line-strong);height:2px;position:absolute;inset-inline:16.6667%}.sv-steps{margin:0}.sv-track-fill.is-reset{transition:none}.sv-track-fill{background:var(--c-accent);height:100%;transform:scaleX(var(--p));transform-origin:0;transition:transform 1.2s var(--ease-in-out);display:block}.sv-dots{justify-content:center;gap:var(--sp-2);min-height:12px;display:flex}.sv-dots i{border-radius:var(--r-full);background:var(--c-text-disabled);opacity:0;width:10px;height:10px;transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out);transition-delay:calc(var(--i) * 60ms);transform:scale(.4)}.sv-dots.is-on i{background:var(--c-success-text);opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.sv *,.sv :before{transition:none!important}}