chore: sync local workspace changes

src/App.tsx

@@ -1,9 +1,10 @@
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { getOrCreateClientId } from './app/main/clientIdentity';
 import { reportClientError } from './app/main/errorLogApi';
 import { AppShell } from './app/main';
 import { InitialLoadingOverlay } from './app/main/InitialLoadingOverlay';
 import { ReleasePendingMainModal } from './app/main/ReleasePendingMainModal';
+import { bindViewportCssVars } from './app/main/viewportCssVars';
 import { reportVisitorPageView } from './features/history/api';
 import { useAppStore } from './store';
 
@@ -39,6 +40,8 @@ function App() {
   const lastTrackedPageIdRef = useRef<string | null>(null);
   const [showInitialLoading, setShowInitialLoading] = useState(true);
 
+  useLayoutEffect(() => bindViewportCssVars(), []);
+
   useEffect(() => {
     if (typeof window === 'undefined') {
       return undefined;