<!doctype html>
<html lang="en" data-theme="berry-blood">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>BerryBlushy TTS Voices</title>

    <meta property="og:title" content="BerryBlushy TTS Voices" />
    <meta
      property="og:description"
      content="Preview all of the cursed little voices available for Berry's streams. Feed the Baby Bats responsibly."
    />
    <meta
      property="og:image"
      content="https://berryblushy.com/icons/berry.webp"
    />
    <meta property="og:url" content="https://berryscoffin.com/" />
    <meta property="og:type" content="website" />

    <meta name="theme-color" content="#8b1a5a" />

    <style>
      html {
        background-color: #08050a;
        color-scheme: dark;
      }

      body {
        background-color: #08050a;
      }
    </style>

    <script>
      (() => {
        const THEME_KEY = "berry-tts-theme";

        try {
          const stored = localStorage.getItem(THEME_KEY);

          const theme =
            stored === "berry-blood" || stored === "midnight-blush"
              ? stored
              : "berry-blood";

          document.documentElement.setAttribute("data-theme", theme);
        } catch {
          document.documentElement.setAttribute(
            "data-theme",
            "berry-blood"
          );
        }
      })();
    </script>

    <link rel="preconnect" href="https://fonts.cdnfonts.com" crossorigin />
    <link
      rel="stylesheet"
      href="https://fonts.cdnfonts.com/css/expressway"
    />

    <script type="module" crossorigin src="/assets/index-C7s_RXVu.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-Z2o997Cs.js">
    <link rel="stylesheet" crossorigin href="/assets/index-1S6_St14.css">
  </head>

  <body>
    <div id="app"></div>

  </body>
</html>
