.inputs{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:flex;flex-direction:column;gap:8px;font-weight:650}.field small{font-weight:400;color:var(--muted);font-size:13px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.metrics>div{background:#f0f6f5;border:1px solid #dae5e4;border-radius:14px;padding:24px}.metrics span{display:block;font-size:14px;color:var(--muted)}.metrics strong{display:block;font-size:29px;color:#0d4c5c;line-height:1.3;margin-top:8px;overflow-wrap:anywhere}.summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.summary p{display:flex;justify-content:space-between;gap:24px;align-items:center}.summary strong{white-space:nowrap}.loss{color:var(--red)}#result,.method,.next{padding:32px 0;border-bottom:1px solid var(--line)}input{width:100%;min-height:48px;font:inherit}a{color:#0d4c5c}.brand-icon{vertical-align:middle}.section-top{flex-wrap:wrap}@media(max-width:600px){.inputs,.metrics{grid-template-columns:1fr}.summary p{display:block}.summary strong{display:block;font-size:22px}header{align-items:flex-start}.brand{font-size:19px}main{padding:20px}.metrics strong{font-size:27px}}
.field input{padding:10px 12px;border:1px solid #cad6d9;border-radius:8px;background:#fff;color:var(--ink)}.field input:focus{outline:3px solid #f6b64f;outline-offset:2px}