.keypad{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.2vh,12px);width:100%;max-width:400px}.keypad.is-disabled{opacity:.6;pointer-events:none}.keypad-display{display:flex;align-items:baseline;justify-content:center;gap:4px;font-variant-numeric:tabular-nums;line-height:1.1}.keypad-currency{font-size:clamp(16px,2.4vh,22px);font-weight:600;color:var(--wk-text-3, #8a9099)}.keypad-amount{font-size:clamp(34px,5.6vh,52px);font-weight:700;color:var(--wk-text, #1f2329);letter-spacing:-.5px;word-break:break-all}.keypad-amount.out{color:#f53f3f}.keypad-preview{font-size:13px;color:var(--wk-text-3, #8a9099);font-variant-numeric:tabular-nums}.keypad-range{font-size:12px;color:var(--wk-text-3, #8a9099)}.keypad-range.out{color:#f53f3f;font-weight:600}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,.9vh,10px);width:100%}.keypad-key{height:clamp(44px,7.6vh,62px);border:1px solid var(--wk-border, #e5e6eb);border-radius:10px;background:#fff;font-size:clamp(18px,2.6vh,23px);font-weight:600;color:var(--wk-text, #1f2329);font-variant-numeric:tabular-nums;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .08s ease,background .08s ease,box-shadow .08s ease,border-color .08s ease}.keypad-key:hover:not(:disabled){border-color:var(--wk-accent, #1677ff)}.keypad-key:active:not(:disabled),.keypad-key.is-active{transform:scale(.94);background:#f0f5ff;border-color:var(--wk-accent, #1677ff);box-shadow:inset 0 2px 5px #1677ff2e}.keypad-key.key-fn{font-size:clamp(14px,2vh,18px);color:var(--wk-text-2, #4e5969)}.keypad-key:disabled{opacity:.5;cursor:not-allowed}.keypad-clear{align-self:center;min-height:32px;padding:4px 18px;border:1px solid var(--wk-border, #e5e6eb);border-radius:999px;background:#fff;font-size:13px;color:var(--wk-text-2, #4e5969);cursor:pointer;transition:transform .08s ease,background .08s ease}.keypad-clear:active:not(:disabled){transform:scale(.94);background:#f5f6f8}.keypad-clear:disabled{opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.keypad-key,.keypad-clear{transition:none}}