.bmi-page{padding:var(--space-8) 0}.bmi-page .tool-page{margin:0 auto;max-width:720px}.tool-hero{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-5) var(--space-6)}.tool-hero,.tool-hero__icon{align-items:center;display:flex}.tool-hero__icon{border-radius:var(--radius-lg);flex-shrink:0;height:60px;justify-content:center;width:60px}.tool-hero__title{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-1)}.tool-hero__subtitle{color:var(--color-text-secondary);font-size:var(--text-base);margin:0}.bmi-main-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-elevated);margin-bottom:var(--space-6);overflow:hidden}.bmi-card__inner{padding:var(--space-6)}.bmi-unit-toggle{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;gap:4px;margin-bottom:var(--space-5);padding:4px}.unit-tab{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-4);transition:all .2s ease}.unit-tab:hover{color:var(--color-text-primary)}.unit-tab--active{background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-primary);font-weight:600}.bmi-inputs-grid{display:grid;grid-template-columns:1fr 1fr}.bmi-inputs-grid,.bmi-inputs-stack{gap:var(--space-4);margin-bottom:var(--space-5)}.bmi-inputs-stack{display:flex;flex-direction:column}.bmi-inputs-row{display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.bmi-input-group{flex-direction:column}.bmi-input-group,.bmi-label{display:flex;gap:var(--space-2)}.bmi-label{align-items:center;color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600}.bmi-label svg{color:var(--color-text-muted)}.bmi-input-wrap{align-items:center;display:flex;position:relative}.bmi-input{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-lg);font-weight:600;outline:none;padding:var(--space-3) var(--space-4);padding-right:48px;transition:all .2s ease;width:100%}.bmi-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.15)}.bmi-input::placeholder{color:var(--color-text-muted);font-weight:400}.bmi-input-unit{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;pointer-events:none;position:absolute;right:var(--space-3)}.bmi-range-hint{color:var(--color-text-muted);font-size:var(--text-xs)}.bmi-calc-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 14px rgba(79,70,229,.4);color:#fff;cursor:pointer;display:flex;font-size:var(--text-base);font-weight:700;gap:var(--space-2);justify-content:center;letter-spacing:.5px;padding:var(--space-4) var(--space-6);transition:all .2s ease;width:100%}.bmi-calc-btn:hover{box-shadow:0 6px 20px rgba(79,70,229,.5);transform:translateY(-2px)}.bmi-calc-btn:active{transform:translateY(0)}.bmi-result-card{animation:slideUp .5s cubic-bezier(.16,1,.3,1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-elevated);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.bmi-result__inner{align-items:center;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6)}.bmi-score-display{display:flex;justify-content:center}.bmi-score__ring{height:130px;position:relative;width:130px}.bmi-ring-svg{height:130px;transform:rotate(-90deg);width:130px}.bmi-ring-bg{fill:none;stroke:var(--color-bg-tertiary);stroke-width:10}.bmi-ring-fill{fill:none;stroke:#22c55e;stroke-dasharray:326;stroke-dashoffset:326;stroke-linecap:round;stroke-width:10;transition:stroke-dashoffset 1.2s cubic-bezier(.16,1,.3,1),stroke .5s ease}.bmi-ring-fill.cat-underweight{stroke:#60a5fa}.bmi-ring-fill.cat-overweight{stroke:#fbbf24}.bmi-ring-fill.cat-obese{stroke:#f87171}.bmi-ring-fill.cat-normal{stroke:#22c55e}.bmi-score__value{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.bmi-score__number{color:var(--color-text-primary);font-size:2.5rem;font-weight:800;line-height:1}.bmi-score__label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:2px;margin-top:2px;text-transform:uppercase}.bmi-cat-badge{align-items:center;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:var(--text-base);font-weight:700;letter-spacing:.5px;padding:var(--space-2) var(--space-5)}.bmi-cat-badge.cat-underweight{background:#60a5fa}.bmi-cat-badge.cat-normal{background:#22c55e}.bmi-cat-badge.cat-overweight{background:#fbbf24}.bmi-cat-badge.cat-obese{background:#f87171}.bmi-scale-viz{width:100%}.bmi-scale-bar{position:relative}.bmi-scale-track{border-radius:var(--radius-full);display:flex;gap:2px;height:28px;overflow:hidden}.bmi-scale-zone{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:10px;font-weight:600;justify-content:center;line-height:1.2;padding:2px 4px}.bmi-scale-zone span{font-size:9px;font-weight:400;opacity:.8}.bmi-scale-pointer{background:var(--color-text-primary);border-radius:1px;height:40px;position:absolute;top:-6px;transition:left .8s cubic-bezier(.16,1,.3,1);width:2px}.bmi-health-card{align-items:flex-start;background:var(--color-bg-tertiary);border-left:4px solid #22c55e;border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);width:100%}.bmi-health-card.cat-underweight{border-left-color:#60a5fa}.bmi-health-card.cat-overweight{border-left-color:#fbbf24}.bmi-health-card.cat-obese{border-left-color:#f87171}.bmi-health__icon{align-items:center;background:rgba(34,197,94,.1);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.bmi-health__icon.underweight{background:rgba(96,165,250,.1)}.bmi-health__icon.overweight{background:rgba(251,191,36,.1)}.bmi-health__icon.obese{background:hsla(0,91%,71%,.1)}.bmi-health__title{color:var(--color-text-primary);font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-1)}.bmi-health__text{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0}.bmi-stats-row{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr);width:100%}.bmi-stat{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--space-3);text-align:center}.bmi-stat__value{color:var(--color-primary);font-size:var(--text-lg);font-weight:800;margin-bottom:2px}.bmi-stat__label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500}.bmi-recalc-btn{align-items:center;background:transparent;border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all .2s ease}.bmi-recalc-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.bmi-facts{flex-direction:column;margin:var(--space-6) 0}.bmi-fact-card,.bmi-facts{display:flex;gap:var(--space-4)}.bmi-fact-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5)}.bmi-fact-card__icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.bmi-fact-card h3{font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-1)}.bmi-fact-card p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0}.section-title{border-bottom:2px solid var(--color-border);color:var(--color-text-primary);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-5);padding-bottom:var(--space-3)}.how-to-use{margin:var(--space-6) 0}.steps-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.step-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);transition:transform .2s ease,box-shadow .2s ease}.step-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.step-card__num{color:var(--color-primary);font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-3);opacity:.2}.step-card__content h3{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-2)}.step-card__content p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0}.benefits{margin:var(--space-6) 0}.benefits-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.benefit-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.benefit-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.benefit-icon{font-size:2rem;margin-bottom:var(--space-3)}.benefit-card h3{font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-2)}.benefit-card p{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.6;margin:0}.faq{margin:var(--space-6) 0}.related-tools{margin:var(--space-6) 0 var(--space-10)}.hidden{display:none!important}@media (max-width:640px){.bmi-page{padding:var(--space-4) 0}.bmi-card__inner,.bmi-result__inner,.tool-hero{padding:var(--space-4)}.tool-hero{flex-direction:column;text-align:center}.bmi-inputs-grid,.bmi-stats-row,.steps-grid{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr 1fr}.bmi-scale-zone span{display:none}}@media (max-width:480px){.benefits-grid{grid-template-columns:1fr}}.bmi-page .tool-hero{background:#fff;border-color:#dfe4f4;border-radius:20px;box-shadow:0 8px 28px rgba(31,41,84,.04);gap:16px;padding:20px 24px}.bmi-page .tool-hero__icon{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:14px;height:52px;width:52px}.bmi-page .tool-hero__title{line-height:1.25;margin:0 0 4px}.bmi-page .tool-hero__subtitle{line-height:1.5}.bmi-page .bmi-main-card,.bmi-page .bmi-result-card{border-color:#dfe4f4;border-radius:22px;box-shadow:0 12px 36px rgba(31,41,84,.055)}.bmi-page .bmi-main-card{background:#fff;border:1px solid #cfd8f3;box-shadow:0 18px 42px rgba(42,51,118,.11),0 2px 8px rgba(42,51,118,.04)}body .tool-page.bmi-page .main-column .tool-ui.bmi-main-card{background:#fff;border:1px solid #cfd8f3;padding:0}.bmi-page .bmi-card__inner{background:#fff}.bmi-page .bmi-name-history-row{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:20px}.bmi-page .bmi-name-group{min-width:0}.bmi-page .bmi-name-group .bmi-input{font-size:1rem;padding-right:16px}.bmi-page .bmi-history-brief{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;min-width:0;padding:10px 13px}.bmi-page .bmi-history-brief p{color:var(--color-text-secondary);font-size:.82rem;line-height:1.45;margin:0}.bmi-page .bmi-history-brief p+p{margin-top:3px}.bmi-page .bmi-history-brief .bmi-history__empty{font-weight:600}.bmi-page .bmi-unit-toggle{border:1px solid #e3e8f5}.bmi-page .unit-tab{min-height:46px}.bmi-page .unit-tab--active{color:#4338ca}.bmi-page .bmi-input{background:#fff;min-height:54px}.bmi-page .bmi-input:focus{box-shadow:0 0 0 3px rgba(99,102,241,.12)}.bmi-page .bmi-calc-btn{background:linear-gradient(100deg,#5b5fea,#4f46e5);box-shadow:0 5px 14px rgba(79,70,229,.2);min-height:54px}.bmi-page .bmi-facts{background:#fff;border:1px solid #d7def0;border-radius:22px;box-shadow:0 14px 36px rgba(31,41,84,.09),0 2px 8px rgba(31,41,84,.04);display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin:26px 0;padding:18px}.bmi-page .bmi-fact-card{align-items:flex-start;background:linear-gradient(145deg,#fff,#f7f9ff);border-color:#dce3f2;box-shadow:0 5px 14px rgba(31,41,84,.045);min-width:0}.bmi-page .bmi-fact-card p{overflow-wrap:anywhere}.bmi-page #statFat{font-size:.98rem;line-height:1.35;margin-bottom:7px}.bmi-page #statDifferenceLabel{line-height:1.45;max-width:25rem}.bmi-page .bmi-history{background:#fff;border:1px solid #dfe4f4;border-radius:20px;box-shadow:0 8px 26px rgba(31,41,84,.045);margin:14px 0 22px;padding:16px 18px}.bmi-page .bmi-history[hidden]{display:none}.bmi-history__heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.bmi-history__heading h2{align-items:center;display:flex;font-size:1.12rem;gap:9px;margin:0 0 4px}.bmi-history__icon{color:#4f46e5;flex:0 0 auto;height:22px;width:22px}.bmi-history__empty[hidden]{display:none}.bmi-history__clear,.bmi-history__remove{background:#fff;border:1px solid #dce3f4;border-radius:9px;color:#475569;cursor:pointer;font:inherit;font-size:.82rem;padding:8px 11px}.bmi-history__clear:hover,.bmi-history__remove:hover{border-color:#fecaca;color:#b91c1c}.bmi-history__list{display:grid;gap:7px;list-style:none;margin:10px 0 0;max-height:224px;overflow-y:auto;padding:0}.bmi-history__list:empty{display:none}.bmi-history__item{align-items:center;background:#f8faff;border:1px solid #e1e7f3;border-radius:12px;display:flex;gap:12px;min-width:0;padding:9px 11px}.bmi-history__details{flex:1;min-width:0}.bmi-history__name{color:#1e293b;display:block;font-weight:700;overflow-wrap:anywhere}.bmi-history__meta{color:#64748b;display:block;font-size:.82rem;line-height:1.5}.bmi-history__score{color:#4338ca;font-weight:800;white-space:nowrap}.bmi-history__remove{flex:0 0 auto}.bmi-page .how-to-use-steps .tab-nav{border-radius:16px}.bmi-page .how-to-use-steps .tab-btn,.bmi-page .how-to-use-steps .tab-indicator{border-radius:12px}body .tool-page.bmi-page .main-column .tool-editorial.bmi-formula{margin-top:18px;padding:16px 18px}body .tool-page.bmi-page .main-column .tool-editorial.bmi-formula>h2{margin-bottom:8px}body .tool-page.bmi-page .main-column .tool-editorial.bmi-formula>p+p{margin-top:7px}@media (max-width:700px){.bmi-page .tool-hero{align-items:flex-start;flex-direction:row;padding:16px;text-align:left}.bmi-page .tool-hero__icon{flex:0 0 44px;height:44px;width:44px}.bmi-page .tool-hero__title{font-size:1.35rem}.bmi-page .tool-hero__subtitle{font-size:.875rem}.bmi-page .bmi-facts{grid-template-columns:1fr;padding:14px}.bmi-page .bmi-name-history-row{gap:10px;grid-template-columns:1fr}body .tool-page.bmi-page .main-column .how-to-use .tab-btn span{display:inline}}@media (max-width:480px){.bmi-page .bmi-inputs-grid{grid-template-columns:1fr}.bmi-page .how-to-use-steps .tab-btn{font-size:.72rem;gap:4px;padding:8px 5px}body .tool-page.bmi-page .main-column .how-to-use .tab-btn svg{display:none}.bmi-page .bmi-history{padding:16px}.bmi-history__item{flex-wrap:wrap}.bmi-history__score{margin-left:auto}.bmi-page .bmi-history__item{flex-wrap:nowrap}}.bmi-page .bmi-card__inner,.bmi-page .bmi-history,.bmi-page .bmi-main-card,.bmi-page .bmi-result-card,body .tool-page.bmi-page .main-column .tool-ui.bmi-main-card{background:var(--color-surface);border-color:var(--color-border)}.bmi-page .bmi-history__clear,.bmi-page .bmi-history__remove,.bmi-page .bmi-input,.bmi-page .unit-tab--active{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.bmi-page .bmi-history__item{background:var(--color-bg-secondary);border-color:var(--color-border)}.bmi-page .bmi-history__heading h2,.bmi-page .bmi-history__name{color:var(--color-text)}.bmi-page .bmi-history-brief p,.bmi-page .bmi-history__meta{color:var(--color-text-secondary)}.bmi-page .bmi-history-brief .bmi-history__empty{color:var(--color-text)}.bmi-page .bmi-history__score{color:var(--color-primary)}.bmi-page .bmi-result__heading{color:var(--color-text);font-size:1.25rem;margin:0;text-align:center}.bmi-page .bmi-result__note{color:var(--color-text-secondary);font-size:.875rem;line-height:1.55;margin:0;text-align:center}.bmi-page .bmi-cat-badge.cat-obese,.bmi-page .bmi-cat-badge.cat-overweight,.bmi-page .bmi-cat-badge.cat-underweight,.bmi-page .bmi-scale-zone{color:#172033}.bmi-page .bmi-scale-zone span{opacity:1}.bmi-page .bmi-scale-pointer{transform:translateX(-50%)}.bmi-page #bmiHistoryStatus:empty{display:none}.bmi-page #bmiHistoryStatus:not(:empty){color:#b91c1c}@media (prefers-reduced-motion:reduce){.bmi-page .bmi-result-card,.bmi-page .bmi-ring-fill,.bmi-page .bmi-scale-pointer{animation:none;transition:none}}