diff --git a/assets/css/app.css b/assets/css/app.css
index 6bff246..54cd546 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -4987,14 +4987,14 @@ input[type="range"] {
     .ios-tabbar {
         border-color: rgba(120, 146, 172, 0.22);
         background:
-            radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.95), transparent 42%),
-            linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.48)),
-            rgba(248, 251, 255, 0.68);
-        box-shadow: 0 -18px 54px rgba(78, 105, 130, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.86);
+            radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.98), transparent 42%),
+            linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(235, 244, 251, 0.68)),
+            rgba(234, 244, 252, 0.82);
+        box-shadow: 0 18px 56px rgba(78, 105, 130, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.9);
     }
 
     .ios-tabbar a {
-        color: rgba(18, 48, 75, 0.58);
+        color: rgba(18, 48, 75, 0.66);
     }
 
     .ios-tabbar a.active {
@@ -5005,16 +5005,73 @@ input[type="range"] {
     }
 
     .ios-tabbar__icon {
-        background: rgba(18, 48, 75, 0.06);
+        background: rgba(18, 48, 75, 0.04);
     }
 
     .ios-tabbar__icon img {
-        filter: none;
+        filter: saturate(1.2) contrast(1.06) brightness(0.72);
+        opacity: 0.82;
+    }
+
+    .ios-tabbar a.active .ios-tabbar__icon img {
+        filter: brightness(0) invert(1);
+        opacity: 0.96;
+    }
+
+    .dashboard-day__hero[data-day-slider] {
+        border-color: rgba(92, 129, 160, 0.28);
+        background:
+            radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.78), transparent 52%),
+            linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(229, 239, 247, 0.54));
+        box-shadow: 0 18px 44px rgba(78, 105, 130, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.72);
+    }
+
+    .score-scale {
+        color: rgba(18, 48, 75, 0.58);
+    }
+
+    .compare-day__line.score-empty .compare-day__marker,
+    .compare-day.is-empty .compare-day__marker {
+        background: rgba(18, 48, 75, 0.28);
+        box-shadow: none;
+    }
+
+    .sleep-phase-bar {
+        border-color: rgba(18, 48, 75, 0.08);
+        background: rgba(18, 48, 75, 0.08);
+    }
+
+    .sleep-phase-bar__track {
+        fill: rgba(18, 48, 75, 0.1);
+    }
+
+    .sleep-phase-bar__fill {
+        fill: #0a84ff;
+        filter: drop-shadow(0 0 4px rgba(10, 132, 255, 0.28));
+    }
+
+    .sleep-phase-bar__target-line {
+        stroke: rgba(18, 48, 75, 0.48);
+    }
+
+    .sleep-phase-summary {
+        color: rgba(18, 48, 75, 0.66);
     }
 
     .sleep-phase-legend__item {
         color: rgba(18, 48, 75, 0.9);
     }
+
+    .sleep-phase-legend__item--deep { background: rgba(74, 102, 210, 0.26); }
+    .sleep-phase-legend__item--rem { background: rgba(128, 87, 214, 0.24); }
+    .sleep-phase-legend__item--core { background: rgba(60, 159, 185, 0.24); }
+
+    .timeline-card__delete .ghost-button {
+        border-color: rgba(255, 59, 48, 0.24);
+        background: rgba(255, 255, 255, 0.66);
+        color: #ff3b30;
+        box-shadow: 0 8px 22px rgba(78, 105, 130, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.8);
+    }
 }
 
 @media (max-width: 640px) {