body {font-family: "Segoe UI",sans-serif;background: transparent;margin: 0;padding: 0;}
.ideal-weight-container {max-width: 400px;margin: 2rem auto;padding: 1.5rem;border-radius: 20px;background: rgba(255,255,255,.8);box-shadow: 0 10px 25px rgba(0,0,0,.1);}
.calculator-box h2 {text-align: center;color: #007acc;margin-bottom: 1rem;}
.input-group {margin-bottom: 1rem;display: flex;flex-direction: column;}
.input-group label {font-weight: 600;margin-bottom: .3rem;color: #333;}
.input-group input, .input-group select {padding: .5rem;border-radius: 10px;border: 1px solid #ccc;font-size: 1rem;}
.unit-toggle {display: flex;gap: 1rem;justify-content: center;margin-bottom: 1rem;font-weight: 600;}
.unit-toggle label {cursor: pointer;color: #007acc;}
.us-fields, .metric-fields {display: flex;gap: .5rem;}
.hidden {display: none !important;}
.button-row {display: flex;justify-content: space-between;gap: 1rem;}
.btn-calc, .btn-clear {flex: 1;padding: .6rem;border: none;border-radius: 12px;background-color: #007acc;color: white;font-size: 1rem;font-weight: bold;cursor: pointer;transition: background .3s;}
.btn-clear {background-color: #ccc;color: #333;}
.btn-calc:hover {background-color: #005fa3;}
.btn-clear:hover {background-color: #aaa;}
.results {margin-top: 1.5rem;text-align: center;}
.results h3 {color: #007acc;margin-bottom: .5rem;}
#resultList {list-style: none;padding: 0;font-size: 1rem;margin-bottom: 1rem;}
.bar-wrap {position: relative;height: 10px;background-color: #eee;border-radius: 5px;margin: .5rem auto;width: 100%;}
.bar-track {height: 100%;background: linear-gradient(to right,#00c3ff,#28a745,#ffc107);border-radius: 5px;}
.bar-indicator {position: absolute;top: -6px;width: 16px;height: 22px;background-color: #007acc;border-radius: 10px;transform: translateX(-50%);transition: left .4s ease-in-out;}
.bar-labels {display: flex;justify-content: space-between;font-size: .8rem;margin-top: .2rem;color: #666;}
@media (max-width: 480px) {.ideal-weight-container {padding: 1rem;}
	.us-fields, .metric-fields {flex-direction: column;}
	.button-row {flex-direction: column;}}