:root{--background:#020617;--foreground:#f8fafc;--card-bg:#0f172a;--card-border:#1e293b;--primary:#84cc16;--primary-hover:#a3e635;--primary-glow:#84cc1626;--secondary:#10b981;--secondary-hover:#34d399;--danger:#ef4444;--danger-hover:#f87171;--danger-bg:#ef44441a;--danger-border:#ef444433;--success-bg:#10b9811a;--success-border:#10b98133;--muted:#94a3b8;--muted-light:#1e293b;--muted-border:#1e293b;--overlay-bg:#020617d9;--shadow-lg:0 10px 30px -5px #00000080;--shadow-md:0 4px 20px -2px #0000004d;--gender-male:#3b82f6;--gender-male-bg:#3b82f61a;--gender-male-border:#3b82f633;--gender-female:#ec4899;--gender-female-bg:#ec48991a;--gender-female-border:#ec489933;--rank-gold:#fbbf24;--rank-gold-glow:#fbbf2426;--rank-silver:#cbd5e1;--rank-silver-glow:#cbd5e126;--rank-bronze:#b45309;--rank-bronze-glow:#b4530926;--text-on-solid:#fff;--input-bg:#0f172a99;--vs-color:#475569;--panel-bg:#02061766;--radius-xl:1.25rem;--radius-lg:.875rem;--radius-md:.625rem;--font-sans:"Geist", Arial, Helvetica, sans-serif;--max-width:28rem;--toast-success-bg:#064e3bf2;--toast-success-border:#065f46cc;--toast-success-text:#a7f3d0;--toast-error-bg:#881337f2;--toast-error-border:#9f1239cc;--toast-error-text:#fecdd3;--primary-border:#84cc164d;--primary-glow-hover:#84cc1640;--primary-glow-thick:#84cc1666;--primary-contrast:#0f172a;--danger-bg-subtle:#ef444426;--danger-border-hover:#ef444459;--overlay-dark:#020617b3;--overlay-dark-subtle:#02061733;--white-opacity-3:#ffffff08;--white-opacity-8:#ffffff14;--google-btn-bg:#fff;--google-btn-border:#dadce0;--google-btn-text:#3c4043;--google-btn-shadow:#00000014;--google-btn-bg-hover:#f8f9fa;--google-btn-border-hover:#d2d4d7;--google-btn-shadow-hover:#0000001f;--switch-handle-bg:#fff;--switch-handle-shadow:0 1px 3px #0003;--sky-400:#38bdf8;--slate-opacity-40:#0f172a66;--slate-100:#f1f5f9;--overlay-dark-80:#020617cc;--overlay-dark-60:#02061799;--overlay-dark-50:#02061780;--primary-glow-20:#84cc1633;--slate-opacity-80:#0f172acc;--slate-blue-opacity-30:#1c293e4d;--slate-700-opacity-40:#1e293b66;--slate-700-opacity-30:#1e293b4d;--slate-900-opacity-25:#0f172a40;--slate-900-opacity-20:#0f172a33;--slate-900-opacity-10:#0f172a1a;--black-opacity-15:#00000026;--black-opacity-20:#0003;--black-opacity-25:#00000040;--black-opacity-30:#0000004d;--black-opacity-50:#00000080;--share-wrapper-bg:#0b0f19;--share-card-bg-1:#090d16;--share-card-bg-2:#151a2e;--share-card-bg-3:#0a0d17;--indigo-500:#6366f1;--purple-500:#a855f7;--secondary-glow:#10b98126;--indigo-glow:#6366f126;--row-bg-rank-rest:#8b877f54;--row-bg-rank-rest-end:#fbbf2405;--row-bg-rank-1:#fbbf2454;--row-bg-rank-1-end:#fbbf2405;--row-bg-rank-2:#94a3b863;--row-bg-rank-2-end:#94a3b805;--row-bg-rank-3:#ca8a0466;--row-bg-rank-3-end:#ca8a0405;--white-opacity-5:#ffffff0d;--white-opacity-6:#ffffff0f;--orange-200:#fed7aa;--blue-300:#93c5fd;--pink-200:#fbcfe8;--dark-overlay-65:#090f1da6;--slate-opacity-90:#0f172ae6;--slate-opacity-95:#0f172af2;--slate-700-opacity-80:#1e293bcc;--danger-glow:#ef444466;--danger-glow-25:#ef444440;--black-opacity-40:#0006;--primary-glow-5:#84cc160d;--overlay-dark-45:#02061773;--slate-700-opacity-50:#1e293b80;--overlay-dark-90:#020617e6;--overlay-dark-40:#02061766;--slate-opacity-60:#0f172a99;--primary-glow-10:#84cc161a;--slate-200-opacity-20:#cbd5e133;--slate-700-opacity-60:#1e293b99;--slate-700-opacity-15:#1e293b26;--amber-500-opacity-10:#f59e0b1a;--amber-500-opacity-20:#f59e0b33}[data-theme=light]{--background:#f0fdf4;--foreground:#0f172a;--card-bg:#fff;--card-border:#84cc16;--primary:#84cc16;--primary-hover:#65a30d;--primary-glow:#84cc1633;--secondary:#06b6d4;--secondary-hover:#0891b2;--danger:#f43f5e;--danger-hover:#e11d48;--danger-bg:#fff1f2;--danger-border:#fecdd3;--success-bg:#f0fdf4;--success-border:#bbf7d0;--muted:#475569;--muted-light:#f7fee7;--muted-border:#bef264;--overlay-bg:#0f172a1a;--shadow-lg:0 10px 25px -5px #84cc161a, 0 8px 10px -6px #84cc160d;--shadow-md:0 4px 12px -2px #84cc1614;--gender-male:#2563eb;--gender-male-bg:#dbeafe;--gender-male-border:#bfdbfe;--gender-female:#db2777;--gender-female-bg:#fce7f3;--gender-female-border:#fbcfe8;--rank-gold:#f59e0b;--rank-gold-glow:#f59e0b26;--rank-silver:#94a3b8;--rank-silver-glow:#94a3b826;--rank-bronze:#d97706;--rank-bronze-glow:#d9770626;--text-on-solid:#fff;--input-bg:#f8fafc;--vs-color:#047857;--panel-bg:#f7fee7;--font-sans:"Geist", Arial, Helvetica, sans-serif;--max-width:28rem;--radius-xl:1.25rem;--radius-lg:.875rem;--radius-md:.625rem;--toast-success-bg:#ecfdf5;--toast-success-border:#34d399;--toast-success-text:#065f46;--toast-error-bg:#fff1f2;--toast-error-border:#f43f5e;--toast-error-text:#9f1239;--primary-border:#84cc164d;--primary-glow-hover:#84cc1633;--primary-glow-thick:#84cc1666;--primary-contrast:#0f172a;--danger-bg-subtle:#fff1f2;--danger-border-hover:#f43f5e;--overlay-dark:#0f172a0d;--overlay-dark-subtle:#0f172a05;--white-opacity-3:#84cc160d;--white-opacity-8:#84cc161f;--google-btn-bg:#fff;--google-btn-border:#e2e8f0;--google-btn-text:#334155;--google-btn-shadow:none;--google-btn-bg-hover:#f8fafc;--google-btn-border-hover:#cbd5e1;--google-btn-shadow-hover:none;--switch-handle-bg:#fff;--switch-handle-shadow:0 1px 3px #0f172a1a;--sky-400:#06b6d4;--slate-opacity-40:#94a3b833;--slate-100:#f1f5f9;--overlay-dark-80:#f0fdf4d9;--overlay-dark-60:#f0fdf4a6;--overlay-dark-50:#f0fdf480;--primary-glow-20:#84cc1633;--slate-opacity-80:#f1f5f9cc;--slate-blue-opacity-30:#e0f2fe66;--slate-700-opacity-40:#84cc1626;--slate-700-opacity-30:#84cc161a;--slate-900-opacity-25:#06b6d426;--slate-900-opacity-20:#06b6d41a;--slate-900-opacity-10:#06b6d40d;--black-opacity-15:#06b6d414;--black-opacity-20:#06b6d41f;--black-opacity-25:#e0f2fe;--black-opacity-30:#bae6fd;--black-opacity-40:#e0f2fe;--black-opacity-50:#0f172a0d;--share-wrapper-bg:#f8fafc;--share-card-bg-1:#fff;--share-card-bg-2:#f1f5f9;--share-card-bg-3:#e2e8f0;--indigo-500:#6366f1;--purple-500:#a855f7;--indigo-glow:#6366f126;--row-bg-rank-rest:#fff;--row-bg-rank-rest-end:#fff0;--row-bg-rank-1:#fef3c7;--row-bg-rank-1-end:#fffbeb;--row-bg-rank-2:#e0f2fe;--row-bg-rank-2-end:#f0f9ff;--row-bg-rank-3:#ffedd5;--row-bg-rank-3-end:#fff7ed;--white-opacity-5:#84cc1614;--white-opacity-6:#84cc161a;--orange-200:#ea580c;--blue-300:#2563eb;--pink-200:#db2777;--dark-overlay-65:#ffffffb3;--slate-opacity-90:#ffffffe6;--slate-opacity-95:#fffffff2;--slate-700-opacity-80:#f1f5f980;--danger-glow:#f43f5e33;--danger-glow-25:#f43f5e1a;--primary-glow-5:#84cc160d;--overlay-dark-45:#0f172a0a;--slate-700-opacity-50:#bae6fd;--overlay-dark-90:#fffffff2;--overlay-dark-40:#f0fdf4;--slate-opacity-60:#f1f5f9cc;--primary-glow-10:#84cc161a;--slate-200-opacity-20:#f1f5f980;--slate-700-opacity-60:#94a3b84d;--slate-700-opacity-15:#94a3b81a;--amber-500-opacity-10:#f59e0b14;--amber-500-opacity-20:#f59e0b1f}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);width:100%;height:100%;color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100%;overflow-x:hidden}input[type=text]{font-size:16px}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--muted-light);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulseSlow{0%,to{opacity:1;box-shadow:0 0 12px var(--primary-glow)}50%{opacity:.95;box-shadow:0 0 20px #84cc164d}}@keyframes spin{to{transform:rotate(360deg)}}