diff --git a/internal/webapp/static/app.js b/internal/webapp/static/app.js
index e9ba8c4..def8459 100644
--- a/internal/webapp/static/app.js
+++ b/internal/webapp/static/app.js
@@ -527,3 +527,6 @@ document.querySelectorAll(".lang-btn").forEach((btn) => {
 window.renderAuth = renderAuth;
 window.setLanguage = setLanguage;
 renderAuth();
+requestAnimationFrame(() => {
+  document.documentElement.classList.add("is-ready");
+});
diff --git a/internal/webapp/static/index.html b/internal/webapp/static/index.html
index 5eb93f0..87e37db 100644
--- a/internal/webapp/static/index.html
+++ b/internal/webapp/static/index.html
@@ -5,6 +5,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Tutor Platform</title>
     <link rel="stylesheet" href="/assets/styles.css" />
+    <style>
+      html { opacity: 0; transition: opacity 0.15s ease; }
+      html.is-ready { opacity: 1; }
+      #workspace-view { display: none; }
+    </style>
   </head>
   <body>
     <script>
