body{color:#f0f2f5;-webkit-tap-highlight-color:transparent;background:#1c252e;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;overflow-x:hidden}.calculator-container{text-align:center;background:#2a3440;border-radius:12px;width:90%;max-width:450px;padding:1.5rem;animation:.6s ease-in-out fadeIn;box-shadow:0 6px 12px #0006}h1{color:#4fc3f7;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;font-size:1.8rem}.input-group{margin-bottom:1.5rem}label{color:#b0bec5;margin-bottom:.5rem;font-size:1rem;display:block}input{color:#f0f2f5;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:textfield;background:#37474f;border:none;border-radius:6px;outline:none;width:100%;padding:.6rem;font-size:1rem;transition:all .3s}input:focus{background:#455a64;transform:scale(1.02)}.results{flex-direction:column;gap:1rem;display:flex}.result-item{background:#37474f;border-radius:6px;justify-content:space-between;align-items:center;padding:.8rem;font-size:.9rem;transition:background .3s;animation:.5s ease-out backwards slideUp;display:flex}.result-item:hover{background:#455a64}.result-item span:first-child{color:#90caf9;font-weight:600}.result-item span:last-child{color:#4fc3f7;font-size:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.calculator-container{margin:.5rem;padding:1rem}h1{font-size:1.5rem}label{font-size:.9rem}input{padding:.5rem;font-size:.9rem}.result-item{padding:.6rem;font-size:.8rem}.result-item span:last-child{font-size:.9rem}}input{touch-action:manipulation}