.numpad{width:100%;display:flex;flex-direction:column;gap:8px}
.numpad .inp{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--card);border:2px solid var(--line);border-radius:16px;min-height:60px;font-size:calc(30px * var(--fs));font-weight:900;letter-spacing:.05em}
.numpad .inp .ph{font-size:14px;color:var(--dim2);font-weight:800;letter-spacing:0}
.numpad .inp.ok{border-color:var(--ok);color:var(--ok)}
.numpad .inp.ng{border-color:var(--again);color:var(--again)}
.numpad .keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.numpad .keys button{min-height:52px;border-radius:14px;background:var(--card);border:1px solid var(--line);font-weight:900;font-size:22px;color:var(--text)}
.numpad .keys button.fn{font-size:16px;color:var(--dim)}
.numpad .keys button.go{background:var(--ac);color:#08101c;grid-row:span 2;font-size:18px}
.numpad[data-locked="1"] .keys button{pointer-events:none;opacity:.5}