diff --git a/embed/calculators/phenoage/index.html b/embed/calculators/phenoage/index.html
index fb00c65..fd456cc 100644
--- a/embed/calculators/phenoage/index.html
+++ b/embed/calculators/phenoage/index.html
@@ -25,9 +25,15 @@ <h1>Biological age calculator</h1>
     <code>This form requires JavaScript to run. Please open in a browser with it enabled. It doesn’t store your data or do anything intrusive so don’t worry if you disable JavaScript for privacy reasons. :)</code>
   </div>
 
-  <div id="resultWarnings"></div>
+  <div id="statusTerminal" class="status-terminal" aria-live="polite" aria-atomic="true">
+    <div class="status-terminal__header">
+      <span class="status-terminal__label">Status</span>
+    </div>
+    <div id="statusTerminalBody" class="status-terminal__body"></div>
+  </div>
 
   <div id="shareSection" style="display: none;">
+    <p id="resultSummary" class="result-summary"></p>
     <div id="shareCardContainer"></div>
     <a id="shareCardImageLink" style="display:none;" download="my-biological-age.png"><img id="shareCardImage" alt="" style="max-width:100%; height:auto; border-radius:4px;"></a>
     <div class="share-buttons">
@@ -35,7 +41,6 @@ <h1>Biological age calculator</h1>
       <button id="nativeShareBtn" onclick="nativeShare()" style="display: none;">Share</button>
     </div>
     <p id="shareImageNote" class="share-image-note"></p>
