<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <base href="/" />
    
    <!-- Smart App Banner for iOS Safari -->
    <meta name="apple-itunes-app" content="app-id=6748268861" />
    
    <!-- Favicon references for browser tabs and search engines -->
    <link rel="icon" type="image/x-icon" href="/icons/favicon/favicon.ico" />
    <link rel="icon" type="image/svg+xml" href="/icons/favicon/favicon.svg" />
    <link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon/favicon-96x96.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/icons/favicon/apple-touch-icon.png" />
    <link rel="manifest" href="/manifest.json" />
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=no" />
    <title>SafeTable - Find Food You Can Eat</title>
    
    <!-- Theme initialization script - must run before any content renders -->
    <script>
      (function() {
        try {
          const savedTheme = localStorage.getItem('theme');
          if (savedTheme === 'dark') {
            document.documentElement.classList.add('dark');
          } else {
            // Default to light mode or if theme is explicitly 'light'
            document.documentElement.classList.remove('dark');
          }
        } catch (e) {
          // If localStorage fails, default to light mode
          document.documentElement.classList.remove('dark');
        }
      })();
    </script>
    
    <!-- Preload critical resources -->
    <link rel="preload" href="/assets/main-BQo6m3Yy.tsx" as="script" crossorigin />
    <link rel="preload" href="/refresh-protection.js" as="script" />
    
    <!-- Preconnect to essential domains (DNS lookup optimization) -->
    <link rel="preconnect" href="https://ubteeygvpswncbgqboco.supabase.co" crossorigin />
    <link rel="preconnect" href="https://unpkg.com" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    
    <!-- DNS prefetch for additional performance -->
    <link rel="dns-prefetch" href="https://ubteeygvpswncbgqboco.supabase.co" />
    <link rel="dns-prefetch" href="https://unpkg.com" />
    
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet" />
    
    <!-- Leaflet CSS -->
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
     integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
     crossorigin=""/>
    
    <!-- Simple refresh protection with reduced overhead -->
    <script src="/refresh-protection.js" async></script>
    
    <!-- Simple initialization timeout with shorter recovery time -->
    <script>
      // Mark initialization start immediately
      sessionStorage.setItem('page_init_start', Date.now().toString());
      
      window.authRecoveryTimeout = setTimeout(function() {
        // Don't reload if React is initializing or page is already initialized
        const isReactInitializing = sessionStorage.getItem('react_initializing') === 'true';
        const isPageInitialized = sessionStorage.getItem('page_initialized') === 'true';
        
        if (!isPageInitialized && !isReactInitializing) {
          const initStart = parseInt(sessionStorage.getItem('page_init_start') || '0', 10);
          const timeSinceInit = Date.now() - initStart;
          
          // Only reload if it's been more than 5 seconds (faster than before)
          if (timeSinceInit > 5000) {
            sessionStorage.setItem('recovering_page', 'true');
            window.location.reload();
          }
        }
      }, 5000); // Reduced to 5 second timeout for faster recovery
    </script>
    <meta property="og:title" content="SafeTable - Find Food You Can Eat" />
    <meta property="og:description" content="Check out menus and allergen info for restaurants on SafeTable!" />
    <meta property="og:image" content="https://safetable.us/icons/favicon/apple-touch-icon.png" />
    <meta property="og:url" content="https://safetable.us/" />
    <meta property="og:type" content="website" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="SafeTable - Find Food You Can Eat" />
    <meta name="twitter:description" content="Check out menus and allergen info for restaurants on SafeTable!" />
    <meta name="twitter:image" content="https://safetable.us/icons/favicon/apple-touch-icon.png" />
    <script type="module" crossorigin src="/assets/index-BgwHpMO3.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-_0Ck8wRQ.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-54Slb1u1.js">
    <link rel="stylesheet" crossorigin href="/assets/index-B20k0xMr.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>