diff --git a/frontend/css/styles.css b/frontend/css/styles.css
index c4636a4..00a1632 100644
--- a/frontend/css/styles.css
+++ b/frontend/css/styles.css
@@ -1642,6 +1642,7 @@ select {
 /* Stats charts */
 .stats-chart-block {
   margin-bottom: 16px;
+  padding: 0 14px;
 }
 .stats-period {
   display: flex;
diff --git a/frontend/js/main.js b/frontend/js/main.js
index b2c7eac..8e60c2c 100644
--- a/frontend/js/main.js
+++ b/frontend/js/main.js
@@ -511,7 +511,7 @@ async function renderStatsCharts(container, days, foodTotals, bmr) {
           legend: { display: false },
           zoom: {
             zoom: {
-              wheel: { enabled: true, modifierKey: "ctrl", speed: 0.02 },
+              wheel: { enabled: true, modifierKey: "ctrl", speed: 0.04 },
               pinch: { enabled: true },
               mode: "x",
               onZoomStart: ({chart, event}) => {
@@ -642,7 +642,7 @@ async function renderStatsCharts(container, days, foodTotals, bmr) {
           },
           zoom: {
             zoom: {
-              wheel: { enabled: true, modifierKey: "ctrl", speed: 0.02 },
+              wheel: { enabled: true, modifierKey: "ctrl", speed: 0.04 },
               pinch: { enabled: true },
               mode: "x",
               onZoomStart: ({chart, event}) => {
@@ -760,7 +760,7 @@ async function renderStatsCharts(container, days, foodTotals, bmr) {
           },
           zoom: {
             zoom: {
-              wheel: { enabled: true, modifierKey: "ctrl", speed: 0.02 },
+              wheel: { enabled: true, modifierKey: "ctrl", speed: 0.04 },
               pinch: { enabled: true },
               mode: "x",
               onZoomStart: ({chart, event}) => {
@@ -2959,7 +2959,7 @@ async function showSessionDetail(sessionId) {
           legend: { display: false },
           zoom: {
             zoom: {
-              wheel: { enabled: true, modifierKey: "ctrl", speed: 0.02 },
+              wheel: { enabled: true, modifierKey: "ctrl", speed: 0.04 },
               pinch: { enabled: true },
               mode: "x",
               limits: { x: { minRange: 0.5 } },
@@ -3009,7 +3009,7 @@ async function showSessionDetail(sessionId) {
           legend: { display: false },
           zoom: {
             zoom: {
-              wheel: { enabled: true, modifierKey: "ctrl", speed: 0.02 },
+              wheel: { enabled: true, modifierKey: "ctrl", speed: 0.04 },
               pinch: { enabled: true },
               mode: "x",
               limits: { x: { minRange: 0.5 } },
@@ -3223,11 +3223,11 @@ async function showSessionDetail(sessionId) {
       // Take first 3, build readable string
       const display = parts.slice(0, 3);
       const lines = display.map(p =>
-        `${p.portions} x ${esc(p.name)}${p.amountStr ? " (" + p.amountStr + ", " + p.servingKcal + " кк)" : ""}`
+        `${p.portions} порц. ${esc(p.name)} (по ${p.amountStr || "?"}, ${p.servingKcal} кк/порц.)`
       );
 
       costSection.style.display = "";
-      costEl.innerHTML = `<div class="food-cost-total">${Math.round(sessionKcal)} ккал =</div>
+      costEl.innerHTML = `<div class="food-cost-total">${Math.round(sessionKcal)} ккал — это как:</div>
         <div class="food-cost-items">${lines.map(l => `<div class="food-cost-line">${l}</div>`).join('<div class="food-cost-or">или</div>')}</div>`;
     } catch (e) { console.error("[food-cost]", e); }
   }, 600);