body { 
    font-family: 'Pretendard', sans-serif; 
}

.gen-card { 
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
    filter: grayscale(100%); 
    opacity: 0.3; 
    border: 2px solid transparent; 
}

.dark .gen-card {
    opacity: 0.2;
}

.gen-card.active { 
    filter: grayscale(0%); 
    opacity: 1; 
    transform: scale(1.05); 
    border-color: inherit; 
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1); 
    z-index: 10; 
}

.dark .gen-card.active {
    opacity: 1;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.3);
}