@jjlmoya/utils-health 1.45.0 → 1.47.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-health",
-    "version": "1.45.0",
+    "version": "1.47.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/category/index.ts

@@ -34,10 +34,12 @@ import { anionGapCalculator } from '../tool/anionGapCalculator/entry';
 import { creatinineClearanceCockcroftGault } from '../tool/creatinineClearanceCockcroftGault/entry';
 import { correctedCalciumCalculator } from '../tool/correctedCalciumCalculator/entry';
 import { egfrCalculator } from '../tool/egfrCalculator/entry';
+import { bmrCalorieDeficitPlanner } from '../tool/bmrCalorieDeficitPlanner/entry';
+import { targetHeartRateZonePlanner } from '../tool/targetHeartRateZonePlanner/entry';
 
 export const healthCategory: HealthCategoryEntry = {
   icon: 'mdi:heart-pulse',
-  tools: [bmiCalculator, amputationAdjustedBmiCalculator, bodyAdiposityIndexCalculator, bodyFatPercentageCalculator, waistHipRatioCalculator, waistHeightRatioCalculator, leanBodyMassCalculator, metabolicAgeCalculator, caloricDeficitCalculator, dailyProteinCalculator, macronutrientCalculator, tdeeCalculator, bunCreatinineCalculator, serumOsmolalityCalculator, meanArterialPressureCalculator, correctedSodiumHyperglycemiaCalculator, fractionalExcretionSodiumCalculator, correctedReticulocyteIndex, estimatedBloodVolumeCalculator, anionGapCalculator, creatinineClearanceCockcroftGault, correctedCalciumCalculator, egfrCalculator, targetHeightEstimator, daltonismSimulator, tinnitusReliever, parametricNoiseSynthesizer, breathingVisualizer, caffeineTracker, waterPurifier, digestionStopwatch, binauralTuner, pelliRobsonTest, peripheralVisionTrainer, epworthSleepinessScale],
+  tools: [bmiCalculator, amputationAdjustedBmiCalculator, bodyAdiposityIndexCalculator, bodyFatPercentageCalculator, waistHipRatioCalculator, waistHeightRatioCalculator, leanBodyMassCalculator, metabolicAgeCalculator, caloricDeficitCalculator, dailyProteinCalculator, macronutrientCalculator, tdeeCalculator, bunCreatinineCalculator, serumOsmolalityCalculator, meanArterialPressureCalculator, correctedSodiumHyperglycemiaCalculator, fractionalExcretionSodiumCalculator, correctedReticulocyteIndex, estimatedBloodVolumeCalculator, anionGapCalculator, creatinineClearanceCockcroftGault, correctedCalciumCalculator, egfrCalculator, targetHeightEstimator, daltonismSimulator, tinnitusReliever, parametricNoiseSynthesizer, breathingVisualizer, caffeineTracker, waterPurifier, digestionStopwatch, binauralTuner, pelliRobsonTest, peripheralVisionTrainer, epworthSleepinessScale, bmrCalorieDeficitPlanner, targetHeartRateZonePlanner],
   i18n: {
     en: () => import('./i18n/en').then((m) => m.content),
     es: () => import('./i18n/es').then((m) => m.content),

package/src/entries.ts

@@ -31,6 +31,8 @@ export { creatinineClearanceCockcroftGault } from './tool/creatinineClearanceCoc
 export { correctedCalciumCalculator } from './tool/correctedCalciumCalculator/entry';
 export { egfrCalculator } from './tool/egfrCalculator/entry';
 export { sleepDebtRecoveryPlanner } from './tool/sleepDebtRecoveryPlanner/entry';
+export { bmrCalorieDeficitPlanner } from './tool/bmrCalorieDeficitPlanner/entry';
+export { targetHeartRateZonePlanner } from './tool/targetHeartRateZonePlanner/entry';
 export { pelliRobsonTest } from './tool/pelliRobsonTest/entry';
 export { peripheralVisionTrainer } from './tool/peripheralVisionTrainer/entry';
 export { readingDistanceCalculator } from './tool/readingDistanceCalculator/entry';
@@ -73,6 +75,8 @@ import { creatinineClearanceCockcroftGault } from './tool/creatinineClearanceCoc
 import { correctedCalciumCalculator } from './tool/correctedCalciumCalculator/entry';
 import { egfrCalculator } from './tool/egfrCalculator/entry';
 import { sleepDebtRecoveryPlanner } from './tool/sleepDebtRecoveryPlanner/entry';
+import { bmrCalorieDeficitPlanner } from './tool/bmrCalorieDeficitPlanner/entry';
+import { targetHeartRateZonePlanner } from './tool/targetHeartRateZonePlanner/entry';
 import { pelliRobsonTest } from './tool/pelliRobsonTest/entry';
 import { peripheralVisionTrainer } from './tool/peripheralVisionTrainer/entry';
 import { readingDistanceCalculator } from './tool/readingDistanceCalculator/entry';
@@ -81,4 +85,4 @@ import { tinnitusReliever } from './tool/tinnitusReliever/entry';
 import { parametricNoiseSynthesizer } from './tool/parametricNoiseSynthesizer/entry';
 import { ubeCalculator } from './tool/ubeCalculator/entry';
 import { waterPurifier } from './tool/waterPurifier/entry';
-export const ALL_ENTRIES = [binauralTuner, bloodUnitConverter, bmiCalculator, amputationAdjustedBmiCalculator, bodyAdiposityIndexCalculator, bodyFatPercentageCalculator, waistHipRatioCalculator, waistHeightRatioCalculator, breathingVisualizer, caffeineTracker, caloricDeficitCalculator, dailyProteinCalculator, macronutrientCalculator, tdeeCalculator, bunCreatinineCalculator, serumOsmolalityCalculator, meanArterialPressureCalculator, correctedSodiumHyperglycemiaCalculator, fractionalExcretionSodiumCalculator, correctedReticulocyteIndex, estimatedBloodVolumeCalculator, anionGapCalculator, creatinineClearanceCockcroftGault, correctedCalciumCalculator, egfrCalculator, targetHeightEstimator, daltonismSimulator, digestionStopwatch, epworthSleepinessScale, hydrationCalculator, leanBodyMassCalculator, metabolicAgeCalculator, pelliRobsonTest, peripheralVisionTrainer, readingDistanceCalculator, screenDecompressionTime, tinnitusReliever, parametricNoiseSynthesizer, ubeCalculator, waterPurifier, sleepDebtRecoveryPlanner];
+export const ALL_ENTRIES = [binauralTuner, bloodUnitConverter, bmiCalculator, amputationAdjustedBmiCalculator, bodyAdiposityIndexCalculator, bodyFatPercentageCalculator, waistHipRatioCalculator, waistHeightRatioCalculator, breathingVisualizer, caffeineTracker, caloricDeficitCalculator, dailyProteinCalculator, macronutrientCalculator, tdeeCalculator, bunCreatinineCalculator, serumOsmolalityCalculator, meanArterialPressureCalculator, correctedSodiumHyperglycemiaCalculator, fractionalExcretionSodiumCalculator, correctedReticulocyteIndex, estimatedBloodVolumeCalculator, anionGapCalculator, creatinineClearanceCockcroftGault, correctedCalciumCalculator, egfrCalculator, targetHeightEstimator, daltonismSimulator, digestionStopwatch, epworthSleepinessScale, hydrationCalculator, leanBodyMassCalculator, metabolicAgeCalculator, pelliRobsonTest, peripheralVisionTrainer, readingDistanceCalculator, screenDecompressionTime, tinnitusReliever, parametricNoiseSynthesizer, ubeCalculator, waterPurifier, sleepDebtRecoveryPlanner, bmrCalorieDeficitPlanner, targetHeartRateZonePlanner];

package/src/index.ts

@@ -39,6 +39,8 @@ export { CREATININE_CLEARANCE_COCKCROFT_GAULT_TOOL } from './tool/creatinineClea
 export { CORRECTED_CALCIUM_CALCULATOR_TOOL } from './tool/correctedCalciumCalculator';
 export { EGFR_CALCULATOR_TOOL } from './tool/egfrCalculator';
 export { SLEEP_DEBT_RECOVERY_PLANNER_TOOL } from './tool/sleepDebtRecoveryPlanner';
+export { BMR_CALORIE_DEFICIT_PLANNER_TOOL } from './tool/bmrCalorieDeficitPlanner';
+export { TARGET_HEART_RATE_ZONE_PLANNER_TOOL } from './tool/targetHeartRateZonePlanner';
 
 export { healthCategory } from './category';
 export const healthCategorySEO = () => import('./category/seo.astro').then((m) => m.default);

package/src/tests/i18n_coverage.test.ts

@@ -5,6 +5,8 @@ const EXPECTED_LOCALES = [
   'de', 'en', 'es', 'fr', 'id', 'it', 'ja', 'ko', 'nl', 'pl', 'pt', 'ru', 'sv', 'tr', 'zh'
 ];
 
+const ENGLISH_ONLY_PHASE_TWO_TOOLS = new Set<string>();
+
 describe('I18n Coverage Validation', () => {
   it('all tools should be registered', () => {
     expect(ALL_TOOLS.length).toBeGreaterThan(0);
@@ -12,9 +14,10 @@ describe('I18n Coverage Validation', () => {
 
   ALL_TOOLS.forEach(({ entry }: { entry: any }) => {
     describe(`Tool: ${entry.id}`, () => {
-      it('should have all 15 required locales', () => {
+      it('should have all required locales for its implementation phase', () => {
         const registeredLocales = Object.keys(entry.i18n);
-        EXPECTED_LOCALES.forEach((locale) => {
+        const expectedLocales = ENGLISH_ONLY_PHASE_TWO_TOOLS.has(entry.id) ? ['en'] : EXPECTED_LOCALES;
+        expectedLocales.forEach((locale) => {
           expect(
             registeredLocales,
             `Tool "${entry.id}" is missing locale "${locale}"`,
@@ -23,7 +26,8 @@ describe('I18n Coverage Validation', () => {
       });
 
       it('all locale loaders should be functions', () => {
-        EXPECTED_LOCALES.forEach((locale) => {
+        const expectedLocales = ENGLISH_ONLY_PHASE_TWO_TOOLS.has(entry.id) ? ['en'] : EXPECTED_LOCALES;
+        expectedLocales.forEach((locale) => {
           const loader = entry.i18n[locale as keyof typeof entry.i18n];
           expect(
             typeof loader,

package/src/tests/locale_completeness.test.ts

@@ -36,6 +36,6 @@ describe('Locale Completeness Validation', () => {
   });
 
   it('all tools registered', () => {
-    expect(ALL_TOOLS.length).toBe(41);
+    expect(ALL_TOOLS.length).toBe(43);
   });
 });

package/src/tests/tool_validation.test.ts

@@ -4,8 +4,8 @@ import { healthCategory } from '../data';
 
 describe('Tool Validation Suite', () => {
   describe('Library Registration', () => {
-    it('should have 41 tools in ALL_TOOLS', () => {
-      expect(ALL_TOOLS.length).toBe(41);
+    it('should have 43 tools in ALL_TOOLS', () => {
+      expect(ALL_TOOLS.length).toBe(43);
     });
 
     it('healthCategory should be defined', () => {

package/src/tool/bmrCalorieDeficitPlanner/bibliography.astro

@@ -0,0 +1,14 @@
+---
+import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
+import { bmrCalorieDeficitPlanner } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'en' } = Astro.props;
+const content = await bmrCalorieDeficitPlanner.i18n[locale]?.();
+---
+
+{content && <SharedBibliography links={content.bibliography} />}

package/src/tool/bmrCalorieDeficitPlanner/bibliography.ts

@@ -0,0 +1,16 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'Mifflin MD et al. A new predictive equation for resting energy expenditure in healthy individuals',
+    url: 'https://pubmed.ncbi.nlm.nih.gov/2305711/',
+  },
+  {
+    name: 'Deutsche Gesellschaft für Ernährung. FAQ Energiezufuhr',
+    url: 'https://www.dge.de/gesunde-ernaehrung/faq/energiezufuhr/',
+  },
+  {
+    name: 'NHS. Calories and weight loss',
+    url: 'https://www.nhs.uk/better-health/lose-weight/calorie-counting/',
+  },
+];

package/src/tool/bmrCalorieDeficitPlanner/bmr-calorie-deficit-planner.css

@@ -0,0 +1,160 @@
+.bmr-planner {
+  --bmr-paper: #f5f0e7;
+  --bmr-panel: #fffdf8;
+  --bmr-ink: #13252a;
+  --bmr-muted: #687778;
+  --bmr-line: #d8d8cf;
+  --bmr-teal: #147f78;
+  --bmr-teal-deep: #0d4f55;
+  --bmr-teal-soft: #d8ece6;
+  --bmr-coral: #ed795d;
+  --bmr-coral-soft: #f5ddd4;
+  --bmr-shadow: 0 1.5rem 3rem rgba(17, 41, 43, 0.15);
+
+  display: grid;
+  grid-template-columns: minmax(20rem, 0.9fr) minmax(0, 1.25fr);
+  max-width: 68rem;
+  margin: 2rem auto;
+  overflow: hidden;
+  color: var(--bmr-ink);
+  background: var(--bmr-panel);
+  border: 1px solid rgba(19, 37, 42, 0.14);
+  border-radius: 1.5rem;
+  box-shadow: var(--bmr-shadow);
+}
+
+.theme-dark .bmr-planner {
+  --bmr-paper: #1c2728;
+  --bmr-panel: #222f30;
+  --bmr-ink: #f4f1e8;
+  --bmr-muted: #b1c0bc;
+  --bmr-line: #465655;
+  --bmr-teal: #72d0c2;
+  --bmr-teal-deep: #123f45;
+  --bmr-teal-soft: #294b49;
+  --bmr-coral: #f29476;
+  --bmr-coral-soft: #51352e;
+  --bmr-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.3);
+}
+
+.bmr-planner *, .bmr-planner *::before, .bmr-planner *::after { box-sizing: border-box; }
+.bmr-planner h2, .bmr-planner h3, .bmr-planner p { margin: 0; }
+.bmr-planner h2 { font-size: clamp(1.35rem, 2vw, 1.65rem); letter-spacing: -0.045em; }
+.bmr-planner h3 { font-size: 0.95rem; letter-spacing: -0.02em; }
+.bmr-planner button { font: inherit; }
+.bmr-planner button:focus-visible { outline: 3px solid var(--bmr-coral); outline-offset: 3px; }
+.bmr-planner__controls, .bmr-planner__result { min-width: 0; padding: 2rem; }
+.bmr-planner__controls { background: var(--bmr-panel); }
+.bmr-planner__result { position: relative; overflow: hidden; color: #f8f4eb; background: var(--bmr-teal-deep); }
+.bmr-planner__result::before, .bmr-planner__result::after { position: absolute; z-index: 0; display: block; content: ''; pointer-events: none; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 50%; }
+.bmr-planner__result::before { width: 26rem; height: 26rem; top: -13rem; right: -10rem; }
+.bmr-planner__result::after { width: 15rem; height: 15rem; top: -7.5rem; right: -4.5rem; border-color: rgba(237, 121, 93, 0.5); }
+.bmr-planner__result > * { position: relative; z-index: 1; }
+.bmr-planner__toolbar, .bmr-planner__result-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
+.bmr-planner__section-heading, .bmr-planner__result-head > div { display: grid; gap: 0.25rem; }
+.bmr-planner__eyebrow, .bmr-planner__result-label, .bmr-planner__scene-label, .bmr-planner__guidance > div > span { font-size: 0.65rem; font-weight: 850; letter-spacing: 0.12em; line-height: 1.2; text-transform: uppercase; }
+.bmr-planner__eyebrow { color: var(--bmr-muted); }
+.bmr-planner__result .bmr-planner__eyebrow, .bmr-planner__result-label, .bmr-planner__scene-label, .bmr-planner__guidance > div > span { color: #a9d3ca; }
+.bmr-planner__unit-switch { display: inline-flex; padding: 0.22rem; border: 1px solid var(--bmr-line); border-radius: 0.65rem; background: var(--bmr-paper); }
+.bmr-planner__choice-group, .bmr-planner__chips { display: flex; flex-wrap: wrap; gap: 0.45rem; }
+.bmr-planner__choice, .bmr-planner__chip, .bmr-planner__presets button { border: 1px solid var(--bmr-line); color: var(--bmr-ink); background: transparent; border-radius: 0.55rem; cursor: pointer; transition: border-color 140ms ease, background 140ms ease, color 140ms ease, transform 140ms ease; }
+.bmr-planner__choice:hover, .bmr-planner__chip:hover, .bmr-planner__presets button:hover { border-color: var(--bmr-teal); transform: translateY(-1px); }
+.bmr-planner__choice { min-height: 2.1rem; padding: 0.4rem 0.7rem; font-size: 0.75rem; }
+.bmr-planner__unit-switch .bmr-planner__choice { border: 0; border-radius: 0.42rem; }
+.bmr-planner__choice--active, .bmr-planner__chip.bmr-planner__choice--active { color: var(--bmr-panel); background: var(--bmr-teal); border-color: var(--bmr-teal); }
+.bmr-planner__profile-block { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.7rem; margin-top: 2rem; padding: 1rem; border: 1px solid var(--bmr-line); border-radius: 1rem; background: var(--bmr-paper); }
+.bmr-planner__field { display: grid; align-content: start; gap: 0.5rem; min-width: 0; }
+.bmr-planner__field-label { color: var(--bmr-muted); font-size: 0.68rem; font-weight: 800; }
+.bmr-planner__field--sex { grid-column: 1 / -1; }
+.bmr-planner__field--sex .bmr-planner__choice-group { flex-wrap: nowrap; }
+.bmr-planner__field--sex .bmr-planner__choice { flex: 1; min-width: 0; padding-right: 0.4rem; padding-left: 0.4rem; white-space: nowrap; }
+.bmr-planner__input-wrap { display: flex; align-items: center; gap: 0.3rem; min-width: 0; padding: 0.8rem 0.75rem; border: 1px solid var(--bmr-line); border-radius: 0.65rem; background: var(--bmr-panel); }
+.bmr-planner__input-wrap:focus-within { border-color: var(--bmr-teal); box-shadow: 0 0 0 3px var(--bmr-teal-soft); }
+.bmr-planner input { flex: 1 1 0; width: 1px; min-width: 0; border: 0; outline: 0; padding: 0; color: var(--bmr-ink); background: transparent; font-size: 1.1rem; font-weight: 700; }
+.bmr-planner__input-wrap span { color: var(--bmr-muted); font-size: 0.7rem; }
+.bmr-planner__planning-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--bmr-line); }
+.bmr-planner__subsection { display: grid; gap: 0.75rem; min-width: 0; }
+.bmr-planner__subsection-head { display: flex; align-items: center; gap: 0.5rem; }
+.bmr-planner__section-index { display: grid; width: 1.45rem; height: 1.45rem; place-items: center; color: var(--bmr-panel); background: var(--bmr-ink); border-radius: 50%; font-size: 0.58rem; font-weight: 850; }
+.bmr-planner__chip { min-height: 2.25rem; padding: 0.55rem 0.7rem; font-size: 0.73rem; }
+.bmr-planner__presets { display: flex; align-items: center; flex-wrap: wrap; gap: 0.45rem; margin-top: 1.5rem; padding-top: 1rem; border-top: 1px dashed var(--bmr-line); color: var(--bmr-muted); font-size: 0.68rem; }
+.bmr-planner__presets button { padding: 0.38rem 0.55rem; font-size: 0.67rem; }
+.bmr-planner__result-head h2 { color: #fffaf0; font-size: clamp(1.45rem, 2.5vw, 1.8rem); }
+.bmr-planner__plan-state { display: grid; align-content: start; justify-items: end; gap: 0.3rem; min-width: 7rem; padding-top: 0.15rem; text-align: right; }
+.bmr-planner__plan-state-label { color: #a9d3ca; font-size: 0.62rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; }
+.bmr-planner__plan-state strong { display: inline-flex; align-items: center; gap: 0.4rem; color: #fffaf0; font-size: 0.82rem; }
+.bmr-planner__plan-state strong::before { width: 0.55rem; height: 0.55rem; content: ''; background: #b7ddd3; border-radius: 50%; box-shadow: 0 0 0 0.2rem rgba(183, 221, 211, 0.14); }
+.bmr-planner__result[data-goal="gentleLoss"] .bmr-planner__plan-state strong::before { background: #f8c58d; box-shadow: 0 0 0 0.2rem rgba(248, 197, 141, 0.15); }
+.bmr-planner__result[data-goal="steadyLoss"] .bmr-planner__plan-state strong::before { background: var(--bmr-coral); box-shadow: 0 0 0 0.2rem rgba(237, 121, 93, 0.16); }
+.bmr-planner__target-value { display: flex; align-items: baseline; gap: 0.45rem; margin-top: 1.1rem; }
+.bmr-planner__target-value strong { color: #fffaf0; font-size: clamp(3.9rem, 7vw, 5.8rem); font-weight: 850; letter-spacing: -0.09em; line-height: 0.82; }
+.bmr-planner__target-value small { color: #c7e0d9; font-size: 0.78rem; font-weight: 800; }
+.bmr-planner__result-label { display: block; margin-top: 0.55rem; color: #c7e0d9; letter-spacing: 0.08em; }
+.bmr-planner__badge { flex: 0 0 auto; padding: 0.48rem 0.65rem; color: var(--bmr-teal-deep); background: #b7ddd3; border-radius: 2rem; font-size: 0.67rem; font-weight: 850; }
+.bmr-planner__badge--review { color: #fffaf0; background: var(--bmr-coral); }
+.bmr-planner__result-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(9rem, 0.75fr); gap: 0.75rem; margin-top: 2.1rem; }
+.bmr-planner__scene-wrap { min-width: 0; padding: 1rem; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0.95rem; background: rgba(255, 255, 255, 0.08); }
+.bmr-planner__scene-heading, .bmr-planner__energy-scale, .bmr-planner__energy-values, .bmr-planner__energy-target { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
+.bmr-planner__scene { display: grid; gap: 0.5rem; margin-top: 1.4rem; }
+.bmr-planner__energy-scale { color: #b9d1cc; font-size: 0.64rem; font-weight: 700; }
+.bmr-planner__energy-bar { position: relative; display: flex; height: 3.6rem; overflow: visible; margin-top: 0.25rem; background: rgba(255, 255, 255, 0.16); border-radius: 0.55rem; }
+.bmr-planner__energy-bar span { display: block; height: 100%; }
+.bmr-planner__resting { width: 64%; background: var(--bmr-teal); border-radius: 0.55rem 0 0 0.55rem; }
+.bmr-planner__activity { width: 36%; background: var(--bmr-coral); border-radius: 0 0.55rem 0.55rem 0; }
+.bmr-planner__target { position: absolute; top: -0.55rem; left: clamp(0.09rem, var(--target-position, 50%), calc(100% - 0.09rem)); width: 0.18rem; height: 4.7rem; background: #fffaf0; border-radius: 99rem; box-shadow: 0 0 0 0.25rem rgba(255, 250, 240, 0.16); transform: translateX(-50%); }
+.bmr-planner__target::before { position: absolute; top: -0.2rem; left: 50%; width: 0.55rem; height: 0.55rem; content: ''; background: #fffaf0; border-radius: 50%; transform: translateX(-50%); }
+.bmr-planner__energy-values { margin-top: 0.65rem; }
+.bmr-planner__energy-values div { display: grid; gap: 0.15rem; min-width: 0; }
+.bmr-planner__energy-values div:last-child { text-align: right; }
+.bmr-planner__energy-values span, .bmr-planner__energy-target span, .bmr-planner__energy-target small { color: #b9d1cc; font-size: 0.63rem; }
+.bmr-planner__energy-values strong, .bmr-planner__energy-target strong { color: #fffaf0; font-size: 0.75rem; }
+.bmr-planner__energy-target { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; min-width: 0; margin-top: 1.15rem; padding-top: 0.75rem; border-top: 1px dashed rgba(255, 255, 255, 0.3); }
+.bmr-planner__energy-target-name { display: inline-flex; align-items: center; gap: 0.35rem; min-width: 0; }
+.bmr-planner__energy-target-name .bmr-planner__dot { flex: 0 0 auto; }
+.bmr-planner__energy-target-name span { color: #fffaf0; font-weight: 850; }
+.bmr-planner__energy-target-name small { color: #f8b19b; font-size: 0.6rem; font-weight: 750; }
+.bmr-planner__energy-target > strong { flex: 0 0 auto; }
+.bmr-planner__scene-key { display: flex; flex-wrap: wrap; gap: 0.7rem; margin-top: 0.9rem; color: #b9d1cc; font-size: 0.62rem; }
+.bmr-planner__scene-key span { display: inline-flex; align-items: center; gap: 0.3rem; }
+.bmr-planner__dot { width: 0.45rem; height: 0.45rem; border-radius: 50%; background: var(--bmr-teal); }
+.bmr-planner__dot--activity { background: var(--bmr-coral); }
+.bmr-planner__dot--target { background: #fffaf0; }
+.bmr-planner__metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.55rem; }
+.bmr-planner__metric { display: grid; align-content: start; gap: 0.3rem; min-width: 0; padding: 0.75rem; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 0.7rem; background: rgba(255, 255, 255, 0.07); }
+.bmr-planner__metric span, .bmr-planner__formula span { color: #b9d1cc; font-size: 0.62rem; line-height: 1.25; }
+.bmr-planner__metric strong { color: #fffaf0; font-size: 0.78rem; line-height: 1.25; }
+.bmr-planner__metric--primary { border-color: rgba(183, 221, 211, 0.45); background: rgba(183, 221, 211, 0.13); }
+.bmr-planner__metric--primary strong { color: #b7ddd3; font-size: 0.9rem; }
+.bmr-planner__formula { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.3rem 0.5rem; padding: 0.15rem 0.1rem 0; }
+.bmr-planner__formula strong { color: #fffaf0; font-size: 0.7rem; }
+.bmr-planner__guidance { display: grid; gap: 0.7rem; margin-top: 1rem; padding: 0.95rem 1rem; border-left: 3px solid var(--bmr-coral); background: rgba(237, 121, 93, 0.13); }
+.bmr-planner__guidance p { margin-top: 0.35rem; color: #f8f4eb; font-size: 0.77rem; line-height: 1.45; }
+.bmr-planner__warning { display: none; padding: 0.65rem; border-left: 3px solid var(--bmr-coral); color: #fffaf0; background: rgba(237, 121, 93, 0.22); font-size: 0.73rem; }
+.bmr-planner__warning--visible { display: block; }
+.bmr-planner p.bmr-planner__note, .bmr-planner p.bmr-planner__disclaimer, .bmr-planner p.bmr-planner__source-note { margin-top: 0.8rem; color: #a9c4be; font-size: 0.63rem; line-height: 1.45; }
+.bmr-planner__disclaimer { color: #d1e0da; }
+.bmr-planner__details { margin-top: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.16); }
+.bmr-planner__details summary { padding-top: 0.8rem; color: #d1e0da; cursor: pointer; font-size: 0.68rem; font-weight: 800; }
+.bmr-planner__details[open] summary { color: #fffaf0; }
+
+@media (max-width: 900px) {
+  .bmr-planner { grid-template-columns: 1fr; max-width: 44rem; }
+  .bmr-planner__result-grid { grid-template-columns: minmax(0, 1.25fr) minmax(12rem, 0.75fr); }
+}
+
+@media (max-width: 620px) {
+  .bmr-planner { margin: 1rem auto; border-radius: 1rem; }
+  .bmr-planner__controls, .bmr-planner__result { padding: 1.25rem; }
+  .bmr-planner__profile-block { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1.35rem; padding: 0.75rem; }
+  .bmr-planner__field--sex { grid-column: 1 / -1; }
+  .bmr-planner__planning-grid, .bmr-planner__result-grid { grid-template-columns: 1fr; }
+  .bmr-planner__planning-grid { gap: 1rem; margin-top: 1.2rem; padding-top: 1.2rem; }
+  .bmr-planner__subsection + .bmr-planner__subsection { padding-top: 1rem; border-top: 1px solid var(--bmr-line); }
+  .bmr-planner__result-head { gap: 1.25rem; }
+  .bmr-planner__plan-state { min-width: 0; }
+}
+
+@media (max-width: 380px) {
+  .bmr-planner__profile-block, .bmr-planner__metrics { grid-template-columns: 1fr; }
+  .bmr-planner__field--sex, .bmr-planner__formula { grid-column: auto; }
+}

package/src/tool/bmrCalorieDeficitPlanner/component.astro

@@ -0,0 +1,76 @@
+---
+import './bmr-calorie-deficit-planner.css';
+import type { BmrCalorieDeficitPlannerUI } from './ui';
+
+interface Props {
+  locale?: string;
+  ui?: Record<string, unknown>;
+}
+
+const locale = Astro.props.locale || 'en';
+const t = (Astro.props.ui || {}) as BmrCalorieDeficitPlannerUI;
+---
+
+<div class="bmr-planner" data-ui={JSON.stringify(t)} data-locale={locale}>
+  <section class="bmr-planner__controls" aria-labelledby="bmr-controls-title">
+    <div class="bmr-planner__toolbar">
+      <div class="bmr-planner__section-heading"><span class="bmr-planner__eyebrow">{t.profileKicker}</span><h2 id="bmr-controls-title">{t.profileTitle}</h2></div>
+      <div class="bmr-planner__unit-switch" role="group" aria-label={t.unitSystemLabel}>
+        <button type="button" class="bmr-planner__choice bmr-planner__choice--active" data-unit="metric">{t.unitMetric}</button>
+        <button type="button" class="bmr-planner__choice" data-unit="imperial">{t.unitImperial}</button>
+      </div>
+    </div>
+    <div class="bmr-planner__profile-block">
+      <div class="bmr-planner__field bmr-planner__field--sex">
+        <span class="bmr-planner__field-label">{t.sexLabel}</span>
+        <div class="bmr-planner__choice-group" role="group" aria-label={t.sexLabel}>
+          <button type="button" class="bmr-planner__choice" data-sex="female">{t.sexFemale}</button>
+          <button type="button" class="bmr-planner__choice bmr-planner__choice--active" data-sex="male">{t.sexMale}</button>
+        </div>
+      </div>
+      <label class="bmr-planner__field" for="bmr-age"><span class="bmr-planner__field-label">{t.ageLabel}</span><span class="bmr-planner__input-wrap"><input id="bmr-age" type="number" min="18" max="80" step="1" value="32" inputmode="numeric" /><span>{t.years}</span></span></label>
+      <label class="bmr-planner__field" for="bmr-height"><span class="bmr-planner__field-label">{t.heightLabel}</span><span class="bmr-planner__input-wrap"><input id="bmr-height" type="number" min="140" max="220" step="1" value="175" inputmode="decimal" /><span id="bmr-height-unit">{t.cm}</span></span></label>
+      <label class="bmr-planner__field" for="bmr-weight"><span class="bmr-planner__field-label">{t.weightLabel}</span><span class="bmr-planner__input-wrap"><input id="bmr-weight" type="number" min="40" max="200" step="0.1" value="76" inputmode="decimal" /><span id="bmr-weight-unit">{t.kg}</span></span></label>
+    </div>
+    <div class="bmr-planner__planning-grid">
+      <div class="bmr-planner__subsection">
+        <div class="bmr-planner__subsection-head"><span class="bmr-planner__section-index">01</span><h3>{t.activityTitle}</h3></div>
+        <div class="bmr-planner__chips" role="group" aria-label={t.activityTitle}>
+          <button type="button" class="bmr-planner__chip" data-activity="sedentary">{t.activitySedentary}</button>
+          <button type="button" class="bmr-planner__chip" data-activity="light">{t.activityLight}</button>
+          <button type="button" class="bmr-planner__chip bmr-planner__choice--active" data-activity="moderate">{t.activityModerate}</button>
+          <button type="button" class="bmr-planner__chip" data-activity="high">{t.activityHigh}</button>
+        </div>
+      </div>
+      <div class="bmr-planner__subsection">
+        <div class="bmr-planner__subsection-head"><span class="bmr-planner__section-index">02</span><h3>{t.goalTitle}</h3></div>
+        <div class="bmr-planner__chips" role="group" aria-label={t.goalTitle}>
+          <button type="button" class="bmr-planner__chip bmr-planner__choice--active" data-goal="maintain">{t.goalMaintain}</button>
+          <button type="button" class="bmr-planner__chip" data-goal="gentleLoss">{t.goalGentleLoss}</button>
+          <button type="button" class="bmr-planner__chip" data-goal="steadyLoss">{t.goalSteadyLoss}</button>
+        </div>
+      </div>
+    </div>
+    <div class="bmr-planner__presets" aria-labelledby="bmr-presets-title">
+      <span id="bmr-presets-title">{t.presetsTitle}</span>
+      <button type="button" data-preset="everyday">{t.presetEveryday}</button>
+      <button type="button" data-preset="desk">{t.presetDesk}</button>
+      <button type="button" data-preset="active">{t.presetActive}</button>
+    </div>
+  </section>
+
+  <section class="bmr-planner__result" aria-labelledby="bmr-result-title" data-goal="maintain">
+    <div class="bmr-planner__result-head"><div><span class="bmr-planner__eyebrow">{t.resultKicker}</span><h2 id="bmr-result-title">{t.resultTitle}</h2><div class="bmr-planner__target-value"><strong id="bmr-target-calories">2133</strong> <small>{t.kcalPerDay}</small></div></div><div class="bmr-planner__plan-state" aria-live="polite"><span class="bmr-planner__plan-state-label">{t.goalTitle}</span><strong id="bmr-plan-mode">{t.goalMaintain}</strong></div></div>
+    <div class="bmr-planner__result-grid">
+      <div class="bmr-planner__scene-wrap"><div class="bmr-planner__scene-heading"><span class="bmr-planner__scene-label">{t.energyMapLabel}</span></div><div id="bmr-energy-map" class="bmr-planner__scene" role="img" aria-label={t.energyMapLabel}><div class="bmr-planner__energy-scale"><span>{t.restingEngine}</span><span>{t.maintenanceLine}</span></div><div class="bmr-planner__energy-bar"><span id="bmr-resting-band" class="bmr-planner__resting"></span><span id="bmr-activity-band" class="bmr-planner__activity"></span><span id="bmr-target-marker" class="bmr-planner__target" aria-hidden="true"></span></div><div class="bmr-planner__energy-values"><div><span>{t.restingEngine}</span><strong id="bmr-map-resting-value">1,699 {t.kcalPerDay}</strong></div><div><span>{t.movementAndDigestion}</span><strong id="bmr-map-maintenance-value">2,633 {t.kcalPerDay}</strong></div></div><div class="bmr-planner__energy-target"><div class="bmr-planner__energy-target-name"><i class="bmr-planner__dot bmr-planner__dot--target"></i><span id="bmr-map-goal-label">{t.goalMaintain}</span><small>{t.targetLine}</small></div><strong id="bmr-map-target-value">2,133 {t.kcalPerDay}</strong></div></div><div class="bmr-planner__scene-key"><span><i class="bmr-planner__dot bmr-planner__dot--resting"></i>{t.restingEngine}</span><span><i class="bmr-planner__dot bmr-planner__dot--activity"></i>{t.movementAndDigestion}</span><span><i class="bmr-planner__dot bmr-planner__dot--target"></i>{t.targetLine}</span></div></div>
+      <div class="bmr-planner__metrics"><div class="bmr-planner__metric bmr-planner__metric--primary"><span>{t.maintenanceLabel}</span><strong id="bmr-maintenance">2,633 {t.kcalPerDay}</strong></div><div class="bmr-planner__metric"><span>{t.bmrLabel}</span><strong id="bmr-bmr">1,699 {t.kcalPerDay}</strong></div><div class="bmr-planner__metric"><span>{t.weeklyChangeLabel}</span><strong><span id="bmr-weekly-change">-0.5</span> {t.kgPerWeek}</strong></div><div class="bmr-planner__metric"><span>{t.targetRangeLabel}</span><strong id="bmr-target-range">1,870 - 2,396 {t.kcalPerDay}</strong></div><div class="bmr-planner__formula"><span>{t.formulaLabel}</span><strong>{t.formulaText}</strong><span>{t.activityFactorLabel} <b id="bmr-activity-factor">1.55</b></span></div></div>
+    </div>
+    <div class="bmr-planner__guidance"><div><span>{t.guidanceTitle}</span><p id="bmr-guidance">{t.guidanceSteady}</p></div><p class="bmr-planner__warning" id="bmr-low-target-warning"></p></div>
+    <details class="bmr-planner__details"><summary>{t.detailsTitle}</summary><p class="bmr-planner__note">{t.sensitivityNote}</p><p class="bmr-planner__disclaimer">{t.disclaimer}</p><p class="bmr-planner__source-note">{t.sourceNote}</p></details>
+  </section>
+</div>
+
+<script>
+  import { initBmrCalorieDeficitPlanner } from './controller';
+  document.querySelectorAll('.bmr-planner').forEach((root) => initBmrCalorieDeficitPlanner(root));
+</script>

package/src/tool/bmrCalorieDeficitPlanner/controller.ts

@@ -0,0 +1,134 @@
+import { calculateBmrPlanner, type ActivityLevel, type BmrPlannerInput, type Goal, type Sex } from './logic';
+import { evaluatePlanner } from './evaluator';
+import { loadBmrPlannerState, saveBmrPlannerState } from './storage';
+import { renderBmrPlanner } from './dom-views';
+import type { BmrCalorieDeficitPlannerUI } from './ui';
+
+type UnitSystem = 'metric' | 'imperial';
+
+interface PlannerContext {
+  root: Element;
+  ui: BmrCalorieDeficitPlannerUI;
+  locale: string;
+  unit: UnitSystem;
+  input: BmrPlannerInput;
+}
+
+const DEFAULT_INPUT: BmrPlannerInput = { age: 32, heightCm: 175, weightKg: 76, sex: 'male', activity: 'moderate', goal: 'steadyLoss' };
+
+function getNumber(root: Element, selector: string, fallback: number): number {
+  const value = Number(root.querySelector<HTMLInputElement>(selector)?.value);
+  return Number.isFinite(value) && value > 0 ? value : fallback;
+}
+
+function displayHeight(input: BmrPlannerInput, unit: UnitSystem): number {
+  return unit === 'metric' ? input.heightCm : input.heightCm / 2.54;
+}
+
+function displayWeight(input: BmrPlannerInput, unit: UnitSystem): number {
+  return unit === 'metric' ? input.weightKg : input.weightKg * 2.2046226218;
+}
+
+interface InputBounds {
+  metricMin: string;
+  metricMax: string;
+  imperialMin: string;
+  imperialMax: string;
+}
+
+function setBounds(input: HTMLInputElement | null, unit: UnitSystem, bounds: InputBounds): void {
+  if (!input) return;
+  input.min = unit === 'metric' ? bounds.metricMin : bounds.imperialMin;
+  input.max = unit === 'metric' ? bounds.metricMax : bounds.imperialMax;
+  input.step = '0.1';
+}
+
+function setDisplayValues(context: PlannerContext): void {
+  const { root, input, unit } = context;
+  const height = root.querySelector<HTMLInputElement>('#bmr-height');
+  const weight = root.querySelector<HTMLInputElement>('#bmr-weight');
+  setBounds(height, unit, { metricMin: '140', metricMax: '220', imperialMin: '55', imperialMax: '87' });
+  setBounds(weight, unit, { metricMin: '40', metricMax: '200', imperialMin: '88', imperialMax: '441' });
+  if (height) height.value = String(Math.round(displayHeight(input, unit) * 10) / 10);
+  if (weight) weight.value = String(Math.round(displayWeight(input, unit) * 10) / 10);
+  const age = root.querySelector<HTMLInputElement>('#bmr-age');
+  if (age) age.value = String(input.age);
+}
+
+function readDisplayedValues(context: PlannerContext): void {
+  const { root, input, unit } = context;
+  input.age = getNumber(root, '#bmr-age', input.age);
+  const height = getNumber(root, '#bmr-height', displayHeight(input, unit));
+  const weight = getNumber(root, '#bmr-weight', displayWeight(input, unit));
+  input.heightCm = unit === 'metric' ? height : height * 2.54;
+  input.weightKg = unit === 'metric' ? weight : weight / 2.2046226218;
+}
+
+function render(context: PlannerContext): void {
+  const result = calculateBmrPlanner(context.input);
+  const evaluation = evaluatePlanner(result, context.input.goal);
+  renderBmrPlanner({ root: context.root, input: context.input, result, evaluation, ui: context.ui, locale: context.locale }, context.unit);
+  saveBmrPlannerState({ ...context.input, unit: context.unit });
+}
+
+function applyPreset(context: PlannerContext, preset: string): void {
+  const presets: Record<string, Partial<BmrPlannerInput>> = {
+    everyday: { age: 32, heightCm: 175, weightKg: 76, sex: 'male', activity: 'moderate', goal: 'steadyLoss' },
+    desk: { age: 38, heightCm: 168, weightKg: 72, sex: 'female', activity: 'sedentary', goal: 'gentleLoss' },
+    active: { age: 29, heightCm: 182, weightKg: 82, sex: 'male', activity: 'high', goal: 'maintain' },
+  };
+  const selected = presets[preset];
+  if (!selected) return;
+  context.input = { ...context.input, ...selected };
+  setDisplayValues(context);
+  render(context);
+}
+
+function switchUnit(context: PlannerContext, nextUnit: UnitSystem): void {
+  if (context.unit === nextUnit) return;
+  readDisplayedValues(context);
+  context.unit = nextUnit;
+  setDisplayValues(context);
+  render(context);
+}
+
+function attachChoiceEvents(context: PlannerContext): void {
+  context.root.querySelectorAll<HTMLButtonElement>('[data-sex]').forEach((button) => button.addEventListener('click', () => {
+    context.input.sex = button.dataset.sex as Sex;
+    render(context);
+  }));
+  context.root.querySelectorAll<HTMLButtonElement>('[data-activity]').forEach((button) => button.addEventListener('click', () => {
+    context.input.activity = button.dataset.activity as ActivityLevel;
+    render(context);
+  }));
+  context.root.querySelectorAll<HTMLButtonElement>('[data-goal]').forEach((button) => button.addEventListener('click', () => {
+    context.input.goal = button.dataset.goal as Goal;
+    render(context);
+  }));
+  context.root.querySelectorAll<HTMLButtonElement>('[data-unit]').forEach((button) => button.addEventListener('click', () => switchUnit(context, button.dataset.unit as UnitSystem)));
+  context.root.querySelectorAll<HTMLButtonElement>('[data-preset]').forEach((button) => button.addEventListener('click', () => applyPreset(context, button.dataset.preset || '')));
+}
+
+function restore(context: PlannerContext): void {
+  const saved = loadBmrPlannerState();
+  context.unit = saved.unit === 'imperial' ? 'imperial' : 'metric';
+  context.input = {
+    age: saved.age || DEFAULT_INPUT.age,
+    heightCm: saved.heightCm || DEFAULT_INPUT.heightCm,
+    weightKg: saved.weightKg || DEFAULT_INPUT.weightKg,
+    sex: saved.sex || DEFAULT_INPUT.sex,
+    activity: saved.activity || DEFAULT_INPUT.activity,
+    goal: saved.goal || DEFAULT_INPUT.goal,
+  };
+  setDisplayValues(context);
+}
+
+export function initBmrCalorieDeficitPlanner(root: Element): void {
+  const element = root as HTMLElement;
+  const ui = JSON.parse(element.dataset.ui || '{}') as BmrCalorieDeficitPlannerUI;
+  const context: PlannerContext = { root, ui, locale: element.dataset.locale || 'en', unit: 'metric', input: DEFAULT_INPUT };
+  restore(context);
+  attachChoiceEvents(context);
+  ['#bmr-age', '#bmr-height', '#bmr-weight'].forEach((selector) => root.querySelector(selector)?.addEventListener('input', () => { readDisplayedValues(context); render(context); }));
+  render(context);
+}

package/src/tool/bmrCalorieDeficitPlanner/dom-views.ts

@@ -0,0 +1,82 @@
+import type { BmrPlannerResult, BmrPlannerInput } from './logic';
+import type { PlannerEvaluation } from './evaluator';
+import type { BmrCalorieDeficitPlannerUI } from './ui';
+
+interface RenderContext {
+  root: Element;
+  input: BmrPlannerInput;
+  result: BmrPlannerResult;
+  evaluation: PlannerEvaluation;
+  ui: BmrCalorieDeficitPlannerUI;
+  locale: string;
+}
+
+function format(value: number, locale: string, fractionDigits = 0): string {
+  return new Intl.NumberFormat(locale, { maximumFractionDigits: fractionDigits, minimumFractionDigits: fractionDigits }).format(value);
+}
+
+function setText(root: Element, selector: string, value: string): void {
+  const element = root.querySelector<HTMLElement>(selector);
+  if (element) element.textContent = value;
+}
+
+function setAttribute(root: Element, selector: string, name: string, value: string): void {
+  const element = root.querySelector(selector);
+  if (element) element.setAttribute(name, value);
+}
+
+function setStyle(root: Element, selector: string, property: string, value: string): void {
+  const element = root.querySelector<HTMLElement>(selector);
+  if (element) element.style.setProperty(property, value);
+}
+
+function updateButtons(root: Element, attribute: string, value: string, className: string): void {
+  root.querySelectorAll<HTMLButtonElement>(`[${attribute}]`).forEach((button) => {
+    const active = button.dataset[attribute.slice(5)] === value;
+    button.classList.toggle(className, active);
+    button.setAttribute('aria-pressed', String(active));
+  });
+}
+
+function updateInputLabels(root: Element, unit: 'metric' | 'imperial', ui: BmrCalorieDeficitPlannerUI): void {
+  setText(root, '#bmr-height-unit', unit === 'metric' ? ui.cm : ui.in);
+  setText(root, '#bmr-weight-unit', unit === 'metric' ? ui.kg : ui.lb);
+}
+
+function updateScene(root: Element, result: BmrPlannerResult, ui: BmrCalorieDeficitPlannerUI, locale: string): void {
+  const restingPercent = Math.max(0, Math.min(100, result.bmr / result.maintenance * 100));
+  const targetPercent = Math.max(0, Math.min(100, result.targetCalories / result.maintenance * 100));
+  setStyle(root, '#bmr-resting-band', 'width', `${restingPercent}%`);
+  setStyle(root, '#bmr-activity-band', 'width', `${100 - restingPercent}%`);
+  setStyle(root, '#bmr-target-marker', '--target-position', `${targetPercent}%`);
+  setText(root, '#bmr-map-resting-value', `${format(result.bmr, locale)} ${ui.kcalPerDay}`);
+  setText(root, '#bmr-map-maintenance-value', `${format(result.maintenance, locale)} ${ui.kcalPerDay}`);
+  setText(root, '#bmr-map-target-value', `${format(result.targetCalories, locale)} ${ui.kcalPerDay}`);
+  setAttribute(root, '#bmr-energy-map', 'aria-label', `${ui.energyMapLabel}: ${format(result.targetCalories, locale)} ${ui.kcalPerDay}`);
+}
+
+export function renderBmrPlanner(context: RenderContext, unit: 'metric' | 'imperial'): void {
+  const { root, input, result, evaluation, ui, locale } = context;
+  const goalLabels: Record<string, string> = { maintain: ui.goalMaintain, gentleLoss: ui.goalGentleLoss, steadyLoss: ui.goalSteadyLoss };
+  const goalLabel = goalLabels[input.goal];
+  setAttribute(root, '.bmr-planner__result', 'data-goal', input.goal);
+  setText(root, '#bmr-plan-mode', goalLabel);
+  setText(root, '#bmr-map-goal-label', goalLabel);
+  setText(root, '#bmr-target-calories', format(result.targetCalories, locale));
+  setText(root, '#bmr-maintenance', `${format(result.maintenance, locale)} ${ui.kcalPerDay}`);
+  setText(root, '#bmr-bmr', `${format(result.bmr, locale)} ${ui.kcalPerDay}`);
+  setText(root, '#bmr-weekly-change', result.estimatedWeeklyLossKg === 0 ? '0' : `-${format(result.estimatedWeeklyLossKg, locale, 1)}`);
+  setText(root, '#bmr-target-range', `${format(result.targetRange.low, locale)} - ${format(result.targetRange.high, locale)} ${ui.kcalPerDay}`);
+  setText(root, '#bmr-activity-factor', result.activityFactor.toFixed(3).replace(/0$/, ''));
+  setText(root, '#bmr-status', ui[evaluation.badgeKey]);
+  setText(root, '#bmr-guidance', ui[evaluation.guidanceKey]);
+  setText(root, '#bmr-low-target-warning', evaluation.needsReview ? ui.lowTargetWarning : '');
+  root.querySelector('#bmr-low-target-warning')?.classList.toggle('bmr-planner__warning--visible', evaluation.needsReview);
+  root.querySelector('#bmr-status')?.classList.toggle('bmr-planner__badge--review', evaluation.needsReview);
+  updateButtons(root, 'data-sex', input.sex, 'bmr-planner__choice--active');
+  updateButtons(root, 'data-activity', input.activity, 'bmr-planner__choice--active');
+  updateButtons(root, 'data-goal', input.goal, 'bmr-planner__choice--active');
+  updateButtons(root, 'data-unit', unit, 'bmr-planner__choice--active');
+  updateInputLabels(root, unit, ui);
+  updateScene(root, result, ui, locale);
+}