Update app.py

app.py

@@ -6,14 +6,16 @@ from sentence_transformers import SentenceTransformer, util
 import torch 
 import re
 
-print("--- Film Öneri Sistemi Başlatılıyor (Premium Arayüz) ---")
+print("--- Film Öneri Sistemi Başlatılıyor (Popülerlik Sıralaması ve Yeniden Tasarlanmış Arayüz ile) ---")
+
+# --- ADIM 1: Veri Seti Yükleniyor ve Keşfediliyor ---
+print("ADIM 1: Veri Seti Yükleniyor ve Keşfediliyor...")
 
-# --- ADIM 1-3: Veri yükleme ve model hazırlama kodları aynı kalıyor ---
 csv_file_name = "imdb-top-rated-movies-user-rated.csv" 
 file_path = os.path.join(".", csv_file_name) 
 
 if not os.path.exists(file_path):
-    print(f"HATA: '{csv_file_name}' dosyası '{file_path}' yolunda bulunamadı.")
+    print(f"HATA: '{csv_file_name}' dosyası '{file_path}' yolunda bulunamadı. Lütfen CSV dosyasını Space'e yüklediğinizden emin olun.")
     exit(1)
 
 try:
@@ -22,8 +24,14 @@ try:
 except Exception as e:
     print(f"HATA: CSV dosyası yüklenirken hata oluştu: {e}")
     exit(1)
+print("ADIM 1: Veri Seti Keşfi Tamamlandı.")
+
+
+# --- ADIM 2: Veri Temizliği ve Ön İşleme ---
+print("\nADIM 2: Veri Temizliği ve Ön İşleme Başlıyor...")
 
 df_filtered = df[['Title', 'IMDb Rating', 'Tags', 'Director', 'Stars', 'Votes', 'Description', 'Poster URL']].copy() 
+
 df_filtered['Stars'].fillna('', inplace=True) 
 df_filtered['Description'].fillna('', inplace=True) 
 df_filtered['Poster URL'].fillna('', inplace=True) 
@@ -64,17 +72,22 @@ def map_to_main_genres(tag_list):
 def clean_and_split(text_series):
     if pd.isna(text_series):
         return []
+    
     item = str(text_series)
     item = item.replace('"', '').replace("'", '').strip()
     item = item.replace('sci, fi', 'sci-fi') 
+    
     split_items = [s.strip().lower() for s in item.split(',') if s.strip()]
     return split_items
 
+
 df_filtered['Tags_cleaned_raw'] = df_filtered['Tags'].apply(clean_and_split)
 df_filtered['Director_cleaned'] = df_filtered['Director'].apply(clean_and_split)
 df_filtered['Stars_cleaned'] = df_filtered['Stars'].apply(clean_and_split)
+
 df_filtered['Tags_cleaned'] = df_filtered['Tags_cleaned_raw'].apply(map_to_main_genres)
 
+
 def convert_votes_to_numeric(votes_str):
     if isinstance(votes_str, str):
         votes_str = votes_str.replace(",", "") 
@@ -97,28 +110,39 @@ df_filtered['Combined_Text'] = df_filtered['Title'] + ". " + \
                                df_filtered['Director_cleaned'].apply(lambda x: ", ".join(x)) + ". " + \
                                df_filtered['Stars_cleaned'].apply(lambda x: ", ".join(x))
 
+print("\nADIM 2: Veri Temizliği ve Ön İşleme Tamamlandı.")
+
+
+# --- ADIM 3: NLP Modelini Yükleme ve ÖNCEDEN OLUŞTURULMUŞ Embedding'leri Yükleme ---
+print("\nADIM 3: NLP Modelini Yükleniyor ve Önceden Oluşturulmuş Embedding'ler Yükleniyor...")
+
 model_name = 'sentence-transformers/all-MiniLM-L6-v2'
 try:
-    # Hugging Face Space'lerde model yükleme optimizasyonu
-    sentence_model = SentenceTransformer(model_name, device='cpu')
+    sentence_model = SentenceTransformer(model_name)
     print(f"'{model_name}' modeli başarıyla yüklendi.")
 except Exception as e:
     print(f"HATA: Sentence Transformer modeli yüklenirken hata oluştu: {e}")
-    print("Model yükleme hatası, uygulama devam ediyor...")
-    sentence_model = None
+    exit(1)
 
 embeddings_file_path = os.path.join(".", "film_embeddings.npy")
 if not os.path.exists(embeddings_file_path):
-    print(f"HATA: '{embeddings_file_path}' dosyası bulunamadı.")
+    print(f"HATA: '{embeddings_file_path}' dosyası bulunamadı. Lütfen Space'e yüklediğinizden emin olun.")
     exit(1)
 
 try:
     film_embeddings = torch.from_numpy(np.load(embeddings_file_path))
-    print("Film embedding'leri başarıyla yüklendi.")
+    print("Film embedding'leri başarıyla 'film_embeddings.npy' dosyasından yüklendi.")
 except Exception as e:
     print(f"HATA: film_embeddings.npy yüklenirken hata oluştu: {e}")
     exit(1)
 
+print("ADIM 3: NLP Modelini Yükleme ve Film Embedding'lerini Oluşturma Tamamlandı.")
+
+
+# --- ADIM 4: Film Öneri Sistemi Mantığını Oluşturma (Popüler Yönetmen/Oyuncu Sıralaması Eklendi) ---
+print("\nADIM 4: Film Öneri Sistemi Mantığı Oluşturuluyor...")
+
+# --- YENİ EKLENTİ: Popüler Yönetmen/Oyuncu Listelerini Oluşturma ---
 director_popularity = {}
 for index, row in df_filtered.iterrows():
     for director in row['Director_cleaned']:
@@ -129,9 +153,15 @@ for index, row in df_filtered.iterrows():
     for star in row['Stars_cleaned']:
         star_popularity[star] = star_popularity.get(star, 0) + row['Votes_numeric']
 
+# all_tags listesini, sadece eşlenmiş ana türlerden oluşturalım
 all_tags = sorted(list(set([tag for sublist in df_filtered['Tags_cleaned'] for tag in sublist if tag in genre_mapping])))
