Increase default bubbleFadeInDelay offset to 250ms

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: noisysocks

special-pages/pages/onboarding/app/v4/components/MakeDefaultContent.js

@@ -82,7 +82,7 @@ export function MakeDefaultContent({ advance, updateSystemValue }) {
     };
 
     const defaultBubbleDelay = 400;
-    const defaultOffset = 100;
+    const defaultOffset = 250;
     const parsedOffset = bubbleFadeInDelayOverride ? Number.parseInt(bubbleFadeInDelayOverride, 10) : defaultOffset;
     const staggerDelay = defaultBubbleDelay + (Number.isNaN(parsedOffset) ? defaultOffset : parsedOffset);
 

special-pages/pages/onboarding/app/v4/components/MakeDefaultContent.module.css

@@ -29,7 +29,7 @@
     align-items: center;
     align-self: stretch;
     gap: var(--sp-8); /* 32px — match Container gap */
-    animation: stagger-fade-in 267ms cubic-bezier(0.66, 0, 0.34, 1) var(--stagger-delay, 500ms) backwards;
+    animation: stagger-fade-in 267ms cubic-bezier(0.66, 0, 0.34, 1) var(--stagger-delay, 650ms) backwards;
 }
 
 .actions {

special-pages/pages/onboarding/app/v4/components/SingleStep.js

@@ -74,7 +74,7 @@ export function SingleStep() {
                     topBubble
                         ? (() => {
                               const defaultTopDelay = 400; // Default fade-in delay from CSS
-                              const defaultOffset = 100; // Default 100ms offset between top and bottom
+                              const defaultOffset = 250; // Default 250ms offset between top and bottom
                               const offset = bubbleFadeInDelayOverride ? Number.parseInt(bubbleFadeInDelayOverride, 10) : defaultOffset;
                               return defaultTopDelay + (Number.isNaN(offset) ? defaultOffset : offset);
                           })()