*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-primary:#0f172a;--brand-accent:#2563eb;--brand-accent-light:#3b82f6;--brand-accent-dark:#1d4ed8;--brand-gradient:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--brand-gradient-subtle:linear-gradient(135deg, #2563eb14 0%, #7c3aed14 100%);--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--green-50:#f0fdf4;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--red-50:#fef2f2;--red-500:#ef4444;--red-600:#dc2626;--orange-50:#fff7ed;--orange-500:#f97316;--orange-600:#ea580c;--yellow-400:#facc15;--yellow-500:#eab308;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000a;--shadow-glow:0 0 20px #2563eb26;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--surface:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--slate-50:#0b1220;--slate-100:#111827;--slate-200:#1f2937;--slate-300:#334155;--slate-400:#64748b;--slate-500:#94a3b8;--slate-600:#cbd5e1;--slate-700:#e2e8f0;--slate-800:#f1f5f9;--slate-900:#f8fafc;--green-50:#22c55e1f;--red-50:#ef44441f;--orange-50:#f973161f;--surface:#111827;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--slate-50);color:var(--slate-900);min-height:100vh;line-height:1.6;transition:background-color .2s,color .2s}#root{flex-direction:column;min-height:100vh;display:flex}.container{max-width:1280px;padding:0 var(--space-6);margin:0 auto}.card{background:var(--surface);border:1px solid var(--slate-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--slate-300)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;border:none;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:0 2px 8px #2563eb40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #2563eb59}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface);color:var(--slate-700);border:1px solid var(--slate-200)}.btn-secondary:hover{background:var(--slate-50);border-color:var(--slate-300)}.btn-lg{padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);font-size:1rem}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);color:var(--slate-900);background:var(--surface);border:1.5px solid var(--slate-200);border-radius:var(--radius-lg);outline:none;font-size:.9375rem;transition:all .2s}.input:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px #2563eb1a}.input::placeholder{color:var(--slate-400)}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-group label{color:var(--slate-600);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}.chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.chip-site{background:var(--slate-100);color:var(--slate-600);border:1px solid var(--slate-200)}.chip-site.active{color:var(--brand-accent);background:#2563eb1a;border-color:#2563eb4d}.chip-site:hover{background:var(--slate-200)}.chip-site.active:hover{background:#2563eb26}.chip-remove{border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.75rem;line-height:1;transition:all .15s;display:inline-flex}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;display:inline-flex}.badge-green{background:var(--green-50);color:var(--green-700)}.badge-blue{color:var(--brand-accent);background:#2563eb1a}.badge-orange{background:var(--orange-50);color:var(--orange-600)}.badge-red{background:var(--red-50);color:var(--red-600)}.stars{color:var(--yellow-400);align-items:center;gap:1px;display:inline-flex}.stars .star-empty{color:var(--slate-200)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #2563eb26}50%{box-shadow:0 0 40px #2563eb4d}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-slide-up{animation:.5s ease-out slideUp}.stagger-children>*{animation:.4s ease-out both fadeIn}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.36s}.stagger-children>:nth-child(8){animation-delay:.42s}.stagger-children>:nth-child(9){animation-delay:.48s}.stagger-children>:nth-child(10){animation-delay:.54s}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--slate-100) 25%, var(--slate-200) 50%, var(--slate-100) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}