.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;background:var(--primary);width:100%;box-shadow:0 4px 0 var(--primary-deep);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;font-size:26px;font-weight:700}.digit-btn-clear{background:var(--muted);font-size:20px;box-shadow:0 4px #4a4f52}.digit-btn-submit{background:var(--success);box-shadow:0 4px 0 var(--success-deep);font-size:22px}.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:var(--ink);letter-spacing:4px;text-align:center;font-size:32px;font-weight:800}.pad-frozen .digit-entered{color:var(--primary)}.option-list{flex-direction:column;gap:12px;width:100%;display:flex}.option-item{width:100%;color:var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--quiet);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:16px;padding:16px 24px;font-family:inherit;font-size:24px;font-weight:800;transition:transform .1s,box-shadow .1s}.option-item:active:not(:disabled){box-shadow:0 2px 0 var(--quiet);transform:translateY(2px)}.option-item:disabled{opacity:.65;cursor:default}.option-item-picked{color:var(--primary);box-shadow:0 4px 0 var(--primary-deep);background:#f0edff}