.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .material-symbols-outlined.fill {
            font-variation-settings: 'FILL' 1;
        }
        
        /* Hex Pattern Background */
        body {
            background-color: #0d1515;
            background-image: 
                linear-gradient(to right, rgba(0, 219, 231, 0.03) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(0, 219, 231, 0.03) 1px, transparent 1px);
            background-size: 32px 32px;
            overflow: hidden;
        }

        /* Glass Panel Base */
        .glass-panel {
            background: rgba(30, 41, 59, 0.4);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(0, 219, 231, 0.2);
            position: relative;
        }
        
        .glass-panel::before {
            content: '';
            position: absolute;
            top: 0; left: 0;
            width: 8px; height: 1px;
            background: rgba(0, 219, 231, 0.8);
        }
        .glass-panel::after {
            content: '';
            position: absolute;
            top: 0; left: 0;
            width: 1px; height: 8px;
            background: rgba(0, 219, 231, 0.8);
        }

        /* Physical Switch Styling */
        .toggle-switch {
            width: 48px;
            height: 24px;
            background: #192122;
            border-radius: 12px;
            border: 1px solid rgba(0, 219, 231, 0.3);
            position: relative;
            box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);
            cursor: pointer;
        }
        .toggle-switch::after {
            content: '';
            position: absolute;
            top: 2px;
            left: 2px;
            width: 18px;
            height: 18px;
            background: #2e3637;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, 0.1);
            box-shadow: 0 2px 4px rgba(0,0,0,0.4);
            transition: all 0.2s ease;
        }
        .toggle-switch.active {
            background: rgba(0, 219, 231, 0.2);
            border-color: rgba(0, 219, 231, 0.6);
        }
        .toggle-switch.active::after {
            left: 26px;
            background: #00dbe7;
            box-shadow: 0 0 10px rgba(0, 219, 231, 0.8);
        }
        .toggle-switch.warning.active {
            background: rgba(254, 148, 0, 0.2);
            border-color: rgba(254, 148, 0, 0.6);
        }
        .toggle-switch.warning.active::after {
            background: #fe9400;
            box-shadow: 0 0 10px rgba(254, 148, 0, 0.8);
        }

        /* Glitch Flicker */
        @keyframes glitch-flicker-animation {
            0% { opacity: 1; }
            2% { opacity: 0.8; }
            4% { opacity: 1; }
            19% { opacity: 1; }
            21% { opacity: 0.5; }
            23% { opacity: 1; }
            80% { opacity: 1; }
            83% { opacity: 0.2; }
            87% { opacity: 1; }
            100% { opacity: 1; }
        }
        .glitch-flicker-animation {
            animation: glitch-flicker-animation 5s infinite;
        }

        /* Reticle Pulse */
        @keyframes pulseReticle {
            0% { transform: scale(1); opacity: 0.8; }
            50% { transform: scale(1.05); opacity: 1; box-shadow: 0 0 20px rgba(0, 242, 255, 0.4); }
            100% { transform: scale(1); opacity: 0.8; }
        }
        .reticle-active {
            animation: pulseReticle 2s infinite ease-in-out;
        }