<!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 Ri Toli — दादा री टोली: Jain Community, Jaap Counter, Panchang, Sutras & Prashnottar" />
    <meta name="theme-color" content="#A83226" />
    <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 Ri Toli" />
    <title>Dada Ri Toli | दादा री टोली</title>
    <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&family=Yatra+One&family=Rozha+One&family=Tiro+Devanagari+Hindi:ital@0;1&family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Karla:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Noto+Sans+Devanagari:wght@400;500;600;700&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>
    <style>#app-fallback{z-index:99999;color:#241c15;text-align:center;background:#f5f1e8;justify-content:center;align-items:center;padding:24px;font-family:Karla,system-ui,-apple-system,sans-serif;display:flex;position:fixed;inset:0}#app-fallback .fallback-card{background:#fdfbf5;border:1px solid #a8322659;border-radius:4px 24px;width:100%;max-width:420px;padding:32px 24px;box-shadow:0 20px 40px -20px #241c1559}#app-fallback .fallback-logo{margin-bottom:12px;font-size:40px;line-height:1}#app-fallback .fallback-title{color:#a83226;letter-spacing:.02em;margin:0 0 10px;font-family:Cinzel,Yatra One,serif;font-size:22px;font-weight:600}#app-fallback .fallback-message{margin:0 0 8px;font-size:13px;font-weight:500;line-height:1.6}#app-fallback .fallback-hint{letter-spacing:.04em;text-transform:uppercase;color:#b78a2e;margin:12px 0 0;font-size:11px;font-weight:700;line-height:1.5}</style>
    <script type="module" crossorigin src="/assets/index-BA7otqEs.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-C0FnF6B9.js">
    <link rel="modulepreload" crossorigin href="/assets/react-vendor-C1hKfPP_.js">
    <link rel="modulepreload" crossorigin href="/assets/i18n-C-kD1NHO.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-1yby8ldT.js">
    <link rel="modulepreload" crossorigin href="/assets/queryClient-afQHg9pR.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-vendor-DHP22DxI.js">
    <link rel="modulepreload" crossorigin href="/assets/queryConfig-CUqtC5B3.js">
    <link rel="modulepreload" crossorigin href="/assets/content-Ccpy7dyv.js">
    <link rel="modulepreload" crossorigin href="/assets/authStore-BXIX6sRI.js">
    <link rel="modulepreload" crossorigin href="/assets/services-CwHcdIzU.js">
    <link rel="stylesheet" crossorigin href="/assets/index-BbKt0ejV.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 Ri Toli</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 Ri Toli · दादा री टोली</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 Ri Toli</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 Ri Toli · दादा री टोली</p>' +
          '</div>';
        document.body.appendChild(fb);
      })();
    </script>

  </body>
</html>
