.calc{width:100%;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;gap:1.25rem}.calc__inputs{display:flex;flex-direction:column;gap:.75rem}.calc__field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#374151}.calc__field input{padding:.6rem .75rem;font-size:1rem;border:1px solid #d1d5db;border-radius:8px;outline:none;transition:border-color .15s;font-family:inherit}.calc__field input:focus{border-color:#2563eb}.calc__buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.calc__buttons button{padding:.75rem;font-size:1.1rem;font-weight:600;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s}.calc__buttons button:hover{background:#1d4ed8}.calc__buttons button:active{background:#1e40af}.calc__output{min-height:2.75rem;padding:.75rem;background:#f9fafb;border-radius:8px;text-align:center;display:flex;align-items:center;justify-content:center}.calc__output p{margin:0}.calc__result{color:#111827;font-size:1.05rem}.calc__error{color:#b91c1c;font-size:.95rem}.calc__placeholder{color:#6b7280;font-size:.9rem}.calc__clear{align-self:center;padding:.5rem 1.25rem;font-size:.9rem;background:transparent;color:#4b5563;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-family:inherit}.calc__clear:hover{background:#f3f4f6}.app{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.app__title{margin:0;font-size:1.75rem;font-weight:600;color:#111827}.app__footer{font-size:.85rem;color:#6b7280}:root{font-family:system-ui,-apple-system,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}#root{width:100%;max-width:480px;padding:1.5rem}