.bmi-calculator-wrapper{max-width:600px;margin:0 auto}.unit-toggle-section{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px;padding:20px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.unit-label{font-size:14px;color:var(--text-secondary);font-weight:500;min-width:100px;text-align:center}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-checkbox{display:none}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--text-muted);transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-checkbox:checked+.toggle-slider{background-color:var(--accent-secondary)}.toggle-checkbox:checked+.toggle-slider:before{transform:translate(24px)}.input-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;padding:24px;background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-md)}.input-group{position:relative;display:flex;flex-direction:column;gap:8px}.input-group label{font-size:14px;font-weight:600;color:var(--text-primary)}.input-group input{padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:16px;transition:border-color .2s,box-shadow .2s}.input-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c3ce11a}.input-unit{position:absolute;right:12px;top:32px;font-size:12px;color:var(--text-muted);pointer-events:none}.height-imperial-group{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.bmi-result-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px;text-align:center}.bmi-value-display{margin-bottom:32px}.bmi-label{display:block;font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.bmi-number{font-size:56px;font-weight:700;color:var(--accent-primary);line-height:1;margin-bottom:12px}.bmi-category{display:block;font-size:18px;font-weight:600;color:var(--text-primary)}.bmi-scale-container{margin-bottom:32px}.bmi-scale-bar{position:relative;display:flex;height:32px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:16px;box-shadow:0 4px 12px #0003}.scale-segment{flex:1;position:relative}.scale-segment.underweight{background:linear-gradient(90deg,#0ea5e9,#06b6d4)}.scale-segment.normal{background:linear-gradient(90deg,#10b981,#14b8a6)}.scale-segment.overweight{background:linear-gradient(90deg,#f59e0b,#f97316)}.scale-segment.obese{background:linear-gradient(90deg,#ef4444,#dc2626)}.bmi-marker{position:absolute;top:-8px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid var(--accent-primary);transform:translate(-50%);transition:left .2s ease;display:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.scale-labels{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;font-size:11px;color:var(--text-secondary);text-align:center;line-height:1.3}.health-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:32px}.metric-card{background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;text-align:center}.metric-label{display:block;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.metric-value{display:block;font-size:24px;font-weight:700;color:var(--accent-primary)}.action-buttons{display:flex;gap:12px;margin-bottom:32px}.btn{flex:1;padding:12px 20px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-primary);filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 12px #6c3ce14d}.btn-secondary{background:var(--accent-secondary);color:#fff}.btn-secondary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-outline:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.history-section{background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;margin-bottom:32px}.history-section h3{margin-bottom:16px;font-size:16px;color:var(--text-primary)}.history-list{margin-bottom:16px}.history-empty{text-align:center;color:var(--text-muted);font-size:14px;padding:16px}.history-items{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;align-items:center;padding:12px;background:var(--bg-secondary);border-left:4px solid var(--accent-primary);border-radius:var(--radius-sm);transition:transform .2s}.history-item:hover{transform:translate(4px)}.history-item.category-underweight{border-left-color:#0ea5e9}.history-item.category-normal-weight{border-left-color:#10b981}.history-item.category-overweight{border-left-color:#f59e0b}.history-item.category-obese{border-left-color:#ef4444}.history-info{display:flex;align-items:center;gap:12px;width:100%}.history-bmi{font-size:20px;font-weight:700;color:var(--text-primary);min-width:50px}.history-details{display:flex;flex-direction:column;gap:2px}.history-category{font-size:12px;color:var(--text-primary);font-weight:600}.history-time{font-size:11px;color:var(--text-muted)}.bmi-table-section{margin-bottom:32px}.bmi-table-section h3{margin-bottom:16px;font-size:16px;color:var(--text-primary)}.bmi-table{width:100%;border-collapse:collapse;background:var(--bg-tool);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}.bmi-table thead{background:var(--bg-secondary)}.bmi-table th{padding:12px;text-align:left;font-weight:600;color:var(--text-primary);font-size:14px;border-bottom:1px solid var(--border-color)}.bmi-table td{padding:12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:14px}.bmi-table tbody tr:last-child td{border-bottom:none}.category-underweight td:first-child,.category-normal td:first-child,.category-overweight td:first-child,.category-obese td:first-child{font-weight:600;color:var(--text-primary)}.category-underweight{background:#0ea5e90d}.category-normal{background:#10b9810d}.category-overweight{background:#f59e0b0d}.category-obese{background:#ef44440d}@media(max-width:640px){.input-section{grid-template-columns:1fr}.bmi-number{font-size:42px}.health-metrics-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.unit-toggle-section{flex-wrap:wrap}.scale-labels{font-size:10px}.bmi-table{font-size:12px}.bmi-table th,.bmi-table td{padding:10px 8px}}