<!doctype html>
<html lang="pt-BR">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
		<link rel="alternate icon" type="image/png" href="/og-image.png" />

		<!-- DIAGNÓSTICO 2026-10-20: captura erros globais e unhandledrejection
		     ANTES do app montar. O Svelte 4 congela a reatividade de todo o app
		     quando uma exceção escapa de um flush (o flag update_scheduled fica
		     travado em true) — o sintoma é a UI travar sem erro no console.
		     Este trap registra o erro em window.__errs e sessionStorage. -->
		<script>
			window.__errs = [];
			(function () {
				function trap(kind, detail) {
					try {
						window.__errs.push({
							kind: kind,
							detail: String(detail).slice(0, 600),
							stack: String(new Error().stack || "").slice(0, 900),
							t: Date.now()
						});
						sessionStorage.setItem("__errs", JSON.stringify(window.__errs.slice(-12)));
					} catch (e) {}
				}
				window.addEventListener("error", function (e) {
					trap("error", (e.message || "") + " @ " + (e.filename || "") + ":" + (e.lineno || ""));
				});
				window.addEventListener("unhandledrejection", function (e) {
					var r = e.reason;
					trap("unhandledrejection", (r && (r.stack || r.message)) || r);
				});
			})();
		</script>

		<!-- D7.7.8: Content-Security-Policy — upgrade insecure requests + HSTS -->
		<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
		<meta name="build" content="2026-10-17-16-51" />
		<title>StudyingPlay - Learn Languages Through Space Exploration</title>

		<!-- FontAwesome Free CDN for icons -->
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
			integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
			crossorigin="anonymous" referrerpolicy="no-referrer" />

		<!-- WCAG contrast fixes (bypasses Tailwind JIT cache) -->
		<style>
			#app .text-neon-purple { color: #A855F7 !important; }
			#app .text-neon-purple\/50 { color: #A855F780 !important; }
			#app .text-neon-purple\/80 { color: #A855F7CC !important; }
			#app .bg-neon-purple { background-color: #9333EA !important; }
			#app .bg-neon-purple\/20 { background-color: #9333EA33 !important; }
			#app .bg-neon-purple\/50 { background-color: #9333EA80 !important; }
			#app .border-neon-purple { border-color: #A855F7 !important; }
			#app .border-neon-purple\/30 { border-color: #A855F74D !important; }
			#app .border-neon-purple\/50 { border-color: #A855F780 !important; }
			#app .hover\:text-neon-purple:hover { color: #A855F7 !important; }
			#app .hover\:bg-neon-purple:hover { background-color: #9333EA !important; }
			#app .hover\:border-neon-purple:hover { border-color: #A855F7 !important; }
			#app .from-neon-purple { --tw-gradient-from: #9333EA !important; }
			#app .to-neon-purple { --tw-gradient-to: #A855F7 !important; }
			#app .bg-neon-purple\/20.text-neon-purple,
			#app .bg-neon-purple\/20 .text-neon-purple { color: #C084FC !important; }
			#app .border-neon-purple\/50.text-neon-purple { color: #C084FC !important; }
		</style>

		<!-- P0 FIX 2026-10-06 R21: aggressive watermark hiding (extended selectors) -->
		<style>
/* FORCE HIDE watermark - aggressive override */
iframe[src*="mcode"],
iframe[name*="watermark"],
iframe[id*="watermark"],
div[id*="watermark"],
div[class*="watermark"],
div[class*="badge"][class*="agent"],
[class*="agent-badge"],
[data-watermark],
[aria-label*="Created by"],
[aria-label*="MiniMax"],
div[style*="position: fixed"][style*="bottom"]:has(> span),
div[class*="created-by"],
div[id*="created-by"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -99999 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}
		</style>
		<script type="module" crossorigin src="/assets/index-BeSMxsUk.js"></script>
		<link rel="modulepreload" crossorigin href="/assets/vendor-svelte-DMAWvm_B.js">
		<link rel="modulepreload" crossorigin href="/assets/i18n-pt_br-wu3KrlpY.js">
		<link rel="modulepreload" crossorigin href="/assets/i18n-core-DUiMwGkI.js">
		<link rel="modulepreload" crossorigin href="/assets/constants-CChZD4xu.js">
		<link rel="modulepreload" crossorigin href="/assets/page-store-C0J9ZzM9.js">
		<link rel="modulepreload" crossorigin href="/assets/page-landing-C1KAAHXk.js">
		<link rel="modulepreload" crossorigin href="/assets/page-settings-BtQ3GyOg.js">
		<link rel="modulepreload" crossorigin href="/assets/page-courses-_wrUXzIt.js">
		<link rel="modulepreload" crossorigin href="/assets/page-lessons-iV2-Xcs2.js">
		<link rel="stylesheet" crossorigin href="/assets/page-store-BvMV8S2I.css">
		<link rel="stylesheet" crossorigin href="/assets/page-courses-CDWFDCiK.css">
		<link rel="stylesheet" crossorigin href="/assets/page-lessons-BPiEmQmg.css">
		<link rel="stylesheet" crossorigin href="/assets/index-C_A7MP9q.css">
	</head>
	<body>
		<div id="app"></div>
	</body>
</html>