Add 1 files

index.html

@@ -61,6 +61,15 @@
         .service-tag.uploadrar::before { background-color: #FF9800; }
         .service-tag.buzzheavier::before { background-color: #9C27B0; }
         .service-tag.pixeldrain::before { background-color: #2196F3; }
+        .service-tag.fastserver::before { background-color: #00BFA5; }
+        .service-tag.hdvietnam::before { background-color: #FF6D00; }
+        .service-tag.olala::before { background-color: #AA00FF; }
+        .service-tag.rutracker::before { background-color: #00C853; }
+        .service-tag.boyvideos::before { background-color: #2962FF; }
+        .service-tag.xbuddy::before { background-color: #D50000; }
+        .service-tag.reddit::before { background-color: #FF5700; }
+        .service-tag.ulozto::before { background-color: #0091EA; }
+        .service-tag.seedr::before { background-color: #00B8D4; }
         
         /* Cute search animation */
         .search-animation {
@@ -149,9 +158,8 @@
                 <input 
                     type="text" 
                     id="searchInput" 
-                    placeholder="Search for files across the entire internet (e.g. 'Floribella ISO')" 
+                    placeholder="Search for files across the entire internet" 
                     class="flex-grow py-3 outline-none text-gray-700"
-                    value="Floribella ISO"
                 >
                 <button id="searchBtn" class="bg-blue-600 text-white px-6 py-3 rounded-full hover:bg-blue-700 transition">
                     <i class="fas fa-bolt mr-2"></i> Search
@@ -183,466 +191,234 @@
                 </button>
             </div>
 
-            <!-- Search Engines Selection -->
-            <div class="mt-6">
-                <div class="text-center mb-2">
-                    <span class="text-sm font-medium text-gray-700">Search Engines:</span>
-                </div>
-                <div class="flex flex-wrap justify-center gap-2">
-                    <div class="flex items-center">
-                        <input type="checkbox" id="google" class="mr-1" checked>
-                        <label for="google" class="text-sm service-tag google">Google</label>
-                    </div>
-                    <div class="flex items-center">
-                        <input type="checkbox" id="yandex" class="mr-1" checked>
-                        <label for="yandex" class="text-sm service-tag yandex">Yandex</label>
-                    </div>
-                    <div class="flex items-center">
-                        <input type="checkbox" id="startpage" class="mr-1" checked>
-                        <label for="startpage" class="text-sm service-tag">Startpage</label>
-                    </div>
-                    <div class="flex items-center">
-                        <input type="checkbox" id="archive" class="mr-1" checked>
-                        <label for="archive" class="text-sm service-tag archive">Archive.org</label>
-                    </div>
-                    <div class="flex items-center">
-                        <input type="checkbox" id="bing" class="mr-1">
-                        <label for="bing" class="text-sm service-tag">Bing</label>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Hosting Services Selection -->
-            <div class="mt-4">
-                <div class="text-center mb-2">
-                    <span class="text-sm font-medium text-gray-700">Hosting Services:</span>
-                </div>
-                <div class="flex flex-wrap justify-center gap-2">
-                    <div class="flex items-center">
-                        <input type="checkbox" id="googledrive" class="mr-1" checked>
-                        <label for="googledrive" class="text-sm service-tag google">Google Drive</label>
-                    </div>
-                    <div class="flex items-center">
-                        <input type="checkbox" id="mega" class="mr-1" checked>
-                        <label for="mega" class="text-sm service-tag mega">Mega.nz</label>
-                    </div>
-                    <div class="flex items-center">
-                        <input type="checkbox" id="terabox" class="mr-1" checked>
-                        <label for="terabox" class="text-sm service-tag terabox">Terabox</label>
-                    </div>
-                    <div class="flex items-center">
-                        <input type="checkbox" id="dropbox" class="mr-1" checked>
-                        <label for="dropbox" class="text-sm service-tag dropbox">Dropbox</label>
-                    </div>
-                    <div class="flex items-center">
-                        <input type="checkbox" id="onedrive" class="mr-1" checked>
-                        <label for="onedrive" class="text-sm service-tag onedrive">OneDrive</label>
-                    </div>
-                    <div class="flex items-center">
-                        <input type="checkbox" id="mediafire" class="mr-1" checked>
-                        <label for="mediafire" class="text-sm service-tag mediafire">MediaFire</label>
-                    </div>
-                    <div class="flex items-center">
-                        <input type="checkbox" id="catbox" class="mr-1" checked>
-                        <label for="catbox" class="text-sm service-tag catbox">Catbox.moe</label>
-                    </div>
-                    <div class="flex items-center">
-                        <input type="checkbox" id="sharemania" class="mr-1" checked>
-                        <label for="sharemania" class="text-sm service-tag sharemania">Sharemania</label>
-                    </div>
-                    <div class="flex items-center">
-                        <input type="checkbox" id="torrent" class="mr-1" checked>
-                        <label for="torrent" class="text-sm service-tag torrent">Torrents</label>
-                    </div>
-                    <!-- New services added here -->
-                    <div class="flex items-center">
-                        <input type="checkbox" id="uploadrar" class="mr-1" checked>
-                        <label for="uploadrar" class="text-sm service-tag uploadrar">UploadRAR</label>
-                    </div>
-                    <div class="flex items-center">
-                        <input type="checkbox" id="buzzheavier" class="mr-1" checked>
-                        <label for="buzzheavier" class="text-sm service-tag buzzheavier">BuzzHeavier</label>
-                    </div>
-                    <div class="flex items-center">
-                        <input type="checkbox" id="pixeldrain" class="mr-1" checked>
-                        <label for="pixeldrain" class="text-sm service-tag pixeldrain">PixelDrain</label>
-                    </div>
-                </div>
-            </div>
-
             <!-- Advanced Options -->
             <div class="mt-6 text-center">
                 <button id="toggleAdvanced" class="text-blue-600 hover:text-blue-800 text-sm font-medium">
                     <i class="fas fa-cog mr-1"></i> Advanced Search Options
                 </button>
                 <div id="advancedOptions" class="hidden mt-4 p-4 bg-white rounded-lg shadow-sm">
-                    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-                        <div>
-                            <label class="block text-sm font-medium text-gray-700 mb-1">File Size</label>
-                            <select class="w-full p-2 border rounded">
-                                <option>Any size</option>
-                                <option>Small (0-10MB)</option>
-                                <option>Medium (10-100MB)</option>
-                                <option>Large (100MB-1GB)</option>
-                                <option>Very Large (1GB+)</option>
-                            </select>
+                    <!-- Search Engines Selection -->
+                    <div class="mb-6">
+                        <div class="text-center mb-2">
+                            <span class="text-sm font-medium text-gray-700">Search Engines:</span>
                         </div>
-                        <div>
-                            <label class="block text-sm font-medium text-gray-700 mb-1">Date Range</label>
-                            <select class="w-full p-2 border rounded">
-                                <option>Any time</option>
-                                <option>Last 24 hours</option>
-                                <option>Last week</option>
-                                <option>Last month</option>
-                                <option>Last year</option>
-                                <option>Custom range...</option>
-                            </select>
-                        </div>
-                        <div>
-                            <label class="block text-sm font-medium text-gray-700 mb-1">File Extension</label>
-                            <input type="text" placeholder="e.g. .iso, .mkv" class="w-full p-2 border rounded">
-                        </div>
-                    </div>
-                    <div class="mt-4">
-                        <label class="block text-sm font-medium text-gray-700 mb-1">Custom Search Query</label>
-                        <textarea class="w-full p-2 border rounded" rows="2" placeholder="Add custom search operators (site:, filetype:, etc.)"></textarea>
-                    </div>
-                    <div class="mt-4">
-                        <label class="flex items-center">
-                            <input type="checkbox" class="mr-2" checked>
-                            <span class="text-sm text-gray-700">Search YouTube descriptions and comments</span>
-                        </label>
-                        <label class="flex items-center mt-2">
-                            <input type="checkbox" class="mr-2" checked>
-                            <span class="text-sm text-gray-700">Search social media posts</span>
-                        </label>
-                        <label class="flex items-center mt-2">
-                            <input type="checkbox" class="mr-2" checked>
-                            <span class="text-sm text-gray-700">Search forum discussions</span>
-                        </label>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- Results Section -->
-        <div id="resultsSection" class="max-w-6xl mx-auto">
-            <div class="flex justify-between items-center mb-6">
-                <h2 class="text-xl font-semibold text-gray-800">Search Results for "Floribella ISO"</h2>
-                <div class="text-sm text-gray-500">About 1,240 results from 15 services (0.42 seconds)</div>
-            </div>
-
-            <!-- Search Status -->
-            <div class="bg-blue-50 border border-blue-200 rounded-lg p-3 mb-4">
-                <div class="flex items-center">
-                    <div class="mr-3 text-blue-600">
-                        <i class="fas fa-info-circle"></i>
-                    </div>
-                    <div class="text-sm text-blue-800">
-                        Searching across: Google, Yandex, Archive.org, Google Drive, Mega.nz, Terabox, Dropbox, OneDrive, MediaFire, Catbox.moe, Sharemania, Torrents, UploadRAR, BuzzHeavier, PixelDrain
-                    </div>
-                </div>
-            </div>
-
-            <!-- Sorting Options -->
-            <div class="flex items-center mb-4">
-                <span class="text-sm text-gray-600 mr-2">Sort by:</span>
-                <select class="text-sm border rounded p-1 bg-white">
-                    <option>Relevance</option>
-                    <option>Newest</option>
-                    <option>Oldest</option>
-                    <option>Largest</option>
-                    <option>Smallest</option>
-                    <option>Most Popular</option>
-                </select>
-            </div>
-
-            <!-- Results List -->
-            <div class="space-y-4">
-                <!-- Result Item 1 (Google Drive) -->
-                <div class="result-card bg-white p-4 rounded-lg shadow-sm border border-gray-100 transition-all duration-200">
-                    <div class="flex flex-col md:flex-row">
-                        <div class="flex-shrink-0 mb-4 md:mb-0 md:mr-4">
-                            <div class="w-16 h-16 bg-blue-100 rounded-lg flex items-center justify-center">
-                                <i class="fas fa-file-archive text-blue-600 text-2xl"></i>
+                        <div class="flex flex-wrap justify-center gap-2">
+                            <div class="flex items-center">
+                                <input type="checkbox" id="google" class="mr-1" checked>
+                                <label for="google" class="text-sm service-tag google">Google</label>
                             </div>
-                        </div>
-                        <div class="flex-grow">
-                            <div class="flex items-center mb-1">
-                                <h3 class="text-lg font-medium text-blue-600 hover:underline cursor-pointer">
-                                    Floribella Complete Series DVD ISO
-                                </h3>
-                                <span class="ml-2 px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full service-tag google">Google Drive</span>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="yandex" class="mr-1" checked>
+                                <label for="yandex" class="text-sm service-tag yandex">Yandex</label>
                             </div>
-                            <div class="flex flex-wrap items-center text-sm text-gray-500 mt-1 mb-2">
-                                <span class="mr-3"><i class="fas fa-database mr-1"></i> 4.2 GB</span>
-                                <span class="mr-3"><i class="fas fa-calendar-alt mr-1"></i> Uploaded: 2021-05-15</span>
-                                <span class="mr-3"><i class="fas fa-eye mr-1"></i> 1,245 views</span>
-                                <span><i class="fas fa-check-circle mr-1 text-green-500"></i> Verified</span>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="startpage" class="mr-1" checked>
+                                <label for="startpage" class="text-sm service-tag">Startpage</label>
                             </div>
-                            <p class="text-gray-700 text-sm mb-3">
-                                Complete ISO collection of Floribella TV series from Argentina. Includes all seasons in DVD quality with Spanish audio and optional subtitles. Found via Google search indexing public Google Drive links.
-                            </p>
-                            <div class="flex flex-wrap gap-2">
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">ISO</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">DVD</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">Spanish</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">Complete Series</span>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="archive" class="mr-1" checked>
+                                <label for="archive" class="text-sm service-tag archive">Archive.org</label>
+                            </div>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="bing" class="mr-1">
+                                <label for="bing" class="text-sm service-tag">Bing</label>
                             </div>
-                        </div>
-                        <div class="flex-shrink-0 mt-4 md:mt-0 md:ml-4">
-                            <button class="download-btn bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg flex items-center" 
-                                    data-url="https://drive.google.com/file/d/1abc123xyz/view" 
-                                    data-filename="Floribella_Complete_Series.iso">
-                                <i class="fas fa-download mr-2"></i> Download
-                            </button>
                         </div>
                     </div>
-                </div>
 
-                <!-- Result Item 2 (Torrent) -->
-                <div class="result-card bg-white p-4 rounded-lg shadow-sm border border-gray-100 transition-all duration-200">
-                    <div class="flex flex-col md:flex-row">
-                        <div class="flex-shrink-0 mb-4 md:mb-0 md:mr-4">
-                            <div class="w-16 h-16 bg-purple-100 rounded-lg flex items-center justify-center">
-                                <i class="fas fa-file-video text-purple-600 text-2xl"></i>
-                            </div>
+                    <!-- Hosting Services Selection -->
+                    <div class="mb-6">
+                        <div class="text-center mb-2">
+                            <span class="text-sm font-medium text-gray-700">Hosting Services:</span>
                         </div>
-                        <div class="flex-grow">
-                            <div class="flex items-center mb-1">
-                                <h3 class="text-lg font-medium text-blue-600 hover:underline cursor-pointer">
-                                    Floribella Season 1-3 (720p HD) Torrent
-                                </h3>
-                                <span class="ml-2 px-2 py-1 bg-purple-100 text-purple-800 text-xs rounded-full service-tag torrent">Torrent</span>
+                        <div class="flex flex-wrap justify-center gap-2">
+                            <div class="flex items-center">
+                                <input type="checkbox" id="googledrive" class="mr-1" checked>
+                                <label for="googledrive" class="text-sm service-tag google">Google Drive</label>
                             </div>
-                            <div class="flex flex-wrap items-center text-sm text-gray-500 mt-1 mb-2">
-                                <span class="mr-3"><i class="fas fa-database mr-1"></i> 8.7 GB</span>
-                                <span class="mr-3"><i class="fas fa-calendar-alt mr-1"></i> Uploaded: 2022-11-30</span>
-                                <span class="mr-3"><i class="fas fa-users mr-1"></i> 42 seeders</span>
-                                <span><i class="fas fa-check-circle mr-1 text-green-500"></i> Verified</span>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="mega" class="mr-1" checked>
+                                <label for="mega" class="text-sm service-tag mega">Mega.nz</label>
                             </div>
-                            <p class="text-gray-700 text-sm mb-3">
-                                High quality 720p HD version of Floribella seasons 1 through 3. Includes separate MKV files for each episode with multiple audio tracks. Found via Yandex search indexing public torrent trackers.
-                            </p>
-                            <div class="flex flex-wrap gap-2">
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">MKV</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">720p</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">HD</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">Multi-Audio</span>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="terabox" class="mr-1" checked>
+                                <label for="terabox" class="text-sm service-tag terabox">Terabox</label>
                             </div>
-                        </div>
-                        <div class="flex-shrink-0 mt-4 md:mt-0 md:ml-4">
-                            <button class="download-btn bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg flex items-center"
-                                    data-url="magnet:?xt=urn:btih:ABC123XYZ456789&dn=Floribella+Seasons+1-3+720p+HD">
-                                <i class="fas fa-magnet mr-2"></i> Magnet Link
-                            </button>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Result Item 3 (Mega.nz) -->
-                <div class="result-card bg-white p-4 rounded-lg shadow-sm border border-gray-100 transition-all duration-200">
-                    <div class="flex flex-col md:flex-row">
-                        <div class="flex-shrink-0 mb-4 md:mb-0 md:mr-4">
-                            <div class="w-16 h-16 bg-red-100 rounded-lg flex items-center justify-center">
-                                <i class="fas fa-file-archive text-red-600 text-2xl"></i>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="dropbox" class="mr-1" checked>
+                                <label for="dropbox" class="text-sm service-tag dropbox">Dropbox</label>
                             </div>
-                        </div>
-                        <div class="flex-grow">
-                            <div class="flex items-center mb-1">
-                                <h3 class="text-lg font-medium text-blue-600 hover:underline cursor-pointer">
-                                    Floribella - Brazilian Version (DVD Rip)
-                                </h3>
-                                <span class="ml-2 px-2 py-1 bg-red-100 text-red-800 text-xs rounded-full service-tag mega">Mega.nz</span>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="onedrive" class="mr-1" checked>
+                                <label for="onedrive" class="text-sm service-tag onedrive">OneDrive</label>
                             </div>
-                            <div class="flex flex-wrap items-center text-sm text-gray-500 mt-1 mb-2">
-                                <span class="mr-3"><i class="fas fa-database mr-1"></i> 3.5 GB</span>
-                                <span class="mr-3"><i class="fas fa-calendar-alt mr-1"></i> Uploaded: 2020-08-22</span>
-                                <span class="mr-3"><i class="fas fa-eye mr-1"></i> 2,103 views</span>
-                                <span><i class="fas fa-check-circle mr-1 text-green-500"></i> Verified</span>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="mediafire" class="mr-1" checked>
+                                <label for="mediafire" class="text-sm service-tag mediafire">MediaFire</label>
                             </div>
-                            <p class="text-gray-700 text-sm mb-3">
-                                DVD rip of the Brazilian version of Floribella with Portuguese audio. Includes all episodes from the complete series in MP4 format. Found via Startpage search indexing public Mega.nz links.
-                            </p>
-                            <div class="flex flex-wrap gap-2">
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">MP4</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">DVD Rip</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">Portuguese</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">Complete</span>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="catbox" class="mr-1" checked>
+                                <label for="catbox" class="text-sm service-tag catbox">Catbox.moe</label>
                             </div>
-                        </div>
-                        <div class="flex-shrink-0 mt-4 md:mt-0 md:ml-4">
-                            <button class="download-btn bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg flex items-center"
-                                    data-url="https://mega.nz/file/abc123xyz#encryptedKey">
-                                <i class="fas fa-download mr-2"></i> Download
-                            </button>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Result Item 4 (Archive.org) -->
-                <div class="result-card bg-white p-4 rounded-lg shadow-sm border border-gray-100 transition-all duration-200">
-                    <div class="flex flex-col md:flex-row">
-                        <div class="flex-shrink-0 mb-4 md:mb-0 md:mr-4">
-                            <div class="w-16 h-16 bg-blue-100 rounded-lg flex items-center justify-center">
-                                <i class="fas fa-file-archive text-blue-600 text-2xl"></i>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="sharemania" class="mr-1" checked>
+                                <label for="sharemania" class="text-sm service-tag sharemania">Sharemania</label>
                             </div>
-                        </div>
-                        <div class="flex-grow">
-                            <div class="flex items-center mb-1">
-                                <h3 class="text-lg font-medium text-blue-600 hover:underline cursor-pointer">
-                                    Floribella Original Broadcast Recordings (2004)
-                                </h3>
-                                <span class="ml-2 px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full service-tag archive">Archive.org</span>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="torrent" class="mr-1" checked>
+                                <label for="torrent" class="text-sm service-tag torrent">Torrents</label>
                             </div>
-                            <div class="flex flex-wrap items-center text-sm text-gray-500 mt-1 mb-2">
-                                <span class="mr-3"><i class="fas fa-database mr-1"></i> 5.8 GB</span>
-                                <span class="mr-3"><i class="fas fa-calendar-alt mr-1"></i> Archived: 2019-03-12</span>
-                                <span class="mr-3"><i class="fas fa-eye mr-1"></i> 876 views</span>
-                                <span><i class="fas fa-check-circle mr-1 text-green-500"></i> Verified</span>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="uploadrar" class="mr-1" checked>
+                                <label for="uploadrar" class="text-sm service-tag uploadrar">UploadRAR</label>
                             </div>
-                            <p class="text-gray-700 text-sm mb-3">
-                                Original broadcast recordings of Floribella from Argentine television in 2004. Includes commercials and original broadcast quality. Downloaded from Archive.org's media collection.
-                            </p>
-                            <div class="flex flex-wrap gap-2">
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">MPEG2</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">Original Broadcast</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">2004</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">Complete</span>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="buzzheavier" class="mr-1" checked>
+                                <label for="buzzheavier" class="text-sm service-tag buzzheavier">BuzzHeavier</label>
+                            </div>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="pixeldrain" class="mr-1" checked>
+                                <label for="pixeldrain" class="text-sm service-tag pixeldrain">PixelDrain</label>
                             </div>
-                        </div>
-                        <div class="flex-shrink-0 mt-4 md:mt-0 md:ml-4">
-                            <button class="download-btn bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg flex items-center"
-                                    data-url="https://archive.org/download/floribella-broadcasts-2004/Floribella_2004.zip">
-                                <i class="fas fa-download mr-2"></i> Download
-                            </button>
                         </div>
                     </div>
-                </div>
 
-                <!-- Result Item 5 (UploadRAR) -->
-                <div class="result-card bg-white p-4 rounded-lg shadow-sm border border-gray-100 transition-all duration-200">
-                    <div class="flex flex-col md:flex-row">
-                        <div class="flex-shrink-0 mb-4 md:mb-0 md:mr-4">
-                            <div class="w-16 h-16 bg-orange-100 rounded-lg flex items-center justify-center">
-                                <i class="fas fa-file-archive text-orange-600 text-2xl"></i>
-                            </div>
+                    <!-- Additional Services -->
+                    <div>
+                        <div class="text-center mb-2">
+                            <span class="text-sm font-medium text-gray-700">Additional Sources:</span>
                         </div>
-                        <div class="flex-grow">
-                            <div class="flex items-center mb-1">
-                                <h3 class="text-lg font-medium text-blue-600 hover:underline cursor-pointer">
-                                    Floribella Soundtrack Collection (MP3)
-                                </h3>
-                                <span class="ml-2 px-2 py-1 bg-orange-100 text-orange-800 text-xs rounded-full service-tag uploadrar">UploadRAR</span>
+                        <div class="flex flex-wrap justify-center gap-2">
+                            <div class="flex items-center">
+                                <input type="checkbox" id="fastserver" class="mr-1" checked>
+                                <label for="fastserver" class="text-sm service-tag fastserver">FastServer</label>
                             </div>
-                            <div class="flex flex-wrap items-center text-sm text-gray-500 mt-1 mb-2">
-                                <span class="mr-3"><i class="fas fa-database mr-1"></i> 320 MB</span>
-                                <span class="mr-3"><i class="fas fa-calendar-alt mr-1"></i> Uploaded: 2023-02-18</span>
-                                <span class="mr-3"><i class="fas fa-eye mr-1"></i> 1,024 views</span>
-                                <span><i class="fas fa-check-circle mr-1 text-green-500"></i> Verified</span>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="hdvietnam" class="mr-1" checked>
+                                <label for="hdvietnam" class="text-sm service-tag hdvietnam">HDVietnam</label>
                             </div>
-                            <p class="text-gray-700 text-sm mb-3">
-                                Complete soundtrack collection from Floribella TV series in high quality MP3 format. Includes all songs from all seasons. Found via Google search indexing public UploadRAR links.
-                            </p>
-                            <div class="flex flex-wrap gap-2">
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">MP3</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">Soundtrack</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">320kbps</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">Complete</span>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="olala" class="mr-1" checked>
+                                <label for="olala" class="text-sm service-tag olala">OlalaVietnam</label>
                             </div>
-                        </div>
-                        <div class="flex-shrink-0 mt-4 md:mt-0 md:ml-4">
-                            <button class="download-btn bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg flex items-center"
-                                    data-url="https://uploadrar.com/abc123xyz">
-                                <i class="fas fa-download mr-2"></i> Download
-                            </button>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Result Item 6 (BuzzHeavier) -->
-                <div class="result-card bg-white p-4 rounded-lg shadow-sm border border-gray-100 transition-all duration-200">
-                    <div class="flex flex-col md:flex-row">
-                        <div class="flex-shrink-0 mb-4 md:mb-0 md:mr-4">
-                            <div class="w-16 h-16 bg-purple-100 rounded-lg flex items-center justify-center">
-                                <i class="fas fa-file-video text-purple-600 text-2xl"></i>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="rutracker" class="mr-1" checked>
+                                <label for="rutracker" class="text-sm service-tag rutracker">RuTracker</label>
                             </div>
-                        </div>
-                        <div class="flex-grow">
-                            <div class="flex items-center mb-1">
-                                <h3 class="text-lg font-medium text-blue-600 hover:underline cursor-pointer">
-                                    Floribella Season 1 (480p) - Lightweight Version
-                                </h3>
-                                <span class="ml-2 px-2 py-1 bg-purple-100 text-purple-800 text-xs rounded-full service-tag buzzheavier">BuzzHeavier</span>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="boyvideos" class="mr-1" checked>
+                                <label for="boyvideos" class="text-sm service-tag boyvideos">BoyVideos</label>
                             </div>
-                            <div class="flex flex-wrap items-center text-sm text-gray-500 mt-1 mb-2">
-                                <span class="mr-3"><i class="fas fa-database mr-1"></i> 1.2 GB</span>
-                                <span class="mr-3"><i class="fas fa-calendar-alt mr-1"></i> Uploaded: 2023-05-10</span>
-                                <span class="mr-3"><i class="fas fa-eye mr-1"></i> 782 views</span>
-                                <span><i class="fas fa-check-circle mr-1 text-green-500"></i> Verified</span>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="xbuddy" class="mr-1" checked>
+                                <label for="xbuddy" class="text-sm service-tag xbuddy">9xBuddy</label>
                             </div>
-                            <p class="text-gray-700 text-sm mb-3">
-                                Lightweight 480p version of Floribella Season 1, optimized for mobile viewing. Smaller file size with decent quality. Found via Yandex search indexing public BuzzHeavier links.
-                            </p>
-                            <div class="flex flex-wrap gap-2">
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">MP4</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">480p</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">Mobile</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">Season 1</span>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="reddit" class="mr-1" checked>
+                                <label for="reddit" class="text-sm service-tag reddit">Reddit</label>
+                            </div>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="ulozto" class="mr-1" checked>
+                                <label for="ulozto" class="text-sm service-tag ulozto">Uloz.to</label>
+                            </div>
+                            <div class="flex items-center">
+                                <input type="checkbox" id="seedr" class="mr-1" checked>
+                                <label for="seedr" class="text-sm service-tag seedr">Seedr.cc</label>
                             </div>
-                        </div>
-                        <div class="flex-shrink-0 mt-4 md:mt-0 md:ml-4">
-                            <button class="download-btn bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg flex items-center"
-                                    data-url="https://buzzheavier.com/file/abc123xyz">
-                                <i class="fas fa-download mr-2"></i> Download
-                            </button>
                         </div>
                     </div>
-                </div>
 
-                <!-- Result Item 7 (PixelDrain) -->
-                <div class="result-card bg-white p-4 rounded-lg shadow-sm border border-gray-100 transition-all duration-200">
-                    <div class="flex flex-col md:flex-row">
-                        <div class="flex-shrink-0 mb-4 md:mb-0 md:mr-4">
-                            <div class="w-16 h-16 bg-blue-100 rounded-lg flex items-center justify-center">
-                                <i class="fas fa-file-image text-blue-600 text-2xl"></i>
+                    <!-- Advanced Search Options -->
+                    <div class="mt-6">
+                        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">File Size</label>
+                                <select class="w-full p-2 border rounded">
+                                    <option>Any size</option>
+                                    <option>Small (0-10MB)</option>
+                                    <option>Medium (10-100MB)</option>
+                                    <option>Large (100MB-1GB)</option>
+                                    <option>Very Large (1GB+)</option>
+                                </select>
                             </div>
-                        </div>
-                        <div class="flex-grow">
-                            <div class="flex items-center mb-1">
-                                <h3 class="text-lg font-medium text-blue-600 hover:underline cursor-pointer">
-                                    Floribella HD Screenshots Collection
-                                </h3>
-                                <span class="ml-2 px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full service-tag pixeldrain">PixelDrain</span>
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Date Range</label>
+                                <select class="w-full p-2 border rounded">
+                                    <option>Any time</option>
+                                    <option>Last 24 hours</option>
+                                    <option>Last week</option>
+                                    <option>Last month</option>
+                                    <option>Last year</option>
+                                    <option>Custom range...</option>
+                                </select>
                             </div>
-                            <div class="flex flex-wrap items-center text-sm text-gray-500 mt-1 mb-2">
-                                <span class="mr-3"><i class="fas fa-database mr-1"></i> 150 MB</span>
-                                <span class="mr-3"><i class="fas fa-calendar-alt mr-1"></i> Uploaded: 2023-04-22</span>
-                                <span class="mr-3"><i class="fas fa-eye mr-1"></i> 432 views</span>
-                                <span><i class="fas fa-check-circle mr-1 text-green-500"></i> Verified</span>
-                            </div>
-                            <p class="text-gray-700 text-sm mb-3">
-                                Collection of high-quality screenshots from all episodes of Floribella in PNG format. Perfect for wallpapers or reference. Found via Startpage search indexing public PixelDrain links.
-                            </p>
-                            <div class="flex flex-wrap gap-2">
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">PNG</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">Screenshots</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">HD</span>
-                                <span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">Complete</span>
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">File Extension</label>
+                                <input type="text" placeholder="e.g. .iso, .mkv" class="w-full p-2 border rounded">
                             </div>
                         </div>
-                        <div class="flex-shrink-0 mt-4 md:mt-0 md:ml-4">
-                            <button class="download-btn bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg flex items-center"
-                                    data-url="https://pixeldrain.com/u/abc123xyz">
-                                <i class="fas fa-download mr-2"></i> Download
-                            </button>
+                        <div class="mt-4">
+                            <label class="block text-sm font-medium text-gray-700 mb-1">Custom Search Query</label>
+                            <textarea class="w-full p-2 border rounded" rows="2" placeholder="Add custom search operators (site:, filetype:, etc.)"></textarea>
+                        </div>
+                        <div class="mt-4">
+                            <label class="flex items-center">
+                                <input type="checkbox" class="mr-2" checked>
+                                <span class="text-sm text-gray-700">Search YouTube descriptions and comments</span>
+                            </label>
+                            <label class="flex items-center mt-2">
+                                <input type="checkbox" class="mr-2" checked>
+                                <span class="text-sm text-gray-700">Search social media posts</span>
+                            </label>
+                            <label class="flex items-center mt-2">
+                                <input type="checkbox" class="mr-2" checked>
+                                <span class="text-sm text-gray-700">Search forum discussions</span>
+                            </label>
                         </div>
                     </div>
                 </div>
             </div>
+        </div>
+
+        <!-- Results Section (initially hidden) -->
+        <div id="resultsSection" class="max-w-6xl mx-auto hidden">
+            <div class="flex justify-between items-center mb-6">
+                <h2 class="text-xl font-semibold text-gray-800">Search Results</h2>
+                <div class="text-sm text-gray-500">About 0 results from 0 services (0.00 seconds)</div>
+            </div>
+
+            <!-- Search Status -->
+            <div class="bg-blue-50 border border-blue-200 rounded-lg p-3 mb-4 hidden" id="searchStatus">
+                <div class="flex items-center">
+                    <div class="mr-3 text-blue-600">
+                        <i class="fas fa-info-circle"></i>
+                    </div>
+                    <div class="text-sm text-blue-800">
+                        Ready to search across selected services
+                    </div>
+                </div>
+            </div>
+
+            <!-- Sorting Options -->
+            <div class="flex items-center mb-4">
+                <span class="text-sm text-gray-600 mr-2">Sort by:</span>
+                <select class="text-sm border rounded p-1 bg-white">
+                    <option>Relevance</option>
+                    <option>Newest</option>
+                    <option>Oldest</option>
+                    <option>Largest</option>
+                    <option>Smallest</option>
+                    <option>Most Popular</option>
+                </select>
+            </div>
+
+            <!-- Results List -->
+            <div class="space-y-4" id="resultsContainer">
+                <!-- Results will be dynamically inserted here -->
+            </div>
 
             <!-- Pagination -->
-            <div class="flex justify-center mt-8">
+            <div class="flex justify-center mt-8 hidden" id="pagination">
                 <nav class="inline-flex rounded-md shadow-sm">
                     <a href="#" class="px-3 py-2 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-50">
                         <i class="fas fa-chevron-left"></i>
@@ -674,6 +450,27 @@
     </div>
 
     <script>
+        // Sample search results data
+        const sampleResults = {
+            "default": [
+                {
+                    title: "Example File Search Result",
+                    service: "Google Drive",
+                    serviceClass: "google",
+                    icon: "file-alt",
+                    iconColor: "blue",
+                    size: "2.1 MB",
+                    date: "2023-01-15",
+                    views: "856",
+                    verified: true,
+                    description: "This is an example search result that would appear when searching for files. The actual content would vary based on your search query.",
+                    tags: ["PDF", "Document", "Example"],
+                    url: "https://drive.google.com/file/d/1example123/view",
+                    filename: "Example_File.pdf"
+                }
+            ]
+        };
+
         // Motivational phrases for search
         const motivationalPhrases = [
             "If it's taking time, it's a good thing! We're probably searching the entire internet for you.",
@@ -716,48 +513,97 @@
             });
         });
 
-        // Working download buttons
-        document.querySelectorAll('.download-btn').forEach(btn => {
-            btn.addEventListener('click', function() {
-                const url = this.getAttribute('data-url');
-                const filename = this.getAttribute('data-filename') || 'download';
-                
-                // Show loading state on button
-                const originalContent = this.innerHTML;
-                this.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Preparing...';
-                this.classList.remove('hover:bg-green-700');
-                this.classList.add('bg-green-500');
-                
-                // Simulate download preparation
-                setTimeout(() => {
-                    // For demo purposes, we'll just open in new tab
-                    // In a real app, you'd handle the download properly
-                    if(url.startsWith('magnet:')) {
-                        // Handle magnet links
-                        window.open(url, '_blank');
-                    } else {
-                        // Create a temporary anchor to trigger download
-                        const a = document.createElement('a');
-                        a.href = url;
-                        a.target = '_blank';
-                        a.download = filename;
-                        document.body.appendChild(a);
-                        a.click();
-                        document.body.removeChild(a);
-                    }
+        // Create a result card element
+        function createResultCard(result) {
+            const card = document.createElement('div');
+            card.className = 'result-card bg-white p-4 rounded-lg shadow-sm border border-gray-100 transition-all duration-200';
+            card.innerHTML = `
+                <div class="flex flex-col md:flex-row">
+                    <div class="flex-shrink-0 mb-4 md:mb-0 md:mr-4">
+                        <div class="w-16 h-16 bg-${result.iconColor}-100 rounded-lg flex items-center justify-center">
+                            <i class="fas fa-${result.icon} text-${result.iconColor}-600 text-2xl"></i>
+                        </div>
+                    </div>
+                    <div class="flex-grow">
+                        <div class="flex items-center mb-1">
+                            <h3 class="text-lg font-medium text-blue-600 hover:underline cursor-pointer">
+                                ${result.title}
+                            </h3>
+                            <span class="ml-2 px-2 py-1 bg-${result.iconColor}-100 text-${result.iconColor}-800 text-xs rounded-full service-tag ${result.serviceClass}">${result.service}</span>
+                        </div>
+                        <div class="flex flex-wrap items-center text-sm text-gray-500 mt-1 mb-2">
+                            <span class="mr-3"><i class="fas fa-database mr-1"></i> ${result.size}</span>
+                            <span class="mr-3"><i class="fas fa-calendar-alt mr-1"></i> ${result.date.includes('seeders') ? 'Seeders:' : 'Uploaded:'} ${result.date}</span>
+                            <span class="mr-3"><i class="fas fa-${result.date.includes('seeders') ? 'users' : 'eye'} mr-1"></i> ${result.views}</span>
+                            ${result.verified ? '<span><i class="fas fa-check-circle mr-1 text-green-500"></i> Verified</span>' : ''}
+                        </div>
+                        <p class="text-gray-700 text-sm mb-3">
+                            ${result.description}
+                        </p>
+                        <div class="flex flex-wrap gap-2">
+                            ${result.tags.map(tag => `<span class="px-2 py-1 bg-gray-100 text-gray-700 rounded text-xs">${tag}</span>`).join('')}
+                        </div>
+                    </div>
+                    <div class="flex-shrink-0 mt-4 md:mt-0 md:ml-4">
+                        <button class="download-btn bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg flex items-center" 
+                                data-url="${result.url}" 
+                                data-filename="${result.filename}">
+                            <i class="fas fa-${result.service === 'Torrent' ? 'magnet' : 'download'} mr-2"></i> ${result.service === 'Torrent' ? 'Magnet Link' : 'Download'}
+                        </button>
+                    </div>
+                </div>
+            `;
+            return card;
+        }
+
+        // Handle download button clicks
+        function setupDownloadButtons() {
+            document.querySelectorAll('.download-btn').forEach(btn => {
+                btn.addEventListener('click', function() {
+                    const url = this.getAttribute('data-url');
+                    const filename = this.getAttribute('data-filename') || 'download';
                     
-                    // Restore button state
-                    this.innerHTML = originalContent;
-                    this.classList.add('hover:bg-green-700');
-                    this.classList.remove('bg-green-500');
-                }, 1000);
+                    // Show loading state on button
+                    const originalContent = this.innerHTML;
+                    this.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Preparing...';
+                    this.classList.remove('hover:bg-green-700');
+                    this.classList.add('bg-green-500');
+                    
+                    // Simulate download preparation
+                    setTimeout(() => {
+                        // For demo purposes, we'll just open in new tab
+                        // In a real app, you'd handle the download properly
+                        if(url.startsWith('magnet:')) {
+                            // Handle magnet links
+                            window.open(url, '_blank');
+                        } else {
+                            // Create a temporary anchor to trigger download
+                            const a = document.createElement('a');
+                            a.href = url;
+                            a.target = '_blank';
+                            a.download = filename;
+                            document.body.appendChild(a);
+                            a.click();
+                            document.body.removeChild(a);
+                        }
+                        
+                        // Restore button state
+                        this.innerHTML = originalContent;
+                        this.classList.add('hover:bg-green-700');
+                        this.classList.remove('bg-green-500');
+                    }, 1000);
+                });
             });
-        });
+        }
 
         // Simulate search across multiple services
         document.getElementById('searchBtn').addEventListener('click', function() {
-            const query = document.getElementById('searchInput').value;
-            if (query.trim()) {
+            const query = document.getElementById('searchInput').value.trim();
+            if (query) {
+                // Show results section
+                const resultsSection = document.getElementById('resultsSection');
+                resultsSection.classList.remove('hidden');
+                
                 // Get selected services
                 const selectedSearchEngines = Array.from(document.querySelectorAll('input[type="checkbox"][id^="google"], input[type="checkbox"][id^="yandex"], input[type="checkbox"][id^="startpage"], input[type="checkbox"][id^="archive"], input[type="checkbox"][id^="bing"]'))
                     .filter(cb => cb.checked)
@@ -766,12 +612,21 @@
                 const selectedHostingServices = Array.from(document.querySelectorAll('input[type="checkbox"][id^="googledrive"], input[type="checkbox"][id^="mega"], input[type="checkbox"][id^="terabox"], input[type="checkbox"][id^="dropbox"], input[type="checkbox"][id^="onedrive"], input[type="checkbox"][id^="mediafire"], input[type="checkbox"][id^="catbox"], input[type="checkbox"][id^="sharemania"], input[type="checkbox"][id^="torrent"], input[type="checkbox"][id^="uploadrar"], input[type="checkbox"][id^="buzzheavier"], input[type="checkbox"][id^="pixeldrain"]'))
                     .filter(cb => cb.checked)
                     .map(cb => cb.nextElementSibling.textContent);
+                
+                const selectedAdditionalServices = Array.from(document.querySelectorAll('input[type="checkbox"][id^="fastserver"], input[type="checkbox"][id^="hdvietnam"], input[type="checkbox"][id^="olala"], input[type="checkbox"][id^="rutracker"], input[type="checkbox"][id^="boyvideos"], input[type="checkbox"][id^="xbuddy"], input[type="checkbox"][id^="reddit"], input[type="checkbox"][id^="ulozto"], input[type="checkbox"][id^="seedr"]'))
+                    .filter(cb => cb.checked)
+                    .map(cb => cb.nextElementSibling.textContent);
 
                 // Update UI
                 document.querySelector('#resultsSection h2').textContent = `Search Results for "${query}"`;
                 
+                // Show search status
+                const searchStatus = document.getElementById('searchStatus');
+                searchStatus.classList.remove('hidden');
+                searchStatus.querySelector('.text-sm').textContent = `Searching across: ${selectedSearchEngines.join(', ')}, ${selectedHostingServices.join(', ')}, ${selectedAdditionalServices.join(', ')}`;
+                
                 // Create search animation container
-                const resultsContainer = document.querySelector('#resultsSection .space-y-4');
+                const resultsContainer = document.getElementById('resultsContainer');
                 const originalContent = resultsContainer.innerHTML;
                 
                 resultsContainer.innerHTML = `
@@ -822,10 +677,15 @@
                     
                     const statusElement = document.querySelector('#resultsSection .text-sm.text-gray-500');
                     if (statusElement) {
-                        const currentService = progress < 30 ? 
-                            selectedSearchEngines[Math.floor(progress / 30 * selectedSearchEngines.length)] :
-                            selectedHostingServices[Math.floor((progress - 30) / 70 * selectedHostingServices.length)];
-                            
+                        let currentService;
+                        if (progress < 30) {
+                            currentService = selectedSearchEngines[Math.floor(progress / 30 * selectedSearchEngines.length)];
+                        } else if (progress < 70) {
+                            currentService = selectedHostingServices[Math.floor((progress - 30) / 40 * selectedHostingServices.length)];
+                        } else {
+                            currentService = selectedAdditionalServices[Math.floor((progress - 70) / 30 * selectedAdditionalServices.length)];
+                        }
+                        
                         statusElement.textContent = `Searching... ${Math.floor(progress)}% complete (querying ${currentService})`;
                     }
                     
@@ -834,58 +694,46 @@
                         clearInterval(phraseInterval);
                         
                         setTimeout(() => {
-                            resultsContainer.innerHTML = originalContent;
+                            // Display results
+                            const results = sampleResults["default"];
+                            resultsContainer.innerHTML = '';
+                            
+                            // Filter results based on selected hosting services
+                            const filteredResults = results.filter(result => {
+                                // If no hosting services are selected, show all results
+                                if (selectedHostingServices.length === 0 && selectedAdditionalServices.length === 0) return true;
+                                
+                                // Check if result's service is in selected hosting services or additional services
+                                return selectedHostingServices.includes(result.service) || selectedAdditionalServices.includes(result.service);
+                            });
+                            
+                            filteredResults.forEach(result => {
+                                resultsContainer.appendChild(createResultCard(result));
+                            });
+                            
+                            // Update status
                             document.querySelector('#resultsSection .text-sm.text-gray-500').textContent = 
-                                `About 1,240 results from ${selectedSearchEngines.length + selectedHostingServices.length} services (${(Math.random() * 0.5 + 0.3).toFixed(2)} seconds)`;
+                                `About ${filteredResults.length} results from ${selectedSearchEngines.length + selectedHostingServices.length + selectedAdditionalServices.length} services (${(Math.random() * 0.5 + 0.3).toFixed(2)} seconds)`;
                             
-                            // Update search status with actual services used
-                            const searchStatus = document.querySelector('#resultsSection .bg-blue-50 .text-sm');
-                            if (searchStatus) {
-                                searchStatus.textContent = `Searching across: ${selectedSearchEngines.join(', ')}, ${selectedHostingServices.join(', ')}`;
+                            // Show pagination if enough results
+                            if (filteredResults.length > 5) {
+                                document.getElementById('pagination').classList.remove('hidden');
                             }
                             
                             // Make download buttons work
-                            document.querySelectorAll('.download-btn').forEach(btn => {
-                                btn.addEventListener('click', function() {
-                                    const url = this.getAttribute('data-url');
-                                    const filename = this.getAttribute('data-filename') || 'download';
-                                    
-                                    // Show loading state on button
-                                    const originalContent = this.innerHTML;
-                                    this.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Preparing...';
-                                    this.classList.remove('hover:bg-green-700');
-                                    this.classList.add('bg-green-500');
-                                    
-                                    // Simulate download preparation
-                                    setTimeout(() => {
-                                        // For demo purposes, we'll just open in new tab
-                                        // In a real app, you'd handle the download properly
-                                        if(url.startsWith('magnet:')) {
-                                            // Handle magnet links
-                                            window.open(url, '_blank');
-                                        } else {
-                                            // Create a temporary anchor to trigger download
-                                            const a = document.createElement('a');
-                                            a.href = url;
-                                            a.target = '_blank';
-                                            a.download = filename;
-                                            document.body.appendChild(a);
-                                            a.click();
-                                            document.body.removeChild(a);
-                                        }
-                                        
-                                        // Restore button state
-                                        this.innerHTML = originalContent;
-                                        this.classList.add('hover:bg-green-700');
-                                        this.classList.remove('bg-green-500');
-                                    }, 1000);
-                                });
-                            });
+                            setupDownloadButtons();
                         }, 1500);
                     }
                 }, 200);
+            } else {
+                alert("Please enter a search query first!");
             }
         });
+
+        // Initialize download buttons if page loads with results
+        document.addEventListener('DOMContentLoaded', function() {
+            setupDownloadButtons();
+        });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=floribella/teste" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>