Merge branch 'unstable' into codex/add-fade-in-effect-to-sidebar-elements

css/style.css

@@ -115,6 +115,7 @@ header img {
   the temporary classes so that once an element has gracefully appeared it stays
   opaque even if the DOM is re-used or re-parented later.
 */
+
 .fade-in {
   opacity: 0;
   animation: interface-fade-in 280ms ease-out forwards;

index.html

@@ -64,6 +64,7 @@
       re-rendering views does not cause the shell to flicker. Only apply it to
       elements that should animate exactly once on initial paint.
     -->
+
     <div id="app" class="md:ml-64 px-4 py-8 min-h-screen flex flex-col fade-in">
       <!-- Header -->
       <header class="mb-8 flex items-center w-full">
@@ -93,7 +94,9 @@
         />
 
         <!-- Buttons on the far right -->
+
         <!-- Header action buttons share the fade-in treatment for consistency. -->
+
         <div class="ml-auto flex items-center space-x-4 fade-in fade-in-delay-200">
           <!-- Login Button -->
           <button
@@ -153,7 +156,9 @@
       <div id="modalContainer"></div>
 
       <!-- Tagline / Slogan -->
+
       <!-- Tagline fade matches the cards. -->
+
       <div class="text-center mb-8 fade-in fade-in-delay-300">
         <h2 class="text-2xl font-bold text-gray-500 tracking-wide">
           seed. zap. subscribe.