body{
font-family:Arial, sans-serif;
background:#f5f7fa;
padding:20px;
}

.container{

max-width:500px;
margin:auto;
background:white;
padding:25px;
border-radius:10px;
box-shadow:0 3px 12px rgba(0,0,0,0.1);

}

h2{
text-align:center;
}

.field{
margin-bottom:18px;
}

label{
display:block;
font-weight:bold;
margin-bottom:6px;
}

.input-group{
display:flex;
gap:8px;
}

input,select{
flex:1;
padding:10px;
font-size:16px;
}

.result{

margin-top:20px;
background:#eef3ff;
padding:15px;
border-radius:6px;
font-size:18px;
font-weight:bold;
user-select:all;

}

.equation{

margin-top:25px;
font-size:14px;
background:#f7f7f7;
padding:15px;
border-radius:6px;

}

@media (max-width:600px){

.container{
padding:15px;
}

input,select{
font-size:16px;
}

}