.nav-icon { 
    opacity: 0.5; 
    transition: opacity 0.2s; 
}

.dark .nav-icon { 
    opacity: 0.6; 
}

.nav-icon-active { 
    opacity: 1;
}

.dark .nav-icon-active {
    opacity: 1;
}

.nav-item:hover .nav-icon { 
    opacity: 0.7; 
}

.bottom-nav { 
    padding-bottom: env(safe-area-inset-bottom, 0); 
}