add transition

src/routes/+page.svelte

@@ -434,6 +434,14 @@
         --border-color: #333;
         --input-bg: #2a2a2a;
         --selected-bg: rgba(187, 134, 252, 0.2); /* Semi-transparent primary */
+
+        /* Animated Background */
+        --gradient-start: #1a1a2e; /* Dark Blue/Purple */
+        --gradient-mid: #16213e;   /* Darker Blue */
+        --gradient-end: #0f3460;   /* Deep Blue */
+        background: linear-gradient(-45deg, var(--gradient-start), var(--gradient-mid), var(--gradient-end), var(--gradient-mid));
+        background-size: 400% 400%;
+        animation: gradientBG 15s ease infinite;
 	}
 
     /* Basic Reset & Body */
@@ -725,6 +733,17 @@
          transform: none; /* Override */
     }
 
+    @keyframes gradientBG {
+        0% {
+            background-position: 0% 50%;
+        }
+        50% {
+            background-position: 100% 50%;
+        }
+        100% {
+            background-position: 0% 50%;
+        }
+    }
 
     /* Error/Info Messages */
     .error-message, .info-message {