*{box-sizing:border-box;margin:0;padding:0}body,body[data-variant="vault"]{--page-bg:#0a0b0e;--page-fg:#fff;--font-ui:'Space Grotesk',system-ui,sans-serif;--muted:#8d95ab;--row-bg:#14161f;--row-border:1px solid #262b3d;--row-radius:9999px;--row-shadow:none;--row-pad:5px;--btn-bg:#1d2130;--btn-fg:#eaf0ff;--btn-border:1px solid #313a52;--btn-radius:9999px;--btn-press:#c8ff00;--btn-press-fg:#0a0b0e;--btn-disabled-fg:#4a5268;--num-fg:#c8ff00;--num-weight:700;--focus:#c8ff00;--toolbar-border:#262b3d;--toolbar-active:#1d2130}body[data-variant="soft"]{--page-bg:#eef2ff;--page-fg:#312e81;--font-ui:'Space Grotesk',system-ui,sans-serif;--muted:#6366f1;--row-bg:#e0e7ff;--row-border:1px solid #c7d2fe;--row-radius:20px;--row-shadow:0 10px 30px rgba(99,102,241,0.14);--row-pad:6px;--btn-bg:#fff;--btn-fg:#4338ca;--btn-border:1px solid #c7d2fe;--btn-radius:14px;--btn-press:#a5b4fc;--btn-press-fg:#1e1b4b;--btn-disabled-fg:#a5b4fc;--num-fg:#312e81;--num-weight:700;--focus:#4338ca;--toolbar-border:#c7d2fe;--toolbar-active:#fff}body[data-variant="corporate"]{--page-bg:#f8fafc;--page-fg:#0f172a;--font-ui:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--muted:#64748b;--row-bg:#fff;--row-border:1px solid #e2e8f0;--row-radius:8px;--row-shadow:0 1px 2px rgba(15,23,42,0.06),0 8px 24px rgba(15,23,42,0.06);--row-pad:4px;--btn-bg:#f1f5f9;--btn-fg:#0f172a;--btn-border:1px solid #e2e8f0;--btn-radius:6px;--btn-press:#2563eb;--btn-press-fg:#fff;--btn-disabled-fg:#cbd5e1;--num-fg:#0f172a;--num-weight:600;--focus:#2563eb;--toolbar-border:#cbd5e1;--toolbar-active:#dbeafe}body{background:var(--page-bg);color:var(--page-fg);font-family:var(--font-ui);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.stepper{text-align:center}.stepper-legend{display:block;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);margin-bottom:0.7rem}.stepper-row{display:inline-flex;align-items:center;gap:4px;background:var(--row-bg);border:var(--row-border);border-radius:var(--row-radius);box-shadow:var(--row-shadow);padding:var(--row-pad)}.step-btn{width:46px;height:46px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--btn-bg);color:var(--btn-fg);border:var(--btn-border);border-radius:var(--btn-radius);font-family:var(--font-ui);font-size:1.25rem;line-height:1;cursor:pointer}.step-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.step-btn:disabled{color:var(--btn-disabled-fg);cursor:not-allowed;pointer-events:none}.stepper-value{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:46px;font-size:1.6rem;font-weight:var(--num-weight);color:var(--num-fg);font-variant-numeric:tabular-nums}.stepper-value:focus-within{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--btn-radius)}.digits{display:inline-flex;align-items:center;justify-content:center}.digit{position:relative;display:inline-block;width:0.62em;height:1.15em;overflow:hidden}.digit > span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.stepper-input{font:inherit;color:inherit;width:3ch;background:transparent;border:none;outline:none;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}.stepper-input::-webkit-outer-spin-button,.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.has-js .digits{display:inline-flex}.has-js .stepper-input{position:absolute;inset:0;width:100%;color:transparent;caret-color:var(--num-fg)}@media (prefers-reduced-motion:reduce){*{animation-duration:0.001s !important;transition-duration:0.001s !important}}