@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap);:root{--color-twitch-primary:#9147ff;--color-twitch-primary-light:#a970ff;--color-twitch-primary-dark:#772ce8;--color-twitch-500:#8b5cf6;--color-twitch-600:#7c3aed;--color-twitch-700:#6d28d9;--color-twitch-400:#a78bfa;--color-twitch-300:#c4b5fd;--color-spotify-primary:#1db954;--color-spotify-primary-light:#1ed760;--color-spotify-primary-dark:#169c46;--color-spotify-500:#1db954;--color-spotify-400:#1ed760;--color-spotify-600:#169c46;--color-accent-cyan:#00d4ff;--color-accent-cyan-alt:#06b6d4;--color-accent-blue:#3b82f6;--color-accent-green:#10b981;--color-accent-magenta:#ff006e;--color-accent-gold:gold;--color-accent-yellow:#f59e0b;--color-accent-pink:#ec4899;--color-accent-orange:#f97316;--color-error:#ff6b6b;--color-error-light:#ff8e8e;--color-error-alt:#ef4444;--color-error-dark:#dc2626;--color-success:#10b981;--color-success-light:#34d399;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-info:#06b6d4;--color-info-light:#22d3ee;--color-bg-primary:#030712;--color-bg-secondary:#0a0f1c;--color-bg-tertiary:#111827;--color-bg-deep:#0a0a0f;--color-bg-page:#0e0e14;--color-bg-section:#14141c;--color-bg-card:#111827cc;--color-bg-card-hover:#1f2937e6;--color-bg-card-alt:#14141ecc;--color-bg-glass:#ffffff08;--color-bg-glass-hover:#ffffff0f;--color-bg-glass-strong:#ffffff14;--color-bg-overlay:#000000d9;--color-bg-overlay-light:#000c;--color-bg-primary-alt:#26262cf2;--color-bg-secondary-alt:#1f1f23f2;--color-bg-tertiary-alt:#19191ef2;--color-bg-modal:#14141ef2;--color-bg-modal-alt:#1e1e28f2;--color-text-primary:#fff;--color-text-primary-alt:#f9fafb;--color-text-secondary:#b4b4c0;--color-text-secondary-alt:#e5e7eb;--color-text-muted:#6b6b7a;--color-text-muted-alt:#9ca3af;--color-text-disabled:#4b5563;--color-border-subtle:#ffffff0f;--color-border-light:#ffffff14;--color-border-medium:#ffffff1a;--color-border-strong:#ffffff26;--color-border-twitch:#9147ff4d;--color-border-spotify:#1db9544d;--color-border-glow:#8b5cf64d;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);--gradient-accent:linear-gradient(135deg,#06b6d4,#3b82f6);--gradient-success:linear-gradient(135deg,#10b981,#34d399);--gradient-danger:linear-gradient(135deg,#ef4444,#f97316);--gradient-twitch:linear-gradient(135deg,#9147ff,#772ce8);--gradient-spotify:linear-gradient(135deg,#1db954,#169c46);--color-twitch-rgba-05:#9147ff0d;--color-twitch-rgba-08:#9147ff14;--color-twitch-rgba-10:#9147ff1a;--color-twitch-rgba-15:#9147ff26;--color-twitch-rgba-20:#9147ff33;--color-twitch-rgba-25:#9147ff40;--color-twitch-rgba-30:#9147ff4d;--color-twitch-rgba-40:#9147ff66;--color-twitch-rgba-50:#9147ff80;--color-spotify-rgba-05:#1db9540d;--color-spotify-rgba-10:#1db9541a;--color-spotify-rgba-15:#1db95426;--color-spotify-rgba-20:#1db95433;--color-spotify-rgba-25:#1db95440;--color-spotify-rgba-30:#1db9544d;--color-spotify-rgba-40:#1db95466;--color-spotify-rgba-50:#1db95480;--color-primary-rgba-05:#8b5cf60d;--color-primary-rgba-10:#8b5cf61a;--color-primary-rgba-15:#8b5cf626;--color-primary-rgba-20:#8b5cf633;--color-primary-rgba-25:#8b5cf640;--color-primary-rgba-30:#8b5cf64d;--color-primary-rgba-40:#8b5cf666;--color-primary-rgba-50:#8b5cf680;--color-primary-rgba-60:#8b5cf699;--color-cyan-rgba-10:#06b6d41a;--color-cyan-rgba-15:#06b6d426;--color-cyan-rgba-20:#06b6d433;--color-cyan-rgba-25:#06b6d440;--color-cyan-rgba-30:#06b6d44d;--color-cyan-rgba-40:#06b6d466;--color-error-rgba-10:#ff6b6b1a;--color-error-rgba-15:#ff6b6b26;--color-error-rgba-20:#ff6b6b33;--color-error-rgba-25:#ff6b6b40;--color-error-rgba-30:#ff6b6b4d;--color-error-rgba-40:#ff6b6b66;--color-error-rgba-60:#ff6b6b99;--color-success-rgba-15:#10b98126;--color-success-rgba-25:#10b98140;--color-warning-rgba-15:#f59e0b26;--color-warning-rgba-25:#f59e0b40;--color-black-rgba-20:#0003;--color-black-rgba-30:#0000004d;--color-black-rgba-40:#0006;--color-black-rgba-50:#00000080;--color-black-rgba-60:#0009;--color-black-rgba-80:#000c;--color-black-rgba-85:#000000d9;--color-white-rgba-01:#ffffff03;--color-white-rgba-02:#ffffff05;--color-white-rgba-03:#ffffff08;--color-white-rgba-05:#ffffff0d;--color-white-rgba-06:#ffffff0f;--color-white-rgba-08:#ffffff14;--color-white-rgba-10:#ffffff1a;--color-white-rgba-12:#ffffff1f;--color-white-rgba-15:#ffffff26;--color-white-rgba-18:#ffffff2e;--color-white-rgba-20:#fff3;--color-white-rgba-25:#ffffff40;--color-white-rgba-30:#ffffff4d;--color-white-rgba-40:#fff6;--color-white-rgba-50:#ffffff80;--color-white-rgba-60:#fff9;--color-white-rgba-70:#ffffffb3;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-home-xs:0.5rem;--spacing-home-sm:1rem;--spacing-home-md:1.5rem;--spacing-home-lg:2rem;--spacing-home-xl:3rem;--font-family-primary:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-mono:"JetBrains Mono","Monaco","Menlo","Ubuntu Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.85rem;--font-size-md:0.95rem;--font-size-base:1rem;--font-size-lg:1.1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--font-size-home-xs:0.75rem;--font-size-home-sm:0.85rem;--font-size-home-md:0.95rem;--font-size-home-lg:1rem;--font-size-home-xl:1.1rem;--font-size-home-2xl:1.5rem;--font-size-home-3xl:2rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tighter:-0.05em;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--shadow-sm:0 2px 8px var(--color-black-rgba-30);--shadow-md:0 4px 20px var(--color-black-rgba-40);--shadow-lg:0 8px 40px var(--color-black-rgba-50);--shadow-xl:0 12px 60px var(--color-black-rgba-60);--shadow-card:0 20px 40px var(--color-black-rgba-30);--shadow-hover:0 8px 30px var(--color-twitch-rgba-50);--shadow-primary:0 8px 32px var(--color-black-rgba-40);--shadow-twitch-sm:0 0 20px var(--color-twitch-rgba-30);--shadow-twitch-md:0 0 40px var(--color-twitch-rgba-40);--shadow-twitch-lg:0 0 60px var(--color-twitch-rgba-30);--shadow-twitch-xl:0 0 120px var(--color-twitch-rgba-20);--glow-twitch:0 0 40px var(--color-twitch-rgba-40);--shadow-spotify-sm:0 0 20px var(--color-spotify-rgba-30);--shadow-spotify-md:0 0 40px var(--color-spotify-rgba-40);--shadow-spotify-lg:0 0 60px var(--color-spotify-rgba-30);--glow-spotify:0 0 40px var(--color-spotify-rgba-40);--shadow-primary-glow:0 0 40px var(--color-primary-rgba-30);--shadow-cyan-glow:0 0 30px var(--color-cyan-rgba-25);--glow-primary:0 0 20px var(--color-primary-rgba-40),0 0 40px var(--color-primary-rgba-20);--glow-cyan:0 0 20px var(--color-cyan-rgba-40),0 0 40px var(--color-cyan-rgba-20);--shadow-button-primary:0 4px 15px var(--color-twitch-rgba-30);--shadow-button-primary-hover:0 6px 25px var(--color-twitch-rgba-40);--shadow-button-spotify:0 4px 15px var(--color-spotify-rgba-30);--shadow-button-spotify-hover:0 6px 25px var(--color-spotify-rgba-40);--shadow-button-danger:0 4px 15px var(--color-error-rgba-30);--shadow-button-danger-hover:0 6px 25px var(--color-error-rgba-40);--shadow-card-hover:0 25px 50px var(--color-black-rgba-40);--shadow-card-twitch:0 0 60px var(--color-twitch-rgba-15);--shadow-card-spotify:0 0 60px var(--color-spotify-rgba-15);--shadow-modal:0 20px 40px var(--color-black-rgba-50);--shadow-modal-lg:0 25px 50px var(--color-black-rgba-50);--transition-duration-fast:0.15s;--transition-duration-normal:0.3s;--transition-duration-slow:0.4s;--transition-duration-slower:0.5s;--transition-duration-slowest:0.6s;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-bounce-alt:cubic-bezier(0.68,-0.55,0.265,1.55);--transition-fast:var(--transition-duration-fast) var(--ease-in-out);--transition-normal:var(--transition-duration-normal) var(--ease-in-out);--transition-slow:var(--transition-duration-slow) var(--ease-in-out);--transition-bounce:var(--transition-duration-slower) var(--ease-bounce);--transition-bounce-alt:var(--transition-duration-slower) var(--ease-bounce-alt);--transition-home:var(--transition-duration-slow) var(--ease-in-out);--transition-home-fast:var(--transition-duration-fast) ease;--transition-home-slow:var(--transition-duration-slowest) ease;--transition-home-bounce:var(--transition-duration-slower) var(--ease-bounce);--transition-all:all var(--transition-normal);--transition-colors:color var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal);--transition-transform:transform var(--transition-normal);--transition-opacity:opacity var(--transition-normal);--transition-shadow:box-shadow var(--transition-normal);--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1200px;--breakpoint-2xl:1400px}@custom-media --viewport-xs (max-width: 479px);@custom-media --viewport-sm (max-width: 639px);@custom-media --viewport-md (max-width: 767px);@custom-media --viewport-lg (max-width: 1023px);@custom-media --viewport-xl (max-width: 1199px);@custom-media --viewport-2xl (max-width: 1399px);*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-primary);line-height:var(--line-height-normal);margin:0;min-height:100vh;padding:0}code{font-family:var(--font-family-mono)}::selection{background:var(--color-primary-rgba-30);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-twitch-primary);outline-offset:2px}body:before{background:radial-gradient(ellipse 80% 50% at 20% -20%,var(--color-primary-rgba-15) 0,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 100%,var(--color-cyan-rgba-10) 0,#0000 50%),radial-gradient(ellipse 40% 30% at 50% 50%,var(--color-primary-rgba-05) 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-twitch-500) 0,var(--color-twitch-700) 100%);border:2px solid var(--color-bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-twitch-400) 0,var(--color-twitch-500) 100%)}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--color-bg-glass);border:1px solid var(--color-border-subtle)}.glass-strong{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-glass-strong);border:1px solid var(--color-border-light)}.skip-link{background:var(--color-twitch-primary);color:#fff;left:0;padding:var(--spacing-2) var(--spacing-4);position:absolute;top:-100%;transition:top var(--transition-fast);z-index:10000}.skip-link:focus{top:0}:root{--primary-gradient:var(--gradient-primary);--accent-gradient:var(--gradient-accent);--success-gradient:var(--gradient-success);--danger-gradient:var(--gradient-danger);--primary-500:var(--color-twitch-500);--primary-600:var(--color-twitch-600);--primary-700:var(--color-twitch-700);--primary-400:var(--color-twitch-400);--primary-300:var(--color-twitch-300);--twitch-purple:var(--color-twitch-500);--twitch-purple-dark:var(--color-twitch-700);--twitch-purple-light:var(--color-twitch-400);--twitch-purple-hover:var(--color-twitch-300);--bg-primary:var(--color-bg-primary);--bg-secondary:var(--color-bg-secondary);--bg-tertiary:var(--color-bg-tertiary);--bg-card:var(--color-bg-card);--bg-card-hover:var(--color-bg-card-hover);--bg-glass:var(--color-bg-glass);--bg-glass-hover:var(--color-bg-glass-hover);--text-primary:var(--color-text-primary-alt);--text-secondary:var(--color-text-secondary-alt);--text-muted:var(--color-text-muted-alt);--text-disabled:var(--color-text-disabled);--accent-cyan:var(--color-accent-cyan-alt);--accent-blue:var(--color-accent-blue);--accent-green:var(--color-accent-green);--accent-red:var(--color-error-alt);--accent-yellow:var(--color-accent-yellow);--accent-pink:var(--color-accent-pink);--accent-orange:var(--color-accent-orange);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-purple:var(--shadow-primary-glow);--shadow-cyan:var(--shadow-cyan-glow);--glow-primary:var(--glow-primary);--glow-cyan:var(--glow-cyan);--border-subtle:var(--color-border-subtle);--border-light:var(--color-border-light);--border-glow:var(--color-border-glow);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-full:9999px;--transition-fast:var(--transition-fast);--transition-normal:var(--transition-normal);--transition-slow:var(--transition-slow);--transition-bounce:var(--transition-bounce-alt);--space-xs:var(--spacing-xs);--space-sm:var(--spacing-sm);--space-md:var(--spacing-md);--space-lg:var(--spacing-lg);--space-xl:var(--spacing-xl);--space-2xl:var(--spacing-2xl)}@keyframes glow{0%,to{box-shadow:var(--glow-primary)}50%{box-shadow:0 0 30px #8b5cf699,0 0 60px #8b5cf64d}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.fade-in-up{animation:fadeInUp var(--transition-normal) ease-out}.slide-in{animation:slideIn var(--transition-normal) ease-out}.scale-in{animation:scaleIn var(--transition-normal) ease-out}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);justify-content:center;overflow:hidden;padding:var(--spacing-3) var(--spacing-6);position:relative;text-decoration:none;transition:var(--transition-all)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary,.btn-twitch{background:var(--gradient-twitch);box-shadow:var(--shadow-button-primary);color:var(--color-text-primary)}.btn-primary:before,.btn-twitch:before{background:linear-gradient(90deg,#0000,var(--color-white-rgba-30),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-duration-slower) ease;width:100%}.btn-primary:hover:not(:disabled),.btn-twitch:hover:not(:disabled){box-shadow:var(--shadow-button-primary-hover);transform:translateY(-2px)}.btn-primary:hover:not(:disabled):before,.btn-twitch:hover:not(:disabled):before{left:100%}.btn-primary:active:not(:disabled),.btn-twitch:active:not(:disabled){transform:translateY(0)}.btn-secondary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-bg-glass);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-glass-hover);border-color:var(--color-border-glow);box-shadow:var(--shadow-md);color:var(--color-text-primary)}.btn-spotify{background:var(--gradient-spotify);box-shadow:var(--shadow-button-spotify);color:var(--color-text-primary)}.btn-spotify:before{background:linear-gradient(90deg,#0000,var(--color-white-rgba-30),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-duration-slower) ease;width:100%}.btn-spotify:hover:not(:disabled){box-shadow:var(--shadow-button-spotify-hover);transform:translateY(-2px)}.btn-spotify:hover:not(:disabled):before{left:100%}.btn-danger{background:var(--gradient-danger);box-shadow:var(--shadow-button-danger);color:var(--color-text-primary)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-button-danger-hover);transform:translateY(-2px)}.login-hero-btn{align-items:center;background:var(--gradient-twitch);border:none;border-radius:100px;box-shadow:var(--shadow-button-primary);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-home-xl);font-weight:var(--font-weight-semibold);gap:var(--spacing-3);overflow:hidden;padding:var(--spacing-4) var(--spacing-10);position:relative;transition:var(--transition-home)}.login-hero-btn:before{background:linear-gradient(90deg,#0000,var(--color-white-rgba-30),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-home-slow);width:100%}.login-hero-btn:hover{box-shadow:var(--shadow-button-primary-hover);transform:translateY(-4px) scale(1.02)}.login-hero-btn:hover:before{left:100%}.login-hero-btn:active{transform:translateY(-2px) scale(.98)}.dashboard-hero-btn{align-items:center;animation:dashboardGradient 4s ease infinite;background:linear-gradient(135deg,var(--color-accent-cyan) 0,#09c 50%,var(--color-twitch-primary) 100%);background-size:200% 200%;border:none;border-radius:100px;box-shadow:0 4px 20px var(--color-cyan-rgba-40);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-home-xl);font-weight:var(--font-weight-semibold);gap:var(--spacing-3);overflow:hidden;padding:var(--spacing-4) var(--spacing-10);position:relative;text-decoration:none;transition:var(--transition-home)}.dashboard-hero-btn:before{background:linear-gradient(90deg,#0000,var(--color-white-rgba-40),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-home-slow);width:100%}.dashboard-hero-btn:after{animation:borderGlow 3s ease infinite;background:linear-gradient(135deg,var(--color-accent-cyan),var(--color-twitch-primary),var(--color-spotify-primary),var(--color-accent-cyan));background-size:400% 400%;border-radius:100px;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity var(--transition-normal);z-index:-1}.dashboard-hero-btn:hover{box-shadow:0 8px 30px var(--color-cyan-rgba-50),0 0 60px var(--color-twitch-rgba-30);transform:translateY(-4px) scale(1.05)}.dashboard-hero-btn:hover:before{left:100%}.dashboard-hero-btn:hover:after{opacity:1}.dashboard-hero-btn:active{transform:translateY(-2px) scale(.98)}.dashboard-hero-btn .btn-icon{font-size:1.2rem;transition:var(--transition-transform)}.dashboard-hero-btn:hover .btn-icon{transform:translateX(4px)}.logout-button{align-items:center;background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:100px;color:var(--color-error);cursor:pointer;display:flex;font-family:var(--font-family-primary);font-size:var(--font-size-home-md);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:.6rem var(--spacing-5);transition:var(--transition-home)}.logout-button:hover{background:#ff6b6b33;border-color:#ff6b6b66;transform:translateY(-2px)}.quick-login-buttons{display:flex;gap:var(--spacing-3)}.quick-login-btn{align-items:center;border:none;border-radius:100px;cursor:pointer;display:flex;font-family:var(--font-family-primary);font-size:var(--font-size-home-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);padding:.6rem var(--spacing-5);transition:var(--transition-home)}.quick-login-btn.twitch{background:var(--gradient-twitch);box-shadow:var(--shadow-button-primary);color:var(--color-text-primary)}.quick-login-btn.spotify{background:var(--gradient-spotify);box-shadow:var(--shadow-button-spotify);color:var(--color-text-primary)}.quick-login-btn:hover{transform:translateY(-3px) scale(1.02)}.quick-login-btn.twitch:hover{box-shadow:var(--shadow-button-primary-hover)}.quick-login-btn.spotify:hover{box-shadow:var(--shadow-button-spotify-hover)}.btn-shine{background:linear-gradient(90deg,#0000,var(--color-white-rgba-30),#0000);height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-home-slow);width:100%}.step-actions{display:flex;gap:var(--spacing-4);justify-content:flex-end;margin-top:var(--spacing-lg)}.step-actions .button{border-radius:12px;cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-home-md);font-weight:var(--font-weight-semibold);padding:.875rem var(--spacing-7);transition:var(--transition-home)}.step-actions .button.secondary{background:var(--color-white-rgba-05);border:1px solid var(--color-border-medium);color:var(--color-text-secondary)}.step-actions .button.secondary:hover{background:var(--color-white-rgba-10);color:var(--color-text-primary)}.step-actions .button.primary{background:var(--gradient-twitch);border:none;color:var(--color-text-primary)}.step-actions .button.primary:hover:not(:disabled){box-shadow:0 4px 20px var(--color-twitch-rgba-40);transform:translateY(-2px)}.step-actions .button:disabled{cursor:not-allowed;opacity:.5}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4)}.btn-lg{font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-8)}.btn-xl{font-size:var(--font-size-xl);padding:var(--spacing-5) var(--spacing-10)}.btn-full{justify-content:center;width:100%}.user-cards-grid{grid-gap:var(--spacing-10);box-sizing:border-box;display:grid;gap:var(--spacing-10);grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-left:auto;margin-right:auto;margin-top:var(--spacing-lg);max-width:1400px;padding:0 var(--spacing-lg);width:100%}.user-card{animation:slide-in-up 1s cubic-bezier(.4,0,.2,1) backwards;animation-fill-mode:both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-card-alt);border:1px solid var(--color-border-light);border-radius:var(--spacing-md);overflow:hidden;padding:0;position:relative;transition:var(--transition-slow)}.user-card:first-child{animation-delay:.9s}.user-card:nth-child(2){animation-delay:1.1s}.user-card:nth-child(3){animation-delay:1.3s}.user-card:nth-child(4){animation-delay:1.5s}.user-card:before{background:linear-gradient(90deg,var(--color-twitch-primary),var(--color-twitch-primary-light));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.user-card.spotify-card:before{background:linear-gradient(90deg,var(--color-spotify-primary),var(--color-spotify-primary-light))}.user-card:hover{border-color:var(--color-border-twitch);box-shadow:var(--shadow-card),var(--shadow-card-twitch);transform:translateY(-8px)}.user-card.spotify-card:hover{border-color:var(--color-border-spotify);box-shadow:var(--shadow-card),var(--shadow-card-spotify)}.user-card:hover:before{transform:scaleX(1)}.user-card:after{background:radial-gradient(circle,var(--color-twitch-rgba-10) 0,var(--color-spotify-rgba-05) 50%,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .6s ease;width:200%}.user-card.spotify-card:after{background:radial-gradient(circle,var(--color-spotify-rgba-10) 0,var(--color-twitch-rgba-05) 50%,#0000 70%)}.user-card:hover:after{opacity:1}.user-card-header{align-items:center;background:var(--color-bg-glass);border-bottom:1px solid var(--color-white-rgba-05);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.user-avatar{border:3px solid var(--color-twitch-primary);border-radius:50%;box-shadow:0 4px 20px var(--color-twitch-rgba-30);height:80px;object-fit:cover;transition:var(--transition-home);width:80px}.user-avatar.spotify{border-color:var(--color-spotify-primary);box-shadow:0 4px 20px var(--color-spotify-rgba-30)}.user-card:hover .user-avatar{transform:scale(1.1) rotate(5deg)}.user-info{flex:1 1}.user-name{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-home-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.user-platform{border-radius:100px;display:inline-block;font-size:var(--font-size-home-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.user-platform.twitch{background:var(--color-twitch-rgba-20);color:var(--color-twitch-primary-light)}.user-platform.spotify{background:var(--color-spotify-rgba-20);color:var(--color-spotify-primary-light)}.user-details{padding:var(--spacing-md) var(--spacing-lg)}.user-detail-item{align-items:center;border-bottom:1px solid var(--color-white-rgba-05);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;transition:var(--transition-home)}.user-detail-item:last-child{border-bottom:none}.user-detail-item:hover{padding-left:var(--spacing-xs)}.user-detail-label{color:var(--color-text-muted);font-size:var(--font-size-home-md);font-weight:var(--font-weight-medium)}.user-detail-value{color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-home-md);font-weight:var(--font-weight-semibold)}.user-actions{background:var(--color-bg-glass);border-top:1px solid var(--color-white-rgba-05);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.user-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-family:var(--font-family-primary);font-size:var(--font-size-home-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm);transition:var(--transition-home)}.user-action-btn.primary{background:var(--gradient-twitch);box-shadow:var(--shadow-button-primary);color:var(--color-text-primary)}.user-action-btn.primary:hover{box-shadow:var(--shadow-button-primary-hover);transform:translateY(-2px)}.user-action-btn.spotify{background:var(--gradient-spotify);box-shadow:var(--shadow-button-spotify);color:var(--color-text-primary)}.user-action-btn.spotify:hover{box-shadow:var(--shadow-button-spotify-hover);transform:translateY(-2px)}.user-action-btn.secondary{background:var(--color-white-rgba-05);border:1px solid var(--color-border-medium);color:var(--color-text-secondary)}.user-action-btn.secondary:hover{background:var(--color-white-rgba-10);color:var(--color-text-primary);transform:translateY(-2px)}.empty-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-card-alt);border:2px dashed var(--color-border-medium);border-radius:var(--spacing-md);display:flex;flex-direction:column;justify-content:center;min-height:420px;overflow:hidden;padding:var(--spacing-xl) var(--spacing-lg);position:relative;text-align:center}.empty-card,.empty-card:before{transition:var(--transition-home)}.empty-card:before{background:radial-gradient(circle,var(--color-twitch-rgba-10) 0,#0000 70%);content:"";height:300px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}.empty-card:hover{border-color:var(--color-twitch-rgba-40);border-style:solid;box-shadow:var(--shadow-card);transform:translateY(-8px)}.empty-card:hover:before{opacity:1}.empty-card-icon{animation:iconFloat 4s ease-in-out infinite;color:var(--color-text-muted);font-size:5rem;margin-bottom:var(--spacing-lg);transition:var(--transition-home)}.empty-card:hover .empty-card-icon{color:var(--color-twitch-primary-light);transform:scale(1.1)}.empty-card-title{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:1.75rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.empty-card-description{color:var(--color-text-secondary);font-size:var(--font-size-home-lg);line-height:1.7;margin-bottom:var(--spacing-lg);max-width:300px}.empty-card-btn{align-items:center;border:none;border-radius:100px;cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-home-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:var(--transition-home);z-index:1}.empty-card-btn:hover{transform:translateY(-3px) scale(1.05)}.spotify-app-setup-overlay,.twitch-app-setup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:var(--color-bg-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:1000}.spotify-app-setup-modal,.twitch-app-setup-modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#0f0f19fa,#191923fa);border-radius:var(--spacing-md);box-shadow:var(--shadow-modal-lg);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.twitch-app-setup-modal{border:1px solid var(--color-border-twitch)}.spotify-app-setup-modal{border:1px solid var(--color-border-spotify)}.setup-header{border-bottom:1px solid var(--color-border-light);padding:2.5rem var(--spacing-lg) var(--spacing-lg);text-align:center}.spotify-icon,.twitch-icon{font-size:3.5rem;margin-bottom:var(--spacing-sm)}.twitch-icon{color:var(--color-twitch-primary)}.spotify-icon{color:var(--color-spotify-primary)}.setup-header h2{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:1.75rem;font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.setup-header p{color:var(--color-text-secondary);font-size:var(--font-size-home-lg);margin:0}.setup-progress{gap:var(--spacing-4);justify-content:center;padding:var(--spacing-lg) var(--spacing-lg)}.progress-step,.setup-progress{align-items:center;display:flex}.progress-step{flex-direction:column;gap:var(--spacing-2);opacity:.4;transition:var(--transition-home)}.progress-step.active{opacity:1}.step-dot{align-items:center;background:var(--color-white-rgba-10);border:2px solid var(--color-border-twitch);border-radius:50%;color:var(--color-text-muted);display:flex;font-weight:var(--font-weight-bold);height:2.5rem;justify-content:center;transition:var(--transition-home);width:2.5rem}.progress-step.active .step-dot{background:var(--color-twitch-primary);border-color:var(--color-twitch-primary);color:var(--color-text-primary)}.step-label{color:var(--color-text-muted);font-size:var(--font-size-home-sm);font-weight:var(--font-weight-medium)}.progress-line{background:var(--color-white-rgba-10);border-radius:1px;height:2px;width:3rem}.setup-body{padding:var(--spacing-lg)}.setup-step{animation:fadeIn .4s ease-out}.step-header{gap:var(--spacing-4);margin-bottom:var(--spacing-md)}.step-header,.step-number{align-items:center;display:flex}.step-number{background:var(--gradient-twitch);border-radius:50%;font-size:var(--font-size-home-xl);font-weight:var(--font-weight-bold);height:2.5rem;justify-content:center;width:2.5rem}.step-header h3,.step-number{color:var(--color-text-primary)}.step-header h3{font-family:var(--font-family-primary);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin:0}.setup-instructions,.step-content p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-md)}.setup-instructions li{margin-bottom:var(--spacing-xs)}.spotify-link,.twitch-link{align-items:center;color:var(--color-twitch-primary);display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--spacing-xs);text-decoration:none;transition:var(--transition-colors)}.spotify-link{color:var(--color-spotify-primary)}.twitch-link:hover{color:var(--color-twitch-primary-dark)}.spotify-link:hover{color:var(--color-spotify-primary-dark)}.external-icon{font-size:.8rem}.redirect-uri-box{align-items:center;background:var(--color-black-rgba-30);border:1px solid var(--color-border-twitch);border-radius:12px;display:flex;gap:var(--spacing-3);margin:var(--spacing-sm) 0;padding:var(--spacing-sm)}.redirect-uri-box code{color:var(--color-text-primary);flex:1 1;font-family:var(--font-family-mono);font-size:var(--font-size-home-sm);word-break:break-all}.copy-btn{align-items:center;background:var(--color-twitch-rgba-20);border:1px solid var(--color-border-twitch);border-radius:var(--spacing-1);color:var(--color-twitch-primary-light);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:var(--transition-home)}.copy-btn:hover{background:var(--color-twitch-rgba-30);border-color:var(--color-twitch-primary);color:var(--color-text-primary)}.copy-btn.small{height:1.75rem;min-width:1.75rem;padding:.375rem}.error-message{background:#ff3b301a;border:1px solid #ff3b304d;color:var(--color-error-alt);font-size:var(--font-size-home-md);gap:var(--spacing-xs);padding:var(--spacing-3) var(--spacing-sm)}.loading-text{color:var(--color-text-muted);font-style:italic}.form-group{margin-bottom:var(--spacing-md)}.form-group label{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.form-group input,.form-group label,.input{color:var(--color-text-primary);font-size:var(--font-size-home-md)}.form-group input,.input{background:var(--color-white-rgba-05);border:1px solid var(--color-border-medium);border-radius:12px;font-family:var(--font-family-mono);padding:.875rem var(--spacing-sm);transition:var(--transition-home);width:100%}.form-group input:focus,.input:focus{background:var(--color-bg-card);border-color:var(--color-twitch-primary);box-shadow:0 0 0 3px var(--color-twitch-rgba-15);outline:none}.form-group input::placeholder,.input::placeholder{color:var(--color-text-muted)}.form-group input:disabled,.input:disabled{cursor:not-allowed;opacity:.5}.input-with-copy{align-items:stretch;display:flex;gap:var(--spacing-xs)}.input-with-copy input{flex:1 1}.label{color:var(--color-text-secondary);display:block;font-size:.875rem;font-weight:var(--font-weight-semibold);letter-spacing:.2px;margin-bottom:var(--spacing-2)}.field-help{color:var(--color-text-muted);display:block;font-size:.8rem;margin-top:.375rem}.app-form{margin-top:var(--spacing-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.05)}}@keyframes particleFloat{0%,to{opacity:.6;transform:translate(0) scale(1)}25%{opacity:.8;transform:translate(20px,-30px) scale(1.2)}50%{opacity:.4;transform:translate(-10px,20px) scale(.8)}75%{opacity:.7;transform:translate(30px,10px) scale(1.1)}}@keyframes badgeFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseDot{0%,to{box-shadow:0 0 0 0 var(--color-spotify-rgba-40);transform:scale(1)}50%{box-shadow:0 0 0 8px #0000;transform:scale(1.1)}}@keyframes statusPulse{0%,to{box-shadow:0 0 0 0 var(--color-spotify-rgba-40);opacity:1}50%{box-shadow:0 0 0 4px #0000;opacity:.8}}@keyframes iconPulse{0%,to{box-shadow:0 0 20px var(--color-twitch-rgba-30)}50%{box-shadow:0 0 40px var(--color-twitch-rgba-50)}}@keyframes dividerPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes dashboardGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes heroGlow{0%,to{opacity:.3;transform:rotate(0deg)}50%{opacity:.6;transform:rotate(180deg)}}@keyframes spinPulse{0%{opacity:1;transform:rotate(0deg) scale(1)}50%{opacity:.8;transform:rotate(180deg) scale(1.1)}to{opacity:1;transform:rotate(1turn) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rocketBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes slide-in-up{0%{filter:blur(10px);opacity:0;transform:translateY(60px) scale(.9) rotateX(10deg)}50%{filter:blur(5px);opacity:.7;transform:translateY(20px) scale(.95) rotateX(5deg)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}}@keyframes pulse-gentle{0%,to{box-shadow:0 8px 25px var(--color-twitch-rgba-30),0 4px 12px var(--color-twitch-rgba-20),inset 0 2px 4px var(--color-white-rgba-10)}50%{box-shadow:0 10px 30px var(--color-twitch-rgba-40),0 5px 15px var(--color-twitch-rgba-30),inset 0 2px 6px var(--color-white-rgba-15)}}@keyframes ringExpand{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.1;transform:translate(-50%,-50%) scale(1.1)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-normal) ease-out}.animate-fade-in-down{animation:fadeInDown var(--transition-normal) ease-out}.animate-slide-in{animation:slideIn var(--transition-normal) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-normal) ease-out}.animate-slide-in-left{animation:slideInLeft var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) ease-out}.animate-bounce-in{animation:bounceIn var(--transition-bounce) ease-out}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stagger-9{animation-delay:.45s}.spinner{animation:spin 1s linear infinite}.page-container{animation:fadeIn .5s ease-out;box-sizing:border-box;max-width:100%;min-height:100vh;overflow-x:hidden;padding:var(--spacing-lg);width:100%}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-1{margin-top:var(--spacing-2)}.mt-2{margin-top:var(--spacing-4)}.mt-3{margin-top:var(--spacing-6)}.mt-4{margin-top:var(--spacing-8)}.mb-1{margin-bottom:var(--spacing-2)}.mb-2{margin-bottom:var(--spacing-4)}.mb-3{margin-bottom:var(--spacing-6)}.mb-4{margin-bottom:var(--spacing-8)}.divider{background:linear-gradient(90deg,#0000,var(--color-border-light),#0000)}.divider,.divider-glow{height:1px;margin:var(--spacing-md) 0}.divider-glow{background:linear-gradient(90deg,#0000,var(--color-twitch-500),#0000);opacity:.5}.empty-state{color:var(--color-text-muted);padding:var(--spacing-12) var(--spacing-8);text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:var(--spacing-4);opacity:.5}.empty-state-title{color:var(--color-text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.empty-state-description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 auto;max-width:400px}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-card) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;border-radius:12px}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-bg-overlay);border-radius:inherit;display:flex;inset:0;justify-content:center;position:absolute;z-index:100}[data-tooltip]{position:relative}[data-tooltip]:after{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:8px;bottom:100%;box-shadow:var(--shadow-md);color:var(--color-text-primary);content:attr(data-tooltip);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);left:50%;opacity:0;padding:var(--spacing-2) var(--spacing-3);position:absolute;transform:translateX(-50%) translateY(-8px);transition:all var(--transition-fast);visibility:hidden;white-space:nowrap;z-index:1000}[data-tooltip]:hover:after{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}@media screen and (max-width:1200px){.apps-section{padding:0 var(--spacing-md)}.section-title{font-size:clamp(1.6rem,3vw,2.2rem)}.user-cards-grid{gap:var(--spacing-lg);grid-template-columns:1fr;margin:0 auto;max-width:600px;padding:0 var(--spacing-md)}.section-subtitle{font-size:clamp(.95rem,1.8vw,1.1rem)}.features-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.page-container{padding:var(--spacing-4)}.hero-section{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.home-hero{border-radius:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-md)}.home-hero h1{font-size:2.5rem;margin-bottom:var(--spacing-4)}.home-hero p{font-size:1.1rem;margin-bottom:var(--spacing-md)}.hero-actions{align-items:center;flex-direction:column}.hero-features{flex-direction:column;gap:var(--spacing-sm)}.hero-feature-divider{display:none}.dashboard-hero-btn{justify-content:center;width:100%}.navbar-center{display:none}.features-section{padding:var(--spacing-lg) var(--spacing-sm)}.features-grid{gap:var(--spacing-md);grid-template-columns:1fr}.features-header{margin-bottom:2.5rem}.feature-card{align-items:flex-start;display:flex;flex-direction:row;gap:1rem;padding:1.25rem var(--spacing-md);text-align:left}.feature-card:hover{transform:none}.feature-icon-wrapper{flex-shrink:0;height:44px;margin-bottom:0;width:44px}.feature-card-text{flex:1 1;min-width:0}.feature-card-title{font-size:1.05rem;margin-bottom:.35rem}.feature-card-description{font-size:.85rem;line-height:1.5}.status-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-sm)}.connection-status-card{border-radius:20px;padding:var(--spacing-sm) var(--spacing-md)}.status-content{flex-direction:column;gap:var(--spacing-sm)}.apps-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-sm)}.section-header{margin-bottom:var(--spacing-lg)}.section-title-wrapper{flex-direction:column;gap:.75rem}.section-icon-container{height:50px;width:50px}.section-icon{font-size:1.5rem}.section-title{flex-direction:column;font-size:2rem;gap:var(--spacing-2)}.section-subtitle{font-size:1rem;max-width:100%}.user-cards-grid{gap:var(--spacing-md);grid-template-columns:1fr;padding:0}.user-card-header{flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-md);text-align:center}.user-avatar{height:70px;width:70px}.user-actions{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-sm)}.user-action-btn{min-width:0;min-width:auto;width:100%}.empty-card{min-height:350px;padding:var(--spacing-xl) var(--spacing-md)}.empty-card-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.empty-card-title{font-size:var(--font-size-home-2xl)}.footer-bottom,.footer-top{align-items:center;flex-direction:column;text-align:center}.footer-bottom{gap:.75rem}.quick-login-buttons{flex-direction:column;width:100%}.quick-login-btn{justify-content:center}.spotify-app-setup-modal,.twitch-app-setup-modal{margin:var(--spacing-4);max-height:calc(100vh - 2rem)}.setup-header{padding:var(--spacing-md) var(--spacing-md) var(--spacing-4)}.setup-progress{padding:var(--spacing-4) var(--spacing-md)}.setup-body{padding:0 var(--spacing-md) var(--spacing-md)}.step-actions{flex-direction:column}.step-actions .button{width:100%}.auth-sections-container{flex-direction:column;gap:var(--spacing-4);padding:0 var(--spacing-4)}}@media screen and (max-width:640px){.navbar-content{padding:.75rem var(--spacing-sm)}.brand-icon{height:36px;width:36px}.brand-main{font-size:1.05rem}.brand-sub{font-size:.6rem}.navbar-status{padding:.35rem .65rem}.navbar-center,.status-text{display:none}.home-hero{border-radius:16px;padding:3rem var(--spacing-4) 2.5rem}.home-hero h1{font-size:2.2rem}.hero-features{gap:.75rem}.hero-feature-item{font-size:.8rem}.section-title{font-size:1.8rem}.connection-status{flex-direction:column;gap:var(--spacing-2);padding:.8rem var(--spacing-4);text-align:center}.platform-indicator{margin-left:0;margin-top:.25rem}.feature-card{gap:.875rem;padding:1rem var(--spacing-sm)}.feature-icon-wrapper{height:40px;width:40px}.feature-card-title{font-size:1rem}.feature-card-description{font-size:.8rem}.footer-apis{align-items:center;flex-direction:column}.decoration-ring,.hero-floating-badges{display:none}}@media screen and (max-width:480px){.page-container{padding:var(--spacing-2)}.hero-section{margin-bottom:var(--spacing-4)}.status-section{margin-bottom:var(--spacing-md)}.apps-section{margin-bottom:var(--spacing-lg)}.home-hero{border-radius:var(--spacing-4);padding:var(--spacing-lg) var(--spacing-sm)}.home-hero h1{font-size:1.8rem}.home-hero p{font-size:var(--font-size-home-md)}.section-header{margin-bottom:var(--spacing-md)}.section-title{font-size:var(--font-size-home-2xl)}.section-subtitle{font-size:var(--font-size-home-md)}.dashboard-hero-btn,.login-hero-btn{font-size:var(--font-size-home-lg);padding:.875rem 1.75rem}.logout-button span,.platform-badge span{display:none}.user-details{padding:var(--spacing-sm)}.user-detail-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs);padding:.75rem 0}.user-detail-value{text-align:left}.empty-card{min-height:300px;padding:var(--spacing-lg) var(--spacing-4)}.empty-card-icon{font-size:4rem;margin-bottom:var(--spacing-4)}.empty-card-title{font-size:1.5rem}.empty-card-description{font-size:.9rem}.connection-status{border-radius:var(--spacing-4);font-size:.85rem;padding:.7rem .8rem}.connection-status-container{gap:var(--spacing-2)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.dashboard-hero-btn,.gradient-orb{animation:none}}.home-page{font-family:var(--font-family-primary);overflow-x:hidden;width:100%}.home-content,.home-page{min-height:100vh;position:relative}.home-content{display:flex;flex-direction:column;z-index:1}.hero-section{animation:fadeInUp .8s ease-out;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg)}.home-hero{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,var(--color-twitch-rgba-08) 0,var(--color-spotify-rgba-05) 50%,var(--color-cyan-rgba-03) 100%);border:1px solid var(--color-border-light);border-radius:24px;margin:0 auto;max-width:1200px;overflow:hidden;padding:6rem var(--spacing-xl) 5rem;position:relative;text-align:center}.home-hero:before{background:linear-gradient(90deg,#0000,var(--color-twitch-primary-light),var(--color-spotify-primary-light),var(--color-accent-cyan),#0000);content:"";height:2px;left:0;opacity:.8;position:absolute;right:0;top:0}.home-hero:after{animation:heroGlow 8s ease-in-out infinite;background:radial-gradient(circle at center,var(--color-twitch-rgba-10) 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.home-hero h1{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--spacing-lg)}.home-hero h1,.home-hero p{position:relative;z-index:1}.home-hero p{color:var(--color-text-secondary);font-size:clamp(1rem,2vw,1.25rem);line-height:1.8;margin:0 auto 2rem;max-width:600px}.hero-actions{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.hero-actions,.hero-content{position:relative;z-index:1}.hero-badge{align-items:center;animation:fadeInDown .6s ease-out;background:var(--color-twitch-rgba-15);border:1px solid var(--color-border-twitch);border-radius:100px;color:var(--color-twitch-primary-light);display:inline-flex;font-size:var(--font-size-home-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:.5rem 1rem}.hero-badge-icon{animation:rocketBounce 2s ease-in-out infinite;font-size:.9rem}.hero-badge-version{background:var(--color-twitch-rgba-25);border-radius:100px;font-size:.7rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:.15rem .5rem}.hero-title-line{color:var(--color-text-secondary);display:block;font-size:.45em;font-weight:var(--font-weight-medium);letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.hero-title-highlight{color:var(--color-text-primary);display:block;font-weight:var(--font-weight-black)}.hero-gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,var(--color-twitch-primary-light),var(--color-spotify-primary-light),var(--color-accent-cyan));-webkit-background-clip:text;background-clip:text;background-size:200% 200%}.hero-description{font-size:clamp(1.3rem,2vw,1.15rem)!important}.hero-features{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-bottom:2.5rem;position:relative;z-index:1}.hero-feature-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;font-weight:var(--font-weight-medium);gap:.5rem;transition:var(--transition-home)}.hero-feature-item:hover{color:var(--color-text-primary)}.hero-feature-icon{align-items:center;border-radius:8px;display:flex;font-size:.85rem;height:32px;justify-content:center;width:32px}.hero-feature-icon.twitch{background:var(--color-twitch-rgba-20);color:var(--color-twitch-primary-light)}.hero-feature-icon.spotify{background:var(--color-spotify-rgba-20);color:var(--color-spotify-primary-light)}.hero-feature-icon.cyan{background:var(--color-cyan-rgba-20);color:var(--color-accent-cyan)}.hero-feature-divider{background:var(--color-text-muted);border-radius:50%;height:4px;opacity:.5;width:4px}.hero-sub-cta{color:var(--color-text-muted)!important;font-size:.85rem!important;margin:0!important}.btn-arrow{font-size:.85rem;transition:transform .3s ease}.login-hero-btn:hover .btn-arrow{transform:translateX(4px)}.hero-platforms{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center}.platform-chip{align-items:center;border-radius:100px;display:inline-flex;font-size:.8rem;font-weight:var(--font-weight-semibold);gap:.4rem;opacity:.8;padding:.5rem 1rem;transition:var(--transition-home)}.platform-chip.twitch{background:var(--color-twitch-rgba-10);border:1px solid var(--color-twitch-rgba-20);color:var(--color-twitch-primary-light)}.platform-chip.spotify{background:var(--color-spotify-rgba-10);border:1px solid var(--color-spotify-rgba-20);color:var(--color-spotify-primary-light)}.platform-chip:hover{opacity:1;transform:translateY(-2px) scale(1.05)}.hero-authenticated{margin-top:var(--spacing-lg)}.authenticated-badge{align-items:center;background:var(--color-spotify-rgba-15);border:1px solid var(--color-border-spotify);border-radius:100px;color:var(--color-spotify-primary-light);display:inline-flex;font-size:var(--font-size-home-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-3);padding:.75rem 1.5rem}.pulse-dot{animation:pulseDot 2s ease-in-out infinite;background:var(--color-spotify-primary);border-radius:50%;height:10px;width:10px}.hero-decoration{height:100%;pointer-events:none;width:100%;z-index:0}.decoration-ring,.hero-decoration{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.decoration-ring{animation:ringExpand 8s ease-in-out infinite;border:1px solid var(--color-twitch-rgba-10);border-radius:50%}.ring-1{animation-delay:0s;height:200px;width:200px}.ring-2{animation-delay:-2.5s;height:350px;width:350px}.ring-3{animation-delay:-5s;height:500px;width:500px}.hero-particles{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.particle{animation:particleFloat 15s ease-in-out infinite;border-radius:50%;height:6px;opacity:.6;position:absolute;width:6px}.particle-1{animation-delay:0s;background:var(--color-twitch-primary);left:10%;top:20%}.particle-2{animation-delay:-4s;background:var(--color-spotify-primary);right:15%;top:60%}.particle-3{animation-delay:-8s;background:var(--color-accent-cyan);bottom:30%;left:25%}.particle-4{animation-delay:-12s;background:var(--color-accent-gold);right:30%;top:40%}.particle-5{animation-delay:-6s;background:var(--color-accent-pink);height:4px;left:60%;top:75%;width:4px}.particle-6{animation-delay:-10s;background:var(--color-twitch-primary-light);height:5px;right:40%;top:15%;width:5px}.hero-floating-badges{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.floating-badge{align-items:center;animation:badgeFloat 8s ease-in-out infinite;border-radius:14px;display:flex;font-size:1.5rem;height:50px;justify-content:center;opacity:.15;position:absolute;width:50px}.floating-badge.twitch{animation-delay:0s;background:var(--color-twitch-primary);color:#fff;left:8%;top:15%}.floating-badge.spotify{animation-delay:-4s;background:var(--color-spotify-primary);bottom:20%;color:#fff;right:10%}.floating-badge.music{animation-delay:-6s;background:var(--color-accent-cyan);border-radius:10px;color:#fff;font-size:1.1rem;height:40px;left:5%;opacity:.1;top:65%;width:40px}.apps-section{animation:fadeInUp .8s ease-out .4s both;margin:0 auto;max-width:1400px;padding:var(--spacing-xl) var(--spacing-lg)}.section-header{margin-bottom:4rem;text-align:center}.section-title-wrapper{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.section-icon-container,.section-title-wrapper{align-items:center;display:flex;justify-content:center}.section-icon-container{animation:iconPulse 3s ease-in-out infinite;background:var(--gradient-twitch);border-radius:12px;box-shadow:var(--glow-twitch);height:60px;width:60px}.section-icon{color:#fff;font-size:1.8rem}.section-title{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;margin:0}.section-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-home-xl);line-height:1.6;margin:0 auto var(--spacing-lg);max-width:500px}.section-divider{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:center}.section-divider span{animation:dividerPulse 2s ease-in-out infinite;background:var(--color-twitch-primary);border-radius:50%;height:8px;opacity:.6;width:8px}.section-divider span:nth-child(2){animation-delay:.2s;background:linear-gradient(135deg,var(--color-twitch-primary),var(--color-spotify-primary))}.section-divider span:nth-child(3){animation-delay:.4s;background:var(--color-spotify-primary)}.home-navbar{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0a0a0fd9;border-bottom:1px solid var(--color-border-subtle);position:-webkit-sticky;position:sticky;top:0;transition:background .3s ease,box-shadow .3s ease;z-index:100}.home-navbar:hover{background:#0a0a0ff2;box-shadow:0 4px 30px #0000004d}.navbar-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:.75rem var(--spacing-lg)}.navbar-brand,.navbar-content{align-items:center;display:flex}.navbar-brand{gap:var(--spacing-sm)}.brand-icon{align-items:center;background:linear-gradient(135deg,var(--color-twitch-primary) 0,var(--color-spotify-primary) 100%);border-radius:11px;display:flex;height:42px;justify-content:center;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:42px}.brand-icon:hover{box-shadow:0 4px 15px var(--color-twitch-rgba-30);transform:scale(1.05)}.brand-spotify,.brand-twitch{color:#fff;font-size:1.1rem;position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1)}.brand-twitch{opacity:1}.brand-spotify{opacity:0;transform:rotate(-90deg) scale(.8)}.brand-icon:hover .brand-twitch{opacity:0;transform:rotate(90deg) scale(.8)}.brand-icon:hover .brand-spotify{opacity:1;transform:rotate(0deg) scale(1)}.brand-text{display:flex;flex-direction:column;margin:0}.brand-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-twitch-primary-light),var(--color-spotify-primary-light));-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;line-height:1.1}.brand-main,.brand-sub{font-family:var(--font-family-primary)}.brand-sub{-webkit-text-fill-color:var(--color-text-muted);background:none;-webkit-background-clip:unset;background-clip:initial;color:var(--color-text-muted);font-size:.7rem;font-weight:var(--font-weight-semibold);letter-spacing:.15em;position:relative;text-transform:uppercase;z-index:1}.navbar-center{align-items:center;display:flex;gap:var(--spacing-xs)}@media screen and (max-width:768px){.navbar-center{display:none}}.navbar-link{border-radius:8px;color:var(--color-text-muted);font-size:.85rem;font-weight:var(--font-weight-medium);padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.navbar-link:hover{background:var(--color-white-rgba-05);color:var(--color-text-primary)}.navbar-right{gap:var(--spacing-sm)}.navbar-right,.navbar-status{align-items:center;display:flex}.navbar-status{background:var(--color-spotify-rgba-10);border:1px solid var(--color-border-spotify);border-radius:100px;gap:var(--spacing-xs);padding:.4rem .85rem;transition:var(--transition-home)}.navbar-status:hover{background:var(--color-spotify-rgba-15)}.status-dot{animation:statusPulse 2s ease-in-out infinite;background:var(--color-spotify-primary);border-radius:50%;height:7px;width:7px}.status-text{color:var(--color-spotify-primary-light);font-size:.8rem;font-weight:var(--font-weight-semibold)}.navbar-error{align-items:center;background:#ff3b301a;border-top:1px solid #ff3b3033;color:var(--color-error-alt);display:flex;font-size:var(--font-size-home-md);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-3)}.home-navbar~.navbar,.logo,.navbar{display:none}.home-footer{margin-top:auto;padding:0 var(--spacing-lg) var(--spacing-lg);position:relative}.footer-wave{background:linear-gradient(90deg,#0000,var(--color-twitch-rgba-30),var(--color-spotify-rgba-30),#0000);height:1px;margin-bottom:2.5rem;position:relative;width:100%}.footer-content{margin:0 auto;max-width:1200px}.footer-top{flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:2rem}.footer-brand,.footer-top{align-items:center;display:flex}.footer-brand{gap:var(--spacing-sm)}.footer-logo{align-items:center;display:flex;gap:.5rem}.footer-logo-icon{font-size:1.2rem;opacity:.6;transition:all .3s ease}.footer-logo-icon.twitch{color:var(--color-twitch-primary-light)}.footer-logo-icon.spotify{color:var(--color-spotify-primary-light)}.footer-logo-icon:hover{opacity:1;transform:scale(1.1)}.footer-logo-divider{color:var(--color-text-muted);font-size:1.1rem;opacity:.3}.footer-brand-name{color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:1.1rem;font-weight:var(--font-weight-bold)}.footer-apis{display:flex;gap:var(--spacing-sm)}.footer-api-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.75rem;font-weight:var(--font-weight-medium);gap:.4rem;padding:.35rem .75rem;transition:all .2s ease}.footer-api-badge.twitch{background:var(--color-twitch-rgba-10);border:1px solid var(--color-twitch-rgba-15);color:var(--color-twitch-primary-light)}.footer-api-badge.spotify{background:var(--color-spotify-rgba-10);border:1px solid var(--color-spotify-rgba-15);color:var(--color-spotify-primary-light)}.footer-api-badge:hover{transform:translateY(-1px)}.footer-divider{background:var(--color-border-subtle);height:1px;margin-bottom:1.5rem}.footer-bottom{flex-wrap:wrap;gap:.5rem;justify-content:space-between}.footer-bottom,.footer-made{align-items:center;display:flex}.footer-made{color:var(--color-text-muted);font-size:.8rem;gap:.35rem;margin:0}.footer-heart{animation:pulseDot 2s ease-in-out infinite;color:var(--color-error);font-size:.7rem}.footer-legal{font-size:.8rem}.footer-legal,.footer-version{color:var(--color-text-muted);margin:0}.footer-version{font-family:var(--font-family-mono);font-size:.75rem;opacity:.6}.footer-link{color:var(--color-twitch-primary-light);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .2s ease}.footer-link:hover{color:var(--color-text-primary);text-decoration:underline}.status-section{animation:fadeInUp .8s ease-out .2s both;padding:var(--spacing-lg)}.connection-status-wrapper{display:flex;justify-content:center}.connection-status-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-medium);border-radius:100px;padding:1.25rem var(--spacing-lg);position:relative;transition:var(--transition-home)}.connection-status-card.connected{background:linear-gradient(135deg,var(--color-spotify-rgba-15) 0,var(--color-spotify-rgba-05) 100%);border-color:var(--color-border-spotify)}.connection-status-card.disconnected{background:linear-gradient(135deg,var(--color-white-rgba-05) 0,var(--color-white-rgba-02) 100%)}.status-glow{background:radial-gradient(ellipse,var(--color-spotify-rgba-20) 0,#0000 70%);filter:blur(20px);height:100%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:var(--transition-home);width:100%}.connection-status-card.connected:hover .status-glow{opacity:1}.status-content{flex-wrap:wrap;gap:1.25rem}.status-content,.status-icon-wrapper{align-items:center;display:flex;justify-content:center}.status-icon-wrapper{background:var(--color-white-rgba-10);border-radius:50%;height:40px;width:40px}.connection-status-card.connected .status-icon-wrapper{background:var(--color-spotify-rgba-20)}.status-icon{color:var(--color-text-secondary);font-size:1.2rem}.connection-status-card.connected .status-icon{color:var(--color-spotify-primary-light)}.status-info{display:flex;flex-direction:column;gap:.25rem}.status-label{color:var(--color-text-primary);font-size:var(--font-size-home-lg);font-weight:var(--font-weight-semibold)}.status-hint{color:var(--color-text-muted);font-size:var(--font-size-home-sm);margin:0}.platform-badges{display:flex;gap:var(--spacing-xs)}.platform-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:var(--font-size-home-xs);font-weight:var(--font-weight-semibold);gap:.4rem;letter-spacing:.5px;padding:.3rem .7rem;text-transform:uppercase;transition:var(--transition-home)}.platform-badge.twitch{background:var(--color-twitch-rgba-20);border:1px solid var(--color-border-twitch);color:var(--color-twitch-primary-light)}.platform-badge.spotify{background:var(--color-spotify-rgba-20);border:1px solid var(--color-border-spotify);color:var(--color-spotify-primary-light)}.platform-badge:hover{transform:scale(1.05)}.features-section{animation:fadeInUp .8s ease-out .3s both;margin:0 auto;max-width:1200px;padding:var(--spacing-xl) var(--spacing-lg)}.features-header{margin-bottom:4rem;text-align:center}.features-label{background:var(--color-twitch-rgba-10);border:1px solid var(--color-twitch-rgba-20);border-radius:100px;color:var(--color-twitch-primary-light);display:inline-block;font-size:.8rem;font-weight:var(--font-weight-semibold);letter-spacing:.1em;margin-bottom:var(--spacing-md);padding:.4rem 1rem;text-transform:uppercase}.features-title{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;line-height:1.2;margin:0 0 var(--spacing-md)}.features-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-twitch-primary-light),var(--color-spotify-primary-light));-webkit-background-clip:text;background-clip:text}.features-subtitle{color:var(--color-text-secondary);font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.7;margin:0 auto;max-width:550px}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.feature-card{animation:fadeInUp .6s ease-out both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-bg-card-alt);border:1px solid var(--color-border-light);border-radius:16px;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:before{content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.feature-card-twitch:before{background:linear-gradient(90deg,var(--color-twitch-primary),var(--color-twitch-primary-light))}.feature-card-spotify:before{background:linear-gradient(90deg,var(--color-spotify-primary),var(--color-spotify-primary-light))}.feature-card-cyan:before{background:linear-gradient(90deg,var(--color-accent-cyan),var(--color-accent-blue))}.feature-card:hover{border-color:var(--color-border-medium);box-shadow:0 20px 40px #0000004d;transform:translateY(-6px)}.feature-card:hover:before{opacity:1}.feature-card-glow{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.feature-card-twitch .feature-card-glow{background:radial-gradient(circle at top left,var(--color-twitch-rgba-10),#0000 60%)}.feature-card-spotify .feature-card-glow{background:radial-gradient(circle at top left,var(--color-spotify-rgba-10),#0000 60%)}.feature-card-cyan .feature-card-glow{background:radial-gradient(circle at top left,var(--color-cyan-rgba-10),#0000 60%)}.feature-card:hover .feature-card-glow{opacity:1}.feature-icon-wrapper{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:1.25rem;transition:all .3s ease;width:48px}.feature-icon-wrapper.twitch{background:var(--color-twitch-rgba-15);color:var(--color-twitch-primary-light)}.feature-icon-wrapper.spotify{background:var(--color-spotify-rgba-15);color:var(--color-spotify-primary-light)}.feature-icon-wrapper.cyan{background:var(--color-cyan-rgba-15);color:var(--color-accent-cyan)}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1)}.feature-card:hover .feature-icon-wrapper.twitch{box-shadow:0 4px 20px var(--color-twitch-rgba-30)}.feature-card:hover .feature-icon-wrapper.spotify{box-shadow:0 4px 20px var(--color-spotify-rgba-30)}.feature-card:hover .feature-icon-wrapper.cyan{box-shadow:0 4px 20px var(--color-cyan-rgba-30)}.feature-icon{font-size:1.25rem}.feature-card-text{min-width:0}.feature-card-title{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:1.15rem;font-weight:var(--font-weight-bold);margin:0 0 .75rem}.feature-card-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6;margin:0}.home-background{background:var(--color-bg-deep);bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:0}.gradient-orb{animation:orbFloat 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.5;position:absolute}.gradient-orb-1{animation-delay:0s;background:radial-gradient(circle,var(--color-twitch-primary) 0,#0000 70%);height:600px;left:-100px;top:-200px;width:600px}.gradient-orb-2{animation-delay:-7s;background:radial-gradient(circle,var(--color-spotify-primary) 0,#0000 70%);bottom:-150px;height:500px;right:-100px;width:500px}.gradient-orb-3{animation-delay:-14s;background:radial-gradient(circle,var(--color-accent-cyan) 0,#0000 70%);height:400px;left:50%;opacity:.3;top:50%;transform:translate(-50%,-50%);width:400px}.grid-overlay{background-image:linear-gradient(var(--color-white-rgba-02) 1px,#0000 1px),linear-gradient(90deg,var(--color-white-rgba-02) 1px,#0000 1px);background-size:60px 60px;bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}:root{--home-z-background:0;--home-z-content:1;--home-z-navbar:100;--home-z-modal:1000;--home-blur:blur(20px);--home-blur-heavy:blur(40px);--home-radius-sm:8px;--home-radius-md:12px;--home-radius-lg:16px;--home-radius-xl:20px;--home-radius-full:100px}.navbar{align-items:center;animation:fadeIn .5s ease;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#9147fff2,#772ce8f2);border:1px solid #ffffff1a;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg),var(--shadow-purple);color:var(--text-primary);display:flex;justify-content:space-between;margin:1.5rem;overflow:visible;padding:1.25rem 2.5rem;position:relative}.navbar:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);border-radius:var(--border-radius-xl);content:"";height:100%;left:-100%;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin:0;position:relative;text-shadow:0 2px 10px #ffffff4d;z-index:1}.navRight{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;overflow:visible}.auth-connected,.auth-section-wrapper,.navRight{position:relative;z-index:100}.auth-user-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all var(--transition-normal)}.auth-user-info:hover{background:#ffffff26;border-color:#fff3}.welcomeText{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-platform-badge{background:#ffffff26;border-radius:var(--border-radius-sm);color:var(--text-primary);display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase}.auth-menu-arrow{align-items:center;color:var(--text-muted);display:flex;font-size:.7rem;transition:transform var(--transition-normal)}.auth-menu-arrow svg{font-size:.7rem;height:.7rem;width:.7rem}.auth-menu{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid #ffffff1a;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);isolation:isolate;min-width:180px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:99999}.auth-menu-item{font-size:.9rem;margin-bottom:.25rem;padding:.6rem 1rem;text-align:left;width:100%}.auth-menu-item:last-child{border-top:1px solid #ffffff1a;margin-bottom:0;margin-top:.5rem;padding-top:.75rem}.button{align-items:center;background:linear-gradient(135deg,#fff,#f8f8f8);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:var(--twitch-purple);cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-transform:uppercase;transition:all var(--transition-normal)}.button svg{flex-shrink:0;font-size:.9rem}.button:before{background:#9147ff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.button:hover:before{height:300px;max-height:100vh;max-width:100vw;width:300px}.button:hover{background:linear-gradient(135deg,#f8f8f8,#fff);box-shadow:var(--shadow-lg),0 0 20px #9147ff66;transform:translateY(-2px)}.button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.button:focus{outline:2px solid #ffffff80;outline-offset:2px}.button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;color:var(--text-primary)}.button.secondary:hover{background:#ffffff40;border-color:#ffffff4d}.error-message{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff6b6b1a;border-left:4px solid #ff6b6b;border-radius:var(--border-radius-md);gap:.5rem;margin:1rem;padding:1rem 1.5rem}.error-message svg{flex-shrink:0;font-size:1.1rem}.loading-state{align-items:center;color:var(--text-secondary);display:flex;font-weight:500;gap:.75rem;padding:1rem}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--text-primary);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media screen and (max-width:768px){.navbar{align-items:flex-start;flex-direction:column;gap:1.25rem;margin:1rem;padding:1.5rem}.logo{font-size:1.5rem}.navRight{align-items:stretch;flex-direction:column;gap:.75rem;width:100%}.button{text-align:center;width:100%}}.modal-overlay{align-items:center;animation:overlayFadeIn .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#05050ad9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.login-modal{animation:modalSlideUp .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(165deg,#14141ef2,#0f0f16fa);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 25px 80px #0009,0 0 100px #9147ff1a,inset 0 1px 0 #ffffff0d;max-height:90vh;max-width:440px;overflow:hidden;position:relative;width:100%}.login-modal:before{animation:borderGlow 3s linear infinite;background:linear-gradient(90deg,#9147ff,#1db954 50%,#9147ff);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes borderGlow{0%{background-position:0 0}to{background-position:200% 0}}.login-modal:after{background:radial-gradient(circle at 30% 30%,#9147ff14 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:1.75rem 2rem 1.25rem;position:relative;z-index:1}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b4b4c0);-webkit-background-clip:text;background-clip:text;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.modal-close-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;color:#8b8b9a;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.modal-close-btn:hover{background:#ff6b6b26;border-color:#ff6b6b4d;color:#ff6b6b;transform:rotate(90deg)}.modal-close-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.modal-body{padding:.5rem 2rem 2rem;position:relative;z-index:1}.form-group{margin-bottom:1.25rem}.form-group label{color:#e0e0e8;display:block;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.01em;margin-bottom:.5rem}.input-wrapper{position:relative}.input-icon{color:#6b6b7a;font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:1}.input-wrapper:focus-within .input-icon{color:#9147ff}.form-group input{background:#ffffff08;border:2px solid #ffffff14;border-radius:12px;box-sizing:border-box;color:#fff;font-family:Outfit,sans-serif;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input::placeholder{color:#4a4a58}.form-group input:hover{background:#ffffff0d;border-color:#ffffff26}.form-group input:focus{background:#9147ff0d;border-color:#9147ff;box-shadow:0 0 0 4px #9147ff26,0 4px 20px #9147ff1a;outline:none}.form-group input:disabled{background:#ffffff05;color:#6b6b7a;cursor:not-allowed}.login-submit-btn{background:linear-gradient(135deg,#9147ff,#772ce8);border:none;border-radius:14px;box-shadow:0 4px 20px #9147ff59;color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;margin-top:.75rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-submit-btn:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.6s;width:100%}.login-submit-btn:hover:not(:disabled){box-shadow:0 8px 30px #9147ff80,0 0 60px #9147ff33;transform:translateY(-3px)}.login-submit-btn:hover:not(:disabled):before{left:100%}.login-submit-btn:active:not(:disabled){transform:translateY(-1px)}.login-submit-btn:disabled{background:linear-gradient(135deg,#9147ff66,#772ce866);box-shadow:none;cursor:not-allowed;transform:none}.login-submit-btn:disabled:after{animation:buttonSpin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);width:20px}@keyframes buttonSpin{to{transform:translateY(-50%) rotate(1turn)}}.error-message{align-items:center;animation:errorShake .4s ease-out;background:linear-gradient(135deg,#ff3b301f,#ff3b300f);border:1px solid #ff3b3040;border-radius:12px;color:#ff6b6b;display:flex;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem}@keyframes errorShake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.modal-footer{border-top:1px solid #ffffff0f;margin-top:1.75rem;padding-top:1.5rem;text-align:center}.modal-footer p{color:#6b6b7a;font-family:Outfit,sans-serif;font-size:.9rem;margin:0}.modal-footer a{color:#a970ff;font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.modal-footer a:after{background:linear-gradient(90deg,#9147ff,#1db954);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.modal-footer a:hover{color:#c4a3ff}.modal-footer a:hover:after{width:100%}@keyframes overlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.modal-overlay{padding:.75rem}.login-modal{border-radius:20px;max-width:100%}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-header h2{font-size:1.5rem}.modal-body{padding:.5rem 1.5rem 1.5rem}.form-group input{font-size:.95rem;padding:.875rem .875rem .875rem 2.75rem}.login-submit-btn{font-size:.95rem;padding:.875rem 1.25rem}}@media (prefers-reduced-motion:reduce){.error-message,.form-group input,.login-modal,.login-submit-btn,.modal-overlay{animation:none;transition-duration:.01ms}.login-modal:before{animation:none}}.form-group input:focus-visible,.login-submit-btn:focus-visible,.modal-close-btn:focus-visible{outline:2px solid #9147ff;outline-offset:2px}.App{min-height:100vh;width:100%}.card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;padding:1.75rem;position:relative;transition:var(--transition-all)}.card:before{background:linear-gradient(90deg,#0000,var(--color-white-rgba-10),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.card:hover{border-color:var(--color-border-glow);box-shadow:var(--shadow-lg),0 0 30px var(--color-primary-rgba-10);transform:translateY(-3px)}.card-header{border-bottom:1px solid var(--color-border-subtle);margin-bottom:1.5rem;padding-bottom:1rem;position:relative}.card-header:after{background:var(--gradient-primary);border-radius:1px;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:60px}.card-title{color:var(--color-text-primary);font-size:1.35rem;font-weight:var(--font-weight-bold);letter-spacing:-.3px;margin:0}.card-subtitle{color:var(--color-text-muted);font-size:.875rem;line-height:1.5;margin-top:.5rem}.section{margin-bottom:2.5rem}.section-title{color:var(--text-primary);display:inline-block;font-size:1.15rem;font-weight:700;margin-bottom:1.25rem;padding-bottom:.75rem;position:relative}.section-title:after{background:var(--primary-gradient);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.status-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.75rem;font-weight:var(--font-weight-semibold);gap:.375rem;letter-spacing:.5px;padding:.375rem .875rem;text-transform:uppercase;transition:var(--transition-all)}.status-badge:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.status-badge.connected{background:var(--color-success-rgba-15);border:1px solid var(--color-success-rgba-25);color:var(--color-success)}.status-badge.connected:before{animation:pulse 2s ease-in-out infinite;box-shadow:0 0 8px currentColor}.status-badge.disconnected{background:var(--color-white-rgba-05);border:1px solid var(--color-border-subtle);color:var(--color-text-muted)}.status-badge.error{background:var(--color-error-rgba-15);border:1px solid var(--color-error-rgba-25);color:var(--color-error-alt)}.status-badge.warning{background:var(--color-warning-rgba-15);border:1px solid var(--color-warning-rgba-25);color:var(--color-warning)}.dashboardPage{background:var(--bg-primary);display:grid;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;grid-template-columns:300px 1fr;min-height:100vh;overflow:hidden;position:relative}.dashboardPage:before{background:radial-gradient(ellipse 100% 80% at 0 0,#8b5cf61f 0,#0000 50%),radial-gradient(ellipse 60% 50% at 100% 100%,#06b6d414 0,#0000 50%)}.dashboardPage:after,.dashboardPage:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.dashboardPage:after{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:60px 60px;opacity:.5}.sidebar{animation:slideIn .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(180deg,#111827f2,#0a0f1cfa);border-right:1px solid var(--border-subtle);color:var(--text-primary);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:1.75rem 1.25rem;position:relative;z-index:10}.sidebar:before{background:linear-gradient(180deg,#0000,#8b5cf680 30%,#06b6d44d 70%,#0000);bottom:0;right:0;top:0;width:1px}.sidebar:after,.sidebar:before{content:"";pointer-events:none;position:absolute}.sidebar:after{background:radial-gradient(circle,#8b5cf626 0,#0000 70%);filter:blur(40px);height:300px;left:-100px;top:-100px;width:300px}.sidebarHeader{flex-direction:column;gap:1rem;margin-bottom:2rem;z-index:1}.sidebarHeader,.sidebarTitle{display:flex;position:relative}.sidebarTitle{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--text-primary) 0,var(--primary-300) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;gap:.75rem;letter-spacing:-.5px;margin:0;padding:.5rem 0}.sidebarTitle:before{animation:pulse 2s ease-in-out infinite;background:var(--primary-gradient);border-radius:50%;box-shadow:var(--glow-primary);content:"";height:8px;width:8px}.homeButton{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.75rem;overflow:hidden;padding:.875rem 1rem;position:relative;text-align:left;transition:all var(--transition-normal);width:100%}.homeButton:before{background:linear-gradient(135deg,#8b5cf61a,#06b6d40d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.homeButton:hover{border-color:var(--border-glow);box-shadow:var(--shadow-md),0 0 20px #8b5cf61a;color:var(--text-primary);transform:translateX(4px)}.homeButton:hover:before{opacity:1}.homeButton:active{transform:translateX(2px)}.homeButton svg{flex-shrink:0;height:18px;opacity:.8;transition:opacity var(--transition-fast);width:18px}.homeButton:hover svg{opacity:1}.connectAllButton{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#8b5cf633,#06b6d426);border:1px solid #8b5cf64d;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.75rem;margin-top:.5rem;overflow:hidden;padding:.875rem 1rem;position:relative;text-align:left;transition:all var(--transition-normal);width:100%}.connectAllButton:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.connectAllButton:hover:before{left:100%}.connectAllButton:hover{border-color:#8b5cf680;box-shadow:0 8px 25px #8b5cf640,0 4px 15px #06b6d426;transform:translateY(-2px)}.connectAllButton:active{transform:translateY(0)}.connectAllButton:disabled{cursor:not-allowed;opacity:.6;transform:none}.connectAllButton svg{flex-shrink:0;height:16px;width:16px}.connectAllButton .spinner{animation:spin 1s linear infinite}.connectAllIcons{align-items:center;background:#0000004d;border:1px solid #ffffff0d;border-radius:var(--border-radius-sm);display:flex;gap:.5rem;margin-left:auto;padding:.3rem .6rem}.connectAllIcons svg{height:14px;opacity:.4;transition:all var(--transition-normal);width:14px}.connectAllIcons svg.connected{filter:drop-shadow(0 0 6px currentColor);opacity:1}.connectAllIcons svg:first-child{color:#a78bfa}.connectAllIcons svg:last-child{color:#34d399}.navList{display:flex;flex-direction:column;gap:.375rem;list-style:none;margin:0;padding:0;position:relative;z-index:1}.navList li{animation:fadeInUp .4s ease-out forwards;opacity:0}.navList li:first-child{animation-delay:.1s}.navList li:nth-child(2){animation-delay:.15s}.navList li:nth-child(3){animation-delay:.2s}.navList li:nth-child(4){animation-delay:.25s}.navList li:nth-child(5){animation-delay:.3s}.navList li:nth-child(6){animation-delay:.35s}.navList li:nth-child(7){animation-delay:.4s}.navList li:nth-child(8){animation-delay:.45s}.navList li:nth-child(9){animation-delay:.5s}.sidebarVersion{font-size:.75rem;margin-top:auto;opacity:.8;padding-top:1rem;z-index:1}.navButton,.sidebarVersion{color:var(--text-muted);position:relative}.navButton{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;display:flex;font-family:inherit;font-size:.925rem;font-weight:500;gap:.875rem;overflow:hidden;padding:.875rem 1rem;text-align:left;transition:all var(--transition-normal);width:100%}.navButton:before{background:var(--primary-gradient);border-radius:0 2px 2px 0;box-shadow:var(--glow-primary);content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height var(--transition-normal);width:3px}.navButton:after{background:linear-gradient(135deg,#8b5cf614,#06b6d40a);border-radius:var(--border-radius-md);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.navButton:hover{border-color:var(--border-subtle);color:var(--text-primary);transform:translateX(4px)}.navButton:hover:after{opacity:1}.navButton:hover:before{height:50%}.navButton svg{flex-shrink:0;height:20px;opacity:.7;transition:all var(--transition-normal);width:20px}.navButton span,.navButton svg{position:relative;z-index:1}.navButton:hover svg{opacity:1;transform:scale(1.05)}.navButton.active{background:linear-gradient(135deg,#8b5cf626,#06b6d414);border-color:#8b5cf640;box-shadow:0 4px 15px #8b5cf626,inset 0 1px 0 #ffffff0d;color:var(--text-primary)}.navButton.active:before{height:60%}.navButton.active:after{opacity:0}.navButton.active svg{color:var(--primary-400);opacity:1}.navButton.disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.notification-badge{animation:notificationPulse 2s ease-in-out infinite;background:var(--accent-red);border:2px solid var(--bg-secondary);border-radius:50%;box-shadow:0 0 0 3px #ef444433,0 0 10px #ef444480;height:8px;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:8px;z-index:10}@keyframes notificationPulse{0%,to{box-shadow:0 0 0 3px #ef444433,0 0 10px #ef444480;transform:translateY(-50%) scale(1)}50%{box-shadow:0 0 0 6px #ef44441a,0 0 20px #ef444499;transform:translateY(-50%) scale(1.15)}}.mainContent{animation:fadeIn .5s ease-out;background:#0000;overflow-x:hidden;overflow-y:auto;padding:2rem 2.5rem;position:relative;z-index:1}.mainContent:before{background:linear-gradient(90deg,#0000,#8b5cf666 20%,#06b6d44d 50%,#8b5cf666 80%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0;z-index:1}.mainContent:after{background:radial-gradient(circle,#06b6d414 0,#0000 70%);content:"";filter:blur(60px);height:500px;pointer-events:none;position:absolute;right:-200px;top:-200px;width:500px;z-index:0}.backButton{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;position:relative;transition:all var(--transition-normal);z-index:1}.backButton:hover{background:var(--bg-glass-hover);border-color:var(--border-glow);box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateX(-4px)}.backButton:active{transform:translateX(-2px)}.sidebarTopButtons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;position:relative;z-index:1}@media screen and (max-width:1200px){.dashboardPage{grid-template-columns:260px 1fr}.mainContent{padding:1.75rem 2rem}}@media screen and (max-width:1024px){.dashboardPage{grid-template-columns:240px 1fr}.sidebar{padding:1.5rem 1rem}.sidebarTitle{font-size:1.35rem}.navButton{font-size:.875rem;padding:.75rem .875rem}.mainContent{padding:1.5rem}}@media screen and (max-width:768px){.dashboardPage{grid-template-columns:1fr;grid-template-rows:auto 1fr}.dashboardPage:after{display:none}.sidebar{border-bottom:1px solid var(--border-subtle);border-right:none;padding:1.25rem 1rem}.sidebar:before{display:none}.sidebar:after{height:150px;left:-50px;top:-50px;width:150px}.sidebarHeader{margin-bottom:1rem}.sidebarTitle{font-size:1.25rem}.navList{-webkit-overflow-scrolling:touch;flex-direction:row;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;scrollbar-color:var(--primary-500) var(--border-subtle);scrollbar-width:thin}.navList::-webkit-scrollbar{height:6px}.navList::-webkit-scrollbar-track{background:var(--border-subtle);border-radius:3px}.navList::-webkit-scrollbar-thumb{background:var(--primary-500);border-radius:3px}.navList::-webkit-scrollbar-thumb:hover{background:var(--primary-400)}.navList li{flex-shrink:0}.navButton{font-size:.85rem;gap:.5rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.625rem .875rem;white-space:nowrap}.navButton:before{display:none}.navButton:hover{transform:translateY(-2px)}.navButton.active{border-bottom:2px solid var(--primary-500);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.navButton svg{height:18px;width:18px}.notification-badge{height:6px;right:.5rem;top:.5rem;transform:none;width:6px}.mainContent{padding:1.25rem}.mainContent:after{display:none}.connectAllButton,.homeButton{font-size:.85rem;padding:.75rem}}@media screen and (max-width:480px){.sidebar{padding:1rem .75rem}.sidebarTitle{font-size:1.1rem}.navButton{font-size:.8rem;padding:.5rem .75rem}.navButton svg{height:16px;width:16px}.mainContent{padding:1rem}}@keyframes pageEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mainContent>*{animation:pageEnter .4s ease-out}.backButton:focus-visible,.connectAllButton:focus-visible,.homeButton:focus-visible,.navButton:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:300px}.loading-spinner{height:50px;position:relative;width:50px}.spinner-ring{animation:spinRing 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #0000;border-radius:50%;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:-.45s;border-top-color:#8b5cf6}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#06b6d4;height:80%;left:10%;top:10%;width:80%}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#a78bfa;height:60%;left:20%;top:20%;width:60%}@keyframes spinRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{animation:pulse 1.5s ease-in-out infinite;color:var(--text-muted);font-size:.9rem;font-weight:500;letter-spacing:.5px}.tab-content{animation:tabEnter .4s cubic-bezier(.4,0,.2,1)}@keyframes tabEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tab-content-exit{animation:tabExit .2s ease-in forwards}@keyframes tabExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.login-admin-container{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-admin-card{animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid #ffffff0d;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:420px;padding:2.5rem;width:100%}.login-admin-header{margin-bottom:2rem;text-align:center}.login-admin-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--twitch-purple-light),var(--twitch-purple));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.login-admin-header p{color:var(--text-muted);font-size:.95rem;margin:0}.login-admin-form{display:flex;flex-direction:column;gap:1.5rem}.login-admin-field{display:flex;flex-direction:column;gap:.5rem}.login-admin-field label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.login-admin-field input{background:var(--bg-tertiary);border:1px solid #ffffff1a;border-radius:var(--border-radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all var(--transition-normal);width:100%}.login-admin-field input:focus{border-color:var(--twitch-purple);box-shadow:0 0 0 3px #9147ff1a;outline:none}.login-admin-field input::placeholder{color:var(--text-muted)}.login-admin-field input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.7}.login-admin-error{background:#ff00001a;border:1px solid #f003;border-radius:var(--border-radius-md);color:#ff6b6b;font-size:.9rem;padding:.875rem;text-align:center}.login-admin-button{background:linear-gradient(135deg,var(--twitch-purple) 0,var(--twitch-purple-dark) 100%);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem 1.5rem;transition:all var(--transition-normal)}.login-admin-button:hover:not(:disabled){box-shadow:var(--shadow-purple);transform:translateY(-2px)}.login-admin-button:active:not(:disabled){transform:translateY(0)}.login-admin-button:disabled{background:var(--text-disabled);box-shadow:none;cursor:not-allowed;transform:none}.login-admin-info{background:#ffffff0d;border-left:3px solid var(--twitch-purple);border-radius:var(--border-radius-md);margin-top:2rem;padding:1rem}.login-admin-info p{color:var(--text-muted);font-size:.85rem;line-height:1.4;margin:0}.login-admin-info strong{color:var(--text-secondary)}@media (max-width:480px){.login-admin-container{padding:1rem}.login-admin-card{padding:2rem 1.5rem}.login-admin-header h2{font-size:1.5rem}}:root{--admin-primary:#6366f1;--admin-primary-light:#818cf8;--admin-primary-dark:#4f46e5;--admin-accent:#22d3ee;--admin-accent-warm:#f472b6;--admin-success:#10b981;--admin-warning:#f59e0b;--admin-danger:#ef4444;--admin-bg-deep:#030712;--admin-bg-primary:#0f172a;--admin-bg-secondary:#1e293b;--admin-bg-card:#1e293bb3;--admin-bg-elevated:#33415580;--admin-bg-glass:#ffffff05;--admin-text-primary:#f8fafc;--admin-text-secondary:#94a3b8;--admin-text-muted:#64748b;--admin-border:#94a3b81a;--admin-border-hover:#94a3b833;--admin-glow:0 0 60px #6366f14d;--admin-glow-accent:0 0 40px #22d3ee40;--admin-shadow-sm:0 1px 2px #0000004d;--admin-shadow-md:0 4px 12px #0006;--admin-shadow-lg:0 10px 40px #00000080;--admin-blur:blur(20px);--admin-transition:0.3s cubic-bezier(0.4,0,0.2,1);--admin-transition-bounce:0.5s cubic-bezier(0.34,1.56,0.64,1)}.admin-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#030712;background:var(--admin-bg-deep);color:#f8fafc;color:var(--admin-text-primary);font-family:Sora,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.admin-page:before{background:radial-gradient(ellipse 80% 50% at 20% -20%,#6366f126 0,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 100%,#22d3ee1a 0,#0000 50%),radial-gradient(ellipse 50% 30% at 50% 50%,#f472b60d 0,#0000 50%)}.admin-page:after,.admin-page:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.admin-page:after{background-image:linear-gradient(hsla(0,0%,100%,.015) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,#0000 0);background-size:50px 50px}.admin-container{animation:adminFadeIn .6s ease-out;margin:0 auto;max-width:1400px;padding:2rem 2.5rem;position:relative;z-index:1}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-loading{align-items:center;animation:adminFadeIn .5s ease-out;display:flex;flex-direction:column;gap:2rem;justify-content:center;min-height:60vh}.admin-spinner{animation:adminSpin .8s linear infinite;border:3px solid #1e293b;border-top:3px solid #6366f1;border:3px solid var(--admin-bg-secondary);border-radius:50%;border-right:3px solid #22d3ee;border-right:3px solid var(--admin-accent);border-top-color:var(--admin-primary);box-shadow:0 0 60px #6366f14d;box-shadow:var(--admin-glow);height:56px;width:56px}@keyframes adminSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-loading p{color:#94a3b8;color:var(--admin-text-secondary);font-size:1.1rem;font-weight:500;letter-spacing:.02em}.admin-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--admin-blur);backdrop-filter:var(--admin-blur);background:#1e293bb3;background:var(--admin-bg-card);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:1.25rem;margin-bottom:2rem;overflow:hidden;padding:1.75rem 2.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition)}.admin-header:before{background:linear-gradient(90deg,#6366f1,#22d3ee,#f472b6);background:linear-gradient(90deg,var(--admin-primary),var(--admin-accent),var(--admin-accent-warm));content:"";height:3px;left:0;opacity:.8;position:absolute;right:0;top:0}.admin-header:hover{border-color:#94a3b833;border-color:var(--admin-border-hover);box-shadow:0 4px 12px #0006;box-shadow:var(--admin-shadow-md)}.admin-header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.admin-header h1{-webkit-text-fill-color:#0000;animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#f8fafc,#818cf8 50%,#22d3ee);background:linear-gradient(135deg,var(--admin-text-primary) 0,var(--admin-primary-light) 50%,var(--admin-accent) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin:0}@keyframes gradientShift{0%,to{background-position:0}50%{background-position:100%}}.admin-user-info{align-items:center;display:flex;font-size:.9rem;gap:1.25rem}.admin-user-info span{align-items:center;color:#94a3b8;color:var(--admin-text-secondary);display:flex;gap:.5rem}.admin-user-info strong{background:#33415580;background:var(--admin-bg-elevated);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:2rem;color:#f8fafc;color:var(--admin-text-primary);font-weight:600;padding:.375rem .875rem}.admin-logout-button{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--admin-danger) 0,#dc2626 100%);border:none;border-radius:.75rem;box-shadow:0 2px 8px #ef444440;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition)}.admin-logout-button:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.admin-logout-button:active{transform:translateY(0)}.admin-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--admin-blur);backdrop-filter:var(--admin-blur);background:#1e293bb3;background:var(--admin-bg-card);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:1rem;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding:.5rem;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab-button{background:#0000;border:none;border-radius:.75rem;color:#64748b;color:var(--admin-text-muted);cursor:pointer;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:500;min-width:-webkit-max-content;min-width:max-content;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition);white-space:nowrap}.admin-tab-button:before{background:linear-gradient(135deg,#6366f1,#22d3ee);background:linear-gradient(135deg,var(--admin-primary),var(--admin-accent));border-radius:.75rem;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--admin-transition);z-index:-1}.admin-tab-button:hover{background:#33415580;background:var(--admin-bg-elevated);color:#f8fafc;color:var(--admin-text-primary)}.admin-tab-button.active{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--admin-primary) 0,var(--admin-primary-dark) 100%);box-shadow:0 4px 16px #6366f159;color:#fff;font-weight:600}.admin-section{animation:adminSlideUp .5s ease-out backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--admin-blur);backdrop-filter:var(--admin-blur);background:#1e293bb3;background:var(--admin-bg-card);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:1.25rem;margin-bottom:2rem;padding:2rem 2.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition)}@keyframes adminSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-section:hover{border-color:#94a3b833;border-color:var(--admin-border-hover);box-shadow:0 4px 12px #0006;box-shadow:var(--admin-shadow-md)}.admin-section h2{align-items:center;border-bottom:2px solid #0000;border-image:linear-gradient(90deg,#6366f1,#22d3ee,#0000) 1;border-image:linear-gradient(90deg,var(--admin-primary),var(--admin-accent),#0000) 1;display:flex;font-size:1.375rem;font-weight:700;gap:.75rem;letter-spacing:-.01em;margin:0 0 1.75rem;padding-bottom:1rem}.admin-section h2,.admin-section h3{color:#f8fafc;color:var(--admin-text-primary)}.admin-section h3{font-size:1.125rem;font-weight:600;margin:0 0 1.25rem}.admin-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.75rem}.admin-section-header h2{border-bottom:none;margin-bottom:0;padding-bottom:0}.admin-status{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--admin-blur);backdrop-filter:var(--admin-blur);border:1px solid;border-radius:1rem;display:flex;font-weight:600;gap:1rem;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition)}.admin-status-ok{background:#10b9811a;border-color:#10b98140;color:#10b981;color:var(--admin-success)}.admin-status-ok:hover{background:#10b98126;box-shadow:0 0 30px #10b98126}.admin-status-error{background:#ef44441a;border-color:#ef444440;color:#ef4444;color:var(--admin-danger)}.admin-status-error:hover{background:#ef444426}.admin-status-icon{font-size:1.5rem;font-weight:700}.admin-info{background:#33415580;background:var(--admin-bg-elevated);border-left:4px solid #6366f1;border-left:4px solid var(--admin-primary);border-radius:.875rem;color:#94a3b8;color:var(--admin-text-secondary);font-size:.925rem;font-style:normal;line-height:1.6;margin:1.25rem 0;padding:1.25rem 1.5rem}.admin-form{gap:1.5rem}.admin-field,.admin-form{display:flex;flex-direction:column}.admin-field{gap:.625rem}.admin-field label{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.admin-field input[type=email],.admin-field input[type=number],.admin-field input[type=text],.admin-field input[type=url],.admin-field select{background:#1e293b;background:var(--admin-bg-secondary);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:.75rem;color:#f8fafc;color:var(--admin-text-primary);font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition);width:100%}.admin-field input[type=email]:focus,.admin-field input[type=number]:focus,.admin-field input[type=text]:focus,.admin-field input[type=url]:focus,.admin-field select:focus{background:#0f172a;background:var(--admin-bg-primary);border-color:#6366f1;border-color:var(--admin-primary);box-shadow:0 0 0 4px #6366f126;outline:none}.admin-field input:hover:not(:disabled),.admin-field select:hover:not(:disabled){border-color:#94a3b833;border-color:var(--admin-border-hover)}.admin-field input:disabled,.admin-field select:disabled{background:#030712;background:var(--admin-bg-deep);cursor:not-allowed;opacity:.5}.admin-field select option{background:#1e293b;background:var(--admin-bg-secondary);color:#f8fafc;color:var(--admin-text-primary);padding:.5rem}.admin-field input[type=checkbox]{accent-color:#6366f1;accent-color:var(--admin-primary);border-radius:6px;cursor:pointer;height:20px;width:20px}.admin-field label:has(input[type=checkbox]){align-items:center;cursor:pointer;display:flex;flex-direction:row;font-weight:500;gap:.75rem;text-transform:none}.admin-field-group{background:#33415580;background:var(--admin-bg-elevated);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:.75rem;margin-top:1.5rem;padding:1.5rem}.admin-field-group h3{color:#f8fafc;color:var(--admin-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.admin-info-box{background:#33415580;background:var(--admin-bg-elevated);border:1px solid #94a3b81a;border-left:3px solid #6366f1;border:1px solid var(--admin-border);border-left:3px solid var(--admin-primary);border-radius:.75rem;margin:1rem 0;padding:1.25rem 1.5rem}.admin-info-box p{color:#94a3b8;color:var(--admin-text-secondary);font-size:.9rem;margin:.5rem 0}.admin-info-box p:first-child{margin-top:0}.admin-info-box p:last-child{margin-bottom:0}.admin-info-box code{background:#1e293b;background:var(--admin-bg-secondary);border-radius:.375rem;color:#22d3ee;color:var(--admin-accent);font-family:IBM Plex Mono,monospace;font-size:.85rem;padding:.25rem .5rem}.admin-event-fields{grid-gap:1.25rem;background:#33415580;background:var(--admin-bg-elevated);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:1rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:.75rem;padding:1.75rem}.admin-button{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem 1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition)}.admin-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.admin-button:hover:before{left:100%}.admin-button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.admin-button-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--admin-primary) 0,var(--admin-primary-dark) 100%);box-shadow:0 4px 14px #6366f159;color:#fff}.admin-button-primary:hover:not(:disabled){box-shadow:0 8px 25px #6366f173;transform:translateY(-2px)}.admin-button-secondary{background:#33415580;background:var(--admin-bg-elevated);border:1px solid #94a3b81a;border:1px solid var(--admin-border);color:#f8fafc;color:var(--admin-text-primary)}.admin-button-secondary:hover:not(:disabled){background:#1e293b;background:var(--admin-bg-secondary);border-color:#94a3b833;border-color:var(--admin-border-hover);transform:translateY(-1px)}.admin-button-small{border-radius:.5rem;font-size:.85rem;padding:.625rem 1rem}.admin-button-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--admin-danger) 0,#dc2626 100%);box-shadow:0 4px 14px #ef44444d;color:#fff}.admin-button-danger:hover:not(:disabled){box-shadow:0 8px 25px #ef444466;transform:translateY(-2px)}.admin-button-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--admin-success) 0,#059669 100%);box-shadow:0 4px 14px #10b9814d;color:#fff}.admin-button-success:hover:not(:disabled){box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.admin-button-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.admin-result{animation:adminSlideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--admin-blur);backdrop-filter:var(--admin-blur);border:1px solid;border-radius:1rem;margin-top:1.75rem;padding:1.5rem}.admin-result h3{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.admin-result-success{background:#10b98114;border-color:#10b98140}.admin-result-success h3{color:#10b981;color:var(--admin-success)}.admin-result-success p{color:#94a3b8;color:var(--admin-text-secondary)}.admin-result-error{background:#ef444414;border-color:#ef444440}.admin-result-error h3{color:#ef4444;color:var(--admin-danger)}.admin-result-error p{color:#94a3b8;color:var(--admin-text-secondary)}.admin-result code{background:#1e293b;background:var(--admin-bg-secondary);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:.5rem;color:#22d3ee;color:var(--admin-accent);font-family:IBM Plex Mono,Fira Code,monospace;font-size:.85rem;padding:.375rem .75rem;word-break:break-all}.admin-output,.admin-warnings{margin-top:1.25rem}.admin-cleanup-results pre,.admin-output pre,.admin-test-results pre,.admin-warnings pre{background:#1e293b;background:var(--admin-bg-secondary);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:.75rem;color:#94a3b8;color:var(--admin-text-secondary);font-family:IBM Plex Mono,Fira Code,monospace;font-size:.85rem;line-height:1.6;margin:.75rem 0 0;overflow-x:auto;padding:1.25rem;white-space:pre-wrap;word-break:break-word}.admin-history{display:flex;flex-direction:column;gap:1rem}.admin-history-entry{background:#33415580;background:var(--admin-bg-elevated);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition)}.admin-history-entry:hover{border-color:#6366f1;border-color:var(--admin-primary);box-shadow:0 0 30px #6366f11a;transform:translateX(4px)}.admin-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.admin-history-event{background:#6366f11a;border-radius:.5rem;color:#818cf8;color:var(--admin-primary-light);font-family:IBM Plex Mono,monospace;font-size:.95rem;font-weight:600;padding:.375rem .875rem}.admin-history-time{color:#64748b;color:var(--admin-text-muted);font-size:.85rem}.admin-history-options{margin-bottom:1.25rem}.admin-history-options code{background:#1e293b;background:var(--admin-bg-secondary);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:.5rem;color:#94a3b8;color:var(--admin-text-secondary);display:inline-block;font-family:IBM Plex Mono,monospace;font-size:.8rem;max-width:100%;overflow-x:auto;padding:.5rem .875rem}.admin-history-options em{color:#64748b;color:var(--admin-text-muted);font-size:.9rem}.admin-history-actions{display:flex;flex-wrap:wrap;gap:.75rem}.admin-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:1.5rem 0}.admin-stat-card{background:#33415580;background:var(--admin-bg-elevated);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:1rem;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition)}.admin-stat-card:before{background:linear-gradient(90deg,#6366f1,#22d3ee);background:linear-gradient(90deg,var(--admin-primary),var(--admin-accent));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--admin-transition)}.admin-stat-card:hover{border-color:#6366f1;border-color:var(--admin-primary);box-shadow:0 4px 12px #0006;box-shadow:var(--admin-shadow-md);transform:translateY(-4px)}.admin-stat-card:hover:before{opacity:1}.admin-stat-card h4{color:#818cf8;color:var(--admin-primary-light);font-size:1rem;font-weight:600;letter-spacing:.02em;margin:0 0 1.25rem}.admin-stat-card p{color:#94a3b8;color:var(--admin-text-secondary);font-size:.9rem;line-height:1.5;margin:.625rem 0}.admin-stat-card p strong{color:#f8fafc;color:var(--admin-text-primary)}.admin-database-stats{margin-bottom:2.5rem}.admin-database-cleanup{border-top:1px solid #94a3b81a;border-top:1px solid var(--admin-border);margin-top:2.5rem;padding-top:2rem}.admin-checkbox-group{display:flex;flex-direction:column;gap:.875rem;margin-top:.75rem}.admin-checkbox-label{align-items:center;background:#33415580;background:var(--admin-bg-elevated);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:.625rem;color:#94a3b8;color:var(--admin-text-secondary);cursor:pointer;display:flex;font-size:.925rem;gap:.75rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition)}.admin-checkbox-label:hover{background:#1e293b;background:var(--admin-bg-secondary);border-color:#6366f1;border-color:var(--admin-primary)}.admin-checkbox-label input[type=checkbox]{accent-color:#6366f1;accent-color:var(--admin-primary);height:18px;width:18px}.admin-integration-status{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin:1.5rem 0}.admin-integration-card{background:#33415580;background:var(--admin-bg-elevated);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:1rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition)}.admin-integration-card:hover{border-color:#94a3b833;border-color:var(--admin-border-hover);box-shadow:0 4px 12px #0006;box-shadow:var(--admin-shadow-md)}.admin-integration-card h3{align-items:center;color:#f8fafc;color:var(--admin-text-primary);display:flex;font-size:1.25rem;gap:.75rem;margin:0 0 1.25rem}.admin-status-indicator{align-items:center;border-radius:2rem;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1.25rem;padding:.625rem 1.25rem}.admin-status-indicator.connected{background:#10b98126;border:1px solid #10b9814d;color:#10b981;color:var(--admin-success)}.admin-status-indicator.disconnected{background:#ef444426;border:1px solid #ef44444d;color:#ef4444;color:var(--admin-danger)}.admin-integration-details p{color:#94a3b8;color:var(--admin-text-secondary);font-size:.9rem;margin:.625rem 0}.admin-error{color:#ef4444!important;color:var(--admin-danger)!important;font-weight:500}.admin-token-status{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));margin:1.5rem 0}.admin-token-card{background:#33415580;background:var(--admin-bg-elevated);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:1rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition)}.admin-token-card:hover{border-color:#94a3b833;border-color:var(--admin-border-hover);box-shadow:0 4px 12px #0006;box-shadow:var(--admin-shadow-md)}.admin-token-card h3{color:#f8fafc;color:var(--admin-text-primary);font-size:1.25rem;margin:0 0 1.25rem}.admin-token-details p{color:#94a3b8;color:var(--admin-text-secondary);font-size:.9rem;margin:.625rem 0}.admin-token-user{background:#1e293b;background:var(--admin-bg-secondary);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:.75rem;margin-top:1.25rem;padding:1.25rem}.admin-token-user strong{color:#818cf8;color:var(--admin-primary-light);display:block;margin-bottom:.75rem}.admin-token-user p{font-family:IBM Plex Mono,monospace;font-size:.85rem;margin:.375rem 0}.admin-logs-container{display:flex;gap:1.5rem;margin-top:1.5rem}.admin-logs-sidebar{display:flex;flex:0 0 320px;flex-direction:column}.admin-logs-header{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem}.admin-logs-header h3{color:#f8fafc;color:var(--admin-text-primary);font-size:1rem;margin:0}.admin-logs-list{background:#33415580;background:var(--admin-bg-elevated);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:.75rem;max-height:450px;overflow-y:auto}.admin-logs-list::-webkit-scrollbar{width:6px}.admin-logs-list::-webkit-scrollbar-track{background:#1e293b;background:var(--admin-bg-secondary)}.admin-logs-list::-webkit-scrollbar-thumb{background:#6366f1;background:var(--admin-primary);border-radius:3px}.admin-log-file{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--admin-border);cursor:pointer;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition)}.admin-log-file:hover{background:#1e293b;background:var(--admin-bg-secondary)}.admin-log-file.active{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--admin-primary) 0,var(--admin-primary-dark) 100%);color:#fff}.admin-log-file:last-child{border-bottom:none}.admin-log-file-name{font-size:.9rem;font-weight:600;margin-bottom:.375rem;word-break:break-all}.admin-log-file-info{display:flex;font-size:.8rem;justify-content:space-between;opacity:.75}.admin-logs-cleanup{border-top:1px solid #94a3b81a;border-top:1px solid var(--admin-border);margin-top:1.5rem;padding-top:1.25rem}.admin-logs-cleanup h4{color:#f8fafc;color:var(--admin-text-primary);font-size:.95rem;margin:0 0 .625rem}.admin-logs-content{display:flex;flex:1 1;flex-direction:column;min-height:500px}.admin-log-viewer{display:flex;flex-direction:column;height:100%}.admin-log-header{align-items:flex-start;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--admin-border);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.admin-log-header h3{color:#f8fafc;color:var(--admin-text-primary);font-size:1.1rem;margin:0;word-break:break-all}.admin-log-info{color:#64748b;color:var(--admin-text-muted);display:flex;flex-direction:column;flex-shrink:0;font-size:.8rem;gap:.375rem;text-align:right}.admin-log-content{background:#1e293b;background:var(--admin-bg-secondary);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:.75rem;flex:1 1;overflow:hidden}.admin-log-content pre{word-wrap:break-word;color:#94a3b8;color:var(--admin-text-secondary);font-family:IBM Plex Mono,monospace;font-size:.825rem;line-height:1.6;margin:0;max-height:600px;overflow:auto;padding:1.25rem;white-space:pre-wrap}.admin-log-placeholder{align-items:center;border:2px dashed #94a3b81a;border:2px dashed var(--admin-border);border-radius:.75rem;color:#64748b;color:var(--admin-text-muted);display:flex;font-size:.95rem;height:100%;justify-content:center;min-height:400px;text-align:center}.admin-cleanup-results{background:#1e293b;background:var(--admin-bg-secondary);border-radius:.75rem;margin-top:1.25rem;padding:1.25rem}.admin-cleanup-results ul{color:#94a3b8;color:var(--admin-text-secondary);margin:.75rem 0 0;padding-left:1.5rem}.admin-cleanup-results li{font-family:IBM Plex Mono,monospace;font-size:.85rem;margin-bottom:.375rem}.admin-health-section{background:#33415580;background:var(--admin-bg-elevated);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:1rem;margin-bottom:2rem;padding:1.75rem}.admin-health-section h3{align-items:center;color:#f8fafc;color:var(--admin-text-primary);display:flex;font-size:1.2rem;font-weight:600;gap:.75rem;margin:0 0 1.25rem}.admin-health-section h4{color:#f8fafc;color:var(--admin-text-primary);font-size:1rem;font-weight:500;margin:1.5rem 0 .75rem}.admin-health-section h5{color:#818cf8;color:var(--admin-primary-light);font-size:.85rem;font-weight:600;letter-spacing:.08em;margin:1.25rem 0 .625rem;text-transform:uppercase}.admin-health-status{border-radius:.875rem;display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem;padding:1.25rem 1.5rem}.admin-health-status.admin-health-healthy{background:#10b9811a;border:1px solid #10b98140}.admin-health-status.admin-health-degraded{background:#f59e0b1a;border:1px solid #f59e0b40}.admin-health-status.admin-health-unhealthy{background:#ef44441a;border:1px solid #ef444440}.admin-health-status-header{align-items:center;display:flex;gap:.875rem}.admin-health-status-icon{font-size:1.75rem}.admin-health-status-text{color:#f8fafc;color:var(--admin-text-primary);font-size:1.15rem;font-weight:700}.admin-health-timestamp{color:#64748b;color:var(--admin-text-muted);font-size:.85rem}.admin-health-checks{display:flex;flex-direction:column;gap:.625rem}.admin-health-check-group{background:#1e293bb3;background:var(--admin-bg-card);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:.75rem;margin-top:1.25rem;padding:1.25rem}.admin-health-check{align-items:center;background:#ffffff05;background:var(--admin-bg-glass);border-radius:.625rem;display:flex;gap:.875rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition)}.admin-health-check:hover{background:#33415580;background:var(--admin-bg-elevated)}.admin-health-check-icon{flex-shrink:0;font-size:1.25rem}.admin-health-check-icon.success{color:#10b981;color:var(--admin-success)}.admin-health-check-icon.warning{color:#f59e0b;color:var(--admin-warning)}.admin-health-check-icon.error{color:#ef4444;color:var(--admin-danger)}.admin-health-check-label{color:#f8fafc;color:var(--admin-text-primary);flex-shrink:0;font-size:.9rem;font-weight:600;min-width:140px}.admin-health-check-message{color:#94a3b8;color:var(--admin-text-secondary);flex:1 1;font-size:.875rem}.admin-placeholder{align-items:center;border:2px dashed #94a3b81a;border:2px dashed var(--admin-border);color:#64748b;color:var(--admin-text-muted);display:flex;font-size:.95rem;justify-content:center;min-height:250px;padding:2.5rem;text-align:center}.admin-placeholder,.admin-table-container{background:#33415580;background:var(--admin-bg-elevated);border-radius:1rem}.admin-table-container{border:1px solid #94a3b81a;border:1px solid var(--admin-border);margin:1.5rem 0;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:linear-gradient(135deg,#6366f126,#22d3ee14);position:-webkit-sticky;position:sticky;top:0}.admin-table th{border-bottom:2px solid #6366f1;border-bottom:2px solid var(--admin-primary);color:#f8fafc;color:var(--admin-text-primary);font-size:.8rem;font-weight:700;letter-spacing:.08em;padding:1.125rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-table td{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--admin-border);color:#94a3b8;color:var(--admin-text-secondary);font-size:.9rem;padding:1rem}.admin-table tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition)}.admin-table tbody tr:hover{background:#ffffff05;background:var(--admin-bg-glass)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table-row-inactive{opacity:.5}.admin-badge{align-items:center;border-radius:2rem;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:.375rem .875rem;text-transform:uppercase}.admin-badge-admin{background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid #ef44444d;color:#ef4444;color:var(--admin-danger)}.admin-badge-moderator{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border:1px solid #f59e0b4d;color:#f59e0b;color:var(--admin-warning)}.admin-badge-success,.admin-badge-viewer{background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid #10b9814d;color:#10b981;color:var(--admin-success)}.admin-badge-error{background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid #ef44444d;color:#ef4444;color:var(--admin-danger)}.admin-modal-overlay{align-items:center;animation:adminFadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030712d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-modal{animation:adminModalSlide .3s ease-out;background:#1e293b;background:var(--admin-bg-secondary);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:1.25rem;box-shadow:0 10px 40px #00000080,0 0 60px #6366f14d;box-shadow:var(--admin-shadow-lg),var(--admin-glow);max-height:90vh;max-width:640px;overflow-y:auto;width:95%}@keyframes adminModalSlide{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-modal-header{align-items:center;background:#33415580;background:var(--admin-bg-elevated);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--admin-border);border-radius:1.25rem 1.25rem 0 0;display:flex;justify-content:space-between;padding:1.75rem 2rem}.admin-modal-header h3{color:#f8fafc;color:var(--admin-text-primary);font-size:1.25rem;font-weight:700;margin:0}.admin-modal-close{align-items:center;background:#1e293b;background:var(--admin-bg-secondary);border:1px solid #94a3b81a;border:1px solid var(--admin-border);border-radius:.625rem;color:#94a3b8;color:var(--admin-text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;line-height:1;padding:.625rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--admin-transition);width:40px}.admin-modal-close:hover{background:#ef4444;background:var(--admin-danger);border-color:#ef4444;border-color:var(--admin-danger);color:#fff;transform:rotate(90deg)}.admin-modal-body{padding:2rem}.admin-modal-footer{background:#33415580;background:var(--admin-bg-elevated);border-radius:0 0 1.25rem 1.25rem;border-top:1px solid #94a3b81a;border-top:1px solid var(--admin-border);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:1024px){.admin-container{padding:1.5rem}.admin-integration-status,.admin-stats-grid,.admin-token-status{grid-template-columns:1fr}.admin-logs-container{flex-direction:column}.admin-logs-sidebar{flex:none;width:100%}}@media (max-width:768px){.admin-container{padding:1rem}.admin-header{padding:1.25rem 1.5rem}.admin-header-content{align-items:flex-start;flex-direction:column;gap:1.25rem}.admin-header h1{font-size:1.5rem}.admin-user-info{flex-wrap:wrap;justify-content:space-between;width:100%}.admin-tabs{flex-wrap:nowrap;padding:.375rem}.admin-tab-button{font-size:.8rem;padding:.875rem 1rem}.admin-section{margin-bottom:1.5rem;padding:1.5rem 1.25rem}.admin-section h2{font-size:1.2rem}.admin-section-header{align-items:flex-start;flex-direction:column}.admin-event-fields{grid-template-columns:1fr;padding:1.25rem}.admin-history-header{align-items:flex-start;flex-direction:column;gap:.625rem}.admin-history-actions{width:100%}.admin-history-actions .admin-button{flex:1 1;justify-content:center}.admin-button-group{flex-direction:column}.admin-button-group .admin-button{width:100%}.admin-table td,.admin-table th{font-size:.8rem;padding:.875rem .75rem}.admin-modal{border-radius:0;max-height:100vh;width:100%}.admin-modal-body,.admin-modal-footer,.admin-modal-header{padding:1.25rem 1.5rem}}@media (max-width:480px){.admin-container{padding:.75rem}.admin-header{padding:1rem 1.25rem}.admin-section{padding:1.25rem 1rem}.admin-event-fields{padding:1rem}.admin-result{padding:1.25rem 1rem}.admin-log-content pre{font-size:.75rem;max-height:350px}.admin-health-check{flex-wrap:wrap}.admin-health-check-label{margin-bottom:.25rem;min-width:100%}}.admin-loading p{animation:pulse 2s ease-in-out infinite}.admin-button:focus-visible,.admin-field input:focus-visible,.admin-field select:focus-visible,.admin-tab-button:focus-visible{outline:2px solid #22d3ee;outline:2px solid var(--admin-accent);outline-offset:2px}.admin-page ::-webkit-scrollbar{height:8px;width:8px}.admin-page ::-webkit-scrollbar-track{background:#1e293b;background:var(--admin-bg-secondary);border-radius:4px}.admin-page ::-webkit-scrollbar-thumb{background:#6366f1;background:var(--admin-primary);border-radius:4px}.admin-page ::-webkit-scrollbar-thumb:hover{background:#818cf8;background:var(--admin-primary-light)}.soundPlayerContainer{background:#18181b;border:1px solid #3a3a3d;border-radius:12px;margin-top:1rem;padding:1.5rem}.soundPlayerHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.soundPlayerTitle{color:#efeff1;font-size:1.25rem;font-weight:600;margin:0}.connectionStatus{border-radius:20px;font-size:.85rem;padding:.35rem .75rem}.connectionStatus.connected{border:1px solid #1db9544d}.connectionStatus.disconnected{background:#e9191633;border:1px solid #e919164d;color:#e91916}.soundPlayerInfo{color:#adadb8;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.soundPlayerInfo p{margin:.5rem 0}.obsUrl{background:#1f1f23;border:1px solid #3a3a3d;border-radius:6px;color:#9147ff;display:block;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;margin-top:.5rem;padding:.75rem 1rem;word-break:break-all}.soundPlayerInfo .obsTip{color:#8b8b96;font-size:.8rem;margin-top:.5rem}.lastSoundCard{background:#1f1f23;border:1px solid #3a3a3d;border-radius:8px;margin-bottom:1rem;padding:1rem}.lastSoundCard h4{color:#adadb8;font-size:.9rem;font-weight:500;margin:0 0 .75rem}.soundDetails{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.soundDetails .commandName{background:#9147ff;border-radius:4px;color:#fff;font-size:.9rem;font-weight:600;padding:.25rem .5rem}.soundDetails .username{color:#efeff1;font-size:.9rem}.soundDetails .timestamp{color:#adadb8;font-size:.85rem}.queueInfo{background:#1f1f23;border:1px solid #3a3a3d;border-radius:6px;color:#adadb8;font-size:.9rem;padding:.5rem 1rem}.playingStatus{background:#1db9541a;border:1px solid #1db95433;font-weight:500;justify-content:center;padding:.75rem}.playingIcon{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.soundPlayerStandalone{align-items:center;background:#0000;bottom:0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0}.soundPlayerStandalone .statusIndicator{font-size:.75rem;opacity:.5;position:absolute;right:10px;top:10px}.soundPlayerStandalone .lastSoundInfo{align-items:center;animation:fadeInOut 3s ease-in-out;display:flex;flex-direction:column;gap:.25rem;opacity:0}.soundPlayerStandalone .lastSoundInfo .commandName{background:#9147ff;border-radius:8px;color:#fff;font-size:1.5rem;font-weight:700;padding:.5rem 1rem}.soundPlayerStandalone .lastSoundInfo .username{color:#adadb8;font-size:1rem}.soundPlayerStandalone .playingIndicator{animation:pulse .5s ease-in-out infinite;bottom:10px;font-size:1.5rem;position:absolute;right:10px}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}body.overlay-player-page,html.overlay-player-page{background:#0000!important;background-color:initial!important;background-image:none!important}body.overlay-player-page:before{display:none!important}#root.overlay-player-page{background:#0000!important;background-color:initial!important;background-image:none!important}.overlayPlayerStandalone{align-items:center;background:#0000!important;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:9999}.overlayPlayerStandalone .statusIndicator{font-size:20px;pointer-events:auto;position:absolute;right:20px;top:20px;z-index:10000}.overlayPlayerStandalone .currentOverlayInfo{background:#000000b3;border-radius:8px;color:#fff;font-size:14px;left:20px;padding:10px 15px;pointer-events:auto;position:absolute;top:20px;z-index:10000}.overlayPlayerStandalone .currentOverlayInfo .rewardTitle{display:block;font-weight:700;margin-bottom:4px}.overlayPlayerStandalone .currentOverlayInfo .userName{display:block;font-size:12px;opacity:.8}.overlayPlayerStandalone .playingIndicator{font-size:24px;pointer-events:auto;position:absolute;right:20px;top:60px;z-index:10000}.overlayPlayerStandalone .overlayContainer{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;width:100%}.overlayPlayerStandalone .overlayContainer:has(.overlayBirthday){align-items:flex-end;padding-bottom:3vmin}.overlayPlayerStandalone .overlayContainer.overlayContainer--media,.overlayPlayerStandalone .overlayContainer:has(.overlayImage),.overlayPlayerStandalone .overlayContainer:has(.overlayVideo){align-items:flex-end;justify-content:center;padding-bottom:0}.overlayPlayerStandalone .overlayImage,.overlayPlayerStandalone .overlayVideo{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;object-position:center bottom;pointer-events:none;vertical-align:bottom;width:100%}.overlayPlayerStandalone .overlayImage{transition:opacity .5s ease-in-out}@keyframes overlayBirthdayEnter{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes overlayBirthdayCardEnter{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes overlayBirthdayEmptyEnter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes overlayBirthdayExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.97) translateY(8px)}}.overlayBirthday--exiting,.overlayPlayerStandalone .overlayBirthday.overlayBirthday--exiting,.overlayPreview .overlayBirthday.overlayBirthday--exiting{animation:overlayBirthdayExit .35s ease-in forwards}.overlayPlayerStandalone .overlayBirthday{animation:overlayBirthdayEnter .4s ease-out both;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(160deg,#16161ef7,#121218fa 50%,#0e0e14fc);border:1px solid #ffffff14;border-radius:2.6vmin;box-shadow:0 24px 48px #00000073,0 0 0 1px #ffffff0a,inset 0 1px 0 #ffffff08;display:flex;flex-direction:column;max-height:88vmin;max-width:460px;padding:2.8vmin 3.4vmin;text-align:left;width:78vmin}.overlayPlayerStandalone .overlayBirthdayHeader{flex-shrink:0;margin-bottom:2.2vmin}.overlayPlayerStandalone .overlayBirthdayHeaderInner{align-items:center;display:flex;gap:1.5vmin}.overlayPlayerStandalone .overlayBirthdayIcon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));font-size:3.3vmin;line-height:1}.overlayPlayerStandalone .overlayBirthdayTitleBlock{display:flex;flex-direction:column;gap:.25vmin}.overlayPlayerStandalone .overlayBirthdayTitle{color:#fffffffa;font-size:2.85vmin;font-weight:600;letter-spacing:.06em;margin:0;text-shadow:0 1px 2px #0009;text-transform:uppercase}.overlayPlayerStandalone .overlayBirthdaySubtitle{color:#ffffff73;font-size:1.85vmin;font-weight:500;letter-spacing:.02em}.overlayPlayerStandalone .overlayBirthdayHeaderLine{background:linear-gradient(90deg,#ffc89640,#ffffff14 40%,#0000);border-radius:1px;height:1px;margin-top:1.5vmin}.overlayPlayerStandalone .overlayBirthdayList{display:flex;flex-direction:column;gap:1.2vmin;min-height:0;overflow-x:hidden;overflow-y:auto}.overlayPlayerStandalone .overlayBirthdayCard{align-items:center;animation:overlayBirthdayCardEnter .35s ease-out both;background:#ffffff0a;border:1px solid #ffffff0f;border-left:3px solid #ffc89659;border-radius:1.4vmin;display:flex;gap:1.5vmin;padding:1.4vmin 1.8vmin 1.4vmin 1.4vmin;transition:background .2s ease,border-color .2s ease}.overlayPlayerStandalone .overlayBirthdayCard:hover{background:#ffffff0f;border-left-color:#ffc89680}.overlayPlayerStandalone .overlayBirthdayCard--today{background:#e91e6314;border-left-color:#e91e6399}.overlayPlayerStandalone .overlayBirthdayCard--today:hover{background:#e91e631f}.overlayPlayerStandalone .overlayBirthdayCard--tomorrow{background:#9c27b00f;border-left-color:#9c27b080}.overlayPlayerStandalone .overlayBirthdayCard--tomorrow:hover{background:#9c27b01a}.overlayPlayerStandalone .overlayBirthdayCardDay{align-items:center;background:#ffc8961f;border-radius:50%;color:#ffc896e6;display:flex;flex-shrink:0;font-size:2vmin;font-weight:700;height:4.2vmin;justify-content:center;min-height:4.2vmin;min-width:4.2vmin;width:4.2vmin}.overlayPlayerStandalone .overlayBirthdayCard--today .overlayBirthdayCardDay{background:#e91e6380;color:#fff}.overlayPlayerStandalone .overlayBirthdayCard--tomorrow .overlayBirthdayCardDay{background:#9c27b073;color:#fff}.overlayPlayerStandalone .overlayBirthdayCardBody{display:flex;flex:1 1;flex-direction:column;gap:.2vmin;min-width:0}.overlayPlayerStandalone .overlayBirthdayCardPseudo{color:#fffffff2;font-size:2.25vmin;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 2px #0006}.overlayPlayerStandalone .overlayBirthdayCardDate{color:#ffffff8c;font-size:1.9vmin;letter-spacing:.01em;white-space:nowrap}.overlayPlayerStandalone .overlayBirthdayCardBadge{background:#ffffff14;border-radius:1.25vmin;color:#ffffffe0;flex-shrink:0;font-size:1.75vmin;font-weight:600;letter-spacing:.02em;padding:.55vmin 1.1vmin;white-space:nowrap}.overlayPlayerStandalone .overlayBirthdayCard--today .overlayBirthdayCardBadge{background:#e91e6366;box-shadow:0 2px 8px #e91e6340;color:#fff}.overlayPlayerStandalone .overlayBirthdayCard--tomorrow .overlayBirthdayCardBadge{background:#9c27b059;box-shadow:0 2px 8px #9c27b033;color:#fff}.overlayPlayerStandalone .overlayBirthdayEmpty{align-items:center;animation:overlayBirthdayEmptyEnter .4s ease-out .1s both;display:flex;flex-direction:column;gap:1.2vmin;justify-content:center;padding:3vmin 2vmin;text-align:center}.overlayPlayerStandalone .overlayBirthdayEmptyIcon{font-size:3.2vmin;opacity:.5}.overlayPlayerStandalone .overlayBirthdayEmpty p{color:#ffffff73;font-size:2.05vmin;font-style:italic;letter-spacing:.02em;margin:0}.overlayPlayerContainer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.overlayPlayerHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.overlayPlayerTitle{color:var(--text-primary);margin:0}.connectionStatus{border-radius:8px;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.connectionStatus.connected{background:#1db95433;color:#1db954}.connectionStatus.disconnected{background:#ff6b6b33;color:#ff6b6b}.overlayPlayerInfo{color:var(--text-secondary);margin-bottom:2rem}.overlayPlayerInfo p{margin:.5rem 0}.overlayPlayerInfo .obsUrl{background:#0000004d;border-radius:8px;color:var(--text-primary);display:block;font-family:monospace;margin-top:.5rem;padding:.75rem}.overlayPlayerInfo .obsTip{color:#8b8b96;color:var(--text-muted,#8b8b96);font-size:.8rem;margin-top:.5rem}.currentOverlayCard{background:#ffffff0d;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.currentOverlayCard h4{color:var(--text-primary);margin-bottom:1rem;margin-top:0}.overlayDetails{color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.overlayDetails .rewardTitle{color:var(--text-primary);font-weight:700}.overlayDetails .userName{font-size:.9rem}.overlayDetails .timestamp{font-size:.85rem;opacity:.7}.overlayPreview{margin-top:1rem;text-align:center}.overlayPreview .overlayImage,.overlayPreview .overlayVideo{border-radius:8px;max-height:400px;max-width:100%}.overlayPreview .overlayImage{transition:opacity .5s ease-in-out}.overlayPreview .overlayBirthday{animation:overlayBirthdayEnter .4s ease-out both;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(160deg,#ffffff12,#ffffff08 50%,#ffffff05);border:1px solid #ffffff14;border-radius:14px;box-shadow:0 16px 40px #0003,0 0 0 1px #ffffff0a,inset 0 1px 0 #ffffff0a;display:flex;flex-direction:column;max-height:400px;max-width:400px;min-width:280px;padding:1.25rem 1.5rem;text-align:left}.overlayPreview .overlayBirthdayHeader{flex-shrink:0;margin-bottom:1rem}.overlayPreview .overlayBirthdayHeaderInner{align-items:center;display:flex;gap:.65rem}.overlayPreview .overlayBirthdayIcon{font-size:1.35rem;line-height:1}.overlayPreview .overlayBirthdayTitleBlock{display:flex;flex-direction:column;gap:.1rem}.overlayPreview .overlayBirthdayTitle{color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase}.overlayPreview .overlayBirthdaySubtitle{color:var(--text-secondary);font-size:.72rem;font-weight:500;letter-spacing:.02em}.overlayPreview .overlayBirthdayHeaderLine{background:linear-gradient(90deg,#ffc89633,#ffffff0f 40%,#0000);border-radius:1px;height:1px;margin-top:.75rem}.overlayPreview .overlayBirthdayList{display:flex;flex-direction:column;gap:.5rem;min-height:0;overflow-x:hidden;overflow-y:auto}.overlayPreview .overlayBirthdayCard{align-items:center;animation:overlayBirthdayCardEnter .35s ease-out both;background:#ffffff0a;border:1px solid #ffffff0d;border-left:3px solid #ffc8964d;border-radius:10px;display:flex;gap:.7rem;padding:.6rem .85rem .6rem .6rem;transition:background .2s ease,border-color .2s ease}.overlayPreview .overlayBirthdayCard:hover{background:#ffffff0f;border-left-color:#ffc89673}.overlayPreview .overlayBirthdayCard--today{background:#e91e630f;border-left-color:#e91e6380}.overlayPreview .overlayBirthdayCard--today:hover{background:#e91e631a}.overlayPreview .overlayBirthdayCard--tomorrow{background:#9c27b00d;border-left-color:#9c27b066}.overlayPreview .overlayBirthdayCard--tomorrow:hover{background:#9c27b014}.overlayPreview .overlayBirthdayCardDay{align-items:center;background:#ffc8961f;border-radius:50%;color:#ffb478f2;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:2.25rem;justify-content:center;min-height:2.25rem;min-width:2.25rem;width:2.25rem}.overlayPreview .overlayBirthdayCard--today .overlayBirthdayCardDay{background:#e91e6373;color:#fff}.overlayPreview .overlayBirthdayCard--tomorrow .overlayBirthdayCardDay{background:#9c27b066;color:#fff}.overlayPreview .overlayBirthdayCardBody{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0}.overlayPreview .overlayBirthdayCardPseudo{color:var(--text-primary);font-size:.9rem;font-weight:600;letter-spacing:.02em}.overlayPreview .overlayBirthdayCardDate{color:var(--text-secondary);font-size:.78rem;letter-spacing:.01em;white-space:nowrap}.overlayPreview .overlayBirthdayCardBadge{background:#ffffff14;border-radius:8px;color:var(--text-primary);flex-shrink:0;font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:.3rem .55rem;white-space:nowrap}.overlayPreview .overlayBirthdayCard--today .overlayBirthdayCardBadge{background:#e91e6359;box-shadow:0 2px 6px #e91e6333;color:#fff}.overlayPreview .overlayBirthdayCard--tomorrow .overlayBirthdayCardBadge{background:#9c27b04d;box-shadow:0 2px 6px #9c27b026;color:#fff}.overlayPreview .overlayBirthdayEmpty{align-items:center;animation:overlayBirthdayEmptyEnter .4s ease-out .1s both;display:flex;flex-direction:column;gap:.6rem;justify-content:center;padding:1.5rem 1rem;text-align:center}.overlayPreview .overlayBirthdayEmptyIcon{font-size:1.5rem;opacity:.45}.overlayPreview .overlayBirthdayEmpty p{color:var(--text-secondary);font-size:.8rem;font-style:italic;letter-spacing:.02em;margin:0}.queueInfo{background:#ffc10733;color:#ffc107;margin-bottom:1rem}.playingStatus,.queueInfo{border-radius:8px;padding:1rem;text-align:center}.playingStatus{align-items:center;background:#1db95433;color:#1db954;display:flex;gap:.5rem}.playingStatus .playingIcon{font-size:1.5rem}.overlayLeaderboardPodium{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;border:1px solid #ffffff1f;border-radius:12px;bottom:24px;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;left:50%;min-width:280px;padding:12px 16px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:9000}.overlayLeaderboardPodiumTitle{color:#fffffff2;font-size:.9rem;font-weight:700;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.overlayLeaderboardPodium--entering{animation:overlayLeaderboardPodiumEnter .5s ease-out forwards}.overlayLeaderboardPodium--exiting{animation:overlayLeaderboardPodiumExit .4s ease-in forwards}@keyframes overlayLeaderboardPodiumEnter{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes overlayLeaderboardPodiumExit{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(10px)}}.overlayLeaderboardPodiumInner{align-items:flex-end;display:flex;gap:16px;justify-content:center}.overlayLeaderboardPodiumSlot{align-items:center;border-radius:10px;display:flex;flex-direction:column;min-width:80px;padding:10px 14px}.overlayLeaderboardPodiumSlot--second{background:linear-gradient(135deg,#c0c0c040,#a9a9a933);border:1px solid #ffffff26;order:1}.overlayLeaderboardPodiumSlot--first{background:linear-gradient(135deg,#ffd7004d,#daa52040);border:1px solid #ffd70066;margin-bottom:-4px;order:2;padding-top:14px}.overlayLeaderboardPodiumSlot--third{background:linear-gradient(135deg,#cd7f3240,#b8733333);border:1px solid #ffffff1f;order:3}.overlayLeaderboardPodiumStar{animation:overlayLeaderboardStarShine 1.5s ease-in-out infinite;color:gold;display:inline-block;filter:drop-shadow(0 0 6px rgba(255,215,0,.8));font-size:1.4rem;margin-bottom:2px}@keyframes overlayLeaderboardStarShine{0%,to{filter:drop-shadow(0 0 6px rgba(255,215,0,.8));opacity:1;transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(255,215,0,1));opacity:.85;transform:scale(1.1)}}.overlayLeaderboardPodiumRank{color:#ffffffb3;font-size:.75rem;font-weight:700;margin-bottom:4px}.overlayLeaderboardPodiumName{color:#fff;font-size:.95rem;font-weight:600;max-width:90px;text-align:center;word-break:break-word}.overlayLeaderboardPodiumValue{color:#ffffffd9;font-size:.85rem;margin-top:2px}.overlayLeaderboardPodiumEmpty{color:#ffffffb3;font-size:.9rem;padding:8px 12px;text-align:center}
/*# sourceMappingURL=main.14db6c9c.css.map*/