* {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
    user-select: none; 
}

html.light .fixed.inset-0 {
    background-color: #f0f4f8 !important;
}

/* Custom Thin Scrollbar */
.scrollbar::-webkit-scrollbar {
	width: 6px;
}
.scrollbar::-webkit-scrollbar-track {
	background: transparent;
}
.scrollbar::-webkit-scrollbar-thumb {
	background: #2563eb; /* indigo-600 */
	border-radius: 10px;
}
.dark .scrollbarn::-webkit-scrollbar-thumb {
	background: #2563eb; /* indigo-900 */
}

     @import url('https://fonts.googleapis.com/css2?family=Cascadia+Code&family=Segoe+UI:wght@400;600;700&display=swap');
        :root {
            /* Dark Mode Defaults */
            --bg-main: #0c0c0c;
            --bg-nav: rgba(12, 12, 12, 0.9);
            --bg-card: #161616;
            --text-main: #ffffff;
            --text-muted: rgba(255, 255, 255, 0.4);
            --border-color: rgba(255, 255, 255, 0.1);
        }

        .light-mode {
            /* Light Mode Palette */
            --bg-main: #f4f4f5;
            --bg-nav: rgba(244, 244, 245, 0.9);
            --bg-card: #ffffff;
            --text-main: #18181b;
            --text-muted: #71717a;
            --border-color: rgba(0, 0, 0, 0.1);
        }

        body { 
            font-family: 'Segoe UI', sans-serif; 
            background-color: var(--bg-main) !important;
            color: var(--text-main) !important;
            transition: background-color 0.3s ease, color 0.3s ease; 
        }

        .font-mono { font-family: 'Cascadia Code', monospace; }

        /* Custom Helpers to map variables */
        .dynamic-text { color: var(--text-main); }
        .dynamic-muted { color: var(--text-muted); }
        .dynamic-card { background-color: var(--bg-card); }
        .dynamic-border { border-color: var(--border-color); }

        .acrylic {
            backdrop-filter: blur(20px) saturate(180%);
            -webkit-backdrop-filter: blur(20px) saturate(180%);
        }
        
        .dark .acrylic { background: rgba(30, 30, 30, 0.7); border: 1px solid rgba(255, 255, 255, 0.1); }
        .light-mode .acrylic { background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(0, 0, 0, 0.05); }

        .win-shadow { box-shadow: 0 8px 32px rgba(0,0,0,0.2); }
        
        /* CRT Scanline Effect */
#system-loader {
    /* Solid black background */
    background-color: #000;
    
    /* Optional: A very soft, static RGB glow without lines */
    background-image: linear-gradient(
        90deg, 
        rgba(255, 0, 0, 0.02), 
        rgba(0, 255, 0, 0.01), 
        rgba(0, 0, 255, 0.02)
    );
    
    /* Ensure it covers the whole screen */
    background-size: 100% 100%;
}

        #system-loader::after {
            content: " ";
            display: block;
            position: absolute;
            top: 0; left: 0; bottom: 0; right: 0;
            background: rgba(18, 16, 16, 0.1);
            opacity: 0;
            z-index: 2;
            pointer-events: none;
            animation: flicker 0.15s infinite;
        }

        @keyframes flicker {
            0% { opacity: 0.27; }
            5% { opacity: 0.34; }
            100% { opacity: 0.1; }
        }

        /* Hide scrollbars but keep functionality */
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
		
		/* Add this to your styles */