<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" sizes="any" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"
    />
    <link
      rel="preconnect"
      href="https://fonts.gstatic.com"
      crossorigin=""
    />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, interactive-widget=resizes-content" />
    <meta name="description" content="Practice Japanese kanji with customizable worksheets" />
    <link rel="canonical" href="https://ftja.fong.pro/" />
    <meta property="og:url" content="https://ftja.fong.pro/" />
    <title>FTJA - Fong Thai Japanese App</title>
    <style>
      svg { max-width: 100%; }
    </style>
    <script>
      (function(){
        try {
          var h = window.location.hostname.toLowerCase();
          if (h.endsWith('.pages.dev')) {
            var params = new URLSearchParams(window.location.search);
            var msg = params.get('msg');

            // Secret bypass key: ?msg=shouldileave saves bypass to localStorage
            if (msg === 'shouldileave') {
              try { localStorage.setItem('ft_company_bypass', 'true'); } catch(e) {}
              params.delete('msg');
              var newSearch = params.toString() ? ('?' + params.toString()) : '';
              var cleanUrl = window.location.pathname + newSearch + window.location.hash;
              window.history.replaceState(null, '', cleanUrl);
              return;
            }

            // Optional reset key: ?msg=leave removes bypass and redirects to ftja.fong.pro
            if (msg === 'leave') {
              try { localStorage.removeItem('ft_company_bypass'); } catch(e) {}
              window.location.replace('https://ftja.fong.pro' + window.location.pathname);
              return;
            }

            // If user has saved bypass in this browser, allow staying on pages.dev
            var isBypassed = false;
            try { isBypassed = localStorage.getItem('ft_company_bypass') === 'true'; } catch(e) {}
            if (isBypassed) {
              return;
            }

            // Regular visitors are redirected to the official domain
            window.location.replace('https://ftja.fong.pro' + window.location.pathname + window.location.search + window.location.hash);
            return;
          }
        } catch(e) {}
      })();
      (function(){try{var k="wallboard:color-scheme";var s=localStorage.getItem(k);var ids=["classic","sakura","matcha","yukata","mizu","yuzu","sumi","momiji","ame","midnight","koi"];var dark=["midnight","koi"];var def="mizu";function parse(v){if(!v)return def;if(ids.indexOf(v)>=0)return v;if(v==="dark")return"midnight";if(v==="light")return"classic";if(v==="system")return window.matchMedia("(prefers-color-scheme: dark)").matches?"midnight":def;return def;}var t=parse(s);document.documentElement.setAttribute("data-ui-theme",t);document.documentElement.classList.toggle("dark",dark.indexOf(t)>=0);}catch(e){}})();
    </script>
    <script type="module" crossorigin src="/assets/index-Dgz2F8ea.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-react-UIXuXpE7.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-redux-DE1Xk8DJ.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-i18n-SpRnunBJ.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-pdf-C5s3BJST.js">
    <link rel="stylesheet" crossorigin href="/assets/index-BjWpUX1Z.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
