.bmicc-bmi-calculator { --bmicc-primary:#4a6fa5;--bmicc-secondary:#166088;--bmicc-success:#4CAF50;--bmicc-warning:#FF9800;--bmicc-danger:#F44336;--bmicc-light:#f8f9fa;--bmicc-dark:#343a40;--bmicc-gray:#6c757d;max-width:600px;width:100%;margin:20px auto;padding:25px;background-color:white;border-radius:12px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);} .bmicc-bmi-calculator * { box-sizing:border-box;margin:0;padding:0;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;} .bmicc-calculator-header { text-align:center;margin-bottom:25px;color:var(--bmicc-primary);position:relative;} .bmicc-calculator-header h2 { font-size:1.8rem;margin-bottom:10px;} .bmicc-header-bar { position:absolute;bottom:-10px;left:25%;width:50%;height:4px;background:linear-gradient(to right, var(--bmicc-primary), var(--bmicc-secondary));border-radius:2px;} .bmicc-unit-toggle { display:flex;justify-content:center;margin-bottom:20px;background-color:var(--bmicc-light);border-radius:30px;padding:5px;} .bmicc-unit-toggle button { flex:1;padding:10px;border:none;background:none;border-radius:30px;font-weight:600;cursor:pointer;transition:all 0.3s ease;color:var(--bmicc-dark);} .bmicc-unit-toggle button.bmicc-active { background-color:var(--bmicc-primary);color:white;} .bmicc-input-group { margin-bottom:20px;} .bmicc-input-group label { display:block;margin-bottom:8px;font-weight:600;color:var(--bmicc-dark);} .bmicc-input-row { display:flex;gap:10px;} .bmicc-input-field { flex:1;padding:12px;border:1px solid #ddd;border-radius:10px;font-size:16px;transition:border 0.3s;} .bmicc-input-field:focus { outline:none;border-color:var(--bmicc-primary);} .bmicc-optional-section { margin-top:25px;padding-top:15px;border-top:1px dashed #ddd;} .bmicc-optional-toggle { display:flex;align-items:center;cursor:pointer;margin-bottom:15px;font-weight:600;color:var(--bmicc-primary);} .bmicc-optional-toggle span { margin-left:10px;} .bmicc-button-group { display:flex;gap:15px;margin-top:25px;} .bmicc-btn { flex:1;padding:14px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 5px rgba(0,0,0,0.1);} .bmicc-btn-calculate { background-color:var(--bmicc-primary);color:white;} .bmicc-btn-calculate:hover { background-color:var(--bmicc-secondary);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15);} .bmicc-btn-reset { background-color:var(--bmicc-light);color:var(--bmicc-dark);border:1px solid #ddd;} .bmicc-btn-reset:hover { background-color:#e2e6ea;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15);} .bmicc-results { margin-top:30px;padding:20px;background-color:var(--bmicc-light);border-radius:8px;text-align:center;position:relative;overflow:hidden;display:none;} .bmicc-results.bmicc-visible { display:block;} .bmicc-results-bar { position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(to right, var(--bmicc-primary), var(--bmicc-secondary));} .bmicc-bmi-value { font-size:2.5rem;font-weight:700;margin-bottom:10px;margin-top:10px;} .bmicc-bmi-category { font-size:1.3rem;font-weight:600;padding:8px 15px;border-radius:20px;display:inline-block;margin-bottom:15px;} .bmicc-category-underweight { background-color:#e3f2fd;color:#1976d2;} .bmicc-category-normal { background-color:#e8f5e9;color:var(--bmicc-success);} .bmicc-category-overweight { background-color:#fff3e0;color:var(--bmicc-warning);} .bmicc-category-obese { background-color:#ffebee;color:var(--bmicc-danger);} .bmicc-bmi-message { margin-bottom:15px;line-height:1.5;} .bmicc-ideal-weight { margin-bottom:15px;padding:10px;background-color:white;border-radius:6px;border-left:4px solid var(--bmicc-primary);} .bmicc-whtr-result { margin-top:15px;padding:10px;background-color:white;border-radius:6px;border-left:4px solid var(--bmicc-primary);} .bmicc-bmi-scale-container { margin-top:20px;padding:0 10px;} .bmicc-bmi-scale { height:25px;background:linear-gradient(to right, #1976d2, #4CAF50, #FF9800, #F44336);border-radius:12px;position:relative;margin-bottom:40px;} .bmicc-bmi-marker { position:absolute;top:30px;transform:translateX(-50%);font-size:0.8rem;color:var(--bmicc-gray);white-space:nowrap;} .bmicc-bmi-pointer { position:absolute;top:-10px;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid var(--bmicc-dark);} .bmicc-info-section { margin-top:25px;padding:15px;background-color:#f0f7ff;border-radius:8px;border-left:4px solid var(--bmicc-primary);} .bmicc-info-toggle { display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;margin-bottom:10px;} .bmicc-info-content { display:none;line-height:1.6;color:var(--bmicc-dark);} .bmicc-info-content.bmicc-show { display:block;} .bmicc-disclaimer { margin-top:20px;font-size:0.8rem;color:var(--bmicc-gray);text-align:center;} .bmicc-hidden { display:none !important;} @media (max-width:480px) { .bmicc-bmi-calculator { padding:15px;margin:10px auto;} .bmicc-input-row { flex-direction:column;gap:10px;} .bmicc-button-group { flex-direction:column;} .bmicc-bmi-marker { font-size:0.7rem;} }