(function() { // Inject initial loader before React hydrates const loaderHTML = `

ZAPNIO

`; // Apply light/dark mode try { const stored = localStorage.getItem('zapnio-theme'); if (stored) { const theme = JSON.parse(stored).state.theme; document.documentElement.classList.add(theme); document.documentElement.style.colorScheme = theme; } } catch (e) {} // Apply color theme try { const savedColorTheme = localStorage.getItem('zapnio-selected-theme'); if (savedColorTheme) { // This will be applied by ThemeProvider, but we set a flag to prevent flash document.documentElement.setAttribute('data-color-theme-loading', 'true'); } } catch (e) {} // Inject loader when DOM is ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { document.body.insertAdjacentHTML('afterbegin', loaderHTML); }); } else { document.body.insertAdjacentHTML('afterbegin', loaderHTML); } // Hide initial loader when page is ready window.addEventListener('load', function() { setTimeout(function() { const loader = document.getElementById('initial-loader'); if (loader) { loader.classList.add('hidden'); } }, 100); }); })();