:root{--ix-primary-50:#ecfeff;--ix-primary-100:#cffafe;--ix-primary-200:#a5f3fc;--ix-primary-300:#67e8f9;--ix-primary-400:#22d3ee;--ix-primary-500:#06b6d4;--ix-primary-600:#02a7fd;--ix-primary-700:#0284c7;--ix-primary-800:#0369a1;--ix-primary-900:#164e63;--ix-primary-950:#083344;--ix-secondary-50:#eef2ff;--ix-secondary-100:#e0e7ff;--ix-secondary-200:#c7d2fe;--ix-secondary-300:#a5b4fc;--ix-secondary-400:#818cf8;--ix-secondary-500:#6366f1;--ix-secondary-600:#4f46e5;--ix-secondary-700:#4338ca;--ix-secondary-800:#2e2d7b;--ix-secondary-900:#1e1b4d;--ix-secondary-950:#0f0d29;--ix-accent-50:#faf5ff;--ix-accent-100:#f3e8ff;--ix-accent-200:#e9d5ff;--ix-accent-300:#d8b4fe;--ix-accent-400:#c084fc;--ix-accent-500:#a855f7;--ix-accent-600:#9333ea;--ix-accent-700:#7c3aed;--ix-accent-800:#6b21a8;--ix-accent-900:#581c87;--ix-accent-950:#3b0764;--ix-success-50:#ecfdf5;--ix-success-100:#d1fae5;--ix-success-200:#a7f3d0;--ix-success-300:#6ee7b7;--ix-success-400:#34d399;--ix-success-500:#10b981;--ix-success-600:#059669;--ix-success-700:#047857;--ix-warning-50:#fffbeb;--ix-warning-100:#fef3c7;--ix-warning-200:#fde68a;--ix-warning-300:#fcd34d;--ix-warning-400:#fbbf24;--ix-warning-500:#f59e0b;--ix-warning-600:#d97706;--ix-warning-700:#b45309;--ix-danger-50:#fff1f2;--ix-danger-100:#ffe4e6;--ix-danger-200:#fecdd3;--ix-danger-300:#fda4af;--ix-danger-400:#fb7185;--ix-danger-500:#f43f5e;--ix-danger-600:#e11d48;--ix-danger-700:#be123c;--ix-info-50:#f0f9ff;--ix-info-100:#e0f2fe;--ix-info-200:#bae6fd;--ix-info-300:#7dd3fc;--ix-info-400:#38bdf8;--ix-info-500:#0ea5e9;--ix-info-600:#0284c7;--ix-info-700:#0369a1;--ix-void-50:#f8fafc;--ix-void-100:#f1f5f9;--ix-void-200:#e2e8f0;--ix-void-300:#cbd5e1;--ix-void-400:#94a3b8;--ix-void-500:#64748b;--ix-void-600:#475569;--ix-void-700:#334155;--ix-void-800:#1e293b;--ix-void-850:#172033;--ix-void-900:#0f172a;--ix-void-925:#0a1120;--ix-void-950:#06080f;--ix-void-975:#030408;--ix-gradient-primary:linear-gradient(135deg,var(--ix-primary-600) 0%,var(--ix-primary-700) 100%);--ix-gradient-secondary:linear-gradient(135deg,var(--ix-secondary-600) 0%,var(--ix-secondary-800) 100%);--ix-gradient-accent:linear-gradient(135deg,var(--ix-accent-600) 0%,var(--ix-accent-800) 100%);--ix-gradient-hero:linear-gradient(135deg,var(--ix-primary-600) 0%,var(--ix-accent-700) 50%,var(--ix-secondary-800) 100%);--ix-gradient-glow:radial-gradient(ellipse at center,var(--ix-primary-600)/20 0%,#0000 70%);--ix-gradient-spotlight:radial-gradient(ellipse at top,var(--ix-accent-700)/15 0%,#0000 50%);--ix-gradient-surface:linear-gradient(180deg,var(--ix-void-900) 0%,var(--ix-void-950) 100%);--ix-gradient-card:linear-gradient(180deg,var(--ix-void-850)/80 0%,var(--ix-void-900)/90 100%);--ix-gradient-glass:linear-gradient(135deg,#ffffff1a,#ffffff05);--ix-gradient-border:linear-gradient(135deg,var(--ix-void-600) 0%,var(--ix-void-800) 100%);--ix-gradient-border-glow:linear-gradient(135deg,var(--ix-primary-600)/30 0%,var(--ix-accent-700)/20 100%);--ix-bg:var(--ix-void-950);--ix-bg-subtle:var(--ix-void-925);--ix-surface:var(--ix-void-900);--ix-surface-raised:var(--ix-void-850);--ix-surface-overlay:var(--ix-void-800);--ix-text:#f1f5f9;--ix-text-secondary:#94a3b8;--ix-text-muted:#64748b;--ix-text-inverse:var(--ix-void-950);--ix-border:var(--ix-void-700);--ix-border-subtle:var(--ix-void-800);--ix-border-accent:var(--ix-primary-600)/30;--ix-font-display:"Outfit","Plus Jakarta Sans",var(--ix-font-sans);--ix-font-sans:"Poppins","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--ix-font-mono:"JetBrains Mono","Fira Code","SF Mono",Monaco,Consolas,monospace;--ix-text-2xs:0.625rem;--ix-text-xs:0.75rem;--ix-text-sm:0.875rem;--ix-text-base:1rem;--ix-text-lg:1.125rem;--ix-text-xl:1.25rem;--ix-text-2xl:1.5rem;--ix-text-3xl:1.875rem;--ix-text-4xl:2.25rem;--ix-text-5xl:3rem;--ix-text-6xl:3.75rem;--ix-text-7xl:4.5rem;--ix-text-8xl:6rem;--ix-font-light:300;--ix-font-regular:400;--ix-font-medium:500;--ix-font-semibold:600;--ix-font-bold:700;--ix-font-extrabold:800;--ix-font-black:900;--ix-leading-none:1;--ix-leading-tight:1.15;--ix-leading-snug:1.3;--ix-leading-normal:1.5;--ix-leading-relaxed:1.625;--ix-leading-loose:2;--ix-tracking-tighter:-0.05em;--ix-tracking-tight:-0.025em;--ix-tracking-normal:0;--ix-tracking-wide:0.025em;--ix-tracking-wider:0.05em;--ix-tracking-widest:0.1em;--ix-space-0:0;--ix-space-px:1px;--ix-space-0-5:0.125rem;--ix-space-1:0.25rem;--ix-space-1-5:0.375rem;--ix-space-2:0.5rem;--ix-space-2-5:0.625rem;--ix-space-3:0.75rem;--ix-space-3-5:0.875rem;--ix-space-4:1rem;--ix-space-5:1.25rem;--ix-space-6:1.5rem;--ix-space-7:1.75rem;--ix-space-8:2rem;--ix-space-9:2.25rem;--ix-space-10:2.5rem;--ix-space-11:2.75rem;--ix-space-12:3rem;--ix-space-14:3.5rem;--ix-space-16:4rem;--ix-space-20:5rem;--ix-space-24:6rem;--ix-space-28:7rem;--ix-space-32:8rem;--ix-space-36:9rem;--ix-space-40:10rem;--ix-space-44:11rem;--ix-space-48:12rem;--ix-space-52:13rem;--ix-space-56:14rem;--ix-space-60:15rem;--ix-space-64:16rem;--ix-space-72:18rem;--ix-space-80:20rem;--ix-space-96:24rem;--ix-space-section-mobile:var(--ix-space-12);--ix-space-section-tablet:var(--ix-space-16);--ix-space-section-desktop:var(--ix-space-24);--ix-space-container-mobile:var(--ix-space-4);--ix-space-container-tablet:var(--ix-space-6);--ix-space-container-desktop:var(--ix-space-8);--ix-radius-none:0;--ix-radius-sm:0.25rem;--ix-radius-md:0.5rem;--ix-radius-lg:0.75rem;--ix-radius-xl:1rem;--ix-radius-2xl:1.25rem;--ix-radius-3xl:1.5rem;--ix-radius-4xl:2rem;--ix-radius-full:9999px;--ix-radius-button:var(--ix-radius-lg);--ix-radius-card:var(--ix-radius-2xl);--ix-radius-modal:var(--ix-radius-3xl);--ix-radius-input:var(--ix-radius-lg);--ix-radius-badge:var(--ix-radius-full);--ix-radius-avatar:var(--ix-radius-full);--ix-shadow-xs:0 1px 2px 0 #0000004d;--ix-shadow-sm:0 1px 3px 0 #0006,0 1px 2px -1px #0006;--ix-shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0006;--ix-shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0006;--ix-shadow-xl:0 20px 25px -5px #0006,0 8px 10px -6px #0006;--ix-shadow-2xl:0 25px 50px -12px #0009;--ix-shadow-inner:inset 0 2px 4px 0 #0000004d;--ix-glow-primary:0 0 20px var(--ix-primary-600)/30,0 0 40px var(--ix-primary-600)/15;--ix-glow-accent:0 0 20px var(--ix-accent-600)/30,0 0 40px var(--ix-accent-600)/15;--ix-glow-success:0 0 20px var(--ix-success-500)/30,0 0 40px var(--ix-success-500)/15;--ix-glow-warning:0 0 20px var(--ix-warning-500)/30;--ix-glow-danger:0 0 20px var(--ix-danger-500)/30;--ix-shadow-button:0 4px 12px var(--ix-primary-600)/25;--ix-shadow-button-hover:0 8px 20px var(--ix-primary-600)/35,var(--ix-glow-primary);--ix-shadow-card:0 8px 32px #0006;--ix-shadow-card-hover:0 16px 48px #00000080,var(--ix-glow-primary);--ix-shadow-modal:0 25px 80px -20px #000000b3;--ix-shadow-dropdown:0 10px 40px -10px #00000080;--ix-shadow-toast:0 8px 30px -10px #00000080;--ix-duration-instant:0ms;--ix-duration-fastest:50ms;--ix-duration-faster:100ms;--ix-duration-fast:150ms;--ix-duration-normal:200ms;--ix-duration-slow:300ms;--ix-duration-slower:400ms;--ix-duration-slowest:500ms;--ix-duration-deliberate:700ms;--ix-duration-enter:1000ms;--ix-ease-linear:linear;--ix-ease-in:cubic-bezier(0.4,0,1,1);--ix-ease-out:cubic-bezier(0,0,0.2,1);--ix-ease-in-out:cubic-bezier(0.4,0,0.2,1);--ix-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ix-ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ix-ease-elastic:cubic-bezier(0.68,-0.6,0.32,1.6);--ix-ease-brand:cubic-bezier(0.2,0.8,0.2,1);--ix-ease-smooth:cubic-bezier(0.4,0,0,1);--ix-transition-colors:color var(--ix-duration-fast) var(--ix-ease-out),background-color var(--ix-duration-fast) var(--ix-ease-out),border-color var(--ix-duration-fast) var(--ix-ease-out);--ix-transition-transform:transform var(--ix-duration-normal) var(--ix-ease-spring);--ix-transition-opacity:opacity var(--ix-duration-normal) var(--ix-ease-out);--ix-transition-shadow:box-shadow var(--ix-duration-normal) var(--ix-ease-out);--ix-transition-all:all var(--ix-duration-normal) var(--ix-ease-brand);--ix-z-deep:-1;--ix-z-base:0;--ix-z-raised:1;--ix-z-float:10;--ix-z-dropdown:100;--ix-z-sticky:200;--ix-z-fixed:300;--ix-z-drawer-backdrop:400;--ix-z-drawer:450;--ix-z-modal-backdrop:500;--ix-z-modal:550;--ix-z-popover:600;--ix-z-tooltip:700;--ix-z-toast:800;--ix-z-nav:900;--ix-z-nav-mobile-backdrop:950;--ix-z-nav-mobile-menu:960;--ix-z-nav-dropdown:970;--ix-z-overlay:1000;--ix-z-max:9999;--ix-btn-xs:1.75rem;--ix-btn-sm:2rem;--ix-btn-md:2.5rem;--ix-btn-lg:2.75rem;--ix-btn-xl:3.25rem;--ix-input-sm:2rem;--ix-input-md:2.5rem;--ix-input-lg:3rem;--ix-avatar-xs:1.5rem;--ix-avatar-sm:2rem;--ix-avatar-md:2.5rem;--ix-avatar-lg:3rem;--ix-avatar-xl:4rem;--ix-avatar-2xl:5rem;--ix-icon-xs:0.875rem;--ix-icon-sm:1rem;--ix-icon-md:1.25rem;--ix-icon-lg:1.5rem;--ix-icon-xl:2rem;--ix-icon-2xl:2.5rem;--ix-touch-target:44px;--ix-glass-blur:16px;--ix-glass-blur-strong:24px;--ix-glass-saturation:180%;--ix-glass-bg:#0f172a99;--ix-glass-bg-subtle:#0f172a66;--ix-glass-bg-strong:#0f172acc;--ix-glass-border:#ffffff14;--ix-glass-border-strong:#ffffff1f;--ix-glass-highlight:linear-gradient(135deg,#ffffff1a,#ffffff05 50%,#0000);--ix-focus-ring-color:var(--ix-primary-500);--ix-focus-ring-width:2px;--ix-focus-ring-offset:2px;--ix-focus-ring-style:solid;--ix-focus-ring:0 0 0 var(--ix-focus-ring-offset) var(--ix-bg),0 0 0 calc(var(--ix-focus-ring-offset) + var(--ix-focus-ring-width)) var(--ix-focus-ring-color);--ix-focus-ring-glow:var(--ix-focus-ring),0 0 20px var(--ix-focus-ring-color)/40}.ix-glass{background:var(--ix-glass-bg)}.ix-glass,.ix-glass-subtle{backdrop-filter:blur(var(--ix-glass-blur)) saturate(var(--ix-glass-saturation));-webkit-backdrop-filter:blur(var(--ix-glass-blur)) saturate(var(--ix-glass-saturation));border:1px solid var(--ix-glass-border)}.ix-glass-subtle{background:var(--ix-glass-bg-subtle)}.ix-glass-strong{backdrop-filter:blur(var(--ix-glass-blur-strong)) saturate(var(--ix-glass-saturation));-webkit-backdrop-filter:blur(var(--ix-glass-blur-strong)) saturate(var(--ix-glass-saturation));background:var(--ix-glass-bg-strong);border:1px solid var(--ix-glass-border-strong)}.ix-border-gradient{background:var(--ix-surface);border-radius:var(--ix-radius-card);position:relative}.ix-border-gradient:before{background:var(--ix-gradient-border-glow);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.ix-glow-primary{box-shadow:var(--ix-glow-primary)}.ix-glow-accent{box-shadow:var(--ix-glow-accent)}.ix-glow-success{box-shadow:var(--ix-glow-success)}.ix-text-gradient-primary{background:var(--ix-gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.ix-text-gradient-accent{background:linear-gradient(135deg,var(--ix-accent-400),var(--ix-primary-400));-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.ix-focus-ring:focus-visible{box-shadow:var(--ix-focus-ring-glow);outline:none}.ix-animate-float{animation:x 6s ease-in-out infinite}.ix-animate-pulse-glow{animation:y 2s ease-in-out infinite}.ix-animate-shimmer{overflow:hidden;position:relative}.ix-animate-shimmer:after{animation:z 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes x{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes y{0%,to{box-shadow:0 0 20px var(--ix-primary-600)/20}50%{box-shadow:0 0 40px var(--ix-primary-600)/40,0 0 60px var(--ix-accent-600)/20}}@keyframes z{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.ix-animate-float,.ix-animate-pulse-glow,.ix-animate-shimmer{animation:none}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.light,[data-theme=light]{--ix-bg:#fff;--ix-bg-subtle:#f8fafc;--ix-surface:#f1f5f9;--ix-surface-raised:#fff;--ix-surface-overlay:#e2e8f0;--ix-text:#0f172a;--ix-text-secondary:#475569;--ix-text-muted:#64748b;--ix-text-inverse:#f1f5f9;--ix-border:#e2e8f0;--ix-border-subtle:#f1f5f9;--ix-border-accent:var(--ix-primary-600)/20;--ix-glass-bg:#ffffffb3;--ix-glass-bg-subtle:#ffffff80;--ix-glass-bg-strong:#ffffffe6;--ix-glass-border:#00000014;--ix-glass-border-strong:#0000001f;--ix-shadow-xs:0 1px 2px 0 #0000000d;--ix-shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--ix-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--ix-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.ix-btn{align-items:center;border:none;border-radius:var(--ix-radius-button);cursor:pointer;display:inline-flex;font-family:var(--ix-font-sans);font-size:var(--ix-text-sm);font-weight:var(--ix-font-semibold);gap:var(--ix-space-2);height:var(--ix-btn-md);justify-content:center;line-height:var(--ix-leading-none);min-width:var(--ix-touch-target);padding:var(--ix-space-2-5) var(--ix-space-5);transition:var(--ix-transition-all);white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ix-btn:focus-visible{box-shadow:var(--ix-focus-ring-glow);outline:none}.ix-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.ix-btn-primary{background:var(--ix-gradient-primary);box-shadow:var(--ix-shadow-button);color:#fff}.ix-btn-primary:hover:not(:disabled){box-shadow:var(--ix-shadow-button-hover);transform:translateY(-2px)}.ix-btn-primary:active:not(:disabled){box-shadow:var(--ix-shadow-button);transform:translateY(0)}.ix-btn-secondary{background:var(--ix-gradient-secondary);box-shadow:var(--ix-shadow-sm);color:#fff}.ix-btn-secondary:hover:not(:disabled){box-shadow:var(--ix-shadow-md),0 0 20px var(--ix-secondary-600)/30;transform:translateY(-2px)}.ix-btn-accent{background:var(--ix-gradient-accent);box-shadow:var(--ix-shadow-sm);color:#fff}.ix-btn-accent:hover:not(:disabled){box-shadow:var(--ix-shadow-md),var(--ix-glow-accent);transform:translateY(-2px)}.ix-btn-ghost{background:#0000;border:1px solid var(--ix-border);color:var(--ix-text)}.ix-btn-ghost:hover:not(:disabled){background:var(--ix-surface-raised);border-color:var(--ix-border-accent)}.ix-btn-outline{background:#0000;border:1px solid var(--ix-primary-500);color:var(--ix-primary-500)}.ix-btn-outline:hover:not(:disabled){background:var(--ix-primary-500)/10;border-color:var(--ix-primary-400)}.ix-btn-glass{backdrop-filter:blur(var(--ix-glass-blur)) saturate(var(--ix-glass-saturation));-webkit-backdrop-filter:blur(var(--ix-glass-blur)) saturate(var(--ix-glass-saturation));background:var(--ix-glass-bg);border:1px solid var(--ix-glass-border);color:#fff}.ix-btn-glass:hover:not(:disabled){background:var(--ix-glass-bg-strong);border-color:var(--ix-glass-border-strong);transform:translateY(-1px)}.ix-btn-success{background:linear-gradient(135deg,var(--ix-success-500) 0,var(--ix-success-600) 100%);color:#fff}.ix-btn-success:hover:not(:disabled){box-shadow:var(--ix-glow-success);transform:translateY(-2px)}.ix-btn-danger{background:linear-gradient(135deg,var(--ix-danger-500) 0,var(--ix-danger-600) 100%);color:#fff}.ix-btn-danger:hover:not(:disabled){box-shadow:var(--ix-glow-danger);transform:translateY(-2px)}.ix-btn-xs{border-radius:var(--ix-radius-md);height:var(--ix-btn-xs);padding:var(--ix-space-1) var(--ix-space-2-5)}.ix-btn-sm,.ix-btn-xs{font-size:var(--ix-text-xs)}.ix-btn-sm{height:var(--ix-btn-sm);padding:var(--ix-space-1-5) var(--ix-space-3)}.ix-btn-lg{font-size:var(--ix-text-base);height:var(--ix-btn-lg);padding:var(--ix-space-3) var(--ix-space-6)}.ix-btn-xl{font-size:var(--ix-text-lg);height:var(--ix-btn-xl);padding:var(--ix-space-4) var(--ix-space-8)}.ix-btn-icon{height:var(--ix-btn-md);padding:0;width:var(--ix-btn-md)}.ix-btn-icon.ix-btn-xs{height:var(--ix-btn-xs);width:var(--ix-btn-xs)}.ix-btn-icon.ix-btn-sm{height:var(--ix-btn-sm);width:var(--ix-btn-sm)}.ix-btn-icon.ix-btn-lg{height:var(--ix-btn-lg);width:var(--ix-btn-lg)}.ix-card{background:var(--ix-surface);border:1px solid var(--ix-border-subtle);border-radius:var(--ix-radius-card);overflow:hidden;position:relative;transition:var(--ix-transition-all)}.ix-card:hover{border-color:var(--ix-border);box-shadow:var(--ix-shadow-card-hover);transform:translateY(-4px)}.ix-card-glow{background:var(--ix-surface);border-radius:var(--ix-radius-card);overflow:hidden;position:relative}.ix-card-glow:before{background:linear-gradient(135deg,var(--ix-primary-600)/40 0,#0000 50%,var(--ix-accent-600)/30 100%);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity var(--ix-duration-normal) var(--ix-ease-out)}.ix-card-glow:hover:before{opacity:1}.ix-card-glass{backdrop-filter:blur(var(--ix-glass-blur)) saturate(var(--ix-glass-saturation));-webkit-backdrop-filter:blur(var(--ix-glass-blur)) saturate(var(--ix-glass-saturation));background:var(--ix-glass-bg);border:1px solid var(--ix-glass-border);border-radius:var(--ix-radius-card)}.ix-card-glass:hover{background:var(--ix-glass-bg-strong);border-color:var(--ix-glass-border-strong)}.ix-game-card{background:var(--ix-surface);border-radius:var(--ix-radius-2xl);cursor:pointer;overflow:hidden;position:relative;transition:var(--ix-transition-all)}.ix-game-card:after{background:var(--ix-gradient-spotlight);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--ix-duration-slow) var(--ix-ease-out)}.ix-game-card:hover{box-shadow:var(--ix-shadow-card-hover);transform:translateY(-8px) scale(1.02)}.ix-game-card:hover:after{opacity:1}.ix-card-header{border-bottom:1px solid var(--ix-border-subtle)}.ix-card-body,.ix-card-header{padding:var(--ix-space-5)}.ix-card-footer{background:var(--ix-bg-subtle);border-top:1px solid var(--ix-border-subtle);padding:var(--ix-space-4) var(--ix-space-5)}.ix-input{background:var(--ix-surface);border:1px solid var(--ix-border);border-radius:var(--ix-radius-input);color:var(--ix-text);display:block;font-family:var(--ix-font-sans);font-size:var(--ix-text-sm);height:var(--ix-input-md);padding:var(--ix-space-2) var(--ix-space-4);transition:var(--ix-transition-all);width:100%}.ix-input::placeholder{color:var(--ix-text-muted)}.ix-input:hover:not(:disabled){border-color:var(--ix-primary-600)/50}.ix-input:focus{border-color:var(--ix-primary-500);box-shadow:var(--ix-focus-ring),0 0 0 4px var(--ix-primary-500)/10;outline:none}.ix-input:disabled{background:var(--ix-bg-subtle);cursor:not-allowed;opacity:.5}.ix-input-glass{backdrop-filter:blur(var(--ix-glass-blur));-webkit-backdrop-filter:blur(var(--ix-glass-blur));background:var(--ix-glass-bg-subtle);border-color:var(--ix-glass-border)}.ix-input-sm{font-size:var(--ix-text-xs);height:var(--ix-input-sm);padding:var(--ix-space-1-5) var(--ix-space-3)}.ix-input-lg{font-size:var(--ix-text-base);height:var(--ix-input-lg);padding:var(--ix-space-3) var(--ix-space-5)}.ix-badge{align-items:center;border-radius:var(--ix-radius-badge);display:inline-flex;font-family:var(--ix-font-sans);font-size:var(--ix-text-xs);font-weight:var(--ix-font-semibold);gap:var(--ix-space-1);justify-content:center;line-height:var(--ix-leading-none);padding:var(--ix-space-1) var(--ix-space-2-5);white-space:nowrap}.ix-badge-primary{background:var(--ix-primary-500)/20;border:1px solid var(--ix-primary-500)/30;color:var(--ix-primary-400)}.ix-badge-secondary{background:var(--ix-secondary-500)/20;border:1px solid var(--ix-secondary-500)/30;color:var(--ix-secondary-300)}.ix-badge-accent{background:var(--ix-accent-500)/20;border:1px solid var(--ix-accent-500)/30;color:var(--ix-accent-400)}.ix-badge-success{background:var(--ix-success-500)/20;border:1px solid var(--ix-success-500)/30;color:var(--ix-success-400)}.ix-badge-warning{background:var(--ix-warning-500)/20;border:1px solid var(--ix-warning-500)/30;color:var(--ix-warning-400)}.ix-badge-danger{background:var(--ix-danger-500)/20;border:1px solid var(--ix-danger-500)/30;color:var(--ix-danger-400)}.ix-badge-solid-primary{background:var(--ix-gradient-primary);color:#fff}.ix-badge-solid-success{background:linear-gradient(135deg,var(--ix-success-500),var(--ix-success-600));color:#fff}.ix-badge-live{background:var(--ix-danger-500)/20;color:var(--ix-danger-400);padding-left:var(--ix-space-4);position:relative}.ix-badge-live:before{animation:y 1.5s ease-in-out infinite;background:var(--ix-danger-500);border-radius:50%;content:"";height:6px;left:var(--ix-space-2);position:absolute;width:6px}.ix-avatar{align-items:center;background:var(--ix-surface);border:2px solid var(--ix-border);border-radius:var(--ix-radius-avatar);display:inline-flex;height:var(--ix-avatar-md);justify-content:center;overflow:hidden;position:relative;width:var(--ix-avatar-md)}.ix-avatar img{height:100%;object-fit:cover;width:100%}.ix-avatar-xs{height:var(--ix-avatar-xs);width:var(--ix-avatar-xs)}.ix-avatar-sm{height:var(--ix-avatar-sm);width:var(--ix-avatar-sm)}.ix-avatar-lg{height:var(--ix-avatar-lg);width:var(--ix-avatar-lg)}.ix-avatar-xl{height:var(--ix-avatar-xl);width:var(--ix-avatar-xl)}.ix-avatar-2xl{height:var(--ix-avatar-2xl);width:var(--ix-avatar-2xl)}.ix-avatar-ring{border:2px solid var(--ix-primary-500);box-shadow:0 0 0 2px var(--ix-bg),var(--ix-glow-primary)}.ix-avatar-status:after{border:2px solid var(--ix-bg);border-radius:50%;bottom:0;content:"";height:25%;min-height:8px;min-width:8px;position:absolute;right:0;width:25%}.ix-avatar-online:after{background:var(--ix-success-500)}.ix-avatar-offline:after{background:var(--ix-void-500)}.ix-avatar-busy:after{background:var(--ix-danger-500)}.ix-tooltip{animation:ix-scale-in var(--ix-duration-fast) var(--ix-ease-spring);background:var(--ix-surface-overlay);border:1px solid var(--ix-border);border-radius:var(--ix-radius-md);box-shadow:var(--ix-shadow-dropdown);color:var(--ix-text);font-size:var(--ix-text-xs);font-weight:var(--ix-font-medium);padding:var(--ix-space-2) var(--ix-space-3);position:relative}.ix-spinner{animation:ix-spin .8s linear infinite;border-radius:50%;border:2px solid var(--ix-border);border-top-color:var(--ix-primary-500);display:inline-block;height:1.5rem;width:1.5rem}.ix-spinner-sm{border-width:1.5px;height:1rem;width:1rem}.ix-spinner-lg{border-width:3px;height:2.5rem;width:2.5rem}.ix-skeleton{animation:A 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--ix-surface) 0,var(--ix-surface-raised) 50%,var(--ix-surface) 100%);background-size:200% 100%;border-radius:var(--ix-radius-md)}@keyframes A{0%{background-position:200% 0}to{background-position:-200% 0}}.ix-loader-branded{height:3rem;position:relative;width:3rem}.ix-loader-branded:after,.ix-loader-branded:before{border:2px solid #0000;border-radius:50%;content:"";inset:0;position:absolute}.ix-loader-branded:before{animation:ix-spin 1s linear infinite;border-top-color:var(--ix-primary-500)}.ix-loader-branded:after{animation:ix-spin 1s linear infinite reverse;animation-delay:.25s;border-bottom-color:var(--ix-accent-500)}.ix-progress{background:var(--ix-surface);height:8px;overflow:hidden;width:100%}.ix-progress,.ix-progress-bar{border-radius:var(--ix-radius-full)}.ix-progress-bar{background:var(--ix-gradient-primary);height:100%;transition:width var(--ix-duration-slow) var(--ix-ease-out)}.ix-progress-bar-animated{overflow:hidden;position:relative}.ix-progress-bar-animated:after{animation:z 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";inset:0;position:absolute}.ix-modal-backdrop{animation:ix-fade-in var(--ix-duration-normal) var(--ix-ease-out);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;inset:0;position:fixed;z-index:var(--ix-z-modal-backdrop)}.ix-modal{animation:ix-scale-in var(--ix-duration-normal) var(--ix-ease-spring);background:var(--ix-surface);border:1px solid var(--ix-border);border-radius:var(--ix-radius-modal);box-shadow:var(--ix-shadow-modal);left:50%;max-height:85vh;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(90vw,500px);z-index:var(--ix-z-modal)}.ix-modal-glass{backdrop-filter:blur(var(--ix-glass-blur-strong)) saturate(var(--ix-glass-saturation));-webkit-backdrop-filter:blur(var(--ix-glass-blur-strong)) saturate(var(--ix-glass-saturation));background:var(--ix-glass-bg-strong);border-color:var(--ix-glass-border-strong)}.ix-modal-header{align-items:center;border-bottom:1px solid var(--ix-border-subtle);display:flex;justify-content:space-between;padding:var(--ix-space-5)}.ix-modal-body{max-height:60vh;overflow-y:auto;padding:var(--ix-space-5)}.ix-modal-footer{align-items:center;background:var(--ix-bg-subtle);border-top:1px solid var(--ix-border-subtle);justify-content:flex-end;padding:var(--ix-space-4) var(--ix-space-5)}.ix-modal-footer,.ix-toast{display:flex;gap:var(--ix-space-3)}.ix-toast{align-items:flex-start;animation:ix-slide-up var(--ix-duration-normal) var(--ix-ease-spring);background:var(--ix-surface);border:1px solid var(--ix-border);border-radius:var(--ix-radius-xl);box-shadow:var(--ix-shadow-toast);padding:var(--ix-space-4);width:min(380px,calc(100vw - 2rem))}.ix-toast-glass{backdrop-filter:blur(var(--ix-glass-blur)) saturate(var(--ix-glass-saturation));-webkit-backdrop-filter:blur(var(--ix-glass-blur)) saturate(var(--ix-glass-saturation));background:var(--ix-glass-bg);border-color:var(--ix-glass-border)}.ix-toast-success{border-left:4px solid var(--ix-success-500)}.ix-toast-warning{border-left:4px solid var(--ix-warning-500)}.ix-toast-danger{border-left:4px solid var(--ix-danger-500)}.ix-toast-info{border-left:4px solid var(--ix-info-500)}.ix-nav{align-items:center;backdrop-filter:blur(var(--ix-glass-blur)) saturate(var(--ix-glass-saturation));-webkit-backdrop-filter:blur(var(--ix-glass-blur)) saturate(var(--ix-glass-saturation));background:var(--ix-glass-bg);border-bottom:1px solid var(--ix-glass-border);display:flex;padding:var(--ix-space-3) var(--ix-space-6);position:sticky;top:0;z-index:var(--ix-z-nav)}.ix-nav-link{align-items:center;border-radius:var(--ix-radius-md);color:var(--ix-text-secondary);display:inline-flex;font-size:var(--ix-text-sm);font-weight:var(--ix-font-medium);gap:var(--ix-space-2);padding:var(--ix-space-2) var(--ix-space-3);transition:var(--ix-transition-all)}.ix-nav-link:hover{background:var(--ix-surface-raised);color:var(--ix-text)}.ix-nav-link-active{background:var(--ix-primary-500)/10;color:var(--ix-primary-400)}.ix-tabs{background:var(--ix-surface);border-radius:var(--ix-radius-xl);display:flex;gap:var(--ix-space-1);padding:var(--ix-space-1)}.ix-tab{background:#0000;border:none;border-radius:var(--ix-radius-lg);color:var(--ix-text-muted);cursor:pointer;flex:1;font-size:var(--ix-text-sm);font-weight:var(--ix-font-medium);padding:var(--ix-space-2-5) var(--ix-space-4);text-align:center;transition:var(--ix-transition-all)}.ix-tab:hover:not(.ix-tab-active){background:var(--ix-surface-raised);color:var(--ix-text-secondary)}.ix-tab-active{background:var(--ix-gradient-primary);box-shadow:var(--ix-shadow-sm);color:#fff}.ix-divider{background:var(--ix-border);border:none;height:1px;margin:var(--ix-space-4) 0}.ix-divider-gradient{background:linear-gradient(90deg,#0000,var(--ix-border),#0000)}.ix-divider-glow{background:linear-gradient(90deg,#0000,var(--ix-primary-600)/50,#0000);box-shadow:0 0 10px var(--ix-primary-600)/30}:root{--color-primary:#02a7fd;--color-primary-foreground:#fff;--color-primary-50:#e6f7ff;--color-primary-100:#bae7ff;--color-primary-600:#02a7fd;--color-primary-700:#0284c7;--color-primary-800:#0369a1;--color-secondary:#2e2d7b;--color-secondary-foreground:#fff;--color-secondary-50:#ede9fe;--color-secondary-600:#2e2d7b;--color-secondary-700:#252461;--color-secondary-800:#1e1b4d;--color-accent:#7c3aed;--color-accent-foreground:#fff;--color-accent-2:#22d3ee;--color-bg:#06080f;--color-surface:#0c1120;--color-panel:#0f1529;--color-card:var(--color-panel);--color-foreground:#e6e9f2;--color-muted:#9aa3b2;--color-text-on-light:var(--color-panel);--color-text-on-dark:#fff;--color-border:#374151;--color-border-light:#e5e5e5;--color-success:#16a34a;--color-success-foreground:#fff;--color-success-700:#15803d;--color-warning:#d97706;--color-warning-foreground:#fff;--color-warning-700:#b45309;--color-danger:#dc2626;--color-danger-foreground:#fff;--color-danger-700:#b91c1c;--color-neutral-25:#fafafa;--color-neutral-50:#f5f5f5;--color-neutral-100:#e5e5e5;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:var(--color-panel);--font-sans:var(--font-poppins,"Poppins"),system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-mono:ui-monospace,"SFMono-Regular","SF Mono",Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-0:0;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:50%;--shadow-none:0 0 #0000;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-brand:0 4px 12px #02a7fd26;--shadow-brand-lg:0 10px 25px #02a7fd33;--z-auto:auto;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-drawer-backdrop:400;--z-drawer:450;--z-modal-backdrop:500;--z-modal:550;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-nav:900;--z-nav-mobile-backdrop:950;--z-nav-mobile-menu:960;--z-nav-dropdown:970;--z-nav-button:980;--z-consent:1000;--z-modal-legacy:1000;--dur-instant:0ms;--dur-75:75ms;--dur-100:100ms;--dur-150:150ms;--dur-200:200ms;--dur-300:300ms;--dur-500:500ms;--dur-700:700ms;--dur-1000:1000ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-brand:cubic-bezier(0.2,0.8,0.2,1);--ivx-bg:var(--color-bg);--ivx-fg:var(--color-foreground);--ivx-muted:var(--color-muted);--ivx-accent:var(--color-accent);--ivx-success:var(--color-success);--ivx-warning:var(--color-warning);--ivx-danger:var(--color-danger);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-card:0 10px 25px #0000002e;--icon-xxs:16px;--icon-xs:20px;--icon-sm:24px;--icon-md:28px;--icon-lg:40px;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--focus-ring:var(--color-primary);--focus-ring-width:2px;--focus-ring-offset:2px;--btn-height-sm:2.25rem;--btn-height-md:2.5rem;--btn-height-lg:2.75rem;--input-height:2.5rem;--card-padding:var(--space-6);--card-radius:var(--radius-xl)}:root.light,[data-theme=light]{--color-bg:#fff;--color-surface:#f8f9fa;--color-panel:#fff;--color-card:#fff;--color-foreground:#1f2937;--color-muted:#6b7280;--color-text-on-light:#1f2937;--color-text-on-dark:#fff;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-link:#0369a1;--color-link-hover:#0284c7;--color-link-visited:#7c3aed;--focus-ring:#3b82f6;--focus-ring-bg:#3b82f61a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}:root.dark,@media(prefers-color-scheme: dark),[data-theme=dark]{:root{--color-bg:#06080f;--color-surface:#0c1120;--color-panel:#0f1529;--color-card:#0f1529;--color-foreground:#e6e9f2;--color-muted:#9aa3b2;--color-text-on-light:#1f2937;--color-text-on-dark:#fff;--color-border:#374151;--color-border-light:#1f2937;--color-link:#60a5fa;--color-link-hover:#93c5fd;--color-link-visited:#a78bfa;--focus-ring:#60a5fa;--focus-ring-bg:#60a5fa26;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006}}:focus-visible{border-radius:2px;outline:var(--focus-ring-width,2px) solid var(--focus-ring);outline-offset:var(--focus-ring-offset,2px)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{background-color:var(--focus-ring-bg);outline:2px solid var(--focus-ring);outline-offset:2px}a{color:var(--color-link);text-decoration:underline}a:hover{color:var(--color-link-hover)}a:active{color:var(--color-primary)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{font-family:var(--font-sans);line-height:var(--leading-normal)}body{background-color:var(--color-bg);overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:var(--color-foreground)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:var(--font-semibold);letter-spacing:-.025em;line-height:var(--leading-tight)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold)}h2{font-size:var(--text-3xl)}h2,h3{font-weight:var(--font-semibold)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h4,h5{font-weight:var(--font-medium)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:var(--font-medium)}p{color:var(--color-foreground);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--dur-150) var(--ease-out)}a:hover{color:var(--color-primary-700);text-decoration:underline}a:focus-visible{border-radius:var(--radius-sm);outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}ol,ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{line-height:var(--leading-relaxed);margin-bottom:var(--space-1)}input,select,textarea{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal)}[role=button]:focus-visible,[role=tab]:focus-visible,[tabindex]:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}button{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-weight:var(--font-medium);transition:all var(--dur-150) var(--ease-out)}button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}[role=button],a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}input[type=checkbox],input[type=radio]{min-height:22px;min-width:22px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media (prefers-contrast:high){:root{--color-border:#000;--shadow-md:0 4px 6px -1px #00000080}}@media (forced-colors:active){button,input,select,textarea{border:1px solid ButtonText}}:root{--btn-light-bg:#fff;--btn-light-fg:#0f172a;--btn-light-bg-hover:#f1f5f9}:root.dark,[data-theme=dark]{--btn-light-bg:#e2e8f0;--btn-light-fg:#0f172a;--btn-light-bg-hover:#cbd5e1}.button--light{background:var(--btn-light-bg);color:var(--btn-light-fg)}.button--light:hover{background:var(--btn-light-bg-hover)}.button--light:focus-visible{outline:2px solid var(--ring,#93c5fd);outline-offset:2px}.btn-primary-shine{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.2,.8,.2,1)}.btn-primary-shine:before{background:linear-gradient(105deg,#0000 40%,#ffffff26 45%,#ffffff26 55%,#0000 60%);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.btn-primary-shine:hover:before{transform:translateX(100%)}.btn-primary-shine:hover{box-shadow:0 8px 25px -5px #02a7fd66,0 0 20px #02a7fd33;transform:translateY(-2px)}.btn-primary-shine:active{box-shadow:0 4px 9pt #02a7fd40;transform:translateY(0)}.btn-secondary-glow{position:relative;transition:all .3s cubic-bezier(.2,.8,.2,1)}.btn-secondary-glow:hover{box-shadow:0 8px 25px -5px #2e2d7b66,0 0 20px #7c3aed26;transform:translateY(-2px)}.btn-secondary-glow:active{transform:translateY(0)}.btn-ghost-border{position:relative;transition:all .3s cubic-bezier(.2,.8,.2,1)}.btn-ghost-border:after{background:linear-gradient(135deg,#0000 0,var(--ix-primary-500,#02a7fd) 50%,#0000 100%);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .3s ease}.btn-ghost-border:hover:after{opacity:1}.btn-ghost-border:hover{background:#02a7fd14}.btn-success-pulse{transition:all .3s cubic-bezier(.2,.8,.2,1)}.btn-success-pulse:hover{box-shadow:0 8px 25px -5px #10b98166,0 0 20px #10b98133;transform:translateY(-2px)}.btn-danger-attention{transition:all .3s cubic-bezier(.2,.8,.2,1)}.btn-danger-attention:hover{animation:B .5s ease;box-shadow:0 8px 25px -5px #f43f5e66,0 0 15px #f43f5e33}@keyframes B{0%,to{transform:translateX(0)}20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-1px)}80%{transform:translateX(1px)}}.btn-icon-spin{transition:all .3s cubic-bezier(.2,.8,.2,1)}.btn-icon-spin:hover{transform:rotate(15deg) scale(1.05)}.btn-icon-spin:active{transform:rotate(0) scale(.95)}.btn-glass-enhanced{backdrop-filter:blur(1pc) saturate(180%);-webkit-backdrop-filter:blur(1pc) saturate(180%);background:#0f172a99;border:1px solid #ffffff14;transition:all .3s cubic-bezier(.2,.8,.2,1)}.btn-glass-enhanced:hover{background:#0f172acc;border-color:#ffffff26;box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.btn-loading{color:#0000!important;pointer-events:none;position:relative}.btn-loading:after{animation:C .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:1rem;left:50%;margin-left:-.5rem;margin-top:-.5rem;position:absolute;top:50%;width:1rem}@keyframes C{to{transform:rotate(1turn)}}.btn-hover-lift{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1)}.btn-hover-lift:hover:not(:disabled){transform:translateY(-2px)}.btn-hover-lift:active:not(:disabled){transform:translateY(0)}@media (max-width:768px){.category-tabs,.tab-list,.tabs-list,[role=tablist]{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;padding:.25rem}.category-tabs::-webkit-scrollbar,.tab-list::-webkit-scrollbar,.tabs-list::-webkit-scrollbar,[role=tablist]::-webkit-scrollbar{display:none}.tab-trigger,.tabs-trigger,[role=tab]{align-items:center;background:#0000;border:1px solid #0000;border-radius:.5rem;color:#fffc;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:600;justify-content:center;min-height:44px;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.tab-trigger[data-state=active],.tabs-trigger[data-state=active],[role=tab][aria-selected=true],[role=tab][data-state=active]{background:var(--color-primary-800,#0369a1);border-color:var(--color-primary,#02a7fd);color:#fff}.tab-trigger:hover:not([data-state=active]),.tabs-trigger:hover:not([data-state=active]),[role=tab]:hover:not([aria-selected=true]),[role=tab]:hover:not([data-state=active]){background:#02a7fd1a;color:var(--color-primary,#02a7fd)}.tab-trigger:focus-visible,.tabs-trigger:focus-visible,[role=tab]:focus-visible{outline:2px solid var(--color-primary,#02a7fd);outline-offset:2px}}@media (max-width:640px){.productrec-mobile-fix .category-tabs{justify-content:flex-start;padding:.5rem}.productrec-mobile-fix .category-tabs button,.productrec-mobile-fix [role=tablist] button{border-radius:.5rem;font-size:.75rem;min-height:44px;padding:.5rem .75rem}}@media (max-width:768px){.shop-mobile-fix [role=tablist],.shop-tabs [role=tablist]{background:#0000;gap:.5rem}.shop-mobile-fix [role=tab],.shop-tabs [role=tab]{min-height:44px;padding:.5rem 1rem}.arena-pills-grid{display:flex;gap:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;scrollbar-width:none}}@media (max-width:768px){.arena-pills-grid::-webkit-scrollbar{display:none}.arena-pills-grid button{flex-shrink:0;min-height:90pt;min-width:200px}.nav-mobile-button,.tab-trigger,.tabs-trigger,[role=tab]{min-height:44px;min-width:44px;touch-action:manipulation}}