.kl-main{max-width:480px;padding:var(--space-8) var(--space-4) var(--space-12);--kl-border:color-mix(in srgb, var(--kal-stone) 62%, var(--kal-mist));--kl-ring:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent);margin:0 auto}.kl-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);gap:var(--space-5);flex-direction:column;display:flex}@media (min-width:640px){.kl-card{padding:var(--space-8);border-radius:var(--radius-xl)}}.kl-who{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-pill);background:var(--bg-muted);font-size:var(--text-sm);color:var(--fg-muted);min-width:0;padding:8px 8px 8px 14px;display:flex}.kl-who-email{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.kl-who-change{font:inherit;font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--fg-muted);box-shadow:var(--shadow-xs);border:0;flex:none;padding:4px 12px;font-weight:700}.kl-who-change:hover{color:var(--fg)}.kl-step{gap:var(--space-2);flex-direction:column;display:flex}.kl-title{font-size:var(--text-xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);text-wrap:balance;margin:0;font-weight:700}.kl-lead{color:var(--fg-muted);line-height:var(--leading-normal);margin:0}.kl-alert{padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--kal-danger) 8%, var(--kal-paper));border:1.5px solid var(--kal-danger);border-radius:var(--radius-md);color:var(--kal-danger);font-weight:600;line-height:var(--leading-normal);margin:0}.kl-field{gap:var(--space-2);flex-direction:column;display:flex}.kl-label{color:var(--fg);font-weight:700}.kl-help{font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-normal);margin:0}.kl-input{width:100%;font:inherit;font-size:var(--text-base);color:var(--fg);background:var(--kal-cream);border:1.5px solid var(--kl-border);border-radius:var(--radius-md);appearance:none;min-height:50px;transition:border-color var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast);padding:12px 14px;display:block}.kl-input::placeholder{color:var(--fg-subtle)}.kl-input:hover{border-color:var(--kal-slate)}.kl-input:focus{background:var(--kal-paper);border-color:var(--accent);box-shadow:var(--kl-ring);outline:none}.kl-digits{font-size:var(--text-2xl);letter-spacing:.35em;text-align:center;text-indent:.35em;font-variant-numeric:tabular-nums;min-height:64px;padding:14px 12px;font-weight:700;line-height:1}.kl-digits[type=password]{letter-spacing:.3em;text-indent:.3em}.kl-actions{gap:var(--space-3);flex-direction:column;display:flex}.kl-btn{width:100%;font:inherit;cursor:pointer;border-radius:var(--radius-pill);min-height:48px;transition:filter var(--dur-fast), border-color var(--dur-fast), background var(--dur-fast);border:2px solid #0000;justify-content:center;align-items:center;padding:12px 24px;font-weight:700;display:inline-flex}.kl-btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 28%, transparent)}.kl-btn-primary:hover:not(:disabled){filter:brightness(.95);box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 34%, transparent);transform:translateY(-1px)}.kl-btn-primary:active:not(:disabled){filter:brightness(.9);transform:translateY(0)}.kl-btn-secondary{background:var(--kal-paper);color:var(--fg);border-color:var(--kl-border)}.kl-btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.kl-btn:disabled{opacity:.6;cursor:not-allowed;filter:none;box-shadow:none}@media (prefers-reduced-motion:reduce){.kl-btn-primary:hover:not(:disabled){transform:none}}.kl-btn:focus-visible,.kl-link:focus-visible,.kl-who-change:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 30%, transparent);outline:none}.kl-link{border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm);color:var(--fg-muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-self:center;padding:6px 8px;font-weight:700;text-decoration:underline}.kl-link:hover{color:var(--accent)}.kal-scope a.kl-link{color:var(--fg-muted);font-weight:700;text-decoration:underline;display:inline-block}.kal-scope a.kl-link:hover{color:var(--accent)}.kl-foot{padding:0 var(--space-2);font-size:var(--text-sm);color:var(--fg-subtle);line-height:var(--leading-normal);text-align:center;margin:0}.kl-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}