diff --git a/index.html b/index.html
index c867509..07be005 100644
--- a/index.html
+++ b/index.html
@@ -79,12 +79,13 @@
diff --git a/style.css b/style.css
index 6abce0c..bc296c8 100644
--- a/style.css
+++ b/style.css
@@ -135,6 +135,14 @@ label {
font-weight: 400;
}
+.cap-msg {
+ font-size: 0.72rem;
+ color: var(--text-hint);
+ display: none;
+}
+
+.cap-msg.visible { display: block; }
+
/* ===== Slider row ===== */
.slider-row {
display: flex;
diff --git a/ui.js b/ui.js
index 15feb56..caae02a 100644
--- a/ui.js
+++ b/ui.js
@@ -304,10 +304,12 @@ const clamp_down_pct = () => {
const slider = document.getElementById('down_pct_slider');
const num = document.getElementById('down_pct');
+ const at_cap = +num.value >= max_pct - 0.05;
if (+num.value > max_pct) {
num.value = Math.round(max_pct * 10) / 10;
slider.value = num.value;
}
+ document.getElementById('down_pct_cap').classList.toggle('visible', at_cap);
};
// ===== Slider ↔ number sync =====