feat(theme): add sleeping dark mode portrait

app/globals.css

@@ -22,10 +22,6 @@ html[data-poyraz-theme="light"] body {
   background-color: #ffffff;
 }
 
-html[data-poyraz-theme="dark"] [data-cursor-portrait] {
-  display: none;
-}
-
 @layer utilities {
   @keyframes marquee {
     0% { transform: translateX(0%); }
@@ -40,4 +36,39 @@ html[data-poyraz-theme="dark"] [data-cursor-portrait] {
     animation-play-state: paused;
   }
 
+  @keyframes sleepy-z {
+    0%, 12% {
+      opacity: 0;
+      transform: translate3d(0, 0.45rem, 0) scale(0.82) rotate(-8deg);
+    }
+    28%, 68% {
+      opacity: 0.95;
+    }
+    100% {
+      opacity: 0;
+      transform: translate3d(-0.3rem, -0.85rem, 0) scale(1.12) rotate(4deg);
+    }
+  }
+
+  .animate-sleepy-z {
+    animation: sleepy-z 2.8s ease-in-out infinite;
+    opacity: 0;
+    will-change: transform, opacity;
+  }
+
+  [data-sleepy-z="2"] {
+    animation-delay: 0.5s;
+  }
+
+  [data-sleepy-z="3"] {
+    animation-delay: 1s;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .animate-sleepy-z {
+      animation: none;
+      opacity: 0.8;
+    }
+  }
+
 }