#loader-container #loader-overlay {
    position: fixed; 
    inset: 0; 
    background: var(--color-paper);
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    z-index: 1000;
    transition: opacity 1s ease-out;
}

#loader-container .loader-spinner { 
    width: 40px; 
    height: 40px; 
    border: 3px solid #eee; 
    border-top-color: var(--primary-green); 
    border-radius: 50%; 
    animation: spin 0.8s linear infinite; 
}

@keyframes spin { 
    100% { transform: rotate(360deg); } 
}

#loader-container .loader-text {
    font-size: 0.95rem; 
    letter-spacing: 1px; 
    margin-top: 15px; 
    font-style: italic;
    color: var(--text-dark, #333);
}