adds 'loaded' class to body */
      body.loaded #loading-spinner {
        display: none;
      }
      /* Ensure root div is hidden initially and takes full space when loaded */
      #root {
        display: none; /* Hidden initially */
        width: 100%;
        height: 100%;
      }
      body.loaded #root {
        display: block; /* Shown when loaded */
      }
    </style>
  </head>
  <body>
    <div id="loading-spinner"></div>
    <div id="root"></div>
    <script type="module" src="/src/main.jsx