.seo-score{font-weight:700;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem}.seo-score.excellent{background-color:#10b981;color:#fff}.seo-score.good{background-color:#f59e0b;color:#fff}.seo-score.fair{background-color:#ef4444;color:#fff}.seo-score.poor{background-color:#dc2626;color:#fff}.seo-progress{height:.5rem;border-radius:.25rem;transition:width .3s ease}.seo-progress.excellent{background-color:#10b981}.seo-progress.good{background-color:#f59e0b}.seo-progress.fair{background-color:#ef4444}.seo-progress.poor{background-color:#dc2626}.seo-recommendation{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;margin-bottom:.5rem;border-radius:.375rem;border-left:4px solid}.seo-recommendation.error{background-color:#fef2f2;border-left-color:#dc2626;color:#991b1b}.seo-recommendation.warning{background-color:#fffbeb;border-left-color:#d97706;color:#92400e}.seo-recommendation.info{background-color:#eff6ff;border-left-color:#2563eb;color:#1e40af}.seo-recommendation.success{background-color:#f0fdf4;border-left-color:#16a34a;color:#166534}.seo-recommendation.priority-high{font-weight:600}.seo-recommendation.priority-medium{font-weight:500}.seo-recommendation.priority-low{font-weight:400}.recommendation-icon{flex-shrink:0;font-size:1rem;margin-top:.125rem}.recommendation-text{flex:1;font-size:.875rem;line-height:1.25rem}.seo-field-wrapper{position:relative}.seo-field-counter{position:absolute;right:.5rem;bottom:.5rem;font-size:.75rem;color:#6b7280}.seo-field-counter.over-limit{color:#dc2626}.seo-field-counter.under-limit{color:#d97706}.seo-field-counter.optimal{color:#16a34a}.seo-analysis-panel{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:1rem}.seo-analysis-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.seo-analysis-title{font-size:1.125rem;font-weight:600;color:#111827}.seo-progress-container{background-color:#f3f4f6;border-radius:.25rem;height:.5rem;margin-bottom:1rem;overflow:hidden}.seo-recommendations-container{max-height:20rem;overflow-y:auto}.seo-live-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.seo-live-indicator.active{color:#16a34a}.seo-live-indicator.analyzing{color:#d97706}.seo-live-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.seo-analysis-panel{padding:.75rem}.seo-recommendation{padding:.5rem}.recommendation-text{font-size:.8125rem}}.search-modal-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.search-modal-container{box-shadow:0 25px 50px -12px #00000040}.search-input:focus{box-shadow:0 0 0 3px #3b82f61a}.search-result-video:hover{transform:scale(1.02);transition:transform .2s ease-in-out}.platform-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.interaction-tag{background:#9ca3af1a;border:1px solid rgba(156,163,175,.2)}.dark .interaction-tag{background:#4b55634d;border:1px solid rgba(75,85,99,.4)}.search-result-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;transition:all .2s ease-in-out}.dark .search-result-card:hover{box-shadow:0 8px 25px #0006}.show-all-button{background:linear-gradient(135deg,#1f2937,#111827);box-shadow:0 4px 12px #00000026}.dark .show-all-button{background:linear-gradient(135deg,#f9fafb,#f3f4f6);box-shadow:0 4px 12px #ffffff1a}.search-modal-content::-webkit-scrollbar{width:6px}.search-modal-content::-webkit-scrollbar-track{background:#9ca3af1a;border-radius:3px}.search-modal-content::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:3px}.search-modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.dark .search-modal-content::-webkit-scrollbar-track{background:#4b55631a}.dark .search-modal-content::-webkit-scrollbar-thumb{background:#4b55634d}.dark .search-modal-content::-webkit-scrollbar-thumb:hover{background:#4b556380}.search-tab-active{background:linear-gradient(135deg,#3b82f61a,#3b82f60d)}@keyframes search-pulse{0%,to{opacity:1}50%{opacity:.5}}.search-loading{animation:search-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes modal-enter{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.search-modal-container{animation:modal-enter .2s ease-out}.search-empty-state{background:radial-gradient(circle at center,rgba(59,130,246,.05) 0%,transparent 70%)}.dark .search-empty-state{background:radial-gradient(circle at center,rgba(59,130,246,.1) 0%,transparent 70%)}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:#a0aec0}.dark .scrollbar-thin{scrollbar-color:#4a5568 transparent}.dark .scrollbar-thin::-webkit-scrollbar-thumb{background-color:#4a5568}.dark .scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:#2d3748}.scrollbar-thumb-gray-300::-webkit-scrollbar-thumb{background-color:#d1d5db}.scrollbar-thumb-gray-600::-webkit-scrollbar-thumb{background-color:#4b5563}.scrollbar-track-transparent::-webkit-scrollbar-track{background:transparent}