.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .neo-brutalist-shadow {
            box-shadow: 4px 4px 0px 0px rgba(184, 195, 255, 1);
        }
        .neo-brutalist-shadow-hover:hover {
            transform: translate(-2px, -2px);
            box-shadow: 6px 6px 0px 0px rgba(221, 183, 255, 1);
        }
        .electric-gradient-text {
            background: linear-gradient(90deg, #b8c3ff 0%, #ddb7ff 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .electric-gradient-bg {
            background: linear-gradient(135deg, #2e5bff 0%, #6f00be 100%);
        }
        body {
            background-color: #131313;
            color: #e2e2e2;
            overflow-x: hidden;
        }
        #sidebar-overlay {
            transition: opacity 0.3s ease-in-out;
            pointer-events: none;
            opacity: 0;
        }
        #sidebar-overlay.active {
            pointer-events: auto;
            opacity: 1;
        }
        #sidebar {
            transition: transform 0.3s ease-in-out;
            transform: translateX(100%);
        }
        #sidebar.active {
            transform: translateX(0);
        }