.calculator-container{color:#fff;width:90%;max-width:400px;text-align:inherit;box-sizing:border-box;background-color:#1e1e2f;border-radius:12px;margin:30px auto;padding:20px 15px;box-shadow:0 4px 20px rgba(0,0,0,.6)}.calculator-container h2{text-align:center;margin-bottom:20px}.input-group{margin-bottom:15px;padding:0 5px}.input-group label{text-align:inherit;margin-bottom:6px;display:block}.input-group input,.input-group select{color:#fff;box-sizing:border-box;width:100%;text-align:inherit;background-color:#2c2f48;border:none;border-radius:6px;padding:10px;font-size:1rem}.input-group input::placeholder{text-align:inherit}.units-group{flex-direction:column;gap:15px;display:flex}.button-group{flex-wrap:wrap;gap:6px;display:flex}.button-group button{color:#fff;cursor:pointer;text-align:center;box-sizing:border-box;background-color:#000;border:1px solid #007bff;border-radius:6px;flex:1;min-width:45%;padding:8px 15px;font-weight:600;transition:background-color .3s}.button-group button.active,.button-group button:hover{color:#fff;background-color:#007bff;border-color:#007bff}button{color:#fff;cursor:pointer;background-color:#0077b6;border:none;border-radius:6px;width:100%;margin-top:10px;padding:12px;font-size:1rem;transition:background-color .2s}button:hover{background-color:#0096c7}.result{text-align:center;margin-top:20px}.result h3{margin-bottom:8px}.info-buttons-box{box-sizing:border-box;background-color:#1e1e2f;border-radius:12px;width:90%;max-width:400px;margin-top:20px;margin-left:auto;margin-right:auto;padding:15px 20px}.info-buttons{gap:10px;margin-bottom:15px;display:flex}.info-toggle{color:#fff;cursor:pointer;background-color:#0077b6;border:none;border-radius:6px;flex:1;padding:10px 0;font-weight:600;transition:background-color .2s}.info-toggle:hover{background-color:#0096c7}.info-box{color:#fff;text-align:inherit;background-color:#2c2f48;border-radius:10px;margin-top:10px;padding:12px 16px}@media (max-width:480px){.calculator-container{width:95%;margin:15px auto;padding:15px 10px;font-size:.95rem}.input-group{padding:0 5px}.button-group{flex-direction:row;justify-content:space-between}.button-group button{flex:1;min-width:45%;font-size:.9rem}input,select,button,.result h3{font-size:1rem}.info-buttons{flex-direction:column;gap:8px}}.calculator-container h1,.calculator-title{text-align:center;color:inherit;margin-bottom:20px;font-size:1.5rem;font-weight:600}
.bmi-halfcircle-container{width:100%;max-width:400px;margin:20px auto 0;position:relative}.bmi-halfcircle-segment-labels{width:100%;height:100%;position:absolute;top:0;left:0}.result{text-align:center;margin-top:5px}.result h3{margin:5px 0;font-size:16px;font-weight:600}.result p{margin:2px 0;font-size:14px;font-weight:500}.bmi-halfcircle-container svg text{pointer-events:none;fill:#fff;text-anchor:middle;alignment-baseline:middle;font-family:sans-serif;font-size:10px}
.bmr-halfcircle-container{width:100%;max-width:400px;margin:20px auto 0;position:relative}.bmr-halfcircle-segment-labels{width:100%;height:100%;position:absolute;top:0;left:0}.result{text-align:center;margin-top:5px}.result h3{margin:5px 0;font-size:16px;font-weight:600}.result p{margin:2px 0;font-size:14px;font-weight:500}.bmr-halfcircle-container svg text{pointer-events:none;fill:#fff;text-anchor:middle;alignment-baseline:middle;font-family:sans-serif;font-size:10px}
.bmi-halfcircle-container{width:100%;max-width:400px;margin:20px auto 0;position:relative}.bmi-halfcircle-segment-labels{width:100%;height:100%;position:absolute;top:0;left:0}.result{text-align:center;margin-top:5px}.result h3{margin:5px 0;font-size:16px;font-weight:600}.result p{margin:2px 0;font-size:14px;font-weight:500}.bmi-halfcircle-container svg text{pointer-events:none;fill:#fff;text-anchor:middle;alignment-baseline:middle;font-family:sans-serif;font-size:10px}