fix: replace Tailwind CDN with locally compiled stylesheet

hyperpolymath · claude · hyperpolymath · commit de26094976ff · 2026-02-28T14:12:51.000Z
The CDN script tag required network access at runtime and was unpinned.
The local build pipeline (tailwind.config.js + input.css → styles.css)
was already set up but unused. Now index.html links the compiled output.

Co-Authored-By: Claude Opus 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/public/index.html b/public/index.html
@@ -5,42 +5,16 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>PanLL - eNSAID (Environment for NeSy-Agentic Integrated Development)</title>
 
-  <!-- Tailwind CSS CDN for styling -->
-  <script src="https://cdn.tailwindcss.com"></script>
+  <!-- Compiled Tailwind CSS (built from src/styles/input.css via tailwind.config.js) -->
+  <link rel="stylesheet" href="styles.css">
 
   <style>
-    body {
-      margin: 0;
-      padding: 0;
-      font-family: system-ui, -apple-system, sans-serif;
-      background: #111827; /* gray-900 */
-      color: #f9fafb; /* gray-50 */
-    }
-
+    /* App mount container — not part of Tailwind, needed before stylesheet loads */
     #app {
       width: 100vw;
       height: 100vh;
       overflow: hidden;
     }
-
-    /* Custom scrollbar for dark theme */
-    ::-webkit-scrollbar {
-      width: 8px;
-      height: 8px;
-    }
-
-    ::-webkit-scrollbar-track {
-      background: #1f2937; /* gray-800 */
-    }
-
-    ::-webkit-scrollbar-thumb {
-      background: #4b5563; /* gray-600 */
-      border-radius: 4px;
-    }
-
-    ::-webkit-scrollbar-thumb:hover {
-      background: #6b7280; /* gray-500 */
-    }
   </style>
 </head>
 <body>
