.calculator{width:100%;max-width:360px;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 10px 25px #00000014}.title{margin:0 0 1.5rem;font-size:1.5rem;text-align:center;color:#111827}.field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.field label{font-size:.875rem;font-weight:500;color:#374151}.field input{padding:.625rem .75rem;font-size:1rem;border:1px solid #d1d5db;border-radius:.5rem;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.button{width:100%;padding:.75rem 1rem;margin-top:.5rem;font-size:1rem;font-weight:600;color:#fff;background-color:#3b82f6;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .15s}.button:hover{background-color:#2563eb}.button:active{background-color:#1d4ed8}.message{margin:1rem 0 0;text-align:center;font-size:1rem}.message.error{color:#dc2626}.message.result{color:#059669;font-weight:600}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#1f2937;background-color:#f3f4f6}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center}