:root{color:#18201b;background:#f4f0e8;font-family:Aptos,Segoe UI,Helvetica Neue,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit}button,input{font:inherit}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(20px,5vw,64px);background:linear-gradient(90deg,rgba(24,32,27,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(24,32,27,.06) 1px,transparent 1px),#f4f0e8;background-size:36px 36px}.calculator-section{width:100%;max-width:980px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:clamp(28px,5vw,72px);align-items:center}.intro-copy{max-width:480px}.intro-copy,.bmi-form{min-width:0}.eyebrow{margin:0;color:#3f6b57;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:0}h1{margin:14px 0 18px;font-size:clamp(2.6rem,4.8rem,5.4rem);line-height:.98;color:#18201b}.intro-copy p:not(.eyebrow){margin:0;color:#59635d;font-size:1.08rem;line-height:1.65}.bmi-form{display:grid;gap:24px;padding:clamp(22px,4vw,34px);border:1px solid #cfd8c5;border-radius:8px;background:#fffdf8eb;box-shadow:0 24px 70px #2e383024}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field-group{display:grid;gap:8px}.field-group label{color:#293029;font-weight:800}.input-with-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:54px;border:1px solid #b9c7b0;border-radius:8px;background:#fff;overflow:hidden}.input-with-unit input{width:100%;min-width:0;height:52px;border:0;padding:0 14px;color:#18201b;background:transparent;outline:none}.input-with-unit:focus-within{border-color:#2f7a60;box-shadow:0 0 0 3px #2f7a602e}.input-with-unit span{padding:0 14px;color:#6b746d;font-weight:800}.form-message{margin:0;padding:12px 14px;border-radius:8px;line-height:1.45}.error-message{border:1px solid #e1a177;background:#fff3ec;color:#8a3515}.bmi-form button{min-height:52px;border:0;border-radius:8px;background:#18201b;color:#fff;font-weight:900;cursor:pointer}.bmi-form button:hover,.bmi-form button:focus-visible{background:#2f7a60}.bmi-form button:focus-visible{outline:3px solid rgba(47,122,96,.34);outline-offset:3px}.result-panel{display:grid;gap:8px;padding:18px;border-radius:8px;background:#e7efe7;color:#18201b}.result-panel p{margin:0}.result-label{color:#4f5b52;font-weight:800}.result-value{font-size:2.6rem;line-height:1}.result-category{display:grid;gap:3px;padding:12px 14px;border:1px solid #b7d6c7;border-radius:8px;background:#f8fbf6;color:#1c4d3a;font-weight:900}.result-category span{color:#64716a;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:0}.result-formula,.result-note{color:#58645b;font-size:.95rem;line-height:1.45}@media (max-width: 760px){h1{font-size:2.8rem}.calculator-section,.field-grid{grid-template-columns:1fr}}
