*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#1a1a1f;min-height:100vh;font-family:-apple-system,system-ui,sans-serif}.app{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:24px;display:flex}.calc{background:#2a2a35;border-radius:24px;width:320px;padding:24px}.display{text-align:right;background:#1a1a1f;border-radius:12px;flex-direction:column;justify-content:flex-end;min-height:100px;margin-bottom:16px;padding:24px 16px;display:flex}.prev{color:#888;font-size:14px}.cur{font-variant-numeric:tabular-nums;font-size:48px;font-weight:300;overflow:hidden}.grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.grid button{color:#fff;cursor:pointer;background:#3a3a47;border:0;border-radius:12px;padding:18px;font-size:22px;transition:background .15s}.grid button:hover{background:#4a4a57}.grid button:active,.grid .util{background:#5a5a67}.grid .op{background:#f97316}.grid .op:hover{background:#fb8534}.grid .zero{grid-column:span 2}.history{background:#2a2a35;border-radius:24px;width:280px;max-height:480px;padding:24px;overflow-y:auto}.history h3{text-transform:uppercase;letter-spacing:2px;color:#888;margin-bottom:12px;font-size:14px}.hi{border-bottom:1px solid #3a3a47;padding:8px 0;font-family:ui-monospace,monospace;font-size:14px}.he{color:#888;padding:16px 0;font-size:13px}