:root{--color-bg-primary: #ffffff;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-accent: #475569;--color-bg-header: rgba(2, 6, 23, .7);--color-bg-modal: rgba(0, 0, 0, .6);--color-bg-card: rgba(30, 41, 59, .5);--color-bg-advanced: rgba(15, 23, 42, .5);--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-muted: #64748b;--color-text-white: #ffffff;--color-text-gray-200: #e5e7eb;--color-text-gray-400: #9ca3af;--color-accent-primary: #6366f1;--color-accent-secondary: #4f46e5;--color-accent-tertiary: #4338ca;--color-accent-quaternary: #3730a3;--color-accent-quinary: #312e81;--color-accent-light: #818cf8;--color-accent-lighter: #a5b4fc;--color-border-primary: #475569;--color-border-secondary: #334155;--color-border-muted: #64748b;--color-error: #f87171;--color-error-bg: rgba(153, 27, 27, .5);--color-success: #34d399;--color-warning: #fbbf24;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}.app-container{min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family)}.app-header{background-color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20;border-bottom:1px solid #e5e7eb}.header-container{max-width:1200px;margin:0 auto;padding:var(--spacing-3);display:flex;align-items:center;justify-content:space-between}.header-title{font-size:var(--font-size-2xl);font-weight:700;color:#000;letter-spacing:.025em}.header-title-accent{color:#4f46e5}.language-button{display:flex;align-items:center;justify-content:center;background-color:#fff;color:#000;font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-2) var(--spacing-4);border-radius:.75rem;border:1px solid #d1d5db;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.language-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.language-button:focus{outline:none;box-shadow:0 0 0 .5px var(--color-accent-secondary)}.language-emoji-text{font-size:1.125rem;line-height:1.2}.hero-section{text-align:center;padding:3.25rem var(--spacing-4) var(--spacing-6);max-width:560px;margin:0 auto}.hero-title{font-size:2.125rem;font-weight:600;color:#000;line-height:1.4;margin:0}.main-container{max-width:1200px;margin:-20px auto 0;padding:var(--spacing-4)}@media (min-width: 768px){.main-container{padding:var(--spacing-8)}}.form-card{background-color:#f9fafb;padding:var(--spacing-10) var(--spacing-6);border-radius:1.5rem;border:1px solid #d1d5db;margin-top:var(--spacing-10);margin-bottom:var(--spacing-10)}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);align-items:start}@media (min-width: 768px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.form-grid{grid-template-columns:repeat(5,1fr)}}.search-button-container{order:10}@media (min-width: 1024px){.search-button-container{order:0}}.form-group-span-2{grid-column:span 2}@media (min-width: 1024px){.form-group-span-2{grid-column:span 2}}.form-group-span-1{grid-column:span 1}.form-group-self-end{align-self:end}.form-label{display:block;font-size:var(--font-size-xl);font-weight:500;color:#000;margin-bottom:var(--spacing-1)}.form-input{width:100%;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.75rem;box-shadow:var(--shadow-sm);padding:var(--spacing-2) var(--spacing-4);color:#000;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.form-input[type=text],.form-input[type=password]{padding-right:var(--spacing-4)}select.form-input{padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:calc(100% - 10px) center;background-size:16px 16px}.form-input:hover{background-color:#e5e7eb}.form-input:focus{outline:none;border-color:var(--color-accent-secondary);box-shadow:0 0 0 .5px var(--color-accent-secondary);background-color:#fff}.form-input::placeholder{color:#6b7280}.form-notice{font-size:var(--font-size-base);color:#374151;margin-top:var(--spacing-1)}.form-notice-success{font-size:var(--font-size-base);color:#059669;background-color:#10b9811a;padding:var(--spacing-2) var(--spacing-3);border-radius:.75rem;border:1px solid rgba(16,185,129,.2);margin-top:var(--spacing-1)}.btn-primary{width:100%;background-color:#4f46e5;color:#fff;font-weight:700;padding:var(--spacing-2) var(--spacing-4);border-radius:.75rem;border:none;cursor:pointer;box-shadow:none;transition:background-color var(--transition-fast),transform var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-primary:hover{background-color:#4338ca;transform:translateY(-1px)}.btn-primary:active{background-color:#3730a3;transform:translateY(0)}.btn-primary:disabled{background-color:#6b7280;cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:500;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);cursor:pointer;transition:background-color var(--transition-fast)}.btn-secondary:hover{background-color:var(--color-bg-secondary)}.advanced-toggle{width:auto;display:inline-flex;text-align:left;font-size:var(--font-size-sm);font-weight:500;color:#7c3aed;background-color:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:.75rem;padding:var(--spacing-2) var(--spacing-3);cursor:pointer;align-items:center;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.advanced-toggle:hover{color:#6d28d9;background-color:#7c3aed26;border-color:#7c3aed4d}.advanced-icon{width:1.25rem;height:1.25rem;margin-left:var(--spacing-1);transition:transform var(--transition-fast)}.advanced-icon.rotated{transform:rotate(180deg)}.advanced-panel{margin-top:var(--spacing-4);padding:var(--spacing-10) var(--spacing-10);background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:1.25rem}.advanced-title{font-weight:600;color:#000;font-size:var(--font-size-xl)}.advanced-desc{font-size:var(--font-size-base);color:#374151;margin-top:var(--spacing-1);margin-bottom:var(--spacing-4)}.channel-input-group{display:flex;align-items:center;gap:var(--spacing-2)}.channel-input{flex-grow:1;background-color:#fff;border:1px solid #d1d5db;border-radius:.75rem;box-shadow:var(--shadow-sm);padding:var(--spacing-2) var(--spacing-4);color:#000;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.channel-input:focus{outline:none;border-color:var(--color-accent-secondary);box-shadow:0 0 0 .5px var(--color-accent-secondary)}.channel-remove-btn{padding:var(--spacing-2);background-color:#ef4444;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.channel-remove-btn:hover{background-color:#dc2626;color:#fff}.channel-add-btn{font-size:var(--font-size-sm);font-weight:500;color:#7c3aed;background-color:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:.75rem;padding:var(--spacing-2) var(--spacing-3);cursor:pointer;display:flex;align-items:center;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.channel-add-btn:hover{color:#6d28d9;background-color:#7c3aed26;border-color:#7c3aed4d}.file-upload-container{position:relative}.file-upload-group{display:flex;align-items:stretch;gap:var(--spacing-2)}@media (min-width: 640px){.file-upload-group{gap:var(--spacing-4)}}.file-upload-label{flex-grow:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);background-color:#7c3aed1a;color:#7c3aed;font-weight:600;padding:var(--spacing-3) var(--spacing-4);border-radius:.75rem;border:1px solid rgba(124,58,237,.2);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.file-upload-label:hover{background-color:#7c3aed26;border-color:#7c3aed4d}.file-input-hidden{display:none}.example-btn{flex-shrink:0;background-color:#7c3aed1a;border:1px solid rgba(124,58,237,.2);color:#7c3aed;font-weight:600;padding:var(--spacing-3) var(--spacing-4);border-radius:.75rem;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.example-btn:hover{background-color:#7c3aed26;border-color:#7c3aed4d}.example-tooltip{position:absolute;z-index:10;margin-top:var(--spacing-2);right:0;width:100%;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);padding:var(--spacing-4);text-align:left;animation:fadeInDown .2s ease-out forwards}@media (min-width: 640px){.example-tooltip{width:18rem}}.example-tooltip-title{font-size:var(--font-size-base);font-weight:600;color:#000;display:flex;align-items:center;gap:var(--spacing-2)}.example-tooltip-content{margin-top:var(--spacing-2);background-color:#fff;padding:var(--spacing-3);border-radius:var(--radius-md)}.example-tooltip-pre{font-size:var(--font-size-base);color:#374151;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.divider-container{margin:var(--spacing-6) 0;display:flex;align-items:center}.divider-line{flex-grow:1;border-top:1px solid var(--color-border-secondary)}.divider-text{flex-shrink:1;margin:0 var(--spacing-4);color:#6b7280;font-size:var(--font-size-xs);font-weight:600}.error-message{margin-top:var(--spacing-4);text-align:center;color:#dc2626;background-color:#ef44441a;padding:var(--spacing-3);border-radius:.75rem;border:1px solid rgba(239,68,68,.2)}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-10) 0}.loading-spinner{animation:spin 1s linear infinite;margin-left:-.25rem;margin-right:var(--spacing-3);width:2.5rem;height:2.5rem;color:var(--color-accent-primary)}.loading-text{color:#000;font-size:var(--font-size-lg)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.results-count{color:#000}.results-count-number{font-weight:700;color:var(--color-accent-light)}.sort-toggle-group{display:flex;gap:var(--spacing-2);background-color:#f3f4f6;padding:var(--spacing-1);border-radius:.75rem}.sort-toggle-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:500;border-radius:.75rem;border:none;cursor:pointer;transition:all var(--transition-fast)}.sort-toggle-btn.active{background-color:var(--color-accent-secondary);color:var(--color-text-white);box-shadow:var(--shadow-sm)}.sort-toggle-btn.inactive{color:#000;background:none}.sort-toggle-btn.inactive:hover{background-color:#e5e7eb}.results-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 640px){.results-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.results-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.results-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1280px){.results-grid{grid-template-columns:repeat(5,1fr)}}.no-results{text-align:center;padding:var(--spacing-10) 0}.no-results-text{color:var(--color-text-tertiary);white-space:pre-line;font-size:var(--font-size-xl)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f3f4f6}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-accent-secondary);border-radius:var(--radius-sm)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-accent-tertiary)}.opacity-disabled{opacity:.5;pointer-events:none}.animate-fade-in-down{animation:fadeInDown .2s ease-out forwards}.label-with-badge{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.free-badge{display:inline-block;background-color:#10b981;color:#fff;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.free-badge.invisible{background-color:transparent;color:transparent;border:1px solid transparent}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-y-3>*+*{margin-top:var(--spacing-3)}.country-selector-container{position:relative;width:100%}.country-selector-button{width:100%;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.75rem;box-shadow:var(--shadow-sm);padding-left:var(--spacing-3);padding-right:2.5rem;padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);text-align:left;color:#000;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.country-selector-button:hover{background-color:#e5e7eb}.country-selector-button:focus{outline:none;border-color:var(--color-accent-secondary);box-shadow:0 0 0 .5px var(--color-accent-secondary);background-color:#fff}.country-selector-button-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-selector-arrow{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;padding-right:var(--spacing-2);pointer-events:none}.country-selector-arrow-icon{width:1.25rem;height:1.25rem;color:var(--color-text-gray-400)}.country-selector-dropdown{position:absolute;z-index:10;margin-top:var(--spacing-1);width:100%;background-color:#fff;box-shadow:var(--shadow-lg);border-radius:.75rem;border:1px solid #d1d5db;max-height:15rem;overflow-y:auto}.country-selector-search-container{padding:var(--spacing-2)}.country-selector-search{width:100%;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.75rem;padding:var(--spacing-3);color:#000;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.country-selector-search::placeholder{color:#6b7280}.country-selector-search:focus{outline:none;border-color:var(--color-accent-secondary);box-shadow:0 0 0 1px var(--color-accent-secondary)}.country-selector-option{color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding:var(--spacing-2) var(--spacing-3);transition:background-color var(--transition-fast)}.country-selector-option:hover{background-color:#f3f4f6}.country-selector-option-content{display:flex;align-items:center}.country-selector-checkbox{width:1rem;height:1rem;color:var(--color-accent-secondary);border-color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer}.country-selector-checkbox:focus{box-shadow:0 0 0 .5px var(--color-accent-secondary)}.country-selector-option-text{margin-left:var(--spacing-3);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-selector-option-text.worldwide{font-weight:600}.country-selector-option-text.normal{font-weight:400}.country-selector-divider{border-color:var(--color-border-primary);margin:var(--spacing-1) 0}.shorts-card{background-color:#f3f4f6;border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow-lg);transform:translateY(0);transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column;text-decoration:none;color:inherit}.shorts-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.shorts-card-thumbnail-container{position:relative;aspect-ratio:9/16;width:100%}.shorts-card-thumbnail{position:absolute;height:100%;width:100%;object-fit:cover;transition:transform var(--transition-normal)}.shorts-card:hover .shorts-card-thumbnail{transform:scale(1.05)}.shorts-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0003;transition:background-color var(--transition-normal)}.shorts-card:hover .shorts-card-overlay{background-color:#0006}.shorts-card-content{padding:var(--spacing-4);display:flex;flex-direction:column;flex-grow:1}.shorts-card-title{font-weight:700;font-size:var(--font-size-base);color:#000;margin-bottom:var(--spacing-2);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shorts-card-meta{margin-top:auto}.shorts-card-channel{font-size:var(--font-size-sm);color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:var(--spacing-1)}.shorts-card-stats{font-size:var(--font-size-xs);color:#7c3aed;display:flex;align-items:center;gap:var(--spacing-2)}.shorts-card-stats-separator{color:#7c3aed}.language-selector-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.language-selector-modal{background-color:#fff;border-radius:.75rem;box-shadow:var(--shadow-2xl);width:100%;max-width:28rem;border:1px solid #d1d5db;display:flex;flex-direction:column}.language-selector-header{padding:var(--spacing-4);border-bottom:1px solid #e5e7eb}.language-selector-title{font-size:var(--font-size-lg);font-weight:600;color:#000}.language-selector-search-container{padding:var(--spacing-4)}.language-selector-search{width:100%;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.75rem;padding:var(--spacing-4);color:#000;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.language-selector-search::placeholder{color:#6b7280}.language-selector-search:focus{outline:none;border-color:var(--color-accent-secondary);box-shadow:0 0 0 .5px var(--color-accent-secondary)}.language-selector-list{flex:1;overflow-y:auto;max-height:60vh;padding-left:var(--spacing-2);padding-right:var(--spacing-2);padding-bottom:var(--spacing-2)}.language-selector-item{width:100%;text-align:left;padding:var(--spacing-3) var(--spacing-4);border-radius:.75rem;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-fast);border:none;cursor:pointer}.language-selector-item.active{background-color:#4f46e5;color:#fff;font-weight:700}.language-selector-item.inactive{color:#000;background-color:transparent}.language-selector-item.inactive:hover{background-color:#f3f4f6}.language-selector-native-name{font-size:var(--font-size-base)}.language-selector-english-name{color:#6b7280;font-size:var(--font-size-sm)}