-    <p id="resultSummary" class="result-summary"></p>
     <script>
       if (navigator.share && navigator.canShare) {
         document.getElementById('nativeShareBtn').style.display = '';
diff --git a/embed/calculators/phenoage/phenoage.js b/embed/calculators/phenoage/phenoage.js
index 6abcba8..7589e7f 100644
--- a/embed/calculators/phenoage/phenoage.js
+++ b/embed/calculators/phenoage/phenoage.js
@@ -20,7 +20,9 @@ function loadStrings(lang) {
 
 /** Look up a translated string by key, with optional positional placeholders {0}, {1}, etc. */
 function t(key) {
-  var s = strings[key] || key;
+  // Note: explicit `in` check, not `||`, so deliberately empty values like
+  // the singular suffix in "field{1}" don't fall back to returning the key.
+  var s = (key in strings) ? strings[key] : key;
   for (var i = 1; i < arguments.length; i++) {
     s = s.split('{' + (i - 1) + '}').join(arguments[i]);
   }
@@ -341,14 +343,28 @@ function extractValuesFromAnchor(url) {
   return result;
 }
 
+// Token used in serialised forms (URL anchor, CSV, localStorage) for values
+// that came from the population-defaults table rather than the user. Recorded
+// as a token rather than the computed number so they can re-imputed if the
+// imputation method changes, and so they don't masquerade as user data when
+// inspected.
+var AUTO_TOKEN = 'auto';
+
+function isAutoValue(v) {
+  return typeof v === 'string' && v.toLowerCase() === AUTO_TOKEN;
+}
+
 function createAnchorFromValues(dob, testdate, formTests, values, units) {
   var url = '#dob=' + encodeURIComponent(dob) +
     anchorKeysSeparator + 'testdate=' + encodeURIComponent(testdate);
 
   for (var i = 0; i < formTests.length; i++) {
+    var input = document.getElementById(formTests[i].id);
+    var isDefault = input && input.classList.contains('default-value');
+    var serialisedValue = isDefault ? AUTO_TOKEN : values[i];
     url += anchorKeysSeparator +
       encodeURIComponent(formTests[i].id) + '=' +
-      encodeURIComponent(values[i]) + anchorUnitsSeparator +
+      encodeURIComponent(serialisedValue) + anchorUnitsSeparator +
       encodeURIComponent(units[i]);
   }
   return url;
@@ -378,6 +394,36 @@ function parseInput(value) {
   return Number(value);
 }
 
+// --- Status terminal ---
+//
+// Single bottom-of-page log for non-field-specific events (CSV loaded, defaults
+// filled, calculation complete, awaiting input, etc.). Field-specific errors
+// stay inline next to the field they relate to — we don't double them up here.
+
+function setStatusHeading() {
+  var label = document.querySelector('.status-terminal__label');
+  if (label) label.textContent = t('status_heading');
+}
+
+// The terminal shows every message that's currently true, so a single calc
+// pass can emit several lines (e.g. "complete" + "1 default" + "implausible
+// values"). Callers are responsible for clearing first if they want a fresh
+// view; calculateResult always clears.
+function clearStatus() {
+  var body = document.getElementById('statusTerminalBody');
+  if (body) body.innerHTML = '';
+}
+
+function addStatus(text, level) {
+  if (!text) return;
+  var body = document.getElementById('statusTerminalBody');
+  if (!body) return;
+  var line = document.createElement('div');
+  line.className = 'status-terminal__line' + (level ? ' status-terminal__line--' + level : '');
+  line.textContent = text;
+  body.appendChild(line);
+}
+
 function clearInputErrors() {
   var errors = document.querySelectorAll('.errorNaN, .input-error, .input-warning');
   for (var i = 0; i < errors.length; i++) {
@@ -389,16 +435,29 @@ function clearInputErrors() {
   for (var i = 0; i < msgs.length; i++) {
     msgs[i].remove();
   }
+  // Clear date-row error tone (placeDobPrompt will re-apply info/error as
+  // appropriate for the current state).
+  ['dobRow', 'testdateRow'].forEach(function(id) {
+    var row = document.getElementById(id);
+    if (row) row.classList.remove('date-row--error');
+  });
 }
 
 function markInputError(elementId, message) {
   var el = document.getElementById(elementId);
-  if (el) el.classList.add('errorNaN');
-  if (message) {
+  if (el) el.classList.add('errorNaN', 'input-error');
+  if (message && el && el.parentNode) {
     var msg = document.createElement('span');
     msg.className = 'error-message';
-    msg.textContent = ' ' + message;
-    if (el && el.parentNode) el.parentNode.appendChild(msg);
+    msg.textContent = message;
+    el.parentNode.appendChild(msg);
+  }
+  // For date-row inputs, escalate the surrounding card to the error tone so
+  // the message and the field share the same visual container.
+  var row = el && el.closest && el.closest('.date-row');
+  if (row) {
+    row.classList.remove('date-row--info');
+    row.classList.add('date-row--error');
   }
 }
 
@@ -467,9 +526,12 @@ function showRangeAlert(elementId, level, message) {
 function calculateResult() {
   var shareSection = document.getElementById('shareSection');
   var saveSection = document.getElementById('saveSection');
-  var warningsDiv = document.getElementById('resultWarnings');
   var summaryEl = document.getElementById('resultSummary');
   clearInputErrors();
+  // Terminal reflects current state, so wipe and rebuild on every call. All
+  // status messages this pass produces are pushed in order; the last addStatus
+  // wins visibility-wise but every line stays visible.
+  clearStatus();
   var errors = [];
 
   // Read biomarker values and selected units from the form (always, even without DOB)
@@ -553,7 +615,7 @@ function calculateResult() {
   }
 
   if (errors.length > 0) {
-    warningsDiv.innerHTML = '<p>' + t('error_prefix', errors.join('; ')) + '</p>';
+    addStatus(t('error_prefix', errors.join('; ')), 'err');
     if (shareSection) shareSection.style.display = 'none';
     if (saveSection) saveSection.style.display = 'none';
     if (summaryEl) summaryEl.textContent = '';
@@ -576,30 +638,16 @@ function calculateResult() {
 
   if (!hasDates) {
     // Show DOB prompt — escalate to error style if all biomarker values are filled.
-    // Wording adapts to which date(s) are missing.
-    if (dobPrompt) {
-      dobPrompt.style.display = '';
-      var missingDob = !dobVal;
-      var missingTest = !testdateVal;
-      var promptKey;
-      if (allFilled) {
-        promptKey = (missingDob && missingTest) ? 'dob_prompt_error_both'
-          : missingDob ? 'dob_prompt_error_dob'
-          : 'dob_prompt_error_testdate';
-        dobPrompt.className = 'dob-prompt dob-prompt-error';
-      } else {
-        promptKey = (missingDob && missingTest) ? 'dob_prompt_both'
-          : missingDob ? 'dob_prompt'
-          : 'dob_prompt_testdate';
-        dobPrompt.className = 'dob-prompt';
-      }
-      dobPrompt.textContent = t(promptKey);
-    }
+    // Wording adapts to which date(s) are missing, and the prompt is parented
+    // to whichever row needs filling so the visual card wraps it.
+    placeDobPrompt(allFilled);
     if (!allFilled) {
-      warningsDiv.innerHTML = '<p>' + t('prompt_enter_all_values') + '</p>';
-    } else {
-      warningsDiv.innerHTML = '';
+      addStatus(t('prompt_enter_all_values'), 'warn');
     }
+    var dateStatusKey = (!dobVal && !testdateVal) ? 'status_awaiting_dates'
+      : !dobVal ? 'status_awaiting_dob'
+      : 'status_awaiting_testdate';
+    addStatus(t(dateStatusKey), 'warn');
     if (shareSection) shareSection.style.display = 'none';
     if (saveSection) saveSection.style.display = 'none';
     if (summaryEl) summaryEl.textContent = '';
@@ -615,21 +663,23 @@ function calculateResult() {
   var dob = new Date(dobVal + 'T00:00:00');
   var testDate = new Date(testdateVal + 'T00:00:00');
 
+  // Date validation: inline-only, no duplicate in the status panel — the
+  // input card already shows the message right next to the field.
+  var dateError = false;
   if (isNaN(dob.getTime())) {
     markInputError('dob', t('error_invalid_date'));
-    errors.push(t('error_invalid_value', t('label_dob')));
+    dateError = true;
   }
   if (isNaN(testDate.getTime())) {
     markInputError('testdate', t('error_invalid_date'));
-    errors.push(t('error_invalid_value', t('label_test_date')));
+    dateError = true;
   }
   if (!isNaN(dob.getTime()) && !isNaN(testDate.getTime()) && testDate <= dob) {
     markInputError('testdate', t('error_test_date_after_dob'));
-    errors.push(t('error_test_date_after_dob_detail'));
+    dateError = true;
   }
 
-  if (errors.length > 0) {
-    warningsDiv.innerHTML = '<p>' + t('error_prefix', errors.join('; ')) + '</p>';
+  if (dateError) {
     if (shareSection) shareSection.style.display = 'none';
     if (saveSection) saveSection.style.display = 'none';
     if (summaryEl) summaryEl.textContent = '';
@@ -638,7 +688,7 @@ function calculateResult() {
 
   var age = calculateAge(dob, testDate);
   if (age < 0 || age > 150) {
-    warningsDiv.innerHTML = '<p>' + t('error_prefix', t('error_age_out_of_range', age.toFixed(1))) + '</p>';
+    addStatus(t('error_prefix', t('error_age_out_of_range', age.toFixed(1))), 'err');
     if (shareSection) shareSection.style.display = 'none';
     if (saveSection) saveSection.style.display = 'none';
     if (summaryEl) summaryEl.textContent = '';
@@ -646,7 +696,7 @@ function calculateResult() {
   }
 
   if (!allFilled) {
-    warningsDiv.innerHTML = '<p>' + t('prompt_enter_all_values') + '</p>';
+    addStatus(t('prompt_enter_all_values'), 'warn');
     if (shareSection) shareSection.style.display = 'none';
     if (saveSection) saveSection.style.display = 'none';
     if (summaryEl) summaryEl.textContent = '';
@@ -694,7 +744,7 @@ function calculateResult() {
 
   // Display the result
   if (isNaN(phenoAge) || !isFinite(phenoAge)) {
-    warningsDiv.innerHTML = '<p>' + t('error_calculation_failed') + '</p>';
+    addStatus(t('error_calculation_failed'), 'err');
     if (shareSection) shareSection.style.display = 'none';
     if (saveSection) saveSection.style.display = 'none';
     if (summaryEl) summaryEl.textContent = '';
@@ -704,10 +754,11 @@ function calculateResult() {
   // 1. Share card (the primary visual result)
   generateShareCard(phenoAge, age, acceleration);
 
-  // 2. Warnings (defaults, implausible values)
-  warningsDiv.innerHTML = '';
+  // 2. Terminal — calc complete first, then any caveats. We collect issues
+  // here rather than scattering them across separate banners so the user has
+  // one place to look for "what's still imperfect about this answer".
+  addStatus(t('status_complete', phenoAge.toFixed(1), age.toFixed(1)), 'ok');
 
-  // Note if any values are population defaults — graduated warning
   var defaultCount = 0;
   for (var i = 0; i < formTests.length; i++) {
     var input = document.getElementById(formTests[i].id);
@@ -715,31 +766,28 @@ function calculateResult() {
   }
   if (defaultCount > 0) {
     var totalTests = formTests.length;
-    var warningKey;
+    var oneThird = Math.ceil(totalTests / 3);
+    var twoThirds = Math.ceil(totalTests * 2 / 3);
+    var defaultsKey, defaultsLevel;
     if (defaultCount >= totalTests) {
-      warningKey = 'defaults_warning_all';
-    } else if (defaultCount >= Math.ceil(totalTests * 2 / 3)) {
-      warningKey = 'defaults_warning_extreme';
-    } else if (defaultCount >= Math.ceil(totalTests / 3)) {
-      warningKey = 'defaults_warning_very';
+      defaultsKey = 'defaults_warning_all'; defaultsLevel = 'err';
+    } else if (defaultCount >= twoThirds) {
+      defaultsKey = 'defaults_warning_extreme'; defaultsLevel = 'err';
+    } else if (defaultCount >= oneThird) {
+      defaultsKey = 'defaults_warning_very'; defaultsLevel = 'warn';
     } else if (defaultCount === 1) {
-      warningKey = 'defaults_warning_one';
+      defaultsKey = 'defaults_warning_one'; defaultsLevel = 'warn';
     } else {
-      warningKey = 'defaults_warning_few';
+      defaultsKey = 'defaults_warning_few'; defaultsLevel = 'warn';
     }
-    var level = (defaultCount >= Math.ceil(totalTests / 3)) ? 'error' : 'warning';
-    warningsDiv.innerHTML += '<div class="result-warning' +
-      (level === 'error' ? ' result-warning-severe' : '') + '">' +
-      t(warningKey, defaultCount, totalTests) + '</div>';
+    addStatus(t(defaultsKey, defaultCount, totalTests), defaultsLevel);
   }
 
-  // Warning if any values look implausible
   if (implausibleNames.length > 0) {
     var warningText = implausibleNames.length === 1
       ? t('result_implausible_warning_one', implausibleNames[0])
       : t('result_implausible_warning_many', joinAndList(implausibleNames));
-    warningsDiv.innerHTML += '<div class="result-warning"><strong>Warning:</strong> ' +
-      warningText + '</div>';
+    addStatus(t('result_implausible_warning_prefix') + warningText, 'err');
   }
 
   // 3. Descriptive summary text (below the share buttons).
@@ -1090,6 +1138,7 @@ function createFormElements() {
 
   var dobRow = document.createElement('div');
   dobRow.className = 'date-row';
+  dobRow.id = 'dobRow';
   var dobLabel = document.createElement('label');
   dobLabel.setAttribute('for', 'dob');
   dobLabel.textContent = t('label_dob');
@@ -1111,6 +1160,7 @@ function createFormElements() {
 
   var testdateRow = document.createElement('div');
   testdateRow.className = 'date-row';
+  testdateRow.id = 'testdateRow';
   var testdateLabel = document.createElement('label');
   testdateLabel.setAttribute('for', 'testdate');
   testdateLabel.textContent = t('label_test_date');
@@ -1126,35 +1176,50 @@ function createFormElements() {
   }
   testdateRow.appendChild(testdateLabel);
   testdateRow.appendChild(testdateInput);
+  var ageReadout = document.createElement('span');
+  ageReadout.id = 'ageReadout';
+  ageReadout.className = 'age-readout';
+  testdateRow.appendChild(ageReadout);
   dateSection.appendChild(testdateRow);
 
-  // CSV upload — available at the top so users can load data before entering values
-  var csvRow = document.createElement('div');
-  csvRow.className = 'date-row csv-load-row';
+  // CSV upload + (when applicable) "clear saved data" link, grouped on the
+  // right of the date section so they don't sit alone in the page.
+  var toolsRow = document.createElement('div');
+  toolsRow.className = 'date-tools';
   var csvBtn = document.createElement('button');
   csvBtn.setAttribute('type', 'button');
-  csvBtn.className = 'csv-upload';
   csvBtn.textContent = t('save_upload_csv');
   csvBtn.onclick = uploadCSV;
-  csvRow.appendChild(csvBtn);
+  toolsRow.appendChild(csvBtn);
   var csvFileInput = document.createElement('input');
   csvFileInput.setAttribute('type', 'file');
   csvFileInput.setAttribute('id', 'csvFileInput');
   csvFileInput.setAttribute('accept', '.csv');
   csvFileInput.style.display = 'none';
   csvFileInput.setAttribute('onchange', 'handleCSVUpload(this)');
-  csvRow.appendChild(csvFileInput);
-  dateSection.appendChild(csvRow);
+  toolsRow.appendChild(csvFileInput);
+  if (fromStorage) {
+    var storageNotice = document.createElement('span');
+    storageNotice.id = 'storageNotice';
+    storageNotice.className = 'storage-notice-inline';
+    storageNotice.innerHTML = t('storage_restored') +
+      ' <a href="#" onclick="clearLocalStorage(); return false;">' + t('storage_clear_link') + '</a>';
+    toolsRow.appendChild(storageNotice);
+  }
+  dateSection.appendChild(toolsRow);
 
   formDiv.appendChild(dateSection);
 
-  // DOB prompt — shown when date of birth is not yet entered
+  // DOB prompt — placed inside whichever date row needs filling, so the row's
+  // info-card styling visually wraps the message.
   var dobPrompt = document.createElement('div');
   dobPrompt.className = 'dob-prompt';
   dobPrompt.id = 'dobPrompt';
   dobPrompt.textContent = t('dob_prompt');
-  if (saved && saved.dob) dobPrompt.style.display = 'none';
-  formDiv.appendChild(dobPrompt);
+  if (saved && saved.dob && saved.testdate) dobPrompt.style.display = 'none';
+  // Initial parent: dob row (it'll be moved by updateDobPrompt as needed).
+  dobRow.appendChild(dobPrompt);
+  updateDobPrompt();
 
   // Biomarker inputs table
   var formTable = document.createElement('table');
@@ -1185,7 +1250,13 @@ function createFormElements() {
       }
     }
     if (savedTest) {
-      input.setAttribute('value', savedTest.value);
+      if (isAutoValue(savedTest.value)) {
+        // Population-default flag — fillAutoValues will fill it in once the
+        // form is built and the user's age is known.
+        input.classList.add('pending-auto');
+      } else {
+        input.setAttribute('value', savedTest.value);
+      }
     }
     inputCell.appendChild(input);
     formRow.appendChild(inputCell);
@@ -1194,6 +1265,11 @@ function createFormElements() {
     var select = document.createElement('select');
     select.setAttribute('id', formTests[i].id + 'Unit');
     select.setAttribute('oninput', 'calculateResult()');
+    // Skip in tab order: unit changes are essentially always done with the
+    // mouse, and including them gives an inconsistent number of tab stops per
+    // row (rows whose only available unit is canonical use a disabled select,
+    // which the browser already skips).
+    select.setAttribute('tabindex', '-1');
     unitCell.appendChild(select);
     formRow.appendChild(unitCell);
 
@@ -1216,19 +1292,9 @@ function createFormElements() {
   form.appendChild(formTable);
   formDiv.appendChild(form);
 
-  // Restore default-value styling for fields loaded from localStorage
-  if (fromStorage) {
-    for (var i = 0; i < formTests.length; i++) {
-      var storedTest = null;
-      for (var k = 0; k < saved.tests.length; k++) {
-        if (saved.tests[k].id === formTests[i].id) { storedTest = saved.tests[k]; break; }
-      }
-      if (storedTest && storedTest.isDefault) {
-        var inp = document.getElementById(formTests[i].id);
-        if (inp) inp.classList.add('default-value');
-      }
-    }
-  }
+  // Materialise any rows flagged as defaults in the saved data (URL anchor,
+  // localStorage, or CSV pending an auto fill) into actual numbers.
+  fillAutoValues();
 
   // "Fill missing with defaults" button
   var defaultsDiv = document.createElement('div');
@@ -1246,16 +1312,6 @@ function createFormElements() {
   defaultsDiv.appendChild(defaultsNote);
   formDiv.appendChild(defaultsDiv);
 
-  // Storage notice
-  if (fromStorage) {
-    var storageDiv = document.createElement('div');
-    storageDiv.className = 'storage-notice';
-    storageDiv.id = 'storageNotice';
-    storageDiv.innerHTML = t('storage_restored') + ' ' +
-      '<a href="#" onclick="clearLocalStorage(); return false;">' + t('storage_clear_link') + '</a>';
-    formDiv.appendChild(storageDiv);
-  }
-
   if (saved && saved.dob && saved.tests.length > 0) {
     calculateResult();
   }
@@ -1265,44 +1321,100 @@ function createFormElements() {
 
 // --- Fill missing values with age-appropriate population defaults ---
 
-function updateDobPrompt() {
+// Move the DOB prompt into whichever date row it relates to, so the row's
+// info-card styling visually wraps the prompt right under the field that
+// needs filling in.
+function clearDateRowState() {
+  ['dobRow', 'testdateRow'].forEach(function(id) {
+    var row = document.getElementById(id);
+    if (row) row.classList.remove('date-row--info', 'date-row--error');
+  });
+}
+
+function placeDobPrompt(asError) {
   var prompt = document.getElementById('dobPrompt');
   if (!prompt) return;
   var dobVal = document.getElementById('dob').value;
   var testdateVal = document.getElementById('testdate').value;
+  clearDateRowState();
   if (dobVal && testdateVal) {
     prompt.style.display = 'none';
     return;
   }
-  prompt.style.display = '';
-  prompt.className = 'dob-prompt';
   var missingDob = !dobVal;
   var missingTest = !testdateVal;
-  var key = (missingDob && missingTest) ? 'dob_prompt_both'
-    : missingDob ? 'dob_prompt'
-    : 'dob_prompt_testdate';
-  prompt.textContent = t(key);
+  var promptKey, targetId;
+  if (asError) {
+    promptKey = (missingDob && missingTest) ? 'dob_prompt_error_both'
+      : missingDob ? 'dob_prompt_error_dob'
+      : 'dob_prompt_error_testdate';
+  } else {
+    promptKey = (missingDob && missingTest) ? 'dob_prompt_both'
+      : missingDob ? 'dob_prompt'
+      : 'dob_prompt_testdate';
+  }
+  targetId = missingDob ? 'dobRow' : 'testdateRow';
+
+  prompt.style.display = '';
+  prompt.className = 'dob-prompt' + (asError ? ' dob-prompt-error' : '');
+  prompt.textContent = t(promptKey);
+  var target = document.getElementById(targetId);
+  if (target) {
+    if (prompt.parentNode !== target) target.appendChild(prompt);
+    target.classList.add(asError ? 'date-row--error' : 'date-row--info');
+  }
+}
+
+function updateDobPrompt() {
+  placeDobPrompt(false);
+  updateAgeReadout();
+}
+
+// Show the user's age at the test date next to the test-date field, so they
+// can sanity-check the dates without scrolling down to the result.
+function updateAgeReadout() {
+  var el = document.getElementById('ageReadout');
+  if (!el) return;
+  var dobVal = document.getElementById('dob').value;
+  var testdateVal = document.getElementById('testdate').value;
+  if (!dobVal || !testdateVal) { el.textContent = ''; return; }
+  var dob = new Date(dobVal + 'T00:00:00');
+  var testDate = new Date(testdateVal + 'T00:00:00');
+  if (isNaN(dob.getTime()) || isNaN(testDate.getTime()) || testDate <= dob) {
+    el.textContent = '';
+    return;
+  }
+  var age = calculateAge(dob, testDate);
+  el.textContent = '(age ' + age.toFixed(1) + ' at test date)';
 }
 
 function showDefaultsMessage(text, type) {
-  var section = document.getElementById('defaultsSection');
-  if (!section) return;
-  var existing = section.querySelector('.defaults-message');
-  if (existing) existing.remove();
-  var msg = document.createElement('p');
-  msg.className = 'defaults-message' + (type === 'success' ? ' success' : '');
-  msg.textContent = text;
-  section.appendChild(msg);
+  // Routed through the status terminal so all non-field messages live in the
+  // same place (and we only have one log to look at).
+  addStatus(text, type === 'success' ? 'ok' : 'warn');
 }
 
 function updateDefaultsButton() {
   var btn = document.getElementById('defaultsBtn');
   if (!btn) return;
-  var allFilled = formTests.every(function(t) {
-    var input = document.getElementById(t.id);
-    return input && input.value !== '';
-  });
+  var allFilled = true;
+  var defaultCount = 0;
+  for (var i = 0; i < formTests.length; i++) {
+    var input = document.getElementById(formTests[i].id);
+    if (!input) continue;
+    if (input.value === '') allFilled = false;
+    if (input.classList.contains('default-value')) defaultCount++;
+  }
   btn.disabled = allFilled;
+  if (defaultCount > 0) {
+    btn.classList.add('defaults-btn--filled');
+    btn.textContent = defaultCount === 1
+      ? t('defaults_button_filled_one')
+      : t('defaults_button_filled_many', defaultCount);
+  } else {
+    btn.classList.remove('defaults-btn--filled');
+    btn.textContent = t('defaults_button');
+  }
 }
 
 function fillMissingWithDefaults() {
@@ -1366,7 +1478,8 @@ function fillMissingWithDefaults() {
   }
 
   if (filled > 0) {
-    showDefaultsMessage(t('defaults_filled', filled, filled > 1 ? t('defaults_filled_plural') : t('defaults_filled_singular')), 'success');
+    // No transient "Filled N fields" message — calculateResult will rebuild
+    // the status panel and the defaults_warning line names the count anyway.
     calculateResult();
   }
 
@@ -1378,6 +1491,57 @@ function clearDefaultStyling(input) {
   input.classList.remove('default-value');
 }
 
+// Walk the form and replace any inputs whose current value is the AUTO_TOKEN
+// (or whose row is flagged as a default in saved data) with population
+// averages for the user's age. Runs after a fresh form is built from a saved
+// URL/CSV/localStorage state so default-flagged values get materialised.
+function fillAutoValues() {
+  var dobVal = document.getElementById('dob').value;
+  var testdateVal = document.getElementById('testdate').value;
+  if (!dobVal || !testdateVal) return;
+  var dob = new Date(dobVal + 'T00:00:00');
+  var testDate = new Date(testdateVal + 'T00:00:00');
+  if (isNaN(dob.getTime()) || isNaN(testDate.getTime()) || testDate <= dob) return;
+  var age = calculateAge(dob, testDate);
+
+  // Build a canonical context from explicit (non-auto) values so dependent
+  // tests like lymphocytes-as-absolute-count can resolve.
+  var ctx = { age: age };
+  for (var i = 0; i < formTests.length; i++) {
+    var input = document.getElementById(formTests[i].id);
+    if (!input || isAutoValue(input.value) || input.classList.contains('pending-auto')) continue;
+    var raw = parseInput(input.value);
+    if (isNaN(raw)) continue;
+    var unitSelect = document.getElementById(formTests[i].id + 'Unit');
+    var unit = unitSelect.options[unitSelect.selectedIndex].text;
+    var canon = toCanonical(raw, unit, formTests[i].id, ctx);
+    if (canon != null && !isNaN(canon)) ctx[formTests[i].id] = canon;
+  }
+
+  for (var i = 0; i < formTests.length; i++) {
+    var input = document.getElementById(formTests[i].id);
+    if (!input) continue;
+    if (!isAutoValue(input.value) && !input.classList.contains('pending-auto')) continue;
+    var canonicalDefault = getDefaultForAge(age, formTests[i].id);
+    if (canonicalDefault == null) { input.value = ''; input.classList.remove('pending-auto'); continue; }
+    var unitSelect = document.getElementById(formTests[i].id + 'Unit');
+    var unit = unitSelect.options[unitSelect.selectedIndex].text;
+    var displayVal = fromCanonical(canonicalDefault, unit, formTests[i].id, ctx);
+    if (displayVal == null || isNaN(displayVal)) { input.value = ''; input.classList.remove('pending-auto'); continue; }
+    var rounded;
+    if (displayVal < 0.1) rounded = displayVal.toPrecision(2);
+    else if (displayVal < 10) rounded = displayVal.toFixed(2);
+    else if (displayVal < 100) rounded = displayVal.toFixed(1);
+    else rounded = displayVal.toFixed(0);
+    input.value = rounded;
+    input.classList.add('default-value');
+    input.classList.remove('pending-auto');
+    ctx[formTests[i].id] = canonicalDefault;
+  }
+  // Reflect the new default count in the "Fill missing values" button.
+  updateDefaultsButton();
+}
+
 // --- CSV download ---
 
 function downloadCSV() {
@@ -1392,8 +1556,8 @@ function downloadCSV() {
     var input = document.getElementById(formTests[i].id);
     var unitSelect = document.getElementById(formTests[i].id + 'Unit');
     var unit = unitSelect.options[unitSelect.selectedIndex].text;
-    var isDefault = input.classList.contains('default-value') ? ' (population default)' : '';
-    lines.push(formTests[i].id + ',' + input.value + isDefault + ',' + unit);
+    var serialised = input.classList.contains('default-value') ? AUTO_TOKEN : input.value;
+    lines.push(formTests[i].id + ',' + serialised + ',' + unit);
   }
 
   // Add result if available
@@ -1465,14 +1629,7 @@ function pad(n) {
 }
 
 function showCSVMessage(text, isError) {
-  var row = document.querySelector('.csv-load-row');
-  if (!row) return;
-  var existing = row.querySelector('.csv-message');
-  if (existing) existing.remove();
-  var msg = document.createElement('span');
-  msg.className = 'csv-message' + (isError ? ' csv-message-error' : '');
-  msg.textContent = text;
-  row.appendChild(msg);
+  addStatus(text, isError ? 'err' : 'ok');
 }
 
 function handleCSVUpload(fileInput) {
@@ -1508,14 +1665,18 @@ function handleCSVUpload(fileInput) {
           if (dateInput.value) loaded++;
         }
       } else {
-        // Biomarker value — strip " (population default)" suffix if present
-        var cleanValue = value ? value.replace(/\s*\(population default\)/, '') : '';
+        // Biomarker value.
         var input = document.getElementById(field);
-        if (input && cleanValue) {
-          input.value = cleanValue;
-          input.classList.remove('default-value');
+        if (input && value) {
+          if (isAutoValue(value)) {
+            input.value = '';
+            input.classList.remove('default-value');
+            input.classList.add('pending-auto');
+          } else {
+            input.value = value;
+            input.classList.remove('default-value');
+          }
           loaded++;
-          // Set the matching unit if available
           if (unit) {
             var unitSelect = document.getElementById(field + 'Unit');
             if (unitSelect) {
@@ -1532,9 +1693,10 @@ function handleCSVUpload(fileInput) {
     }
 
     if (loaded > 0) {
-      showCSVMessage(t('save_upload_success', loaded,
-        loaded > 1 ? t('save_upload_success_plural') : t('save_upload_success_singular')), false);
+      // Form is now visibly populated — that's the confirmation. Skip a
+      // transient success message that calculateResult would clear anyway.
       updateDobPrompt();
+      fillAutoValues();
       updateDefaultsButton();
       calculateResult();
     } else {
@@ -1561,11 +1723,11 @@ function saveToLocalStorage() {
     for (var i = 0; i < formTests.length; i++) {
       var input = document.getElementById(formTests[i].id);
       var unitSelect = document.getElementById(formTests[i].id + 'Unit');
+      var isDef = input.classList.contains('default-value');
       data.tests.push({
         id: formTests[i].id,
-        value: input.value,
-        units: unitSelect.options[unitSelect.selectedIndex].text,
-        isDefault: input.classList.contains('default-value')
+        value: isDef ? AUTO_TOKEN : input.value,
+        units: unitSelect.options[unitSelect.selectedIndex].text
       });
     }
     localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
@@ -1596,8 +1758,13 @@ function clearLocalStorage() {
 
 window.onload = function() {
   loadStrings('en').then(function() {
+    setStatusHeading();
     return loadConfig();
   }).then(function() {
+    // Seed the panel with a "ready" line. createFormElements may immediately
+    // run calculateResult if there's saved data — that wipes the panel and
+    // populates with the real state. If not, the ready line stays.
+    addStatus(t('status_ready'));
     createFormElements();
   }).catch(function(err) {
     console.error('Failed to load config:', err);
diff --git a/embed/calculators/phenoage/strings/en.json b/embed/calculators/phenoage/strings/en.json
index abd666d..c8a7f82 100644
--- a/embed/calculators/phenoage/strings/en.json
+++ b/embed/calculators/phenoage/strings/en.json
@@ -39,6 +39,7 @@
   "defaults_warning_all": "This result is entirely based on population averages! Please enter some of your own blood test results to get a meaningful biological age estimate.",
   "result_implausible_warning_one": "The value for {0} looks implausible. Please check it and the selected units before relying on this result.",
   "result_implausible_warning_many": "The values for {0} look implausible. Please check them and the selected units before relying on this result.",
+  "result_implausible_warning_prefix": "Warning: ",
   "list_and": "and",
 
   "save_section_heading": "Save your result",
@@ -76,14 +77,22 @@
   "card_aria_label": "Biological age result card: biological age {0}, chronological age {1}, {2}",
 
   "defaults_button": "Fill missing values with population averages for my age",
+  "defaults_button_filled_one": "1 value filled with a population average",
+  "defaults_button_filled_many": "{0} values filled with population averages",
   "defaults_note": "Uses median values from the NHANES\u00a0III population study for your age.",
   "defaults_need_dates": "Please enter your date of birth and test date first.",
   "defaults_need_valid_dates": "Please enter valid dates first.",
-  "defaults_filled": "Filled {0} field{1} with population averages.",
-  "defaults_filled_plural": "s",
-  "defaults_filled_singular": "",
 
   "storage_restored": "Your previous values were restored from this browser\u2019s storage.",
   "storage_clear_link": "Clear saved data",
-  "storage_cleared": "Saved data cleared."
+  "storage_cleared": "Saved data cleared.",
+
+  "status_heading": "Status",
+  "status_ready": "Ready. Enter your details to calculate your biological age.",
+  "status_complete": "Calculation complete \u2014 biological age {0} years (chronological {1} years).",
+  "status_awaiting_values": "Waiting for the remaining biomarker values.",
+  "status_awaiting_dates": "Waiting for date of birth and test date.",
+  "status_awaiting_dob": "Waiting for date of birth.",
+  "status_awaiting_testdate": "Waiting for test date.",
+  "status_storage_restored": "Restored your previous values from this browser\u2019s storage."
 }
diff --git a/embed/shared/embed.css b/embed/shared/embed.css
index 9da7ef8..836b51c 100644
--- a/embed/shared/embed.css
+++ b/embed/shared/embed.css
@@ -2,202 +2,175 @@
    Weights: 300 (light), 400 (regular), 500 (medium), 700 (bold)
    Source: Google Fonts, Inter v18 by Rasmus Andersson
    License: SIL Open Font License 1.1 */
-
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 300;
-  font-display: swap;
+  font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap;
   src: url('fonts/inter-300.woff2') format('woff2');
 }
-
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
+  font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
   src: url('fonts/inter-400.woff2') format('woff2');
 }
-
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
+  font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap;
   src: url('fonts/inter-500.woff2') format('woff2');
 }
-
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
+  font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap;
   src: url('fonts/inter-700.woff2') format('woff2');
 }
 
-/* --- Theme: CSS custom properties --- */
+/* ===== Theme tokens =====
+   Palette is taken from the LI brand site so the embed sits naturally
+   alongside it on the page. Semantic tones (info / warning / error) don't
+   change between themes — colour is doing real work there. */
 
 :root {
-  /* LI brand light (default) */
-  --calc-bg: #f8f7f4;
-  --calc-text: #1a1a2e;
+  --calc-bg: #eae8e6;
+  --calc-text: #0f2846;
   --calc-text-muted: #555;
-  --calc-text-faint: #888;
-  --calc-accent: #0066cc;
-  --calc-link: #0066cc;
+  --calc-text-faint: #807d78;
+
+  --calc-accent: #2e5ea8;
+  --calc-accent-soft: rgba(46, 94, 168, 0.15);
+  --calc-link: #2e5ea8;
+
   --calc-input-bg: #ffffff;
-  --calc-input-border: #ccc;
-  --calc-btn-bg: #f0f0ed;
-  --calc-btn-hover: #e2e2dd;
-  --calc-border: #ddd;
-  --calc-card-bg: #edf3fa;
-  --calc-card-border: #d0e3f0;
-
-  /* Semantic colours (don't change with theme) */
+  --calc-input-border: #c0bcb5;
+  --calc-input-border-error: #c0392b;
+  --calc-input-border-warn: #d4a72c;
+
+  --calc-btn-bg: #e0deda;
+  --calc-btn-hover: #d4d1ca;
+  --calc-border: #d4d1ca;
+
+  --calc-info-text: #0f2846;
+  --calc-info-bg: #e3ecf6;
+  --calc-info-border: #b8cce6;
   --calc-warning-text: #664d03;
   --calc-warning-bg: #fff3cd;
   --calc-warning-border: #ffecb5;
   --calc-error-text: #842029;
   --calc-error-bg: #f8d7da;
   --calc-error-border: #f5c2c7;
-  --calc-success-text: #0f5132;
-  --calc-success-bg: #d1e7dd;
-  --calc-success-border: #badbcc;
-  --calc-info-text: #055160;
-  --calc-info-bg: #cff4fc;
-  --calc-info-border: #b6effb;
+
+  --calc-terminal-bg: #0f2846;
+  --calc-terminal-border: #1f3a5e;
+  --calc-terminal-text: #c5d4e6;
+  --calc-terminal-prompt: #5bc198;
+  --calc-terminal-ok: #5bc198;
+  --calc-terminal-warn: #fbbf24;
+  --calc-terminal-err: #ff8a8a;
+  --calc-terminal-link: #7db8f0;
+
+  --calc-radius: 4px;
 }
 
-/* Dark theme */
 .theme-dark {
-  --calc-bg: #1a1a2e;
-  --calc-text: #e0e0e0;
-  --calc-text-muted: #aaa;
-  --calc-text-faint: #888;
+  --calc-bg: #0f2846;
+  --calc-text: #eae8e6;
+  --calc-text-muted: #b0bccb;
+  --calc-text-faint: #7d8ca3;
   --calc-accent: #5b9bd5;
+  --calc-accent-soft: rgba(91, 155, 213, 0.2);
   --calc-link: #7db8f0;
-  --calc-input-bg: #2a2a3e;
-  --calc-input-border: #444;
-  --calc-btn-bg: #2a2a3e;
-  --calc-btn-hover: #3a3a4e;
-  --calc-border: #3a3a4e;
-  --calc-card-bg: #222240;
-  --calc-card-border: #3a3a5e;
+  --calc-input-bg: #16314f;
+  --calc-input-border: #2c4666;
+  --calc-btn-bg: #1a3354;
+  --calc-btn-hover: #234271;
+  --calc-border: #234271;
 }
 
-/* Auto theme: follows user's OS preference */
 @media (prefers-color-scheme: dark) {
   .theme-auto {
-    --calc-bg: #1a1a2e;
-    --calc-text: #e0e0e0;
-    --calc-text-muted: #aaa;
-    --calc-text-faint: #888;
+    --calc-bg: #0f2846;
+    --calc-text: #eae8e6;
+    --calc-text-muted: #b0bccb;
+    --calc-text-faint: #7d8ca3;
     --calc-accent: #5b9bd5;
+    --calc-accent-soft: rgba(91, 155, 213, 0.2);
     --calc-link: #7db8f0;
-    --calc-input-bg: #2a2a3e;
-    --calc-input-border: #444;
-    --calc-btn-bg: #2a2a3e;
-    --calc-btn-hover: #3a3a4e;
-    --calc-border: #3a3a4e;
-    --calc-card-bg: #222240;
-    --calc-card-border: #3a3a5e;
+    --calc-input-bg: #16314f;
+    --calc-input-border: #2c4666;
+    --calc-btn-bg: #1a3354;
+    --calc-btn-hover: #234271;
+    --calc-border: #234271;
   }
 }
 
-/* Base typography */
+/* ===== Base ===== */
+
 body {
   font-family: 'Inter', system-ui, -apple-system, sans-serif;
   background: var(--calc-bg);
   color: var(--calc-text);
-  padding: 0 0.5em;
+  padding: 0 1em;
+  max-width: 720px;
+  margin: 0 auto;
+  line-height: 1.5;
 }
 
-a {
-  color: var(--calc-link);
-}
-
-.errorNaN {
-  color: var(--calc-error-text);
-  border: solid 1px var(--calc-error-border);
-}
-
-.error-message {
-  color: var(--calc-error-text);
-  font-size: 0.85em;
-}
-
-.bioageform .result {
-  font-size: 1.2em;
-  color: var(--calc-accent);
-}
-
-.result-summary {
-  font-size: 0.95em;
-  color: var(--calc-text-muted);
-  line-height: 1.6;
-}
-
-.share-image-note {
-  font-size: 0.85em;
-  color: var(--calc-text-muted);
-  margin: 0.4em 0 0.8em;
-  font-style: italic;
+h1 {
+  font-weight: 500;
+  letter-spacing: -0.02em;
 }
 
-.bioageform select:disabled {
-    appearance: none;
-    border: none;
-    display: inline;
-    background: none;
-    color: var(--calc-text);
-}
+a { color: var(--calc-link); }
 
-/* Date of birth and test date section */
-.date-section {
-  margin-bottom: 1em;
-}
+/* ===== Form controls ===== */
 
-.csv-load-row {
-  margin-top: 0.3em;
-  display: flex;
-  align-items: center;
-  gap: 0.8em;
-}
-
-.csv-message {
-  font-size: 0.85em;
-  color: var(--calc-success-text);
-}
-
-.csv-message-error {
-  color: var(--calc-error-text);
+input[type="text"],
+input[type="number"],
+input[type="date"],
+select {
+  font: inherit;
+  padding: 0.45em 0.6em;
+  background: var(--calc-input-bg);
+  color: var(--calc-text);
+  border: 1px solid var(--calc-input-border);
+  border-radius: var(--calc-radius);
+  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
 }
 
-.date-row {
-  margin-bottom: 0.5em;
+input:focus,
+select:focus {
+  outline: none;
+  border-color: var(--calc-accent);
+  box-shadow: 0 0 0 3px var(--calc-accent-soft);
 }
 
-.date-row label {
-  display: inline-block;
-  width: 10em;
-  font-weight: bold;
+/* Custom chevron so selects look uniform regardless of OS. The disabled
+   variant keeps the same border and dimensions but drops the chevron and
+   fades the text — gives the form a consistent grid even when units can't
+   be changed. */
+select {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  padding-right: 2em;
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='none' stroke='%230f2846' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/></svg>");
+  background-repeat: no-repeat;
+  background-position: right 0.7em center;
+  background-size: 10px 6px;
+  cursor: pointer;
 }
 
-.date-row input[type="date"] {
-  font-size: 1em;
+.theme-dark select,
+.theme-auto select {
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='none' stroke='%23eae8e6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/></svg>");
 }
 
-/* Form inputs */
-input[type="text"],
-input[type="number"],
-input[type="date"],
-select {
-  background: var(--calc-input-bg);
+/* Disabled selects (units that can't be changed) keep the same box shape,
+   text colour, and background as enabled ones — only the chevron and pointer
+   go away. Faded text would look like something's broken. */
+select:disabled {
+  background-image: none;
+  background-color: var(--calc-input-bg);
   color: var(--calc-text);
-  border: 1px solid var(--calc-input-border);
+  opacity: 1;
+  cursor: default;
 }
 
-/* Hide spinner controls on number inputs — users will type values, not step. */
+/* No spinner controls on number inputs — users will type values, not step. */
 input[type="number"]::-webkit-outer-spin-button,
 input[type="number"]::-webkit-inner-spin-button {
   -webkit-appearance: none;
@@ -208,307 +181,341 @@ input[type="number"] {
   appearance: textfield;
 }
 
-/* Range validation states on inputs */
 .input-warning {
-  border: 1px solid var(--calc-warning-border);
+  border-color: var(--calc-input-border-warn);
   background: var(--calc-warning-bg);
 }
-
 .input-error {
-  border: 1px solid var(--calc-error-border);
+  border-color: var(--calc-input-border-error);
   background: var(--calc-error-bg);
 }
 
-/* Prompt to enter DOB, shown above the biomarker table */
-.dob-prompt {
-  margin: 0.5em 0 1em;
-  padding: 0.6em 0.8em;
-  font-size: 0.95em;
+/* Population-default fills — italic and tinted with the same friendly blue
+   used for the date-of-birth prompt, so they read as "we filled this in for
+   you" rather than as a real entry. Selector deliberately scoped to inputs
+   so the (more specific) attribute selector earlier doesn't override it. */
+input.default-value {
   color: var(--calc-info-text);
+  font-style: italic;
   background: var(--calc-info-bg);
-  border: 1px solid var(--calc-info-border);
-  border-radius: 4px;
+  border-color: var(--calc-info-border);
 }
 
-.dob-prompt-error {
-  color: var(--calc-error-text);
-  background: var(--calc-error-bg);
-  border-color: var(--calc-error-border);
+/* ===== Buttons (calculator-scoped) =====
+   One look for every button inside the form/save/share areas. Specific
+   variants only adjust size or emphasis. */
+
+#phenoAgeForm button,
+#shareSection button,
+#saveSection button {
+  font: inherit;
+  font-size: 0.95em;
+  padding: 0.4em 1em;
+  cursor: pointer;
+  border: 1px solid var(--calc-input-border);
+  border-radius: var(--calc-radius);
+  background: var(--calc-btn-bg);
+  color: var(--calc-text);
+  transition: background 0.15s, border-color 0.15s;
+}
+#phenoAgeForm button:hover:not(:disabled),
+#shareSection button:hover:not(:disabled),
+#saveSection button:hover:not(:disabled) {
+  background: var(--calc-btn-hover);
+  border-color: var(--calc-text-muted);
+}
+#phenoAgeForm button:disabled {
+  opacity: 0.5;
+  cursor: default;
 }
 
-/* Informational alerts attached to form inputs */
+/* ===== Biomarker form table ===== */
+
+.bioageform table {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  margin: 0.5em 0;
+}
+
+.bioageform th,
+.bioageform td {
+  padding: 4px 0;
+  vertical-align: middle;
+}
+
+.bioageform th {
+  text-align: right;
+  padding-right: 0.8em;
+  font-weight: 700;
+  font-size: 0.95em;
+  width: 40%;
+  white-space: nowrap;
+}
+.bioageform th label { cursor: pointer; }
+
+.bioageform td:first-of-type input { width: 100%; box-sizing: border-box; }
+.bioageform td:nth-of-type(2) { width: 9.5em; padding-left: 6px; }
+.bioageform td:nth-of-type(2) select { width: 100%; box-sizing: border-box; }
+
+/* Range alerts sit in a tr below the input as their own self-contained
+   banner. They span the full table width so a long message wraps naturally;
+   the small top gap separates them from the input above. */
+.bioageform .range-alert > td { padding: 4px 0 8px; }
+
 .input-alert {
-  margin: 0.3em 0 0.2em;
+  margin: 0;
   padding: 0.5em 0.7em;
   font-size: 0.85em;
   color: var(--calc-warning-text);
   background: var(--calc-warning-bg);
   border: 1px solid var(--calc-warning-border);
-  border-radius: 4px;
+  border-radius: var(--calc-radius);
 }
-
 .input-alert-error {
   color: var(--calc-error-text);
   background: var(--calc-error-bg);
   border-color: var(--calc-error-border);
 }
 
-/* Warning banner shown under result when implausible values present */
-.result-warning {
-  margin: 0.8em 0;
-  padding: 0.6em 0.8em;
-  font-size: 0.9em;
-  color: var(--calc-error-text);
-  background: var(--calc-error-bg);
-  border: 1px solid var(--calc-error-border);
-  border-radius: 4px;
-}
+/* ===== Date section =====
+   DOB and test-date sit in flex rows that become coloured cards (info /
+   error) when guidance applies, and visually wrap any inline message
+   that gets injected into the row. */
 
-/* Severe result warning (many defaults / all defaults) */
-.result-warning-severe {
-  color: var(--calc-warning-text);
-  background: var(--calc-warning-bg);
-  border-color: var(--calc-warning-border);
-  font-weight: bold;
+.date-section {
+  margin: 1em 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.6em;
 }
 
-/* Share card */
-#shareSection {
-  margin-top: 1.5em;
+.date-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.6em;
+  padding: 0.6em 0.8em;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  transition: background 0.15s, border-color 0.15s;
 }
-
-.share-card {
-  width: 100%;
-  max-width: 600px;
-  overflow: hidden;
-  border-radius: 4px;
+.date-row > label {
+  font-weight: 700;
+  min-width: 8em;
 }
-
-.share-card-inner {
-  transform-origin: top left;
+.date-row.date-row--info {
+  background: var(--calc-info-bg);
+  border-color: var(--calc-info-border);
 }
-
-/* Scale inner 600px card to fit container */
-@media (max-width: 600px) {
-  .share-card-inner {
-    transform: scale(calc(100vw / 640));
-  }
-  .share-card {
-    height: calc(600px * (100vw / 640));
-  }
+.date-row.date-row--error {
+  background: var(--calc-error-bg);
+  border-color: var(--calc-error-border);
 }
 
-#shareCardImage {
-  max-width: 600px;
-  border: 1px solid var(--calc-border);
-  border-radius: 4px;
+/* Inline messages inside a date row reset to plain text — the row's
+   coloured background already does the visual work. */
+.date-row .dob-prompt,
+.date-row .input-alert,
+.date-row .error-message {
+  flex-basis: 100%;
+  margin: 0;
+  padding: 0;
+  background: none;
+  border: none;
+  font-size: 0.85em;
 }
-
-.share-buttons {
-  margin-top: 0.5em;
+.date-row .error-message {
+  color: var(--calc-error-text);
+  font-weight: 500;
 }
 
-.share-buttons button {
-  font-size: 1em;
-  padding: 0.4em 1.2em;
-  margin-right: 0.5em;
-  cursor: pointer;
-  border: 1px solid var(--calc-input-border);
-  border-radius: 4px;
-  background: var(--calc-btn-bg);
-  color: var(--calc-text);
-}
+.dob-prompt { font-size: 0.9em; color: var(--calc-info-text); }
+.dob-prompt-error { color: var(--calc-error-text); }
 
-.share-buttons button:hover {
-  background: var(--calc-btn-hover);
+.error-message {
+  color: var(--calc-error-text);
+  font-size: 0.85em;
+  margin-left: 0.4em;
 }
 
-/* Default-value styling for population-average-filled inputs */
-.default-value {
+.age-readout {
+  font-size: 0.85em;
   color: var(--calc-text-faint);
-  font-style: italic;
-  background: var(--calc-btn-bg);
 }
+.age-readout:empty { display: none; }
 
-/* Defaults section */
-.defaults-section {
-  margin: 1em 0;
+/* CSV upload + storage actions sit on the right of the date section */
+.date-tools {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.6em;
+  align-items: center;
+  margin-top: 0.2em;
 }
-
-.defaults-section button {
-  font-size: 0.95em;
-  padding: 0.4em 1em;
-  cursor: pointer;
-  border: 1px solid var(--calc-input-border);
-  border-radius: 4px;
-  background: var(--calc-btn-bg);
-  color: var(--calc-text);
+.storage-notice-inline {
+  font-size: 0.85em;
+  color: var(--calc-text-muted);
+}
+.storage-notice-inline a {
+  color: var(--calc-link);
+  text-decoration: underline;
 }
 
-.defaults-section button:hover:not(:disabled) {
-  background: var(--calc-btn-hover);
+/* ===== Defaults section ===== */
+
+.defaults-section { margin: 1em 0; }
+.defaults-note {
+  font-size: 0.8em;
+  color: var(--calc-text-faint);
+  margin: 0.3em 0 0;
 }
 
-.defaults-section button:disabled {
-  opacity: 0.5;
-  cursor: default;
+/* When the button has filled some values, show that visually with the same
+   friendly-blue tint as the default values themselves. The button is also
+   disabled at this point — opacity carries that. */
+#defaultsBtn.defaults-btn--filled,
+#defaultsBtn.defaults-btn--filled:disabled {
+  background: var(--calc-info-bg);
+  border-color: var(--calc-info-border);
+  color: var(--calc-info-text);
+  opacity: 0.85;
 }
 
-.defaults-message {
+/* ===== Status terminal =====
+   Single panel for all current, non-field-specific messages — defaults
+   warnings, implausible-value summary, awaiting-input states, and one-shot
+   confirmations. Rebuilt from scratch on every calculateResult so it
+   reflects current state, not history. */
+
+.status-terminal {
+  margin: 1.2em 0;
+  background: var(--calc-terminal-bg);
+  border: 1px solid var(--calc-terminal-border);
+  border-radius: 6px;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
   font-size: 0.85em;
-  padding: 0.4em 0.6em;
-  margin: 0.4em 0 0;
-  border-radius: 4px;
-  background: var(--calc-warning-bg);
-  color: var(--calc-warning-text);
-  border: 1px solid var(--calc-warning-border);
+  color: var(--calc-terminal-text);
+  overflow: hidden;
 }
-
-.defaults-message.success {
-  background: var(--calc-success-bg);
-  color: var(--calc-success-text);
-  border-color: var(--calc-success-border);
+.status-terminal__header {
+  padding: 6px 10px;
+  background: rgba(255, 255, 255, 0.04);
+  border-bottom: 1px solid var(--calc-terminal-border);
+  color: rgba(197, 212, 230, 0.7);
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+.status-terminal__body {
+  padding: 8px 10px;
+  max-height: 220px;
+  overflow-y: auto;
+  line-height: 1.5;
+}
+.status-terminal__line {
+  display: flex;
+  gap: 6px;
+  word-break: break-word;
 }
-
-.defaults-note {
-  font-size: 0.8em;
-  color: var(--calc-text-faint);
-  margin: 0.3em 0 0;
+.status-terminal__line a {
+  color: var(--calc-terminal-link);
+  text-decoration: underline;
 }
+.status-terminal__line::before {
+  content: ">";
+  color: var(--calc-terminal-prompt);
+  flex-shrink: 0;
+}
+.status-terminal__line--ok    { color: var(--calc-terminal-ok); }
+.status-terminal__line--warn  { color: var(--calc-terminal-warn); }
+.status-terminal__line--err   { color: var(--calc-terminal-err); }
+.status-terminal__line--ok::before   { content: "✓"; color: var(--calc-terminal-ok); }
+.status-terminal__line--warn::before { content: "!"; color: var(--calc-terminal-warn); }
+.status-terminal__line--err::before  { content: "✗"; color: var(--calc-terminal-err); }
 
-/* CSV download button */
-.csv-download {
-  font-size: 0.9em;
-  padding: 0.3em 0.8em;
-  cursor: pointer;
-  border: 1px solid var(--calc-input-border);
-  border-radius: 4px;
-  background: var(--calc-btn-bg);
-  color: var(--calc-text);
+/* ===== Share card ===== */
+
+#shareSection { margin-top: 1.5em; }
+
+.share-card {
+  width: 100%;
+  max-width: 600px;
+  overflow: hidden;
+  border-radius: var(--calc-radius);
+}
+.share-card-inner { transform-origin: top left; }
+@media (max-width: 600px) {
+  .share-card-inner { transform: scale(calc(100vw / 640)); }
+  .share-card { height: calc(600px * (100vw / 640)); }
 }
 
-.csv-download:hover,
-.csv-upload:hover {
-  background: var(--calc-btn-hover);
+#shareCardImage {
+  max-width: 600px;
+  border: 1px solid var(--calc-border);
+  border-radius: var(--calc-radius);
 }
 
-.csv-upload {
-  font-size: 0.9em;
-  padding: 0.3em 0.8em;
-  cursor: pointer;
-  border: 1px solid var(--calc-input-border);
-  border-radius: 4px;
-  background: var(--calc-btn-bg);
-  color: var(--calc-text);
+.share-buttons {
+  margin-top: 0.5em;
+  display: flex;
+  gap: 0.5em;
+  flex-wrap: wrap;
 }
 
-/* localStorage notice */
-.storage-notice {
+.result-summary {
+  font-size: 0.95em;
+  color: var(--calc-text-muted);
+  line-height: 1.6;
+  margin: 0 0 1em;
+}
+.share-image-note {
   font-size: 0.85em;
   color: var(--calc-text-muted);
-  margin: 0.5em 0;
-  padding: 0.4em 0.7em;
-  background: var(--calc-card-bg);
-  border: 1px solid var(--calc-card-border);
-  border-radius: 4px;
+  margin: 0.4em 0 0.8em;
+  font-style: italic;
 }
 
-/* Save your result section */
+/* ===== Save section ===== */
+
 .save-section {
   margin-top: 1.5em;
   padding-top: 1em;
   border-top: 1px solid var(--calc-border);
 }
-
-.save-section h3 {
-  margin: 0 0 0.5em;
-}
-
+.save-section h3 { margin: 0 0 0.5em; }
 .save-section label {
   display: block;
   font-size: 0.9em;
   color: var(--calc-text-muted);
   margin-bottom: 0.3em;
 }
-
 .save-link-row {
   display: flex;
   gap: 0.4em;
   margin-bottom: 0.3em;
 }
-
 .result-link-input {
   flex: 1;
   font-size: 0.85em;
   padding: 0.4em 0.6em;
   border: 1px solid var(--calc-input-border);
-  border-radius: 4px;
+  border-radius: var(--calc-radius);
   background: var(--calc-input-bg);
   color: var(--calc-text);
   min-width: 0;
 }
-
-.result-link-input:focus {
-  outline: 2px solid var(--calc-accent);
-  outline-offset: -1px;
-}
-
-.copy-btn {
-  font-size: 0.85em;
-  padding: 0.4em 0.8em;
-  cursor: pointer;
-  border: 1px solid var(--calc-input-border);
-  border-radius: 4px;
-  background: var(--calc-btn-bg);
-  color: var(--calc-text);
-  white-space: nowrap;
-}
-
-.copy-btn:hover {
-  background: var(--calc-btn-hover);
-}
-
-.save-privacy-note {
-  font-size: 0.8em;
-  color: var(--calc-text-faint);
-  margin: 0.3em 0 0.8em;
-}
-
-.save-option {
-  margin-top: 0.8em;
-}
-
+.save-privacy-note,
 .save-option-note {
   font-size: 0.8em;
   color: var(--calc-text-faint);
-  margin: 0.3em 0 0;
-}
-
-.save-buttons {
-  display: flex;
-  gap: 0.5em;
-  flex-wrap: wrap;
-}
-
-.save-browser-btn {
-  font-size: 0.9em;
-  padding: 0.3em 0.8em;
-  cursor: pointer;
-  border: 1px solid var(--calc-input-border);
-  border-radius: 4px;
-  background: var(--calc-btn-bg);
-  color: var(--calc-text);
-}
-
-.save-browser-btn:hover {
-  background: var(--calc-btn-hover);
+  margin: 0.3em 0 0.8em;
 }
+.save-option { margin-top: 0.8em; }
+.save-buttons { display: flex; gap: 0.5em; flex-wrap: wrap; }
+.save-browser-warning { color: var(--calc-error-text); }
 
-.save-browser-warning {
-  color: var(--calc-error-text);
-}
+/* ===== Embed link ===== */
 
-/* Embed / attribution link */
 .embed-link {
   margin-top: 2em;
   padding-top: 1em;