/* 1. Core Variable Overrides */
:root {
    --bg-base: #03030a;
    /* Switched to solid, darker colors to replace the need for blurred transparency */
    --bg-surface: #0a0a15; 
    --bg-element: #141424;
    
    --accent-glow: #00f0ff; 
    --text-main: #e0e6ff;
}

/* 2. Static Space Background */
body, .main-content {
    background-color: var(--bg-base) !important;
    
    /* Stripped down to just one faint nebula and two simple star tile layers */
    background-image: 
        radial-gradient(circle at 20% 30%, rgba(76, 29, 149, 0.08), transparent 50%),
        radial-gradient(1px 1px at 40px 50px, rgba(255, 255, 255, 0.6), transparent),
        radial-gradient(1.5px 1.5px at 120px 180px, rgba(255, 255, 255, 0.4), transparent) !important;
    
    background-repeat: repeat !important;
    background-size: 100% 100%, 200px 200px, 200px 200px !important;
    
    /* GPU-heavy animation completely removed */
}

/* 3. Standard UI Panels (No Blur) */
.sidebar, .player-bar, .modal-window {
    /* Removed expensive backdrop-filter and -webkit-backdrop-filter */
    background: var(--bg-surface) !important; 
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
    
    /* Simplified the box-shadow to a basic edge drop */
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.5) !important;
}

/* 4. Accent Elements */
.progress-bar-fill, .toggle-switch.active {
    background-color: var(--accent-glow) !important;
    /* Keeping a very small glow effect only on tiny elements */
    box-shadow: 0 0 8px rgba(0, 240, 255, 0.3) !important; 
}