+
+# Popülerliğe göre sıralanmış yönetmen ve oyuncu listeleri
+# Popülerlik skoruna (Votes_numeric toplamı) göre azalan sırada sırala
 all_directors = sorted(list(director_popularity.keys()), key=lambda d: director_popularity[d], reverse=True)
 all_stars = sorted(list(star_popularity.keys()), key=lambda s: star_popularity[s], reverse=True)
+# --- YENİ EKLENTİ SONU ---
+
 
 def get_movie_recommendations(selected_tags, selected_directors, selected_stars, min_imdb_rating_slider, num_recommendations_slider, search_text=""):
     
@@ -142,57 +172,62 @@ def get_movie_recommendations(selected_tags, selected_directors, selected_stars,
     print(f"Minimum IMDb Puanı: {min_imdb_rating_slider}")
     print(f"Öneri Sayısı: {num_recommendations_slider}")
     print(f"Arama Metni: '{search_text}'")
+    print(f"Başlangıç DataFrame boyutu: {len(df_filtered)} (Poster URL'si dahil)")
 
     selected_tags_list = list(selected_tags) if selected_tags else []
     selected_directors_list = list(selected_directors) if selected_directors else []
     selected_stars_list = list(selected_stars) if selected_stars else []
 
     recommendations_df = df_filtered.copy()
+    
     recommendations_df = recommendations_df[recommendations_df['IMDb Rating'] >= min_imdb_rating_slider]
+    print(f"IMDb Puanı filtrelemesi sonrası: {len(recommendations_df)} film")
     
     if selected_tags_list:
         recommendations_df = recommendations_df[
             recommendations_df['Tags_cleaned'].apply(lambda x: any(tag in x for tag in selected_tags_list))
         ]
+        print(f"Tür filtrelemesi sonrası: {len(recommendations_df)} film")
     
     if selected_directors_list:
         recommendations_df = recommendations_df[
             recommendations_df['Director_cleaned'].apply(lambda x: any(director in x for director in selected_directors_list))
         ]
+        print(f"Yönetmen filtrelemesi sonrası: {len(recommendations_df)} film")
         
     if selected_stars_list:
         recommendations_df = recommendations_df[
             recommendations_df['Stars_cleaned'].apply(lambda x: any(star in x for star in selected_stars_list))
         ]
+        print(f"Oyuncu filtrelemesi sonrası: {len(recommendations_df)} film")
             
     if search_text and len(recommendations_df) > 0:
-        if sentence_model is None:
-            print("NLP modeli yüklenemedi, sadece filtreleme yapılıyor...")
-            # Model yoksa sadece filtreleme yap, NLP araması yapma
-        else:
-            print(f"'{search_text}' için NLP benzerlik araması yapılıyor...")
-            try:
-                query_embedding = sentence_model.encode(search_text, convert_to_tensor=True)
-            except Exception as e:
-                print(f"HATA: Arama metni embedding'i oluşturulurken hata oluştu: {e}")
-                return "Arama metni işlenirken bir hata oluştu. Lütfen tekrar deneyin."
+        print(f"'{search_text}' için NLP benzerlik araması yapılıyor...")
         
-            filtered_indices = recommendations_df.index.tolist()
-            if not filtered_indices or len(film_embeddings) == 0:
-                print("HATA: Filtrelenmiş film indeksi bulunamadı veya embedding'ler boş.")
-                return "Filtreleme sonrası film bulunamadı."
-
-            try:
-                current_film_embeddings = film_embeddings[filtered_indices]
-                cosine_scores = util.cos_sim(query_embedding, current_film_embeddings)[0]
-                recommendations_df['Similarity_Score'] = cosine_scores.cpu().numpy() 
-                recommendations_df = recommendations_df.sort_values(
-                    by=['Similarity_Score', 'IMDb Rating', 'Votes_numeric'], 
-                    ascending=[False, False, False] 
-                ).reset_index(drop=True)
-            except Exception as e:
-                print(f"HATA: NLP benzerlik hesaplanırken hata oluştu: {e}")
-                return "Benzerlik hesaplanırken bir hata oluştu. Lütfen tekrar deneyin."
+        try:
+            query_embedding = sentence_model.encode(search_text, convert_to_tensor=True)
+        except Exception as e:
+            print(f"HATA: Arama metni embedding'i oluşturulurken hata oluştu: {e}")
+            return "Arama metni işlenirken bir hata oluştu. Lütfen tekrar deneyin."
+        
+        filtered_indices = recommendations_df.index.tolist()
+        if not filtered_indices or len(film_embeddings) == 0:
+            print("HATA: Filtrelenmiş film indeksi bulunamadı veya embedding'ler boş.")
+            return "Filtreleme sonrası film bulunamadı."
+
+
+        try:
+            current_film_embeddings = film_embeddings[filtered_indices]
+            cosine_scores = util.cos_sim(query_embedding, current_film_embeddings)[0]
+            recommendations_df['Similarity_Score'] = cosine_scores.cpu().numpy() 
+            recommendations_df = recommendations_df.sort_values(
+                by=['Similarity_Score', 'IMDb Rating', 'Votes_numeric'], 
+                ascending=[False, False, False] 
+            ).reset_index(drop=True)
+            print(f"NLP benzerlik filtrelemesi sonrası: {len(recommendations_df)} film")
+        except Exception as e:
+            print(f"HATA: NLP benzerlik hesaplanırken hata oluştu: {e}")
+            return "Benzerlik hesaplan��rken bir hata oluştu. Lütfen tekrar deneyin."
 
     if not search_text: 
         recommendations_df = recommendations_df.sort_values(
@@ -203,22 +238,11 @@ def get_movie_recommendations(selected_tags, selected_directors, selected_stars,
     top_recommendations = recommendations_df.head(num_recommendations_slider)
     
     if top_recommendations.empty:
-        return """
-        <div style="text-align: center; padding: 60px 20px; background: linear-gradient(135deg, #1a1a1a 0%, #2d1810 100%); border-radius: 16px; border: 2px solid #ff6b35;">
-            <div style="font-size: 64px; margin-bottom: 20px;">🎬</div>
-            <h2 style="color: #ff6b35; margin-bottom: 10px; font-size: 28px;">Sonuç Bulunamadı</h2>
-            <p style="color: #d4d4d4; font-size: 16px;">Seçtiğiniz kriterlere uygun film bulunamadı. Filtreleri değiştirerek tekrar deneyin.</p>
-        </div>
-        """
+        print("Kriterlere uygun film bulunamadı.")
+        return "Üzgünüz, seçtiğiniz kriterlere uygun film bulunamadı."
     else:
-        html_output = f"""
-        <div style="margin-bottom: 25px; padding: 20px; background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%); border-radius: 12px; box-shadow: 0 8px 32px rgba(255, 107, 53, 0.3);">
-            <h2 style="margin: 0; color: #1a1a1a; font-size: 24px; font-weight: 700; text-shadow: 0 2px 4px rgba(0,0,0,0.1);">
-                ✨ Sizin İçin {len(top_recommendations)} Film Seçtik
-            </h2>
-        </div>
-        """
-        
+        print(f"Toplam {len(top_recommendations)} öneri bulundu.")
+        html_output = ""
         for idx, row in top_recommendations.iterrows():
             directors_str = ", ".join([d.title() for d in row['Director_cleaned']])
             stars_str = ", ".join([s.title() for s in row['Stars_cleaned']])
@@ -226,689 +250,106 @@ def get_movie_recommendations(selected_tags, selected_directors, selected_stars,
 
             similarity_info = ""
             if 'Similarity_Score' in row and search_text:
-                sim_percentage = int(row['Similarity_Score'] * 100)
-                similarity_info = f"""
-                <div style="margin-top: 8px; padding: 8px 12px; background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%); border-radius: 8px; display: inline-block;">
-                    <span style="color: #1a1a1a; font-weight: 700; font-size: 14px;">🎯 Eşleşme: %{sim_percentage}</span>
-                </div>
-                """
-            
-            rating_color = "#4ade80" if row['IMDb Rating'] >= 8.0 else "#fbbf24" if row['IMDb Rating'] >= 7.5 else "#fb923c"
+                similarity_info = f", Benzerlik: {row['Similarity_Score']:.2f}"
             
             poster_html = f"""
-            <div style="width: 140px; height: 210px; background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%); border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #888; font-size: 0.85em; line-height: 1.3; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.4); border: 2px solid #3a3a3a;">
-                <div style="font-size: 32px; margin-bottom: 10px;">🎬</div>
-                <span style="font-weight: 600; color: #ddd; margin-bottom: 5px;">{row['Title'][:30]}...</span>
-                <span style="color: #999; font-size: 0.8em;">Poster Yok</span>
+            <div style="width: 120px; height: 180px; background-color: #2a2a2a; border-radius: 4px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #888; font-size: 0.8em; line-height: 1.2; padding: 5px;">
+                <span style="font-weight: bold; margin-bottom: 5px;">{row['Title']}</span>
+                <span>Poster Yok</span>
             </div>
             """
 
             html_output += f"""
-            <div style="display: flex; margin-bottom: 20px; border: 2px solid #3a3a3a; padding: 20px; border-radius: 16px; background: linear-gradient(135deg, #1a1a1a 0%, #252525 100%); box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: all 0.3s ease; position: relative; overflow: hidden;">
-                <div style="position: absolute; top: 0; left: 0; width: 6px; height: 100%; background: linear-gradient(180deg, #ff6b35 0%, #ff8c42 100%);"></div>
-                <div style="flex-shrink: 0; margin-right: 20px; margin-left: 6px;">
+            <div style="display: flex; margin-bottom: 20px; border: 1px solid #333; padding: 10px; border-radius: 8px; background-color: #1a1a1a;">
+                <div style="flex-shrink: 0; margin-right: 15px;">
                     {poster_html}
                 </div>
                 <div style="flex-grow: 1;">
-                    <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 12px;">
-                        <h3 style="margin: 0; color: #ffffff; font-size: 22px; font-weight: 700;">{row['Title']}</h3>
-                        <div style="background: {rating_color}; padding: 6px 12px; border-radius: 8px; display: inline-flex; align-items: center; gap: 4px;">
-                            <span style="font-size: 16px;">⭐</span>
-                            <span style="color: #1a1a1a; font-weight: 700; font-size: 16px;">{row['IMDb Rating']:.1f}</span>
-                        </div>
-                    </div>
-                    
-                    <div style="display: flex; gap: 16px; margin-bottom: 12px; flex-wrap: wrap;">
-                        <div style="background: rgba(255, 107, 53, 0.15); padding: 8px 14px; border-radius: 8px; border: 1px solid rgba(255, 107, 53, 0.3);">
-                            <span style="color: #ff8c42; font-weight: 600;">🗳️ {int(row['Votes_numeric']):,} Oy</span>
-                        </div>
-                        {similarity_info}
-                    </div>
-                    
-                    <div style="margin-bottom: 10px;">
-                        <span style="color: #ff8c42; font-weight: 600; font-size: 14px;">🎬 Yönetmen:</span>
-                        <span style="color: #d4d4d4; font-size: 14px; margin-left: 8px;">{directors_str if directors_str else 'Bilinmiyor'}</span>
-                    </div>
-                    
-                    <div style="margin-bottom: 10px;">
-                        <span style="color: #ff8c42; font-weight: 600; font-size: 14px;">⭐ Oyuncular:</span>
-                        <span style="color: #d4d4d4; font-size: 14px; margin-left: 8px;">{stars_str if stars_str else 'Bilinmiyor'}</span>
-                    </div>
-                    
-                    <div style="display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px;">
-                        {''.join([f'<span style="background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%); color: #1a1a1a; padding: 6px 12px; border-radius: 20px; font-size: 13px; font-weight: 600; box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);">{tag.title()}</span>' for tag in row['Tags_cleaned']])}
-                    </div>
+                    <h3 style="margin-top: 0px; margin-bottom: 5px; color: #f39c12;">{row['Title']}</h3>
+                    <p style="margin-bottom: 5px; color: #eee;">IMDb: <b>{row['IMDb Rating']:.1f}</b> ⭐, Oylar: <b>{int(row['Votes_numeric']):,}</b> 🗳️{similarity_info}</p>
+                    <p style="margin-bottom: 5px; color: #bbb;">Yönetmen: {directors_str if directors_str else 'Bilinmiyor'}</p>
+                    <p style="margin-bottom: 5px; color: #bbb;">Oyuncular: {stars_str if stars_str else 'Bilinmiyor'}</p>
+                    <p style="margin-bottom: 0px; color: #bbb;">Türler: {tags_str if tags_str else 'Bilinmiyor'}</p>
                 </div>
             </div>
             """
         return html_output
 
-# --- ADIM 5: Premium Gradio Arayüzü ---
-# Özel tema oluştur - tüm mor/mavi renkleri turuncu yap
-custom_theme = gr.themes.Base(
-    primary_hue=gr.themes.colors.orange,
-    secondary_hue=gr.themes.colors.orange,
-    neutral_hue=gr.themes.colors.slate,
-).set(
-    button_primary_background_fill="*primary_500",
-    button_primary_background_fill_hover="*primary_400",
-    button_primary_text_color="white",
-    button_primary_text_color_dark="white",
-    checkbox_label_background_fill="*neutral_800",
-    checkbox_label_background_fill_dark="*neutral_800",
-    checkbox_label_background_fill_hover="*neutral_700",
-    checkbox_label_background_fill_selected="*primary_500",
-    checkbox_label_background_fill_selected_dark="*primary_500",
-    checkbox_label_text_color_selected="white",
-    checkbox_label_border_color_selected="*primary_500",
-)
-
-with gr.Blocks(theme=custom_theme, head="""
-    <script>
-    document.addEventListener('DOMContentLoaded', function() {
-        function updateSliderProgress(slider) {
-            const min = parseFloat(slider.min);
-            const max = parseFloat(slider.max);
-            const value = parseFloat(slider.value);
-            const progress = ((value - min) / (max - min)) * 100;
-            slider.style.setProperty('--slider-progress', progress + '%');
-            
-            // Tüm slider container'larını güncelle
-            const sliderContainer = slider.closest('.gr-slider');
-            if (sliderContainer) {
-                sliderContainer.style.setProperty('--slider-progress', progress + '%');
-            }
-        }
-        
-        function forceOrangeTheme() {
-            // Tüm mor/mavi elementleri bul ve turuncu yap
-            const purpleElements = document.querySelectorAll('[style*="rgb(99, 102, 241)"], [style*="rgb(139, 92, 246)"], [style*="#6366f1"], [style*="#8b5cf6"]');
-            purpleElements.forEach(el => {
-                if (el.getAttribute('aria-checked') === 'true') {
-                    el.style.background = 'linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%)';
-                    el.style.color = 'white';
-                } else {
-                    el.style.background = '#2a2a2a';
-                    el.style.color = '#d4d4d4';
-                }
-            });
-        }
-        
-        // Tüm slider'ları bul ve event listener ekle
-        const sliders = document.querySelectorAll('input[type="range"]');
-        sliders.forEach(slider => {
-            updateSliderProgress(slider);
-            slider.addEventListener('input', function() {
-                updateSliderProgress(this);
-            });
-        });
-        
-        // Gradio component'leri yüklendiğinde de çalıştır
-        const observer = new MutationObserver(function(mutations) {
-            mutations.forEach(function(mutation) {
-                if (mutation.type === 'childList') {
-                    const newSliders = mutation.target.querySelectorAll('input[type="range"]');
-                    newSliders.forEach(slider => {
-                        updateSliderProgress(slider);
-                        slider.addEventListener('input', function() {
-                            updateSliderProgress(this);
-                        });
-                    });
-                    
-                    // Yeni elementler eklendiğinde tema kontrolü yap
-                    setTimeout(forceOrangeTheme, 100);
-                }
-            });
-        });
-        
-        observer.observe(document.body, {
-            childList: true,
-            subtree: true
-        });
-        
-        // Sayfa yüklendiğinde tema kontrolü yap
-        setTimeout(forceOrangeTheme, 500);
-        setInterval(forceOrangeTheme, 1000);
-    });
-    </script>
-""", css="""
-    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
-    
-    .gradio-container { 
-        max-width: 1400px !important; 
-        font-family: 'Inter', 'Segoe UI', sans-serif !important;
-        background: #0a0a0a !important;
-    }
-    
-    h1 { 
-        background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 50%, #ffa94d 100%);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-clip: text;
-        text-align: center;
-        font-size: 48px !important;
-        font-weight: 800 !important;
-        margin-bottom: 10px !important;
-        text-shadow: 0 0 30px rgba(255, 107, 53, 0.3);
-    }
-    
-    h3 { 
-        color: #ff8c42 !important; 
-        font-weight: 700 !important;
-        font-size: 20px !important;
-        margin-bottom: 16px !important;
-    }
-    
-    .gr-button-primary { 
-        background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%) !important;
-        border: none !important;
-        font-weight: 700 !important;
-        font-size: 16px !important;
-        padding: 14px 32px !important;
-        border-radius: 12px !important;
-        box-shadow: 0 8px 24px rgba(255, 107, 53, 0.4) !important;
-        transition: all 0.3s ease !important;
-        text-transform: uppercase !important;
-        letter-spacing: 0.5px !important;
-        color: white !important;
-    }
-    
-    .gr-button-primary:hover { 
-        background: linear-gradient(135deg, #ff8c42 0%, #ffa94d 100%) !important;
-        transform: translateY(-2px) !important;
-        box-shadow: 0 12px 32px rgba(255, 107, 53, 0.6) !important;
-    }
-    
-    /* Buton içindeki text ve emoji'leri beyaz yap */
-    .gr-button-primary span,
-    .gr-button-primary *,
-    button[variant="primary"] span,
-    button[variant="primary"] * {
-        color: white !important;
-        background: transparent !important;
-    }
-    
-    /* Tüm primary butonları hedefle */
-    button.primary,
-    button[variant="primary"],
-    .primary.gr-button {
-        background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%) !important;
-        color: white !important;
-        border: none !important;
-    }
-    
-    /* Buton içindeki text ve emoji'leri beyaz yap */
-    .gr-button-primary span,
-    .gr-button-primary * {
-        color: white !important;
-    }
-    
-    /* Tüm butonlardaki mor renkleri kaldır */
-    button, .gr-button {
-        background-color: transparent !important;
-    }
-    
-    button svg, .gr-button svg {
-        color: inherit !important;
-    }
-    
-    /* Primary buton özel */
-    button.gr-button-primary,
-    .gr-button.gr-button-primary {
-        background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%) !important;
-        color: white !important;
-    }
-    
-    .gr-checkbox-group label, .gr-dropdown label, .gr-slider label, .gr-textbox label { 
-        color: #ff8c42 !important;
-        font-weight: 600 !important;
-        font-size: 15px !important;
-        margin-bottom: 8px !important;
-    }
-    
-    /* Label başlıkları için turuncu arka plan */
-    label span {
-        background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
-        color: white !important;
-    }
-    
-    /* Tüm label başlıklarını turuncu yap */
-    .gr-block.gr-box span.svelte-1wj3sew, 
-    .gr-block.gr-box span.svelte-9gxdi0,
-    label > span:first-child {
-        background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%) !important;
-        color: white !important;
-        padding: 8px 16px !important;
-        border-radius: 8px !important;
-        font-weight: 700 !important;
-        display: inline-block !important;
-        margin-bottom: 12px !important;
-        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
-    }
-    
-    /* Gradio'nun tüm label'ları için genel kural */
-    .gr-form label > span,
-    .gr-box label > span,
-    fieldset legend,
-    .svelte-1wj3sew,
-    .svelte-9gxdi0 {
-        background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%) !important;
-        color: white !important;
-        padding: 8px 16px !important;
-        border-radius: 8px !important;
-        font-weight: 700 !important;
-        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
-    }
-    
-    /* Sadece başlık label'larını turuncu yap, checkbox içindekileri değil */
-    .gr-form > label:first-child > span:first-child,
-    .gr-box > label:first-child > span:first-child,
-    .gr-input-label > span,
-    fieldset > legend > span {
-        background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%) !important;
-        color: white !important;
-        padding: 8px 16px !important;
-        border-radius: 8px !important;
-        font-weight: 700 !important;
-        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
-    }
-    
-    .gr-checkbox-group, .gr-dropdown, .gr-slider, .gr-textbox { 
-        background: #1a1a1a !important;
-        border: 2px solid #2a2a2a !important;
-        border-radius: 12px !important;
-        padding: 12px !important;
-    }
-    
-    /* Checkbox container ve label'ları - Tüm mavi/mor renkleri kaldır */
-    .gr-checkbox-group label,
-    .gr-check-radio label,
-    .gr-checkbox-group .gr-check-radio,
-    .gr-checkbox-group [role="checkbox"],
-    .gr-checkbox-group .gr-check-radio label,
-    .gr-checkbox-group [role="checkbox"] label,
-    .gr-checkbox-group .gr-check-radio span,
-    .gr-checkbox-group [role="checkbox"] span {
-        background: #2a2a2a !important;
-        color: #d4d4d4 !important;
-        border: 2px solid #3a3a3a !important;
-        border-radius: 8px !important;
-        padding: 10px 16px !important;
-        transition: all 0.2s ease !important;
-        font-weight: 500 !important;
-        margin: 4px !important;
-    }
-    
-    /* Seçili checkbox'lar - Turuncu tema */
-    .gr-checkbox-group input:checked + label,
-    .gr-check-radio input:checked + label,
-    .gr-checkbox-group label[data-testid*="checked"],
-    .gr-checkbox-group label[aria-checked="true"],
-    .gr-checkbox-group [role="checkbox"][aria-checked="true"],
-    .gr-checkbox-group .gr-check-radio[aria-checked="true"],
-    .gr-checkbox-group [role="checkbox"][aria-checked="true"] label,
-    .gr-checkbox-group .gr-check-radio[aria-checked="true"] label,
-    .gr-checkbox-group [role="checkbox"][aria-checked="true"] span,
-    .gr-checkbox-group .gr-check-radio[aria-checked="true"] span,
-    label[data-selected="true"] {
-        background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%) !important;
-        border-color: #ff6b35 !important;
-        color: white !important;
-        font-weight: 700 !important;
-        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3) !important;
-    }
-    
-    /* Hover durumu */
-    .gr-checkbox-group label:hover,
-    .gr-check-radio label:hover {
-        background: #3a3a3a !important;
-        border-color: #ff6b35 !important;
-        transform: translateY(-1px) !important;
-    }
-    
-    /* Tüm mavi/mor arka planları zorla kaldır */
-    .gr-checkbox-group label[style*="background"],
-    .gr-check-radio label[style*="background"],
-    .gr-checkbox-group .gr-check-radio[style*="background"],
-    .gr-checkbox-group [role="checkbox"][style*="background"] {
-        background: #2a2a2a !important;
-    }
-    
-    .gr-checkbox-group input:checked + label[style*="background"],
-    .gr-check-radio input:checked + label[style*="background"],
-    .gr-checkbox-group [role="checkbox"][aria-checked="true"][style*="background"] {
-        background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%) !important;
-    }
-    
-    /* Gradio'nun özel checkbox yapısı için ek kurallar */
-    .gr-checkbox-group .gr-check-radio[aria-checked="true"],
-    .gr-checkbox-group [role="checkbox"][aria-checked="true"] {
-        background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%) !important;
-        border-color: #ff6b35 !important;
-        color: white !important;
-    }
-    
-    /* Checkbox içindeki span'ları da hedefle */
-    .gr-checkbox-group .gr-check-radio span,
-    .gr-checkbox-group [role="checkbox"] span {
-        color: inherit !important;
-        background: transparent !important;
+print("\nADIM 4: Film Öneri Sistemi Mantığı Oluşturuldu.")
+
+
+# --- ADIM 5: Gradio Web Arayüzü Oluşturma ---
+print("\nADIM 5: Gradio Web Arayüzü Oluşturuluyor (Yeniden Tasarlanmış Arayüz ve Popülerlik Sıralaması)...")
+
+with gr.Blocks(theme=gr.themes.Soft(), css="""
+    /* Custom CSS */
+    .gradio-container { max-width: 1200px !important; font-family: 'Segoe UI', sans-serif; }
+    h1 { color: #f39c12; text-align: center; }
+    h3 { color: #eee; }
+    .gr-button.gr-button-primary { background-color: #f39c12 !important; border-color: #f39c12 !important; }
+    .gr-button.gr-button-primary:hover { background-color: #e67e22 !important; border-color: #e67e22 !important; }
+    .gr-checkbox-group label { color: #ccc; }
+    .gr-dropdown, .gr-slider, .gr-textbox { background-color: #2c2c2c; color: #eee; border-color: #555; }
+    .gr-dropdown-item { color: #eee; }
+    /* CheckboxGroup/Dropdown için sarı vurgu rengi */
+    .gr-checkbox-group input[type='checkbox']:checked + label {
+        background-color: #f39c12 !important;
+        border-color: #f39c12 !important;
+        color: #1a1a1a !important; /* Koyu metin rengi */
     }
-    
-    .gr-checkbox-group .gr-check-radio[aria-checked="true"] span,
-    .gr-checkbox-group [role="checkbox"][aria-checked="true"] span {
-        color: white !important;
+    .gr-checkbox-group input[type='checkbox'] + label {
+        background-color: #333;
+        color: #eee;
+        border: 1px solid #555;
     }
-    
-    /* Checkbox içindeki text'leri beyaz yap */
-    .gr-checkbox-group label span {
-        color: inherit !important;
-        background: transparent !important;
-        padding: 0 !important;
-        box-shadow: none !important;
+    .gr-checkbox-group input[type='checkbox'] + label:hover {
+        background-color: #444;
     }
-    
-    /* Seçili checkbox'ların text'ini siyah yap */
-    .gr-checkbox-group input[type='checkbox']:checked + label span {
+    .gr-dropdown-item.selected {
+        background-color: #f39c12 !important;
         color: #1a1a1a !important;
-        background: transparent !important;
-    }
-    
-    /* Gradio'nun özel checkbox yapısı için */
-    .gr-check-radio label,
-    .gr-checkbox-group > label,
-    fieldset label {
-        color: #d4d4d4 !important;
-    }
-    
-    /* Checkbox grup içindeki tüm span'ları hedefle */
-    .gr-checkbox-group .gr-check-radio span,
-    .gr-checkbox-group label > span:not(:first-child),
-    .gr-checkbox-group [role="checkbox"] + span {
-        background: transparent !important;
-        color: inherit !important;
-        padding: 0 !important;
-        margin: 0 !important;
-        box-shadow: none !important;
-        font-weight: inherit !important;
     }
-    
-    .gr-input, .gr-textbox textarea, .gr-dropdown-container {
-        background: #2a2a2a !important;
-        color: #ffffff !important;
-        border: 2px solid #3a3a3a !important;
-        border-radius: 10px !important;
-        font-size: 15px !important;
-    }
-    
-    .gr-input:focus, .gr-textbox textarea:focus {
-        border-color: #ff6b35 !important;
-        box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.2) !important;
-    }
-    
-    /* Dropdown ok işaretini turuncu yap */
-    .gr-dropdown svg, 
-    .gr-dropdown path,
-    button[aria-label="Clear"] svg,
-    button svg {
-        color: #ff8c42 !important;
-        fill: #ff8c42 !important;
-        stroke: #ff8c42 !important;
-    }
-    
-    /* Dropdown içindeki tüm butonları turuncu yap */
-    .gr-dropdown button,
-    .gr-dropdown-container button {
-        background: transparent !important;
-    }
-    
-    .gr-dropdown button svg path,
-    .gr-dropdown-container button svg path {
-        fill: #ff8c42 !important;
-        stroke: #ff8c42 !important;
-    }
-    
-    /* Dropdown açılır menü */
-    .gr-dropdown-menu {
-        background: #2a2a2a !important;
-        border: 2px solid #ff6b35 !important;
-        border-radius: 10px !important;
-    }
-    
-    .gr-dropdown-item {
-        color: #d4d4d4 !important;
-        background: transparent !important;
-    }
-    
     .gr-dropdown-item:hover {
-        background: #3a3a3a !important;
-        color: #ff8c42 !important;
-    }
-    
-    .gr-dropdown-item.selected {
-        background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%) !important;
+        background-color: #e67e22 !important;
         color: #1a1a1a !important;
     }
-    
-    .gr-form {
-        background: #1a1a1a !important;
-        border: 2px solid #2a2a2a !important;
-        border-radius: 16px !important;
-        padding: 24px !important;
-        box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important;
-    }
-    
-    .gr-panel {
-        background: #1a1a1a !important;
-        border: 2px solid #2a2a2a !important;
-        border-radius: 16px !important;
-    }
-    
-    /* Slider özelleştirmesi - Dinamik renk takibi */
-    input[type="range"] {
-        background: transparent !important;
-        height: 6px !important;
-        border-radius: 3px !important;
-        -webkit-appearance: none !important;
-        appearance: none !important;
-    }
-    
-    input[type="range"]::-webkit-slider-thumb {
-        background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%) !important;
-        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4) !important;
-        width: 20px !important;
-        height: 20px !important;
-        border-radius: 50% !important;
-        -webkit-appearance: none !important;
-        appearance: none !important;
-        cursor: pointer !important;
-        border: none !important;
-    }
-    
-    input[type="range"]::-moz-range-thumb {
-        background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%) !important;
-        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4) !important;
-        width: 20px !important;
-        height: 20px !important;
-        border-radius: 50% !important;
-        cursor: pointer !important;
-        border: none !important;
-    }
-    
-    input[type="range"]::-webkit-slider-runnable-track {
-        background: linear-gradient(to right, 
-            #ff6b35 0%, 
-            #ff8c42 calc(var(--slider-progress, 50%)), 
-            #2a2a2a calc(var(--slider-progress, 50%))) !important;
-        height: 6px !important;
-        border-radius: 3px !important;
-        border: none !important;
-    }
-    
-    /* IMDb slider için özel stil */
-    .gr-slider input[type="range"]::-webkit-slider-runnable-track {
-        background: linear-gradient(to right, 
-            #ff6b35 0%, 
-            #ff8c42 calc(var(--slider-progress, 50%)), 
-            #2a2a2a calc(var(--slider-progress, 50%))) !important;
-    }
-    
-    input[type="range"]::-moz-range-track {
-        background: #2a2a2a !important;
-        height: 6px !important;
-        border-radius: 3px !important;
-        border: none !important;
-    }
-    
-    input[type="range"]::-moz-range-progress {
-        background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%) !important;
-        height: 6px !important;
-        border-radius: 3px !important;
-        border: none !important;
-    }
-    
-    /* Slider container için özel stil */
-    .gr-slider {
-        position: relative !important;
-    }
-    
-    .gr-slider::before {
-        content: '' !important;
-        position: absolute !important;
-        top: 50% !important;
-        left: 0 !important;
-        right: 0 !important;
-        height: 6px !important;
-        background: #2a2a2a !important;
-        border-radius: 3px !important;
-        transform: translateY(-50%) !important;
-        z-index: 1 !important;
-    }
-    
-    .gr-slider::after {
-        content: '' !important;
-        position: absolute !important;
-        top: 50% !important;
-        left: 0 !important;
-        width: var(--slider-progress, 50%) !important;
-        height: 6px !important;
-        background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%) !important;
-        border-radius: 3px !important;
-        transform: translateY(-50%) !important;
-        z-index: 2 !important;
-        transition: width 0.1s ease !important;
-    }
-    
-    /* Scroll bar */
-    ::-webkit-scrollbar {
-        width: 12px;
-        background: #1a1a1a;
-    }
-    
-    ::-webkit-scrollbar-thumb {
-        background: linear-gradient(180deg, #ff6b35 0%, #ff8c42 100%);
-        border-radius: 6px;
-    }
-    
-    ::-webkit-scrollbar-thumb:hover {
-        background: linear-gradient(180deg, #ff8c42 0%, #ffa94d 100%);
-    }
-    
-    /* Örnekler bölümü */
-    .gr-examples {
-        background: #1a1a1a !important;
-        border: 2px solid #2a2a2a !important;
-        border-radius: 12px !important;
-        padding: 16px !important;
-    }
-    
-    .gr-examples .gr-button {
-        background: #2a2a2a !important;
-        color: #d4d4d4 !important;
-        border: 1px solid #3a3a3a !important;
-        border-radius: 8px !important;
-    }
-    
-    .gr-examples .gr-button:hover {
-        background: #3a3a3a !important;
-        border-color: #ff6b35 !important;
-        color: #ff8c42 !important;
-    }
-    
-    /* TÜM MOR/MAVİ RENKLERİ ZORLA KALDIR */
-    * {
-        --primary-500: #ff6b35 !important;
-        --primary-400: #ff8c42 !important;
-        --primary-600: #ff6b35 !important;
-    }
-    
-    /* Gradio'nun tüm mor/mavi renklerini turuncu yap */
-    [style*="background-color: rgb(99, 102, 241)"],
-    [style*="background-color: rgb(139, 92, 246)"],
-    [style*="background-color: #6366f1"],
-    [style*="background-color: #8b5cf6"],
-    [style*="background: rgb(99, 102, 241)"],
-    [style*="background: rgb(139, 92, 246)"],
-    [style*="background: #6366f1"],
-    [style*="background: #8b5cf6"] {
-        background: #2a2a2a !important;
-    }
-    
-    /* Seçili checkbox'lar için özel kural */
-    [style*="background-color: rgb(99, 102, 241)"][aria-checked="true"],
-    [style*="background-color: rgb(139, 92, 246)"][aria-checked="true"],
-    [style*="background: rgb(99, 102, 241)"][aria-checked="true"],
-    [style*="background: rgb(139, 92, 246)"][aria-checked="true"] {
-        background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%) !important;
-    }
 """) as demo:
-    
     gr.Markdown(
         """
-        # 🎬 CineMate Film Öneri Sistemi
-        
-        <p style='text-align: center; color: #d4d4d4; font-size: 18px; margin-top: -10px; font-weight: 500;'>
-        Yapay Zeka Destekli Kişiselleştirilmiş Film Keşfi
-        </p>
+        # 🎬 Film Öneri Sistemi
+        Favori film özelliklerinizi seçin, yüksek IMDb puanına sahip filmleri keşfedin!
+        İstediğiniz bir film veya konu hakkında yazın, benzerlerini de bulalım.
         """
     )
     
+    # Yeni yerleşim düzeni: Öneriler üstte, girişler altta
     with gr.Row():
-        with gr.Column(scale=3):
-            gr.Markdown("### 🎯 Sizin İçin Seçtiklerimiz")
-            output_html = gr.HTML(
-                label="Film Önerileri", 
-                value="""
-                <div style="text-align: center; padding: 80px 20px; background: linear-gradient(135deg, #1a1a1a 0%, #2d1810 100%); border-radius: 16px; border: 2px dashed #3a3a3a;">
-                    <div style="font-size: 72px; margin-bottom: 20px; filter: grayscale(100%) opacity(0.3);">🎬</div>
-                    <h2 style="color: #6a6a6a; margin-bottom: 15px; font-size: 24px;">Filmler Yükleniyor...</h2>
-                    <p style="color: #5a5a5a; font-size: 16px;">Tercihlerinizi seçin ve keşfetmeye başlayın!</p>
-                </div>
-                """
-            )
+        with gr.Column(scale=2): # Öneriler sütununu daha geniş yaptık
+            gr.Markdown("### Önerilen Filmler:")
+            output_html = gr.HTML(label="Önerileriniz burada listelenecektir.", value="<p style='text-align: center; color: #bbb;'>Henüz bir öneri yapılmadı. Özellikleri seçip butona tıklayın!</p>")
     
     with gr.Row():
         with gr.Column(scale=1):
-            gr.Markdown("### 🎨 Film Tercihleriniz")
+            gr.Markdown("### Film Özelliklerini Seçin:")
             
             tags_input = gr.CheckboxGroup(
-                label="🎭 Film Türleri", 
+                label="Film Türleri", 
                 choices=all_tags, 
-                value=['action', 'drama'],
+                value=['action', 'drama'], # Varsayılan değerler
                 interactive=True
             )
             
             directors_input = gr.Dropdown(
-                label="🎬 Favori Yönetmenler", 
-                choices=all_directors,
+                label="Yönetmenler", 
+                choices=all_directors, # Popülerliğe göre sıralanmış liste
                 multiselect=True,
                 allow_custom_value=False,
                 interactive=True
             )
 
             stars_input = gr.Dropdown(
-                label="⭐ Favori Oyuncular", 
-                choices=all_stars,
+                label="Oyuncular", 
+                choices=all_stars, # Popülerliğe göre sıralanmış liste
                 multiselect=True,
                 allow_custom_value=False,
                 interactive=True
@@ -919,7 +360,7 @@ with gr.Blocks(theme=custom_theme, head="""
                 maximum=df_filtered['IMDb Rating'].max(), 
                 step=0.1, 
                 value=7.6, 
-                label="📊 Minimum IMDb Puanı"
+                label="Minimum IMDb Puanı"
             )
 
             num_recommendations_slider = gr.Slider(
@@ -927,20 +368,15 @@ with gr.Blocks(theme=custom_theme, head="""
                 maximum=20, 
                 step=1, 
                 value=10, 
-                label="🎯 Öneri Sayısı"
+                label="Öneri Sayısı"
             )
 
             search_text_input = gr.Textbox(
-                label="🔍 Akıllı Arama (Yapay Zeka Destekli)",
-                placeholder="Örn: Uzayda geçen, aksiyon dolu bir macera...",
-                lines=2
+                label="Film Adı veya Konu Hakkında Ara (NLP Tabanlı Benzerlik)",
+                placeholder="Örneğin: Batman, uzay filmi, zamanda yolculuk..."
             )
             
-            recommend_btn = gr.Button(
-                "🚀 FİLMLERİ KEŞFET", 
-                variant="primary", 
-                size="lg"
-            )
+            recommend_btn = gr.Button("🚀 Film Önerilerini Getir", variant="primary", size="lg")
         
     recommend_btn.click(
         fn=get_movie_recommendations,
@@ -948,7 +384,6 @@ with gr.Blocks(theme=custom_theme, head="""
         outputs=output_html
     )
 
-    gr.Markdown("### 💡 Hızlı Başlangıç Örnekleri")
     gr.Examples(
         examples=[
             [['action'], [], [], 7.6, 5, ""], 
@@ -961,57 +396,20 @@ with gr.Blocks(theme=custom_theme, head="""
         inputs=[tags_input, directors_input, stars_input, min_imdb_rating_slider, num_recommendations_slider, search_text_input],
         outputs=output_html, 
         fn=get_movie_recommendations,
-        label="Popüler Aramalar"
+        label="Örnek Önerileri Deneyin"
     )
     
     gr.Markdown(
         """
         ---
-        
-        <div style='background: linear-gradient(135deg, #1a1a1a 0%, #2d1810 100%); padding: 30px; border-radius: 16px; border: 2px solid #3a3a3a; margin-top: 20px;'>
-        
-        ### 📖 Nasıl Kullanılır?
-        
-        <div style='display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;'>
-        
-        <div style='background: #2a2a2a; padding: 20px; border-radius: 12px; border-left: 4px solid #ff6b35;'>
-        <h4 style='color: #ff8c42; margin-top: 0;'>🎭 1. Tür Seçin</h4>
-        <p style='color: #d4d4d4; font-size: 14px; line-height: 1.6;'>İlginizi çeken film türlerini seçin. Birden fazla tür kombinleyebilirsiniz.</p>
-        </div>
-        
-        <div style='background: #2a2a2a; padding: 20px; border-radius: 12px; border-left: 4px solid #ff8c42;'>
-        <h4 style='color: #ff8c42; margin-top: 0;'>🎬 2. Filtre Uygulayın</h4>
-        <p style='color: #d4d4d4; font-size: 14px; line-height: 1.6;'>Favori yönetmen ve oyuncularınızı, minimum IMDb puanını ayarlayın.</p>
-        </div>
-        
-        <div style='background: #2a2a2a; padding: 20px; border-radius: 12px; border-left: 4px solid #ffa94d;'>
-        <h4 style='color: #ff8c42; margin-top: 0;'>🔍 3. Akıllı Arama</h4>
-        <p style='color: #d4d4d4; font-size: 14px; line-height: 1.6;'>Yapay zeka destekli arama ile konu, tema veya film adı arayın.</p>
-        </div>
-        
-        <div style='background: #2a2a2a; padding: 20px; border-radius: 12px; border-left: 4px solid #ff6b35;'>
-        <h4 style='color: #ff8c42; margin-top: 0;'>🚀 4. Keşfedin</h4>
-        <p style='color: #d4d4d4; font-size: 14px; line-height: 1.6;'>Butona tıklayın ve size özel seçilmiş filmleri keşfedin!</p>
-        </div>
-        
-        </div>
-        
-        <div style='margin-top: 30px; padding: 20px; background: rgba(255, 107, 53, 0.1); border-radius: 12px; border: 2px solid rgba(255, 107, 53, 0.3);'>
-        <h4 style='color: #ff8c42; margin-top: 0; display: flex; align-items: center; gap: 10px;'>
-        <span style='font-size: 24px;'>💡</span> Pro İpucu
-        </h4>
-        <p style='color: #d4d4d4; font-size: 14px; line-height: 1.6; margin: 0;'>
-        Daha spesifik sonuçlar için birden fazla filtreyi kombine edin. Örneğin: "Christopher Nolan yönetmenliğinde, bilim kurgu türünde, 8.0 ve üzeri puanlı filmler" gibi.
-        </p>
-        </div>
-        
-        </div>
-        
-        <div style='text-align: center; margin-top: 30px; padding: 20px; color: #6a6a6a; font-size: 13px;'>
-        <p style='margin: 0;'>🤖 Yapay Zeka ile Güçlendirilmiş | ⚡ Anlık Sonuçlar | 🎯 Kişiselleştirilmiş Öneriler</p>
-        </div>
+        ### ℹ️ Nasıl Kullanılır?
+        1.  **Film Türleri, Yönetmenler ve Oyuncular** bölümlerinden istediğiniz filtreleri seçin (birden fazla seçim yapabilirsiniz).
+        2.  **Minimum IMDb Puanı** ve **Öneri Sayısı** çubuklarını ayarlayın.
+        3.  İsterseniz **"Film Adı veya Konu Hakkında Ara"** kutucuğuna bir film adı, konu veya anahtar kelime yazın.
+        4.  **"🚀 Film Önerilerini Getir"** butonuna tıklayın.
+        5.  Öneriler üst panelde görünecektir!
         """
     )
 
-demo.launch(server_name="0.0.0.0", server_port=7860)
-print("\nADIM 5: Premium Gradio Web Arayüzü Başlatıldı.")
+demo.launch(share=True)
+print("\nADIM 5: Gradio Web Arayüzü Başlatıldı.")