diff --git a/src/app/globals.css b/src/app/globals.css
index 02ac6a3..6b1e3d8 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -2739,24 +2739,27 @@ h3 {
 /* --- VIEW TRANSITION ANIMATION (Day/Week Navigation Slide) --- */
 
 @keyframes slideOutToLeft {
-  to { transform: translateX(-30%); opacity: 0; }
+  from { transform: translateX(0); }
+  to { transform: translateX(-100%); }
 }
 @keyframes slideInFromRight {
-  from { transform: translateX(30%); opacity: 0; }
-  to { transform: translateX(0); opacity: 1; }
+  from { transform: translateX(100%); }
+  to { transform: translateX(0); }
 }
 @keyframes slideOutToRight {
-  to { transform: translateX(30%); opacity: 0; }
+  from { transform: translateX(0); }
+  to { transform: translateX(100%); }
 }
 @keyframes slideInFromLeft {
-  from { transform: translateX(-30%); opacity: 0; }
-  to { transform: translateX(0); opacity: 1; }
+  from { transform: translateX(-100%); }
+  to { transform: translateX(0); }
 }
 
 /* Week Grid Transition Group */
 ::view-transition-group(week-grid) {
-  animation-duration: 0.35s;
-  animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
+  animation-duration: 0.3s;
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  overflow: hidden;
 }
 
 /* Slide Next (Left) — content exits left, new enters from right */