.bmi-wrapper{display:flex;justify-content:center;align-items:flex-start;padding:24px 20px;width:100%;gap:24px;flex-wrap:wrap;box-sizing:border-box}.bmi-input-panel{background:#f0f4f8;border-radius:12px;width:100%;max-width:420px;box-shadow:0 4px 20px rgba(0,0,0,0.12);overflow:hidden}.unit-tabs{display:flex}.unit-tab{flex:1;padding:12px 6px;border:none;cursor:pointer;font-size:13px;font-weight:600;background:#c8d8e8;color:#444;transition:background 0.15s,color 0.15s}.unit-tab.active{background:#2d5a87;color:#fff}.unit-tab:hover:not(.active){background:#b8cedd}.input-area{padding:20px}.input-row{display:flex;align-items:center;margin-bottom:14px;gap:10px}.field-label{width:68px;font-weight:600;color:#333;font-size:14px;flex-shrink:0}.field-content{display:flex;align-items:center;gap:6px;flex:1;flex-wrap:wrap}.ibox{display:inline-flex;align-items:center;border:1px solid #c0cdd8;border-radius:4px;background:#fff;overflow:hidden}.ibox input{border:none;outline:none;padding:7px 8px;font-size:14px;color:#333;width:70px;background:transparent}.ibox input.wide{width:110px}.ibox .unit-sfx{padding:7px 8px;font-size:12px;color:#777;background:#f5f7fa;border-left:1px solid #dde5ec;white-space:nowrap}.ibox:focus-within{border-color:#2d5a87;box-shadow:0 0 0 2px rgba(45,90,135,0.15)}.field-hint{color:#888;font-size:12px}.radio-group{display:flex;gap:20px}.radio-group label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:#333}.radio-group input[type="radio"]{accent-color:#2d5a87;width:16px;height:16px;cursor:pointer}.btn-row{display:flex;gap:12px;margin-top:20px}.bmi-calc-btn{flex:2;padding:12px;background:linear-gradient(135deg,#4a7c3f 0%,#5a9a4e 100%);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 10px rgba(74,124,63,0.35);transition:filter 0.15s,transform 0.15s}.bmi-calc-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.bmi-calc-btn:active{transform:translateY(0)}.bmi-clear-btn{flex:1;padding:12px;background:#9aabb8;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:background 0.15s,transform 0.15s}.bmi-clear-btn:hover{background:#7d9aaa;transform:translateY(-1px)}.bmi-result-panel{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 4px 20px rgba(0,0,0,0.12);overflow:hidden}.result-header{background:#5a8035;color:#fff;padding:12px 18px;font-size:18px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.save-icon{font-size:12px;cursor:pointer;opacity:0.85;display:flex;align-items:center;gap:4px}.save-icon:hover{opacity:1}.result-body{padding:16px 18px}.bmi-value-line{font-size:17px;font-weight:700;color:#222;margin-bottom:10px}.bmi-cat{font-size:17px;font-weight:700;margin-left:6px}.cat-underweight{color:#c0392b}.cat-normal{color:#27ae60}.cat-overweight{color:#c8a000}.cat-obese-1{color:#d05030}.cat-obese-2{color:#c0392b}.cat-obese-3{color:#8e1a0e}.children-note{margin-top:10px;padding:8px 12px;background:#fff8e1;border-left:3px solid #f0c030;border-radius:4px;font-size:13px;color:#7a6000;line-height:1.5}.gauge-wrap{text-align:center;margin:4px 0}#gauge{max-width:100%}.bmi-details{list-style:disc;padding-left:22px;margin-top:12px}.bmi-details li{color:#333;font-size:14px;line-height:1.9}.result-placeholder{text-align:center;color:#aaa;padding:50px 20px;font-size:15px;line-height:1.6}@media (max-width:768px){.bmi-wrapper{flex-direction:column;align-items:center}.bmi-input-panel,.bmi-result-panel{max-width:100%}}