.bmi-calculator{display:flex;flex-direction:column;gap:calc(var(--spacing) * 1.5)}.bmi-gender-card{background:var(--color-surface-elevated);border-radius:var(--radius-extra-sm);padding:calc(var(--spacing) * 1.5);margin-bottom:calc(var(--spacing) * 1.5)}.bmi-gender-card :global(.tab-layout){gap:0!important;margin:0!important}.bmi-gender-card :global(.tab-panels){display:none!important;min-height:0!important}.bmi-input-card{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2.5);padding:calc(var(--spacing) * 2);background:var(--color-surface-elevated);border-radius:var(--radius)}.input-group{display:flex;flex-direction:column;gap:calc(var(--spacing) * .75)}.input-label{font-size:15px;font-weight:600;color:var(--color-text)}.gender-selector{display:flex;gap:var(--spacing)}.gender-option{flex:1;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing) * 1.25);background:var(--color-surface);border:2px solid var(--color-border);border-radius:calc(var(--radius) * .75);cursor:pointer;transition:all .2s}.gender-option:hover{background:var(--color-surface-elevated);border-color:var(--color-accent)}.gender-option input[type=radio]{display:none}.gender-option input[type=radio]:checked+.gender-label{color:var(--color-accent);font-weight:600}@supports selector(:has(*)){.gender-option:has(input[type=radio]:checked){background:var(--color-accent);border-color:var(--color-accent)}.gender-option:has(input[type=radio]:checked) .gender-label{color:#fff;font-weight:600}}.gender-option.checked{background:var(--color-accent);border-color:var(--color-accent)}.gender-option.checked .gender-label{color:#fff;font-weight:600}.gender-label{font-size:15px;color:var(--color-text);cursor:pointer;transition:all .2s}.bmi-input{width:100%;padding:calc(var(--spacing) * 1.5);font-size:16px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:calc(var(--radius) * .75);color:var(--color-text);transition:all .2s}.bmi-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.1)}.bmi-input::-moz-placeholder{color:var(--color-text-secondary);opacity:.6}.bmi-input::placeholder{color:var(--color-text-secondary);opacity:.6}.btn-calculate{padding:calc(var(--spacing) * 1.5);font-size:16px;font-weight:600;color:#fff;background:var(--color-accent);border:none;border-radius:calc(var(--radius) * .75);cursor:pointer;transition:all .2s}.btn-calculate:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-calculate:active{transform:translateY(0)}.bmi-result-card{padding:calc(var(--spacing) * 2);background:var(--color-surface-elevated);border-radius:var(--radius);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-header{margin-bottom:calc(var(--spacing) * 2)}.result-header h3{font-size:20px;font-weight:600;color:var(--color-text);margin:0}.result-content{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2.5)}.bmi-value-display{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing) * .75);padding:calc(var(--spacing) * 2);background:var(--color-surface);border-radius:calc(var(--radius) * .75)}.bmi-label{font-size:14px;color:var(--color-text-secondary)}.bmi-value{font-size:48px;font-weight:700;color:var(--color-accent);line-height:1}.bmi-category{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing) * .5);padding:calc(var(--spacing) * 1.5);border-radius:calc(var(--radius) * .75);text-align:center}.bmi-category.underweight{background:#3b82f61a;border:2px solid #3b82f6}.bmi-category.normal{background:#10b9811a;border:2px solid #10b981}.bmi-category.overweight{background:#f59e0b1a;border:2px solid #f59e0b}.bmi-category.obese{background:#ef44441a;border:2px solid #ef4444}.category-text{font-size:20px;font-weight:600}.bmi-category.underweight .category-text{color:#3b82f6}.bmi-category.normal .category-text{color:#10b981}.bmi-category.overweight .category-text{color:#f59e0b}.bmi-category.obese .category-text{color:#ef4444}.category-description{font-size:14px;color:var(--color-text-secondary)}.bmi-chart{position:relative;padding:calc(var(--spacing) * 1.5) 0}.chart-bar{display:flex;height:40px;border-radius:calc(var(--radius) * .5);overflow:hidden;margin-bottom:calc(var(--spacing) * .75)}.chart-segment{height:100%;transition:all .3s ease}.chart-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-secondary);margin-bottom:calc(var(--spacing) * 1)}.bmi-indicator{position:absolute;top:0;width:3px;height:40px;background:var(--color-text);border-radius:2px;box-shadow:0 0 4px #0000004d;transition:left .3s ease,right .3s ease;z-index:10}.bmi-ranges{padding-top:calc(var(--spacing) * 1.5);border-top:1px solid var(--color-border)}.bmi-ranges h4{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 calc(var(--spacing) * 1) 0}.ranges-list{display:flex;flex-direction:column;gap:calc(var(--spacing) * .75);list-style:none;padding:0;margin:0}.ranges-list li{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing) * .75) calc(var(--spacing) * 1);background:var(--color-surface);border-radius:calc(var(--radius) * .5);font-size:14px}.ranges-list li.active{background:var(--color-accent);color:#fff;font-weight:600}.ranges-list .range-label{color:var(--color-text)}.ranges-list li.active .range-label{color:#fff}.ranges-list .range-value{color:var(--color-text-secondary);font-family:Courier New,monospace}.ranges-list li.active .range-value{color:#fff}@media(max-width:480px){.bmi-input-card,.bmi-result-card{padding:var(--spacing)}.bmi-value{font-size:36px}.gender-selector{flex-direction:column}.chart-labels{font-size:10px}}