.digit-pad-wrapper{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px;display:flex}.digit-pad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:260px;display:grid}.digit-btn{aspect-ratio:1.3;cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#6c5ce7;border:none;border-radius:14px;width:100%;font-size:26px;font-weight:700;box-shadow:0 4px #4a3db8}.digit-btn-clear{background:#636e72;font-size:20px;box-shadow:0 4px #4a4f52}.digit-btn-submit{background:#00b894;font-size:22px;box-shadow:0 4px #009472}.digit-btn-spacer{visibility:hidden}.digit-btn:disabled{opacity:.5;cursor:default}.digit-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #333}.digit-display{background:#fff;border-radius:14px;justify-content:center;align-items:center;min-width:100px;height:56px;padding:0 20px;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.digit-entered{color:#2d3436;letter-spacing:4px;text-align:center;font-size:32px;font-weight:800}.pad-frozen .digit-entered{color:#6c5ce7}.option-list{flex-direction:column;gap:12px;width:100%;display:flex}.option-item{color:#2d3436;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:16px;width:100%;padding:16px 24px;font-family:inherit;font-size:24px;font-weight:800;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #b2bec3}.option-item:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #b2bec3}.option-item:disabled{opacity:.65;cursor:default}.option-item-picked{color:#6c5ce7;background:#f0edff;box-shadow:0 4px #4a3db8}