.container{padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);width:100%;max-width:400px;margin:30px auto}@media screen and (max-width:768px){.container{width:94%}}.input-group{display:flex;justify-content:space-between;margin-bottom:10px}input[type=number]{width:60px;padding:5px;margin-right:5px}.radio-group{display:flex;justify-content:center;margin:10px 0}button{width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#45a049}#result{margin-top:20px}.input-field{display:flex;flex-direction:column;align-items:center}label{margin-bottom:5px}.operation-label{font-size:24px;font-weight:700;margin:0 10px}.result-input,.result-output{background-color:#f0f0f0;padding:10px;margin-top:10px;border-radius:4px}