body {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-color: #000;
            color: white;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            margin: 0;
            padding: 0;
        }

        .carousel-item img {
            object-fit: contain;
            width: 100%;
            height: 100%;
            max-width: 100%;
            max-height: 100%;
            border-radius: 1rem;
        }

        .navbar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background-color: #000;
            border-bottom: 2px solid #3b82f6;
            z-index: 50;
            padding: 0.5rem;
        }

        .navbar .flex-1 a {
            color: white;
            font-size: 1.25rem;
            font-weight: bold;
        }

        .gallery-container {
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #000;
        }

        .carousel {
            width: 100%;
            height: 100%;
        }

        .carousel-item {
            position: relative;
        }

        .carousel-item .absolute {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 1rem;
            color: white;
            background-color: rgba(0, 0, 0, 0.6);
            width: 100%;
        }

        .carousel-item h2 {
            font-size: 1.25rem;
            font-weight: bold;
        }

        .carousel-item p {
            font-size: 0.875rem;
        }

        /* Like Button */
        .like-btn {
            position: absolute;
            bottom: 20px;
            right: 20px;
            width: 60px;
            height: 60px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            background-color: rgba(0, 0, 0, 0.7);
            transition: background-color 0.3s ease, color 0.3s ease;
            cursor: pointer;
        }

        .like-btn:hover {
            background-color: #38a169;
            color: white;
        }

        .like-btn svg {
            width: 30px;
            height: 30px;
            fill: white;
        }

        .like-count {
            color: white;
            font-weight: bold;
            font-size: 12px;
        }

        /* Heart emoji animation styles */
        .heart-animation {
            position: absolute;
            font-size: 48px;
            color: #ff4c4c;
            z-index: 100;
            animation: heartPop 1s ease-in-out forwards;
        }

        @keyframes heartPop {
            0% {
                transform: scale(0);
                opacity: 1;
            }
            50% {
                transform: scale(3);
            }
            100% {
                transform: scale(0);
                opacity: 0;
            }
        }