*{box-sizing:border-box;margin:0;padding:0}body,body[data-variant="vault"]{--ground:#0a0b0e;--ink:#ffffff;--muted:#8d95ab;--font-body:'Space Grotesk',system-ui,sans-serif;--node-size:46px;--node-radius:9999px;--node-bg:#14161f;--node-line:#262b3d;--node-fg:#8d95ab;--node-active-bg:#14161f;--node-active-line:#c8ff00;--node-active-fg:#c8ff00;--node-done-bg:#c8ff00;--node-done-line:#c8ff00;--node-done-fg:#05070a;--track-w:3px;--track-bg:#262b3d;--fill-bg:#c8ff00;--label-fg:#8d95ab;--label-active-fg:#ffffff;--label-weight:600;--label-size:0.78rem;--label-transform:none;--label-spacing:0.02em;--focus:#c8ff00;--toolbar-bg:#14161f;--toolbar-line:#262b3d;--toolbar-active-bg:#c8ff00;--toolbar-active-fg:#05070a;--ctl-bg:transparent;--ctl-fg:#8d95ab;--ctl-line:#262b3d}body[data-variant="paper"]{--ground:#f3efe6;--ink:#1b1a17;--muted:#7a7261;--font-body:'Space Grotesk',Georgia,serif;--node-size:44px;--node-radius:2px;--node-bg:#f3efe6;--node-line:#d0c7b4;--node-fg:#7a7261;--node-active-bg:#f3efe6;--node-active-line:#c2461e;--node-active-fg:#c2461e;--node-done-bg:#c2461e;--node-done-line:#c2461e;--node-done-fg:#fdfaf3;--track-w:1px;--track-bg:#d0c7b4;--fill-bg:#c2461e;--label-fg:#7a7261;--label-active-fg:#1b1a17;--label-weight:500;--label-size:0.74rem;--label-transform:uppercase;--label-spacing:0.12em;--focus:#c2461e;--toolbar-bg:#ede6d6;--toolbar-line:#d0c7b4;--toolbar-active-bg:#1b1a17;--toolbar-active-fg:#f3efe6;--ctl-bg:transparent;--ctl-fg:#7a7261;--ctl-line:#d0c7b4}body[data-variant="corporate"]{--ground:#ffffff;--ink:#111827;--muted:#6b7280;--font-body:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--node-size:40px;--node-radius:8px;--node-bg:#f3f4f6;--node-line:#e5e7eb;--node-fg:#6b7280;--node-active-bg:#ffffff;--node-active-line:#2563eb;--node-active-fg:#2563eb;--node-done-bg:#2563eb;--node-done-line:#2563eb;--node-done-fg:#ffffff;--track-w:2px;--track-bg:#e5e7eb;--fill-bg:#2563eb;--label-fg:#6b7280;--label-active-fg:#111827;--label-weight:600;--label-size:0.78rem;--label-transform:none;--label-spacing:0.01em;--focus:#2563eb;--toolbar-bg:#ffffff;--toolbar-line:#e5e7eb;--toolbar-active-bg:#2563eb;--toolbar-active-fg:#ffffff;--ctl-bg:#ffffff;--ctl-fg:#374151;--ctl-line:#d1d5db}body{background:var(--ground);color:var(--ink);font-family:var(--font-body);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:1.5rem}.stepper{position:relative;width:min(560px,100%)}.stepper-rail{position:absolute;left:0;top:0;background:var(--track-bg);border-radius:9999px;overflow:hidden}.stepper-fill{position:absolute;left:0;top:0;width:0;height:100%;background:var(--fill-bg);border-radius:inherit}.stepper-list{position:relative;z-index:1;list-style:none;display:flex;justify-content:space-between;align-items:flex-start}.step{display:flex;flex-direction:column;align-items:center;gap:0.6rem;flex:0 0 auto}.step-node{position:relative;width:var(--node-size);height:var(--node-size);flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0;background:var(--node-bg);border:2px solid var(--node-line);border-radius:var(--node-radius);color:var(--node-fg);font:700 0.95rem/1 var(--font-body);cursor:pointer;perspective:400px}.step-node:disabled{cursor:default;pointer-events:none}.step-node:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.step.is-active .step-node{background:var(--node-active-bg);border-color:var(--node-active-line);color:var(--node-active-fg)}.step.is-done .step-node{border-color:var(--node-done-line);color:var(--node-done-fg)}.step-num,.step-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:inherit;backface-visibility:hidden}.step-check{opacity:0}.step-node-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.step-label{font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-spacing);text-transform:var(--label-transform);color:var(--label-fg);white-space:nowrap}.step.is-active .step-label{color:var(--label-active-fg)}.step.is-done .step-label{color:var(--ink)}.stepper-status{min-height:1.2em;font-size:0.82rem;font-weight:500;color:var(--muted);text-align:center}@media (max-width:600px){.stepper{width:auto;max-width:100%}.stepper-list{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1.4rem}.step{flex-direction:row;align-items:center;gap:0.9rem}.step-label{font-size:calc(var(--label-size) + 0.02rem)}}.demo-controls{display:flex;gap:0.4rem}.demo-controls button{font:500 0.72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0.04em;padding:0.55rem 0.95rem;background:var(--ctl-bg);color:var(--ctl-fg);border:1px solid var(--ctl-line);border-radius:6px;cursor:pointer}.demo-controls button:disabled{opacity:0.4;cursor:default;pointer-events:none}.demo-controls button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.showcase-toolbar{position:fixed;top:0.75rem;right:0.75rem;z-index:1000;display:flex;gap:0.25rem;padding:0.25rem;border-radius:8px;background:var(--toolbar-bg);border:1px solid var(--toolbar-line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.7rem}.showcase-toolbar button{background:transparent;border:0;color:var(--muted);padding:0.3rem 0.55rem;border-radius:6px;cursor:pointer;font:inherit;letter-spacing:0.04em}.showcase-toolbar button[aria-pressed="true"]{background:var(--toolbar-active-bg);color:var(--toolbar-active-fg)}@media (prefers-reduced-motion:reduce){*{transition:none !important}}