diff --git a/frontend/js/alg7-fx.js b/frontend/js/alg7-fx.js
index fd5f129..68d6903 100644
--- a/frontend/js/alg7-fx.js
+++ b/frontend/js/alg7-fx.js
@@ -21,6 +21,21 @@ ALG7.__installed = true;
 ALG7.combo = 0;
 ALG7.maxCombo = 0;
 
+/* === KATEX HELPER (использует те же делимитеры, что и страницы) === */
+const _KATEX_OPTS = {
+  delimiters: [
+    { left:'$$', right:'$$', display:true },
+    { left:'$',  right:'$',  display:false },
+    { left:'\\[', right:'\\]', display:true },
+    { left:'\\(', right:'\\)', display:false }
+  ],
+  throwOnError: false
+};
+ALG7.renderMath = function(root){
+  if(!root || !window.renderMathInElement) return;
+  try{ window.renderMathInElement(root, _KATEX_OPTS); }catch(e){}
+};
+
 /* === ANIMATIONS === */
 ALG7.shake = function(el){
   if(!el) return;
@@ -257,7 +272,7 @@ ALG7.buildQuadSumViz = function(container){
       }
     }
     svg.innerHTML = html;
-    if(window.renderMathInElement) try{ window.renderMathInElement(formula); }catch(e){}
+    ALG7.renderMath(formula);
 
     /* Hover-эффект: при клике подсветить термин */
     svg.querySelectorAll('rect[data-part]').forEach(r=>{
@@ -401,7 +416,7 @@ ALG7.buildDiffSquaresViz = function(container){
       stepText.textContent = 'Сбросить';
     }
     formula.innerHTML = formulaText;
-    if(window.renderMathInElement) try{ window.renderMathInElement(formula); }catch(e){}
+    ALG7.renderMath(formula);
   }
 
   stepBtn.addEventListener('click', ()=>{