*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.page{background:radial-gradient(at 60% 20%,#1a2540 0%,#0f1526 70%);justify-content:center;align-items:center;min-height:100vh;display:flex}.card{-webkit-backdrop-filter:blur(18px);background:#ffffff0a;border:1px solid #ffffff17;border-radius:20px;flex-direction:column;gap:24px;width:360px;padding:40px 36px;display:flex;box-shadow:0 8px 40px #00000073,inset 0 1px #ffffff0f}.title{letter-spacing:.5px;color:#e2e8f0;text-align:center;margin:0;font-size:22px;font-weight:500}.inputs{flex-direction:column;gap:12px;display:flex}.num-input{color:#f1f5f9;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:16px;transition:border-color .2s,background .2s}.num-input::placeholder{color:#ffffff40}.num-input:focus{background:#5b8def12;border-color:#5b8def99}.ops{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.op-btn{color:#c4b5fd;cursor:pointer;background:#a78bfa1a;border:1px solid #a78bfa38;border-radius:10px;padding:14px 0;font-size:20px;transition:background .15s,border-color .15s,transform .1s}.op-btn:hover{background:#a78bfa33;border-color:#a78bfa7a}.op-btn:active{transform:scale(.95)}.result-box{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;display:flex}.result{color:#5b8def;letter-spacing:-.5px;font-size:26px;font-weight:500}.error{color:#f87171d9;font-size:14px}