.pinpad{user-select:none;-webkit-user-select:none;width:100%;max-width:320px;margin:0 auto}.pinpad__dots{display:flex;justify-content:center;gap:12px;margin-bottom:8px;padding:12px 0;height:36px;align-items:center}.pinpad__dot{width:12px;height:12px;border-radius:50%;background:#1f4d3f26;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.pinpad__dot--filled{background:#1f4d3f;transform:scale(1.2);box-shadow:0 2px 6px #1f4d3f40}.pinpad__hint{text-align:center;font-size:12px;color:#6b8278;margin-bottom:16px;min-height:18px}.pinpad__keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pinpad__key{height:56px;font-size:22px;font-weight:500;color:#1f4d3f;background:#ffffffb3;border:.5px solid rgba(31,77,63,.08);border-radius:14px;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;font-family:inherit;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pinpad__key:hover:not(:disabled){background:#fffffff2;border-color:#1f4d3f33}.pinpad__key:active:not(:disabled){background:#dceee3;transform:scale(.94);border-color:#5dbfa0}.pinpad__key:disabled{opacity:.4;cursor:not-allowed}.pinpad__key--util{font-size:13px;color:#6b8278;background:transparent;border-color:transparent;font-weight:400}.pinpad__key--util:hover:not(:disabled){background:#ffffff80;color:#1f4d3f}.pinpad__key--util.pinpad__key--delete{color:#c44545;font-size:22px;line-height:1}.pinpad__key--util.pinpad__key--delete:hover:not(:disabled){background:#c445450f;color:#a53838}.pinpad--shake .pinpad__dots{animation:pinpad-shake .4s ease}.pinpad--shake .pinpad__dot{background:#ef444433}.pinpad--shake .pinpad__dot--filled{background:#ef4444;box-shadow:0 2px 6px #ef44444d}@keyframes pinpad-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.pinpad--busy{opacity:.7;pointer-events:none}.pinpad--busy .pinpad__dots{animation:pinpad-pulse 1.2s ease-in-out infinite}@keyframes pinpad-pulse{0%,to{opacity:1}50%{opacity:.6}}.wm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden;user-select:none;-webkit-user-select:none}.wm-rotator{position:absolute;top:-200px;left:-200px;right:-200px;bottom:-200px;transform:rotate(-25deg);transform-origin:center center}.wm-row{position:absolute;white-space:nowrap;display:flex;gap:200px}.wm-text{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Sukhumvit Set,IBM Plex Sans Thai,sans-serif;font-size:13px;font-weight:500;color:#141e3240;text-shadow:-1px -1px 0 rgba(255,255,255,.3),1px -1px 0 rgba(255,255,255,.3),-1px 1px 0 rgba(255,255,255,.3),1px 1px 0 rgba(255,255,255,.3);letter-spacing:.2px;user-select:none;-webkit-user-select:none}