feat: add LMS web client

public/splash.html

@@ -0,0 +1,88 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="UTF-8" />
+  <style>
+    html,
+    body {
+      margin: 0;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+      background: #07111f;
+      font-family: NanumSquare, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    }
+
+    .splash {
+      position: relative;
+      width: 100vw;
+      height: 100vh;
+      background: radial-gradient(circle at 50% 35%, #11243e 0%, #07111f 54%, #03070d 100%);
+      -webkit-app-region: drag;
+    }
+
+    .splash-image {
+      position: absolute;
+      inset: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      user-select: none;
+      -webkit-user-drag: none;
+    }
+
+    .fallback-title {
+      position: absolute;
+      top: 45%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      color: #4d5d76;
+      text-shadow: 0 1px 12px rgba(255, 255, 255, 0.28);
+      font-size: 28px;
+      font-weight: 800;
+      letter-spacing: 6px;
+    }
+
+    .loading {
+      position: absolute;
+      right: 26px;
+      bottom: 20px;
+      color: #64738a;
+      text-shadow: 0 1px 10px rgba(255, 255, 255, 0.24);
+      font-size: 12px;
+      font-weight: 400;
+      letter-spacing: 0.3px;
+    }
+
+    .copyright {
+      position: absolute;
+      bottom: 20px;
+      left: 20px;
+      color: #7a8495;
+      text-shadow: 0 1px 8px rgba(255, 255, 255, 0.2);
+      font-size: 11px;
+      font-weight: 400;
+      letter-spacing: 0.2px;
+    }
+  </style>
+</head>
+<body>
+  <div class="splash">
+    <div class="fallback-title">LMS</div>
+    <img class="splash-image" id="splash-image" alt="" />
+    <div class="copyright">© 2026 Autonomy Studio. All rights reserved.</div>
+    <div class="loading" id="loading-text">학습 환경 준비 중...</div>
+  </div>
+
+  <script>
+    document.getElementById('splash-image').src = './assets/splash.png'
+
+    const el = document.getElementById('loading-text')
+    window.setSplashStatus = (message) => {
+      if (typeof message === 'string' && message.trim()) {
+        el.textContent = message
+      }
+    }
+  </script>
+</body>
+</html>