.photo-stack {
    perspective: 1000px;
}

.photo-card {
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    position: absolute;
    width: 100%;
    cursor: grab;
}

.photo-card.swiping {
    transition: none;
    cursor: grabbing;
}

.photo-card.swipe-left {
    transform: translateX(-150%) rotate(-30deg);
    opacity: 0;
}

.photo-card.swipe-right {
    transform: translateX(150%) rotate(30deg);
    opacity: 0;
}

.photo-card.swipe-up {
    transform: translateY(-150%) scale(0.5);
    opacity: 0;
}

.action-buttons {
    filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07));
}