<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
    <!--SEO_META_TAGS-->
    <script>
      (function() {
        try {
          var applyTheme = function() {
            var stored = localStorage.getItem('theme');
            var isDark = stored === 'dark' || (!stored && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches);
            if (isDark) {
              document.documentElement.classList.add('dark');
              document.documentElement.classList.remove('light');
              document.documentElement.setAttribute('data-theme', 'dark');
            } else {
              document.documentElement.classList.remove('dark');
              if (stored === 'light') document.documentElement.classList.add('light');
              document.documentElement.setAttribute('data-theme', 'light');
            }
          };
          applyTheme();
          if (window.matchMedia) {
            var mq = window.matchMedia('(prefers-color-scheme: dark)');
            if (mq.addEventListener) {
              mq.addEventListener('change', applyTheme);
            } else if (mq.addListener) {
              mq.addListener(applyTheme);
            }
          }
        } catch (_) {}
      })();
    </script>
    <link rel="icon" type="image/x-icon" sizes="48x48" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png" />
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png" />
    <link rel="icon" type="image/png" sizes="144x144" href="/favicon-144x144.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png" />
    <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="shortcut icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="manifest" href="/site.webmanifest" />
    <link rel="search" type="application/opensearchdescription+xml" title="Search" href="/opensearch.xml" />
    <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/rss.xml" />
    <!--INITIAL_DATA_SCRIPT-->
    <script type="module" crossorigin src="/assets/index-Dpkar48Z.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-core-D-JSVSdl.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-firebase-d8EHHuCP.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-motion-DU328-aH.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-icons-pkaxq6Rf.js">
    <link rel="modulepreload" crossorigin href="/assets/catalog-data-CcIF1QBM.js">
    <link rel="stylesheet" crossorigin href="/assets/style-Cm8dGKG1.css">
  </head>
  <body class="bg-white dark:bg-[#090d16] text-zinc-900 dark:text-slate-100 antialiased selection:bg-emerald-500/20 selection:text-emerald-700">
    <div id="root"><!--SSR_OUTLET--></div>
  </body>
</html>
