body{background-color:#f3f1ff}.bmi-container{max-width:400px;margin:0 auto;text-align:center;padding:20px;font-family:Arial,sans-serif}h1{font-size:28px;color:#000;margin-bottom:20px}.row{display:flex;gap:10px;justify-content:space-between;margin-bottom:15px}.box{flex:1;background-color:#5ca765;border-radius:20px;padding:20px 10px;color:#fff;cursor:pointer;transition:background-color .3s}.gender.selected{background-color:#2e7d32!important}.slider-box{background-color:#5ca765;border-radius:20px;padding:15px;margin:10px 0;color:#fff}.value-display{display:flex;justify-content:center;align-items:baseline;gap:5px;font-size:36px;font-weight:700}.controls{display:flex;justify-content:space-around;align-items:center;margin-top:10px}.controls button{font-size:24px;width:40px;height:40px;border-radius:50%;border:2px solid white;background-color:transparent;color:#fff;cursor:pointer}.value-card{flex:1;background-color:#5ca765;border-radius:20px;padding:15px 10px;color:#fff;display:flex;flex-direction:column;align-items:center}.value{font-size:36px;font-weight:700;margin:10px 0}.calculate-btn{background-color:#42c94b;color:#fff;font-size:18px;border:none;border-radius:12px;padding:15px 20px;width:100%;margin-top:20px;cursor:pointer;box-shadow:0 4px 8px #0003}.result{font-size:20px;margin-top:20px;color:#333}