:root{--color-bg:#f5f3ff;--color-bg-warm:#faf8ff;--color-surface:#ffffffb3;--color-surface-solid:#fff;--color-surface-hover:#ffffffe6;--color-text:#1a1035;--color-text-secondary:#3d3558;--color-text-muted:#8b83a3;--color-accent-cyan:#00c4cc;--color-accent-magenta:#fe2c55;--color-accent-magenta-muted:#fe2c551a;--color-accent-cyan-muted:#00c4cc1a;--color-accent-teal:#00c4cc;--color-accent-blue:#6366f1;--surface-card:#ffffffa6;--surface-card-solid:#fff;--surface-glass:#ffffff8c;--surface-elevated:#fff;--surface-subtle:#7864b40a;--surface-subtle-hover:#7864b40f;--surface-input:#fff9;--surface-input-focus:#ffffffd9;--surface-pill:#7864b414;--surface-badge:#ffffffd9;--surface-nav-tab:#fff9;--surface-filters:#ffffff8c;--surface-search:#ffffffbf;--surface-search-focus:#ffffffe6;--surface-placeholder-start:#ede9f7;--surface-placeholder-end:#ddd6f5;--surface-skeleton-start:#ece8f5;--surface-skeleton-end:#e0daf0;--surface-shimmer:#fff9;--border-default:#7864b41f;--border-subtle:#7864b414;--border-card:#7864b41a;--border-card-hover:#fe2c5533;--border-input:#7864b41f;--border-avatar:#fe2c5526;--border-glass:#7864b41a;--overlay-modal:#1a103580;--overlay-video:#1a103559;--overlay-video-gradient:#1a103599;--overlay-tooltip:#1a1035d9;--shadow-sm:0 1px 3px #503c8c0f, 0 1px 2px #503c8c0a;--shadow-md:0 4px 16px #503c8c14, 0 2px 4px #503c8c0a;--shadow-lg:0 12px 40px #503c8c1a, 0 4px 12px #503c8c0d;--shadow-xl:0 20px 60px #503c8c1f, 0 8px 20px #503c8c0f;--shadow-card-hover:0 12px 40px #503c8c1f, 0 0 0 1px #fe2c550d;--shadow-btn-magenta:0 4px 15px #fe2c5540;--shadow-btn-cyan:0 2px 8px #00c4cc59;--shadow-focus:0 0 0 4px #6366f114;--shadow-focus-cyan:0 0 0 3px #00c4cc14;--scrollbar-thumb:#7864b426;--scrollbar-thumb-hover:#7864b44d;--scrollbar-track:transparent;--bg-gradient-1:#6366f112;--bg-gradient-2:#fe2c550d;--bg-gradient-3:#00c4cc0a;--score-ring-bg:#7864b41f;--score-ring-inner:#fff;--nav-btn-bg:#ffffffd9;--nav-btn-hover:#fffffff2;--nav-btn-color:#1a1035;--dropdown-bg:#fff;--msg-success-bg:#4caf5014;--msg-success-text:#2e7d32;--msg-success-border:#4caf5033;--msg-error-bg:#f4433614;--msg-error-text:#c62828;--msg-error-border:#f4433633;--h1-gradient-start:var(--color-accent-magenta);--h1-gradient-end:#ff6b8a;--logo-glow:#fe2c5540;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--radius-sm:10px;--radius-md:14px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-smooth:.3s cubic-bezier(.16, 1, .3, 1);--transition-normal:.25s ease}[data-theme=dark]{--color-bg:#0b0f19;--color-bg-warm:#0e1220;--color-surface:#ffffff08;--color-surface-solid:#161a28;--color-surface-hover:#ffffff14;--color-text:#fff;--color-text-secondary:#b0aac0;--color-text-muted:#8a94a6;--color-accent-cyan:#25f4ee;--color-accent-magenta:#fe2c55;--color-accent-magenta-muted:#fe2c5533;--color-accent-cyan-muted:#25f4ee33;--color-accent-teal:#25f4ee;--color-accent-blue:#818cf8;--surface-card:#ffffff08;--surface-card-solid:#161a28;--surface-glass:#ffffff0a;--surface-elevated:#141827;--surface-subtle:#0003;--surface-subtle-hover:#ffffff0d;--surface-input:#ffffff0d;--surface-input-focus:#ffffff1a;--surface-pill:#ffffff14;--surface-badge:#0009;--surface-nav-tab:#ffffff08;--surface-filters:#14182799;--surface-search:#ffffff08;--surface-search-focus:#ffffff0f;--surface-placeholder-start:#2a2d3e;--surface-placeholder-end:#1a1c29;--surface-skeleton-start:#1a1d2e;--surface-skeleton-end:#252840;--surface-shimmer:#ffffff0d;--border-default:#ffffff0f;--border-subtle:#ffffff0d;--border-card:#ffffff0f;--border-card-hover:#fe2c554d;--border-input:#ffffff1a;--border-avatar:#25f4ee4d;--border-glass:#ffffff0f;--overlay-modal:#000000d9;--overlay-video:#0006;--overlay-video-gradient:#000c;--overlay-tooltip:#000000e6;--shadow-sm:0 1px 3px #0003;--shadow-md:0 8px 32px #0003;--shadow-lg:0 12px 40px #0000004d, 0 0 20px #fe2c551a;--shadow-xl:0 20px 40px #00000080;--shadow-card-hover:0 12px 40px #0000004d, 0 0 20px #fe2c551a;--shadow-btn-magenta:0 4px 15px #fe2c5566;--shadow-btn-cyan:0 0 10px #25f4ee80;--shadow-focus:0 0 20px #25f4ee1a;--shadow-focus-cyan:0 0 0 3px #25f4ee1a;--scrollbar-thumb:#ffffff1a;--scrollbar-thumb-hover:#fff3;--scrollbar-track:transparent;--bg-gradient-1:#25f4ee0a;--bg-gradient-2:#fe2c550a;--bg-gradient-3:#25f4ee05;--score-ring-bg:#ffffff1a;--score-ring-inner:var(--color-bg);--nav-btn-bg:#ffffff1a;--nav-btn-hover:#fff3;--nav-btn-color:#fff;--dropdown-bg:#141827;--msg-success-bg:#4caf501a;--msg-success-text:#4caf50;--msg-success-border:#4caf5033;--msg-error-bg:#f443361a;--msg-error-text:#f44336;--msg-error-border:#f4433633;--h1-gradient-start:var(--color-accent-cyan);--h1-gradient-end:#fff;--logo-glow:#fe2c5566}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%, var(--bg-gradient-1), transparent 40%), radial-gradient(circle at 90% 80%, var(--bg-gradient-2), transparent 40%), radial-gradient(circle at 50% 50%, var(--bg-gradient-3), transparent 50%);min-height:100vh;line-height:1.5;transition:background-color .4s,color .3s}#root{flex-direction:column;min-height:100vh;display:flex}.glass-panel{background:var(--surface-card);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:background .3s,border-color .3s,box-shadow .3s}button{cursor:pointer;color:inherit;transition:all var(--transition-fast);background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #fe2c5500}50%{box-shadow:0 0 20px #00c4cc26}}.animate-fade-in{animation:fadeIn .5s var(--transition-smooth) both}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background:linear-gradient(135deg, var(--surface-skeleton-start), var(--surface-skeleton-end));border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background-image:linear-gradient(90deg, #fff0 0, var(--surface-shimmer) 20%, var(--surface-shimmer) 60%, #fff0);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.search-section .search-container{margin-bottom:1rem}.search-container{border-radius:var(--radius-full);max-width:800px;transition:all var(--transition-smooth);z-index:10;background:var(--surface-search);border:1px solid var(--border-default);box-shadow:var(--shadow-md);align-items:center;margin-bottom:3rem;margin-left:auto;margin-right:auto;padding:8px 8px 8px 24px;display:flex;position:relative}.search-container:focus-within{box-shadow:var(--shadow-lg), var(--shadow-focus);background:var(--surface-search-focus);border-color:#6366f166;transform:translateY(-2px)}.search-icon{flex-shrink:0}.search-input{color:var(--color-text);background:0 0;border:none;outline:none;flex-grow:1;padding:16px;font-size:1.1rem;font-weight:500}.search-input::placeholder{color:var(--color-text-muted)}.search-button{background:linear-gradient(135deg, var(--color-accent-magenta), #ff4a6e);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-btn-magenta);align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;display:flex}.search-button:hover{transform:scale(1.02);box-shadow:0 6px 20px #fe2c5559}.search-button:active{transform:scale(.98)}.filters-container{border-radius:var(--radius-full);background:var(--surface-filters);border:1px solid var(--border-glass);max-width:fit-content;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;margin-bottom:3rem;margin-left:auto;margin-right:auto;padding:12px 24px;display:flex}.filter-group{align-items:center;gap:16px;display:flex}.filter-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.filter-control{align-items:center;gap:12px;display:flex}.follower-slider{appearance:none;background:var(--scrollbar-thumb);border-radius:var(--radius-full);outline:none;width:150px;height:4px}.follower-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--color-accent-cyan), #00a8b0);cursor:pointer;width:18px;height:18px;box-shadow:var(--shadow-btn-cyan);transition:all var(--transition-fast);border:3px solid var(--surface-card-solid);border-radius:50%}.follower-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.follower-value{color:var(--color-accent-magenta);min-width:60px;font-size:.95rem;font-weight:700}.empty-state{text-align:center;color:var(--color-text-muted);flex-direction:column;align-items:center;gap:16px;padding:4rem 2rem;display:flex}.icon-circle{background:var(--surface-card);border:1px solid var(--border-glass);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1rem;display:flex}.empty-state h3{color:var(--color-text);font-size:1.5rem}.results-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;width:100%;display:grid}.error-state{text-align:center;border-color:var(--border-card-hover);background:var(--surface-card);flex-direction:column;align-items:center;gap:16px;max-width:500px;margin:0 auto;padding:3rem;display:flex}.error-state p{color:var(--color-text-muted)}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none!important;transform:none!important}.inline-icon{vertical-align:middle}@media (width<=768px){.search-container{border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:16px}.search-input{text-align:center;width:100%;padding:8px}.search-button{justify-content:center;width:100%}.results-grid{grid-template-columns:1fr}}