/* Base Dark Theme Overrides */
body { background-color: #0b1120; color: #e2e8f0; }

/* Sci-Fi Grid Background */
.bg-grid {
    background-size: 40px 40px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
}

/* Glassmorphism */
.glass {
    background: rgba(30, 41, 59, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Neon Glows */
.glow-text { text-shadow: 0 0 10px rgba(34, 211, 238, 0.5); }
.glow-box { box-shadow: 0 0 20px rgba(6, 182, 212, 0.15); }

/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }

/* Range Slider */
input[type=range] {
    -webkit-appearance: none;
    background: transparent;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 16px; width: 16px;
    border-radius: 50%;
    background: #22d3ee;
    margin-top: -6px;
    cursor: pointer;
    box-shadow: 0 0 10px #22d3ee;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%; height: 4px;
    cursor: pointer;
    background: #334155;
    border-radius: 2px;
}

/* Animations */
@keyframes pulse-cyan {
    0%, 100% { box-shadow: 0 0 0 0 rgba(34, 211, 238, 0.4); border-color: #22d3ee; }
    50% { box-shadow: 0 0 15px rgba(34, 211, 238, 0.1); border-color: #06b6d4; }
}
.active-memory { animation: pulse-cyan 2s infinite; }

@keyframes scanline {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(100%); }
}
.scanline::after {
    content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 20%;
    background: linear-gradient(to bottom, transparent, rgba(34, 211, 238, 0.1), transparent);
    animation: scanline 3s linear infinite; pointer-events: none;
}