index.html

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <meta name="theme-color" content="#f5f1ea" />
    <meta name="description" content="아이들을 위한 암산(mathemagics) 인터랙티브 학습" />
    <!-- Vite 가 base('/mathemagics-interactive/')를 붙여 준다. -->
    <link rel="icon" type="image/svg+xml" href="/icon.svg" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <!-- Pretendard Variable(CDN, font-display:swap) — M7 타이포그래피.
         한글+영문 한 가족. 미설치/오프라인 시 시스템 한글 폰트로 우아하게 전환(_tokens.css 폴백). -->
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css"
    />
    <title>Mathemagics Interactive</title>
    <script>
      // Prevent flash-of-wrong-theme: apply stored theme before CSS loads
      (function () {
        try {
          var t = localStorage.getItem('mathemagics.theme');
          if (t === 'dark') document.documentElement.setAttribute('data-theme', 'dark');
        } catch (e) {}
      })();
    </script>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>