<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" href="/logo.png" />
    <link rel="apple-touch-icon" href="/logo.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <meta name="theme-color" content="#0d0f17" />
    <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=Inter:wght@400;500;600;700;800&display=swap"
      rel="stylesheet"
    />
    <title>Open Cloud Cinema — Watch Together</title>
    <script type="module" crossorigin src="/assets/index-CGMORLyq.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-DeTjWjjC.css">
  </head>
  <body>
    <div id="root"></div>
    <script>
      (function () {
        var KEY = 'occ-asset-retry';
        function promptRefresh() {
          var root = document.getElementById('root');
          if (!root || root.childNodes.length) return;
          root.innerHTML =
            '<div style="font-family:system-ui,sans-serif;padding:2rem;color:#e2e8f0;text-align:center;background:#0a0a0f;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem">' +
            '<p style="max-width:24rem;line-height:1.5">A cached version of this site is blocking the app from loading.</p>' +
            '<button type="button" style="padding:0.6rem 1.25rem;border-radius:0.5rem;border:none;background:#863bff;color:white;cursor:pointer;font-weight:600" ' +
            'onclick="sessionStorage.clear();location.reload()">Refresh site</button></div>';
        }
        function retry() {
          if (sessionStorage.getItem(KEY)) return promptRefresh();
          sessionStorage.setItem(KEY, '1');
          var u = location.pathname || '/';
          location.replace(u + (u.indexOf('?') >= 0 ? '&' : '?') + 'nocache=' + Date.now());
        }
        function attach() {
          var el = document.querySelector('script[type="module"][src]');
          if (!el) return;
          el.addEventListener('error', function () {
            retry();
          });
          // During deploys, missing hashed bundles can return index.html with a JS
          // content-type — the error event may not fire, so sniff the response.
          fetch(el.src, { cache: 'no-store' })
            .then(function (res) {
              return res.text().then(function (body) {
                if (body.trim().charAt(0) === '<') retry();
              });
            })
            .catch(function () {
              retry();
            });
        }
        if (document.readyState === 'loading') {
          document.addEventListener('DOMContentLoaded', attach);
        } else {
          attach();
        }
        window.setTimeout(function () {
          var root = document.getElementById('root');
          if (root && !root.childNodes.length && !sessionStorage.getItem(KEY)) {
            retry();
          }
        }, 4000);
      })();
    </script>
  </body>
</html>
