matchMedia("(prefers-color-scheme: dark)").addEventListener('change', e => {
            const newColorScheme = e.matches ? "dark" : "light";
            document.documentElement.setAttribute("data-theme", newColorScheme);
            updateLogo(newColorScheme);
            
            loadCategories();
        });

        window.addEventListener('DOMContentLoaded', setTheme);
    </script>
</head>
<body>
    <div id="loaderOverlay" class="loader-overlay"></div>
    <div id="loader" class="loader"></div>
