*{box-sizing:border-box}body{background-color:#f5f5f5;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.App{background:#fff;border-radius:8px;max-width:400px;margin:2rem auto;padding:20px;box-shadow:0 2px 4px #0000001a}.Result,.Task,input{text-align:right;border-radius:4px;width:100%;margin-bottom:10px;padding:10px 20px 10px 10px;font-size:56px}input{border:2px solid #ddd;margin:10px 0}input:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 2px #2196f333}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.Result{text-align:right;border-radius:4px;min-width:100%;min-height:86px;margin-bottom:10px;padding:10px 20px 10px 10px;font-size:56px;display:inline-block;position:relative}.Result:after{content:"";background-color:currentColor;width:2px;height:56px;animation:1.5s step-end infinite blink;position:absolute;top:50%;right:15px;transform:translateY(-50%)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.Result.answered:after{display:none}.Solution{text-align:right;color:#4caf50;min-height:calc(1.2em + 10px);padding:0 20px 10px 10px;font-size:28px;line-height:1.2}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin:0 auto;padding:10px;display:grid}.numpad-button{cursor:pointer;background:#f0f0f0;border:none;border-radius:8px;padding:20px;font-size:24px;transition:background-color .2s}.numpad-button:hover{background:#e0e0e0}.numpad-button:active{background:#d0d0d0}.numpad-button.clear{color:#fff;background:#ff9800}.numpad-button.enter{color:#fff;background:#4caf50}.numpad-button.number{background:#fff;border:1px solid #ddd}@media (width<=480px){.numpad-button{padding:15px;font-size:20px}}.numpad-button:disabled{cursor:not-allowed}