<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="Dada Gurudev Ektisa Jaap — Chaumasa Attendance & Engagement App" />
    <meta name="theme-color" content="#6B0020" />
    <link rel="manifest" href="/manifest.webmanifest" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="Dada Gurudev Ektisa Jaap" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600&family=Tiro+Devanagari+Hindi:ital@0;1&family=Rozha+One&family=Cormorant+Garamond:ital,wght@0,600;0,700;1,600&family=Noto+Sans+Devanagari:wght@400;500;600;700;800&display=swap"
      rel="stylesheet" />
    <script>
      (function () {
        var saved = localStorage.getItem('theme');
        var isDark = saved
          ? saved === 'dark'
          : window.matchMedia('(prefers-color-scheme: dark)').matches;
        if (isDark) {
          document.documentElement.classList.add('dark');
        } else {
          document.documentElement.classList.remove('dark');
        }
      })();
    </script>
    <title>Dada Gurudev Ektisa Jaap</title>
    <style>
      #app-fallback {
        position: fixed;
        inset: 0;
        z-index: 99999;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px;
        background: #fff8f0;
        font-family:
          'Plus Jakarta Sans',
          system-ui,
          -apple-system,
          sans-serif;
        color: #2c1810;
        text-align: center;
      }
      #app-fallback .fallback-card {
        width: 100%;
        max-width: 420px;
        padding: 32px 24px;
        border-radius: 24px;
        border: 1px solid rgba(201, 169, 97, 0.4);
        background: #fffdf9;
        box-shadow: 0 20px 40px -20px rgba(107, 0, 32, 0.25);
      }
      #app-fallback .fallback-logo {
        font-size: 40px;
        line-height: 1;
        margin-bottom: 12px;
      }
      #app-fallback .fallback-title {
        margin: 0 0 10px;
        font-family: 'Cinzel', serif;
        font-size: 18px;
        font-weight: 800;
        color: #6b0020;
        letter-spacing: 0.02em;
      }
      #app-fallback .fallback-message {
        margin: 0 0 8px;
        font-size: 13px;
        line-height: 1.6;
        font-weight: 500;
      }
      #app-fallback .fallback-hint {
        margin: 12px 0 0;
        font-size: 11px;
        line-height: 1.5;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #c9a948;
      }
    </style>
    <script type="module" crossorigin src="/assets/index-B3Uz0_u8.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-DAXXjFlN.js">
    <link rel="modulepreload" crossorigin href="/assets/react-vendor-xcrA4cRM.js">
    <link rel="modulepreload" crossorigin href="/assets/utils-BFkMUkvQ.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-AszQvV3q.js">
    <link rel="modulepreload" crossorigin href="/assets/schemas-BV3GRDeX.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-vendor-ClLfIQio.js">
    <link rel="stylesheet" crossorigin href="/assets/index-B3QsJya0.css">
  <link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
  <body>
    <div id="root"></div>

    <noscript>
      <div id="app-fallback">
        <div class="fallback-card">
          <div class="fallback-logo">🪷</div>
          <h1 class="fallback-title">Dada Gurudev Ektisa Jaap</h1>
          <p class="fallback-message">
            This app requires a smartphone with a modern browser. Please enable JavaScript, or ask a
            volunteer for assistance with check-in.
          </p>
          <p class="fallback-message" lang="hi">
            इस ऐप के लिए आधुनिक ब्राउज़र वाला स्मार्टफ़ोन आवश्यक है। कृपया जावास्क्रिप्ट चालू करें,
            या चेक-इन के लिए स्वयंसेवक से सहायता लें।
          </p>
          <p class="fallback-hint">🙏 Dada Gurudev Ektisa Jaap · Chaumasa 2026</p>
        </div>
      </div>
    </noscript>

    <script>
      (function () {
        var supported =
          typeof Promise !== 'undefined' &&
          typeof fetch !== 'undefined' &&
          typeof AbortController !== 'undefined' &&
          typeof window.crypto !== 'undefined' &&
          typeof window.crypto.subtle !== 'undefined' &&
          typeof window.matchMedia === 'function' &&
          typeof window.requestAnimationFrame === 'function';
        if (supported) return;
        var fb = document.createElement('div');
        fb.id = 'app-fallback';
        fb.innerHTML =
          '<div class="fallback-card">' +
          '<div class="fallback-logo">🪷</div>' +
          '<h1 class="fallback-title">Dada Gurudev Ektisa Jaap</h1>' +
          '<p class="fallback-message">This app requires a smartphone with a modern browser. Please ask a volunteer for assistance with check-in.</p>' +
          '<p class="fallback-message" lang="hi">इस ऐप के लिए आधुनिक ब्राउज़र वाला स्मार्टफ़ोन आवश्यक है। कृपया चेक-इन के लिए स्वयंसेवक से सहायता लें।</p>' +
          '<p class="fallback-hint">🙏 Dada Gurudev Ektisa Jaap · Chaumasa 2026</p>' +
          '</div>';
        document.body.appendChild(fb);
      })();
    </script>

  </body>
</html>
