body, html {
            height: 100%;
            margin: 0;
            background-color: #000;
            color: white;
            overflow: hidden;
        }

        /* Video Background Simulation */
        .video-container {
            position: relative;
            height: 100vh;
            width: 100%;
          /*  background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), 
                        url('https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&q=80&w=1000');*/
            background-size: cover;
            background-position: center;
        }

        /* Top Overlay Controls */
        .top-controls {
            position: absolute;
            top: 20px;
            width: 100%;
            padding: 0 20px;
            display: flex;
            justify-content: space-between;
            z-index: 10;
        }

        /* Glassmorphism Panels */
        .glass-panel {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            padding: 10px 15px;
            border: 1px solid rgba(255,255,255,0.1);
        }

        /* Progress Bar Section (Left) */
        .collection-status {
            width: 250px;
            font-size: 0.8rem;
        }
        .custom-progress {
            height: 6px;
            background: rgba(255,255,255,0.2);
            border-radius: 3px;
        }
        .progress-fill {
            width: 30%;
            height: 100%;
            background: #ffc107;
            border-radius: 3px;
            box-shadow: 0 0 10px #ffc107;
        }

        /* Gift Grid (Right Overlay) */
        .gift-panel {
            position: absolute;
            right: 20px;
            top: 130px;
            width: 220px;
            max-height: 450px;
            overflow-y: auto;
            background: rgba(0, 0, 0, 0.6);
            border-radius: 15px;
            padding: 15px;
        }
        .gift-item {
            text-align: center;
            margin-bottom: 15px;
            cursor: pointer;
            transition: transform 0.2s;
        }
        .gift-item:hover { transform: scale(1.1); }
        .gift-icon { font-size: 1.5rem; }
        .gift-price { font-size: 0.7rem; color: #ffc107; }

        /* Bottom Chat & Profile */
        .bottom-controls {
            position: absolute;
            bottom: 30px;
            width: 100%;
            padding: 0 30px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .chat-input-wrapper {
            background: rgba(255,255,255,0.15);
            border-radius: 25px;
            padding: 8px 20px;
            width: 300px;
            display: flex;
            align-items: center;
        }
        .chat-input-wrapper input {
            background: transparent;
            border: none;
            color: white;
            width: 100%;
            margin: 0 10px;
        }
        .chat-input-wrapper input:focus { outline: none; }

        .profile-tag {
            background: rgba(0,0,0,0.5);
            border-radius: 30px;
            padding: 5px 15px;
            display: flex;
            align-items: center;
        }
        .profile-img {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            margin-right: 10px;
            border: 2px solid #ff007b;
        }