/* Custom Styles */
        .twitter-downloader-container {
            font-family: 'Cardo', serif;
            max-width: 800px;
            margin: 0 auto;
        }
        
        .input-field {
            transition: all 0.3s ease;
            border: 2px solid #e5e7eb;
        }
        
        .input-field:focus {
            border-color: #1da1f2;
            box-shadow: 0 0 0 3px rgba(29, 161, 242, 0.1);
        }
        
        .btn-primary {
            background-color: #1da1f2;
            transition: all 0.3s ease;
        }
        
        .btn-primary:hover {
            background-color: #1a91da;
            transform: translateY(-2px);
        }
        
        .btn-quality {
            transition: all 0.3s ease;
            background-color: #ffffff;
            border: 2px solid #e5e7eb;
            color: #333;
        }
        
        .btn-quality:hover {
            border-color: #1da1f2;
            box-shadow: 0 4px 12px rgba(29, 161, 242, 0.15);
            transform: translateY(-2px);
        }
        
        .btn-quality.selected {
            background-color: #1da1f2;
            border-color: #1da1f2;
            color: white;
        }
        
        .fade-in {
            animation: fadeIn 0.5s ease-in-out;
        }
        
        .slide-down {
            animation: slideDown 0.5s ease-in-out;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes slideDown {
            from { transform: translateY(-20px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }
        
        .loading-dots {
            display: inline-block;
            position: relative;
            width: 80px;
            height: 80px;
        }
        
        .loading-dots div {
            position: absolute;
            top: 33px;
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background: #1da1f2;
            animation-timing-function: cubic-bezier(0, 1, 1, 0);
        }
        
        .loading-dots div:nth-child(1) {
            left: 8px;
            animation: loading-dots1 0.6s infinite;
        }
        
        .loading-dots div:nth-child(2) {
            left: 8px;
            animation: loading-dots2 0.6s infinite;
        }
        
        .loading-dots div:nth-child(3) {
            left: 32px;
            animation: loading-dots2 0.6s infinite;
        }
        
        .loading-dots div:nth-child(4) {
            left: 56px;
            animation: loading-dots3 0.6s infinite;
        }
        
        @keyframes loading-dots1 {
            0% { transform: scale(0); }
            100% { transform: scale(1); }
        }
        
        @keyframes loading-dots3 {
            0% { transform: scale(1); }
            100% { transform: scale(0); }
        }
        
        @keyframes loading-dots2 {
            0% { transform: translate(0, 0); }
            100% { transform: translate(24px, 0); }
        }
        
        .video-container {
            width: 100%;
            position: relative;
            background: #000;
        }
        
        .video-js {
            width: 100% !important;
            height: 100% !important;
        }
        
        @media (max-width: 640px) {
            .video-container {
                height: 250px;
            }
        }
        
        @media (min-width: 641px) and (max-width: 1024px) {
            .video-container {
                height: 400px;
            }
        }
        
        @media (min-width: 1025px) {
            .video-container {
                height: 450px;
            }
        }
        
        .vjs-tech {
            object-fit: contain;
            width: 100%;
            height: 100%;
        }
        
        .quality-card {
            transition: all 0.3s ease;
            border: 2px solid #e5e7eb;
        }
        
        .quality-card:hover {
            border-color: #1da1f2;
            box-shadow: 0 8px 16px rgba(29, 161, 242, 0.1);
        }
        
        .download-success-notification {
            animation: slideInRight 0.5s ease-out;
        }
        
        @keyframes slideInRight {
            from {
                transform: translateX(100%);
                opacity: 0;
            }
            to {
                transform: translateX(0);
                opacity: 1;
            }
        }
        
        .custom-scrollbar ::-webkit-scrollbar {
            width: 8px;
        }
        
        .custom-scrollbar ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        
        .custom-scrollbar ::-webkit-scrollbar-thumb {
            background: #c1c1c1;
        }
        
        .custom-scrollbar ::-webkit-scrollbar-thumb:hover {
            background: #a8a8a8;
        }