:root{--primary: var(--primary-color);--primary-hover: var(--primary-color-dark);--primary-light: rgba(var(--primary-color-rgb), .1);--primary-lighter: rgba(var(--primary-color-rgb), .05);--primary-border: rgba(var(--primary-color-rgb), .3);--primary-border-hover: rgba(var(--primary-color-rgb), .5);--primary-glow: rgba(var(--primary-color-rgb), .24);--accent-blue: rgba(59, 130, 246, 1);--accent-blue-hover: rgba(37, 99, 235, 1);--accent-blue-light: rgba(59, 130, 246, .1);--accent-blue-lighter: rgba(59, 130, 246, .05);--accent-blue-border: rgba(59, 130, 246, .2);--accent-blue-border-hover: rgba(59, 130, 246, .4);--accent-blue-glow: rgba(59, 130, 246, .4);--accent-gold: rgba(251, 191, 36, 1);--accent-gold-hover: rgba(245, 158, 11, 1);--accent-gold-light: rgba(251, 191, 36, .1);--accent-gold-lighter: rgba(251, 191, 36, .05);--accent-gold-border: rgba(251, 191, 36, .3);--accent-gold-glow: rgba(251, 191, 36, .4);--accent-twitch: rgba(145, 70, 255, 1);--accent-twitch-hover: rgba(125, 58, 193, 1);--accent-twitch-light: rgba(145, 70, 255, .1);--accent-twitch-border: rgba(145, 70, 255, .3);--background-primary: #1a1a1a;--background-secondary: rgba(26, 26, 26, .5);--background-tertiary: rgba(var(--surface-card-rgb), .3);--background-elevated: rgba(var(--surface-card-rgb), .7);--background-overlay: rgba(0, 0, 0, .8);--background-card: #1a1a1a;--background-card-hover: rgba(var(--surface-card-rgb), .7);--gradient-hero: linear-gradient( 135deg, rgba(var(--primary-color-rgb), .08) 0%, rgba(var(--primary-color-rgb), .04) 50%, rgba(var(--surface-card-rgb), .92) 100% );--gradient-hero-alt: linear-gradient( 135deg, rgba(var(--primary-color-rgb), .06) 0%, rgba(var(--surface-card-rgb), .92) 100% );--gradient-card-shine: linear-gradient( 135deg, rgba(var(--primary-color-rgb), .03) 0%, transparent 50% );--gradient-card-glow: radial-gradient( circle at 50% 0%, rgba(255, 255, 255, .03) 0%, transparent 50% );--gradient-shimmer: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, .15) 50%, transparent 100% );--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .3);--text-inverse: rgba(0, 0, 0, .9);--border-subtle: rgba(255, 255, 255, .05);--border-medium: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--border-accent: rgba(var(--primary-color-rgb), .2);--border-accent-hover: rgba(var(--primary-color-rgb), .4);--success: rgba(34, 197, 94, 1);--success-light: rgba(34, 197, 94, .1);--success-border: rgba(34, 197, 94, .3);--warning: rgba(234, 179, 8, 1);--warning-light: rgba(234, 179, 8, .1);--warning-border: rgba(234, 179, 8, .3);--error: rgba(239, 68, 68, 1);--error-light: rgba(239, 68, 68, .1);--error-border: rgba(239, 68, 68, .3);--info: rgba(59, 130, 246, 1);--info-light: rgba(59, 130, 246, .1);--info-border: rgba(59, 130, 246, .3);--rarity-standard: rgba(156, 163, 175, 1);--rarity-standard-light: rgba(156, 163, 175, .1);--rarity-standard-border: rgba(156, 163, 175, .3);--rarity-rare: rgba(59, 130, 246, 1);--rarity-rare-light: rgba(59, 130, 246, .1);--rarity-rare-border: rgba(59, 130, 246, .3);--rarity-elite: rgba(147, 51, 234, 1);--rarity-elite-light: rgba(147, 51, 234, .1);--rarity-elite-border: rgba(147, 51, 234, .3);--rarity-ancient: rgba(249, 115, 22, 1);--rarity-ancient-light: rgba(249, 115, 22, .1);--rarity-ancient-border: rgba(249, 115, 22, .3);--glass-bg-subtle: rgba(255, 255, 255, .02);--glass-bg-light: rgba(255, 255, 255, .04);--glass-bg-medium: rgba(255, 255, 255, .08);--glass-bg-strong: rgba(255, 255, 255, .12);--glass-border-light: rgba(255, 255, 255, .06);--glass-border-medium: rgba(255, 255, 255, .1);--glass-border-strong: rgba(255, 255, 255, .15);--glass-backdrop: blur(16px);--glass-backdrop-strong: blur(24px);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem;--space-3xl: 2rem;--space-4xl: 2.5rem;--space-5xl: 3rem;--space-6xl: 4rem;--spacing-card-padding: var(--space-2xl);--spacing-card-gap: var(--space-lg);--spacing-section-gap: var(--space-2xl);--spacing-element-gap: var(--space-md);--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--radius-card: var(--radius-xl);--radius-button: var(--radius-md);--radius-badge: var(--radius-full);--radius-input: var(--radius-md);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6), 0 10px 20px rgba(0, 0, 0, .5);--shadow-2xl: 0 28px 56px rgba(0, 0, 0, .7), 0 14px 28px rgba(0, 0, 0, .6);--shadow-glow-primary: 0 0 20px rgba(var(--primary-color-rgb), .24);--shadow-glow-success: 0 0 20px rgba(34, 197, 94, .4);--shadow-glow-warning: 0 0 20px rgba(234, 179, 8, .4);--shadow-glow-error: 0 0 20px rgba(239, 68, 68, .4);--shadow-glow-rare: 0 0 20px rgba(59, 130, 246, .4);--shadow-glow-epic: 0 0 20px rgba(147, 51, 234, .4);--shadow-glow-legendary: 0 0 20px rgba(234, 179, 8, .4);--shadow-inset-subtle: inset 0 1px 0 rgba(255, 255, 255, .03);--shadow-inset-medium: inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-inset-strong: inset 0 2px 4px rgba(0, 0, 0, .2);--shadow-card: var(--shadow-md), var(--shadow-inset-subtle);--shadow-card-hover: var(--shadow-lg), var(--shadow-inset-medium);--shadow-card-active: var(--shadow-sm), var(--shadow-inset-strong);--font-family-base: var(--font-family);--font-family-mono: "Monaco", "Menlo", "Consolas", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--duration-instant: .1s;--duration-fast: .15s;--duration-base: .3s;--duration-slow: .5s;--duration-slower: .8s;--duration-slowest: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.68, -.6, .32, 1.6);--transition-base: all var(--duration-base) var(--ease-in-out);--transition-fast: all var(--duration-fast) var(--ease-in-out);--transition-slow: all var(--duration-slow) var(--ease-in-out);--transition-colors: color var(--duration-base) var(--ease-in-out), background-color var(--duration-base) var(--ease-in-out), border-color var(--duration-base) var(--ease-in-out);--transition-transform: transform var(--duration-base) var(--ease-in-out);--transition-opacity: opacity var(--duration-base) var(--ease-in-out);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600;--z-notification: 1700;--z-maximum: 9999;--breakpoint-sm: 520px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1400px;--breakpoint-2xl: 1920px;--card-background: var(--background-card);--card-border: var(--border-subtle);--card-border-hover: var(--border-medium);--card-padding: var(--spacing-card-padding);--card-gap: var(--spacing-card-gap);--card-radius: var(--radius-card);--card-shadow: var(--shadow-card);--card-shadow-hover: var(--shadow-card-hover);--button-padding-x: var(--space-xl);--button-padding-y: var(--space-md);--button-radius: var(--radius-button);--button-shadow: var(--shadow-sm);--button-shadow-hover: var(--shadow-md);--input-padding-x: var(--space-lg);--input-padding-y: var(--space-md);--input-radius: var(--radius-input);--input-border: var(--border-medium);--input-border-focus: var(--primary);--input-background: var(--background-secondary);--progress-height: 6px;--progress-radius: 3px;--progress-background: rgba(255, 255, 255, .05);--progress-fill: linear-gradient( 90deg, rgba(var(--primary-color-rgb), 1), rgba(var(--primary-color-light-rgb), .85) );--badge-padding-x: var(--space-md);--badge-padding-y: var(--space-xs);--badge-radius: var(--radius-badge);--badge-font-size: var(--font-size-xs);--tooltip-background: rgba(0, 0, 0, .9);--tooltip-padding: var(--space-sm) var(--space-md);--tooltip-radius: var(--radius-sm);--tooltip-shadow: var(--shadow-lg);--focus-ring-color: var(--primary);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring: 0 0 0 var(--focus-ring-width) var(--focus-ring-color);--focus-ring-offset-shadow: 0 0 0 var(--focus-ring-offset) var(--background-primary);--touch-target-min: 44px;--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(16px);--blur-xl: blur(24px);--backdrop-blur-sm: blur(4px);--backdrop-blur-md: blur(8px);--backdrop-blur-lg: blur(16px);--brightness-dim: brightness(.7);--brightness-normal: brightness(1);--brightness-bright: brightness(1.2);--particle-color-primary: rgba(var(--primary-color-rgb), .18);--particle-color-secondary: rgba(var(--primary-color-rgb), .3);--particle-size-sm: 4px;--particle-size-md: 6px;--particle-size-lg: 8px}@media(prefers-reduced-motion:reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms;--duration-slower: 0ms;--duration-slowest: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--border-subtle: rgba(255, 255, 255, .15);--border-medium: rgba(255, 255, 255, .25);--border-strong: rgba(255, 255, 255, .35);--text-muted: rgba(255, 255, 255, .7)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.2}50%{transform:translateY(-40px) scale(1.5);opacity:.5}}@keyframes pulseGlow{0%,to{opacity:.35;box-shadow:0 0 10px rgba(var(--primary-color-rgb),.25)}50%{opacity:.5;box-shadow:0 0 15px rgba(var(--primary-color-rgb),.35)}}:root,:root[data-theme=dark],.dark-theme{color-scheme:dark;--primary: #52525b;--primary-hover: #3f3f46;--primary-light: rgba(82, 82, 91, .14);--primary-lighter: rgba(82, 82, 91, .06);--primary-dark: #3f3f46;--primary-border: rgba(82, 82, 91, .28);--primary-border-hover: rgba(82, 82, 91, .42);--primary-glow: rgba(82, 82, 91, .24);--primary-color: #52525b;--primary-color-dark: #3f3f46;--primary-color-light: #71717a;--primary-color-rgb: 82, 82, 91;--primary-color-light-rgb: 113, 113, 122;--primary-color-text: #f8fafc;--primary-400: #a1a1aa;--accent: #52525b;--accent-hover: #3f3f46;--accent-blue: #a1a1aa;--accent-blue-hover: #fafafa;--accent-blue-light: rgba(161, 161, 170, .12);--accent-blue-lighter: rgba(161, 161, 170, .06);--accent-blue-border: rgba(161, 161, 170, .2);--accent-blue-border-hover: rgba(161, 161, 170, .32);--accent-blue-glow: rgba(161, 161, 170, .2);--accent-gold: #f59e0b;--accent-gold-hover: #d97706;--accent-gold-light: rgba(245, 158, 11, .12);--accent-gold-lighter: rgba(245, 158, 11, .06);--accent-gold-border: rgba(245, 158, 11, .24);--accent-gold-glow: rgba(245, 158, 11, .28);--accent-twitch: #9146ff;--accent-twitch-hover: #772ce8;--accent-twitch-light: rgba(145, 70, 255, .12);--accent-twitch-border: rgba(145, 70, 255, .28);--background-color: #141416;--background-primary: #141416;--background-secondary: #141416;--background-tertiary: #18181b;--background-elevated: rgba(24, 24, 27, .92);--background-overlay: rgba(20, 20, 22, .86);--background-card: rgba(24, 24, 27, .95);--background-card-hover: rgba(24, 24, 27, .98);--surface-ground: #141416;--surface-section: rgba(24, 24, 27, .95);--surface-card: rgba(24, 24, 27, .95);--surface-overlay: #27272a;--surface-primary: rgba(24, 24, 27, .95);--surface-secondary: rgba(24, 24, 27, .98);--surface-tertiary: rgba(39, 39, 42, .92);--surface-hover: rgba(255, 255, 255, .05);--surface-border: rgba(255, 255, 255, .08);--surface-border-light: rgba(255, 255, 255, .12);--surface-border-hover: rgba(255, 255, 255, .14);--surface-card-rgb: 24, 24, 27;--glass-bg-subtle: rgba(255, 255, 255, .03);--glass-bg-light: rgba(255, 255, 255, .04);--glass-bg-medium: rgba(255, 255, 255, .06);--glass-bg-strong: rgba(255, 255, 255, .08);--glass-bg-heavy: rgba(24, 24, 27, .88);--glass-border-light: rgba(255, 255, 255, .08);--glass-border-medium: rgba(255, 255, 255, .1);--glass-border-strong: rgba(255, 255, 255, .12);--glass-backdrop: blur(20px);--glass-backdrop-strong: blur(20px);--text-color: #f8fafc;--text-color-rgb: 248, 250, 252;--text-color-secondary: #a1a1aa;--text-color-secondary-rgb: 161, 161, 170;--text-color-light: #71717a;--text-color-disabled: #71717a;--text-primary: #f8fafc;--text-secondary: #a1a1aa;--text-muted: #a1a1aa;--text-disabled: #71717a;--text: #f8fafc;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .14);--border-accent: rgba(82, 82, 91, .22);--border-accent-hover: rgba(82, 82, 91, .34);--border-color: var(--surface-border);--success: #4ade80;--success-color: #4ade80;--success-rgb: 74, 222, 128;--success-color-rgb: 74, 222, 128;--success-light: rgba(74, 222, 128, .14);--success-border: rgba(74, 222, 128, .28);--warning: #f59e0b;--warning-color: #f59e0b;--warning-rgb: 245, 158, 11;--warning-color-rgb: 245, 158, 11;--warning-light: rgba(245, 158, 11, .14);--warning-border: rgba(245, 158, 11, .28);--error: #f87171;--error-color: #f87171;--error-rgb: 248, 113, 113;--danger-rgb: 248, 113, 113;--error-light: rgba(248, 113, 113, .14);--error-border: rgba(248, 113, 113, .3);--danger-color: #f87171;--danger-color-text: #f8fafc;--info: #a1a1aa;--info-color: #a1a1aa;--info-rgb: 161, 161, 170;--info-color-rgb: 161, 161, 170;--info-light: rgba(161, 161, 170, .14);--info-border: rgba(161, 161, 170, .24);--rarity-standard: #94a3b8;--rarity-standard-light: rgba(148, 163, 184, .14);--rarity-standard-border: rgba(148, 163, 184, .24);--rarity-rare: #38bdf8;--rarity-rare-light: rgba(56, 189, 248, .14);--rarity-rare-border: rgba(56, 189, 248, .26);--rarity-elite: #a1a1aa;--rarity-elite-light: rgba(161, 161, 170, .16);--rarity-elite-border: rgba(161, 161, 170, .28);--rarity-ancient: #f59e0b;--rarity-ancient-light: rgba(245, 158, 11, .16);--rarity-ancient-border: rgba(245, 158, 11, .28);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .18);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .35);--shadow-xl: 0 15px 35px rgba(0, 0, 0, .4);--shadow-2xl: 0 30px 60px rgba(0, 0, 0, .5);--shadow-glow-primary: 0 0 0 1px rgba(var(--primary-color-rgb), .12), 0 12px 24px rgba(0, 0, 0, .18);--shadow-card: 0 4px 8px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-card-hover: 0 15px 35px rgba(0, 0, 0, .4), 0 6px 15px rgba(0, 0, 0, .3);--modal-overlay-bg: rgba(0, 0, 0, .72);--modal-overlay-blur: 8px;--modal-bg: rgba(24, 24, 27, .96);--modal-bg-blur: 20px;--modal-border: rgba(255, 255, 255, .12);--modal-border-hover: rgba(255, 255, 255, .16);--modal-shadow: 0 30px 60px rgba(0, 0, 0, .5);--modal-shadow-hover: 0 36px 72px rgba(0, 0, 0, .56);--input-bg: #18181b;--input-border: rgba(255, 255, 255, .08);--input-border-focus: rgba(var(--primary-color-rgb), .42);--input-focus-shadow: 0 0 0 4px rgba(var(--primary-color-rgb), .14);--btn-primary-bg: var(--primary-color);--btn-primary-hover: var(--primary-color-dark);--btn-primary-text: #f8fafc;--btn-primary-shadow: 0 4px 6px rgba(0, 0, 0, .2);--btn-secondary-bg: transparent;--btn-secondary-border: rgba(255, 255, 255, .08);--btn-secondary-hover: rgba(255, 255, 255, .08);--btn-secondary-text: #a1a1aa;--btn-secondary-text-hover: #f8fafc;--bg-primary: var(--background-primary);--bg-secondary: var(--background-secondary);--bg-tertiary: var(--background-tertiary);--font-family: "Inter", "Segoe UI", Roboto, sans-serif;--heading-font-family: var(--font-family);--font-family-mono: "Consolas", "SFMono-Regular", monospace;--section-padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 4vw, 2rem);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 2000;--z-modal: 2010;--z-popover: 2020;--z-tooltip: 2030;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-smooth: .3s cubic-bezier(.16, 1, .3, 1);--v-theme-primary: 82, 82, 91;--v-theme-surface: 24, 24, 27;--v-theme-surface-variant: 20, 20, 22;--v-border-color: 82, 82, 91;--focus-ring-color: rgba(250, 250, 250, .55);--focus-ring-shadow: 0 0 0 4px rgba(250, 250, 250, .08);--app-bg-gradient-start: #141416;--app-bg-gradient-middle: #141416;--app-bg-gradient-end: #141416;--scrollbar-track-color: rgba(255, 255, 255, .04);--scrollbar-thumb-color: rgba(161, 161, 170, .38);--scrollbar-thumb-hover-color: rgba(161, 161, 170, .56);--scrollbar-thumb-active-color: rgba(161, 161, 170, .72)}:root[data-theme=light],.light-theme{color-scheme:light;--primary: #000000;--primary-hover: #333333;--primary-light: rgba(0, 0, 0, .08);--primary-lighter: rgba(0, 0, 0, .04);--primary-dark: #333333;--primary-border: rgba(0, 0, 0, .14);--primary-border-hover: rgba(0, 0, 0, .24);--primary-glow: rgba(0, 0, 0, .08);--primary-color: #000000;--primary-color-dark: #333333;--primary-color-light: #666666;--primary-color-rgb: 0, 0, 0;--primary-color-light-rgb: 102, 102, 102;--primary-color-text: #ffffff;--primary-400: #4b5563;--background-color: #ffffff;--background-primary: #ffffff;--background-secondary: #ffffff;--background-tertiary: #f3f4f6;--background-elevated: rgba(255, 255, 255, .88);--background-overlay: rgba(249, 250, 251, .72);--background-card: rgba(255, 255, 255, .92);--background-card-hover: rgba(255, 255, 255, .98);--surface-ground: #ffffff;--surface-section: #f9fafb;--surface-card: #ffffff;--surface-overlay: rgba(255, 255, 255, .94);--surface-primary: rgba(255, 255, 255, .9);--surface-secondary: rgba(249, 250, 251, .95);--surface-tertiary: rgba(243, 244, 246, .9);--surface-hover: #f3f4f6;--surface-border: #e5e7eb;--surface-border-light: #e5e7eb;--surface-border-hover: rgba(0, 0, 0, .12);--surface-card-rgb: 255, 255, 255;--glass-bg-subtle: rgba(0, 0, 0, .02);--glass-bg-light: rgba(0, 0, 0, .03);--glass-bg-medium: rgba(0, 0, 0, .05);--glass-bg-strong: rgba(0, 0, 0, .08);--glass-bg-heavy: rgba(255, 255, 255, .92);--glass-border-light: rgba(0, 0, 0, .06);--glass-border-medium: rgba(0, 0, 0, .1);--glass-border-strong: rgba(0, 0, 0, .12);--text-color: #000000;--text-color-rgb: 0, 0, 0;--text-color-secondary: #4b5563;--text-color-secondary-rgb: 75, 85, 99;--text-color-light: #9ca3af;--text-color-disabled: #94a3b8;--text-primary: #000000;--text-secondary: #4b5563;--text-muted: #9ca3af;--text-disabled: #94a3b8;--text: #000000;--border-subtle: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .14);--border-accent: rgba(0, 0, 0, .12);--border-accent-hover: rgba(0, 0, 0, .22);--border-color: var(--surface-border);--success: #16a34a;--success-color: #16a34a;--success-rgb: 22, 163, 74;--success-color-rgb: 22, 163, 74;--success-light: rgba(22, 163, 74, .1);--success-border: rgba(22, 163, 74, .2);--warning: #d97706;--warning-color: #d97706;--warning-rgb: 217, 119, 6;--warning-color-rgb: 217, 119, 6;--warning-light: rgba(217, 119, 6, .1);--warning-border: rgba(217, 119, 6, .2);--error: #dc2626;--error-color: #dc2626;--error-rgb: 220, 38, 38;--danger-rgb: 220, 38, 38;--error-light: rgba(220, 38, 38, .1);--error-border: rgba(220, 38, 38, .22);--danger-color: #dc2626;--danger-color-text: #ffffff;--info: #2563eb;--info-color: #2563eb;--info-rgb: 37, 99, 235;--info-color-rgb: 37, 99, 235;--info-light: rgba(37, 99, 235, .1);--info-border: rgba(37, 99, 235, .2);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 30px 40px rgba(0, 0, 0, .12);--shadow-glow-primary: 0 0 0 1px rgba(0, 0, 0, .04), 0 10px 24px rgba(0, 0, 0, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-card-hover: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--modal-overlay-bg: rgba(0, 0, 0, .4);--modal-bg: rgba(255, 255, 255, .96);--modal-border: rgba(0, 0, 0, .08);--modal-border-hover: rgba(0, 0, 0, .12);--modal-shadow: 0 12px 24px rgba(0, 0, 0, .15);--modal-shadow-hover: 0 16px 32px rgba(0, 0, 0, .18);--input-bg: #f3f4f6;--input-border: rgba(0, 0, 0, .08);--input-border-focus: rgba(0, 0, 0, .2);--input-focus-shadow: 0 0 0 4px rgba(0, 0, 0, .06);--btn-primary-bg: var(--primary-color);--btn-primary-hover: var(--primary-color-dark);--btn-primary-text: #ffffff;--btn-primary-shadow: 0 1px 2px rgba(0, 0, 0, .05);--btn-secondary-bg: transparent;--btn-secondary-border: rgba(0, 0, 0, .12);--btn-secondary-hover: rgba(0, 0, 0, .04);--btn-secondary-text: #4b5563;--btn-secondary-text-hover: #000000;--v-theme-primary: 17, 24, 39;--v-theme-surface: 255, 255, 255;--v-theme-surface-variant: 248, 250, 252;--v-border-color: 148, 163, 184;--focus-ring-color: rgba(0, 0, 0, .4);--focus-ring-shadow: 0 0 0 3px rgba(0, 0, 0, .14);--app-bg-gradient-start: #ffffff;--app-bg-gradient-middle: #ffffff;--app-bg-gradient-end: #ffffff;--scrollbar-track-color: rgba(209, 213, 219, .4);--scrollbar-thumb-color: rgba(107, 114, 128, .5);--scrollbar-thumb-hover-color: rgba(75, 85, 99, .7);--scrollbar-thumb-active-color: rgba(55, 65, 81, .85)}html,body{font-family:var(--font-family);color:var(--text-color);background-color:var(--background-color)}a{color:inherit}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0s;--transition-base: 0s;--transition-slow: 0s;--transition-smooth: 0s}}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color, rgba(100, 100, 100, .5)) var(--scrollbar-track-color, transparent)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scrollbar-track-color, transparent);border-radius:10px}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color, rgba(100, 100, 100, .5));border-radius:10px;border:2px solid var(--scrollbar-track-color, transparent);transition:background .2s ease}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color, rgba(100, 100, 100, .7))}*::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active-color, rgba(100, 100, 100, .9))}:root{--scrollbar-track-color: rgba(240, 240, 240, .3);--scrollbar-thumb-color: rgba(150, 150, 150, .5);--scrollbar-thumb-hover-color: rgba(120, 120, 120, .7);--scrollbar-thumb-active-color: rgba(100, 100, 100, .9)}[data-theme=dark],.app-wrapper{--scrollbar-track-color: rgba(20, 20, 20, .3);--scrollbar-thumb-color: rgba(100, 100, 100, .4);--scrollbar-thumb-hover-color: rgba(130, 130, 130, .6);--scrollbar-thumb-active-color: rgba(160, 160, 160, .8)}.content-card{background:var(--glass-bg-heavy);border:1px solid var(--glass-border-strong);border-radius:1.5rem;padding:clamp(1.25rem,2vw,1.9rem);transition:transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth),background var(--transition-smooth);box-shadow:var(--shadow-card);position:relative;z-index:1;overflow:hidden;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.content-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(var(--primary-color-rgb),.12),transparent 38%),linear-gradient(145deg,rgba(var(--surface-card-rgb),.1),transparent 55%);pointer-events:none}.content-card:hover{transform:translateY(-2px);border-color:rgba(var(--primary-color-rgb),.24);box-shadow:var(--shadow-card-hover)}.section-title{font-size:clamp(1.25rem,2vw,1.55rem);font-weight:700;color:var(--text-color);margin:0 0 1.1rem;text-align:left;font-family:var(--heading-font-family);letter-spacing:-.03em}.nested-card{background:rgba(var(--surface-card-rgb),.56);border:1px solid var(--glass-border-medium);border-radius:1.2rem;padding:clamp(1rem,1.8vw,1.4rem);transition:transform var(--transition-smooth),border-color var(--transition-smooth),background var(--transition-smooth),box-shadow var(--transition-smooth);height:100%;box-shadow:inset 0 1px #ffffff0a}.nested-card:hover{transform:translateY(-1px);background:rgba(var(--surface-card-rgb),.72);border-color:var(--glass-border-strong)}:root{--app-max-width: 1360px;--app-side-padding: clamp(1rem, 2vw, 1.5rem);--app-top-padding: clamp(1.15rem, 2.8vw, 1.9rem);--app-bottom-padding: clamp(1.25rem, 3vw, 2.5rem);--shell-blur: blur(20px)}html,body,#app{width:100%;max-width:100%;min-height:100%;overflow-x:hidden}body{margin:0;background:var(--background-color);color:var(--text-color)}body::selection{background:rgba(var(--primary-color-rgb),.2);color:var(--text-color)}.app-main-shell{position:relative;isolation:isolate;width:100%;max-width:100%;overflow-x:hidden}.page-shell{position:relative;min-height:100%;padding:var(--app-top-padding) var(--app-side-padding) var(--app-bottom-padding);background:transparent;overflow-x:clip}.page-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--text-color-rgb),.015) 0%,transparent 18%);pointer-events:none}.page-container{position:relative;z-index:1;width:min(100%,var(--app-max-width));margin:0 auto}.page-hero,.page-surface,.panel-surface,.auth-card,.shell-card{background:var(--surface-card);border:1px solid var(--surface-border);box-shadow:var(--shadow-card)}.page-hero{position:relative;overflow:hidden;border-radius:1.75rem;padding:clamp(1.35rem,2.5vw,2rem);margin-bottom:1.5rem}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--text-color-rgb),.025),transparent 60%);pointer-events:none}.page-hero>*{position:relative;z-index:1}.page-title-group{display:flex;flex-direction:column;gap:.65rem}.page-eyebrow{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;padding:.45rem .8rem;border-radius:999px;background:rgba(var(--primary-color-rgb),.08);border:1px solid rgba(var(--primary-color-rgb),.14);color:var(--primary-color);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-title{margin:0;font-family:var(--heading-font-family);font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.02;letter-spacing:-.035em;color:var(--text-color)}.page-subtitle{margin:0;max-width:52rem;color:var(--text-color-secondary);font-size:clamp(.98rem,1.45vw,1.1rem);line-height:1.65}.page-meta-row,.page-actions-row,.page-stat-row{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem}.stat-pill,.meta-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem .95rem;border-radius:999px;background:var(--surface-ground);border:1px solid var(--surface-border);color:var(--text-color-secondary)}.page-surface,.shell-card{border-radius:1.5rem;padding:clamp(1rem,2vw,1.5rem)}.section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.section-title,.panel-title{margin:0;color:var(--text-color);font-family:var(--heading-font-family);letter-spacing:-.025em}.section-description{margin:.2rem 0 0;color:var(--text-color-secondary)}.tab-rail{display:flex;gap:.65rem;overflow-x:auto;padding:.2rem;scrollbar-width:none}.tab-rail::-webkit-scrollbar{display:none}.tab-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;padding:.8rem 1rem;border-radius:1rem;border:1px solid transparent;background:transparent;color:var(--text-color-secondary);font-weight:600;cursor:pointer;transition:transform var(--transition-smooth),border-color var(--transition-smooth),background var(--transition-smooth),color var(--transition-smooth),box-shadow var(--transition-smooth);white-space:nowrap}.tab-pill:hover{transform:translateY(-1px);color:var(--text-color);background:var(--surface-hover)}.tab-pill.is-active{color:var(--primary-color);background:rgba(var(--primary-color-rgb),.08);border-color:rgba(var(--primary-color-rgb),.12);box-shadow:none}.tab-pill__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding:0 .45rem;border-radius:999px;background:rgba(var(--primary-color-rgb),.08);color:var(--primary-color);font-size:.75rem;font-weight:700}.tab-pill.is-active .tab-pill__badge{background:rgba(var(--primary-color-rgb),.12);color:var(--primary-color)}.control-surface{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:1rem 1.1rem;border-radius:1.2rem;background:var(--surface-ground);border:1px solid var(--surface-border)}.empty-state,.loading-state,.error-state{border-radius:1.4rem;padding:clamp(1.4rem,3vw,2rem);background:var(--surface-card);border:1px solid var(--surface-border);box-shadow:var(--shadow-card)}.auth-page{display:flex;align-items:center;justify-content:center}.auth-card{width:min(100%,32rem);border-radius:1.6rem;padding:clamp(1.35rem,3vw,2rem)}.auth-card--wide{width:min(100%,36rem)}.auth-page:before{background:linear-gradient(180deg,rgba(var(--text-color-rgb),.03) 0%,transparent 55%)!important;animation:none!important;opacity:1!important}.auth-page .login-container,.auth-page .signup-container,.auth-page .forgot-password-container,.auth-page .verify-email-card,.auth-page .callback-container{background:var(--surface-card)!important;border:1px solid var(--surface-border)!important;box-shadow:var(--shadow-card)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.auth-page .login-container:before,.auth-page .signup-container:before,.auth-page .forgot-password-container:before,.auth-page .verify-email-card:before,.auth-page .callback-container:before{background:linear-gradient(180deg,rgba(var(--text-color-rgb),.03) 0%,transparent 60%)!important;border-radius:inherit}.auth-page .login-container:hover,.auth-page .signup-container:hover,.auth-page .forgot-password-container:hover,.auth-page .verify-email-card:hover,.auth-page .callback-container:hover{transform:translateY(-2px)!important;border-color:var(--surface-border)!important;box-shadow:var(--shadow-card-hover)!important}.auth-page .page-title,.auth-page h1,.auth-page h2{font-family:var(--heading-font-family)!important;letter-spacing:-.02em!important;color:var(--text-color)!important}.auth-page .page-subtitle{color:var(--text-color-secondary)!important}.auth-page .form-group input,.auth-page .form-group textarea,.auth-page .form-group select{background:var(--input-bg)!important;border:1px solid var(--input-border)!important;color:var(--text-color)!important;box-shadow:none!important}.auth-page .form-group input:focus,.auth-page .form-group textarea:focus,.auth-page .form-group select:focus{border-color:var(--input-border-focus)!important;box-shadow:var(--input-focus-shadow)!important}.auth-page .submit-btn,.auth-page .primary-btn,.auth-page .twitch-login-btn{background:var(--btn-primary-bg)!important;border-color:var(--primary-color)!important;color:var(--btn-primary-text)!important;box-shadow:var(--btn-primary-shadow)!important}.auth-page .submit-btn:hover:not(:disabled),.auth-page .primary-btn:hover:not(:disabled),.auth-page .twitch-login-btn:hover:not(:disabled){background:var(--btn-primary-hover)!important}.auth-page .secondary-btn,.auth-page .forgot-link,.auth-page .switch-link,.auth-page .help-text,.auth-page .info-box{border-color:var(--surface-border)!important}.auth-page .secondary-btn{background:var(--btn-secondary-bg)!important;color:var(--btn-secondary-text)!important}.auth-page .secondary-btn:hover:not(:disabled){background:var(--btn-secondary-hover)!important;color:var(--btn-secondary-text-hover)!important}.auth-page .help-text,.auth-page .info-box{background:rgba(var(--primary-color-rgb),.05)!important;color:var(--text-color-secondary)!important}.page-scroll-region{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}@media(max-width:767px){:root{--app-bottom-padding: 5.75rem}.page-title{font-size:clamp(1.8rem,7vw,2.6rem)}}@media(max-width:640px){.page-hero,.page-surface,.shell-card,.auth-card{border-radius:1.25rem}.tab-pill{min-width:3rem;padding-inline:.9rem}}@media(prefers-reduced-motion:reduce){.tab-pill{transition-duration:0s!important}}.mobile-nav[data-v-820cdd9e]{position:fixed;left:0;right:0;bottom:.8rem;z-index:130;display:flex;justify-content:center;padding:0 .85rem calc(env(safe-area-inset-bottom) + .2rem);transition:transform var(--transition-smooth),opacity var(--transition-smooth)}.mobile-nav.nav-hidden[data-v-820cdd9e]{transform:translateY(110%);opacity:0}.mobile-nav__shell[data-v-820cdd9e]{width:min(100%,34rem);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;padding:.55rem;border-radius:1.4rem;background:var(--glass-bg-heavy);border:1px solid var(--glass-border-strong);box-shadow:var(--shadow-card-hover);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.mobile-nav__item[data-v-820cdd9e]{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.28rem;min-height:4rem;border-radius:1rem;color:var(--text-color-secondary);text-decoration:none;transition:transform var(--transition-smooth),background var(--transition-smooth),color var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth);border:1px solid transparent}.mobile-nav__item[data-v-820cdd9e]:active{transform:scale(.98)}.mobile-nav__item.is-active[data-v-820cdd9e]{color:var(--text-color);background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.18),rgba(var(--primary-color-light-rgb),.12));border-color:rgba(var(--primary-color-rgb),.28);box-shadow:0 16px 24px rgba(var(--primary-color-rgb),.12)}.mobile-nav__icon[data-v-820cdd9e]{display:inline-flex;align-items:center;justify-content:center}.mobile-nav__label[data-v-820cdd9e]{font-size:.68rem;font-weight:700;letter-spacing:.03em}.mobile-nav__item.is-loading[data-v-820cdd9e]{pointer-events:none;opacity:.7}@media(min-width:768px){.mobile-nav[data-v-820cdd9e]{display:none}}.global-header[data-v-ce829478]{position:relative;z-index:9998;padding:0 1rem;background:var(--surface-ground);border-bottom:1px solid var(--surface-border);box-shadow:0 2px 8px #0000001a;transition:all .15s ease}.header-shell[data-v-ce829478]{position:relative;width:100%;max-width:none;margin:0;display:flex;align-items:center;justify-content:space-between;padding:0;height:44px}.brand-button[data-v-ce829478]{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.0625rem;color:var(--text-color);padding:.1875rem .5rem .125rem;border-radius:.5rem;border:0;background:transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.brand-button[data-v-ce829478]:hover{background:var(--surface-hover)}.brand-button:hover .brand-name[data-v-ce829478]{filter:brightness(1.1)}.brand-button:hover .brand-subtitle[data-v-ce829478]{color:var(--text-color);opacity:.85}.brand-button[data-v-ce829478]:active{transform:scale(.98)}.brand-button[data-v-ce829478]:focus-visible,.nav-pill[data-v-ce829478]:focus-visible,.ghost-action[data-v-ce829478]:focus-visible,.primary-action[data-v-ce829478]:focus-visible,.icon-action[data-v-ce829478]:focus-visible{outline:none;box-shadow:var(--focus-ring-shadow)}.brand-copy[data-v-ce829478]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.0625rem}.brand-name[data-v-ce829478]{font-family:var(--heading-font-family, var(--font-family));font-weight:700;font-size:.9375rem;line-height:.95;letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.brand-subtitle[data-v-ce829478]{font-size:.5625rem;font-weight:600;line-height:1;letter-spacing:.1em;text-transform:uppercase;color:var(--text-color-secondary);opacity:.9;transition:color .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)}.header-nav[data-v-ce829478]{display:flex;gap:.375rem;position:absolute;left:50%;transform:translate(-50%);min-width:0;overflow-x:auto;scrollbar-width:none;padding:0}.header-nav[data-v-ce829478]::-webkit-scrollbar{display:none}.nav-pill[data-v-ce829478]{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .45rem;border-radius:.375rem;color:var(--text-color-secondary);text-decoration:none;white-space:nowrap;font-size:.8125rem;font-weight:500;background:transparent;border:none;position:relative;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-pill[data-v-ce829478]:before{content:"";position:absolute;inset:0;background-color:var(--surface-hover);border-radius:.375rem;opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);z-index:-1}.nav-pill[data-v-ce829478]:hover:before{opacity:1}.nav-pill[data-v-ce829478]:hover{color:var(--text-color)}.nav-pill.is-active[data-v-ce829478]{color:var(--primary-color)}.header-tools[data-v-ce829478]{display:flex;align-items:center;gap:.5rem}.header-stats[data-v-ce829478]{display:inline-flex;align-items:center;gap:.3rem;height:30px}.header-stat[data-v-ce829478]{min-width:0;height:100%;padding:.15rem .45rem;border-radius:.375rem;background:rgba(var(--surface-card-rgb),.35);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-stat--level[data-v-ce829478]{width:9rem;display:flex;flex-direction:column;justify-content:center}.header-stat--compact[data-v-ce829478]{display:inline-flex;align-items:center;gap:.3rem}.stat-head[data-v-ce829478],.header-stat--compact div[data-v-ce829478]{display:flex;flex-direction:column;gap:0}.stat-label[data-v-ce829478],.stat-meta[data-v-ce829478]{color:var(--text-color-secondary);font-size:.5rem;letter-spacing:.06em;text-transform:uppercase;line-height:1.1}.stat-value[data-v-ce829478]{color:var(--text-color);font-weight:700;font-size:.6875rem;line-height:1.1}.xp-track[data-v-ce829478]{width:100%;height:2px;margin:.12rem 0 .08rem;border-radius:999px;background:var(--surface-hover);overflow:hidden}.xp-fill[data-v-ce829478]{height:100%;border-radius:inherit;background:var(--primary-color)}.guest-actions[data-v-ce829478]{display:inline-flex;align-items:center;gap:.375rem}.ghost-action[data-v-ce829478]{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--primary-color);background:transparent;border:1.5px solid var(--primary-color);font-weight:600;font-size:.8125rem;padding:.3rem .7rem;border-radius:.4rem;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:65px;box-shadow:0 1px 2px #0000000d}.ghost-action[data-v-ce829478]:hover{background:var(--primary-color);color:var(--primary-color-text);transform:translateY(-1px);box-shadow:0 4px 6px #0000001f,0 2px 4px #00000014}.ghost-action[data-v-ce829478]:active{transform:translateY(0);box-shadow:0 1px 2px #00000014}.primary-action[data-v-ce829478]{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--primary-color-text);background:var(--primary-color);border:none;font-weight:600;font-size:.8125rem;padding:.3rem .7rem;border-radius:.4rem;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:65px;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.primary-action[data-v-ce829478]:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 6px #0000001f,0 2px 4px #00000014}.primary-action[data-v-ce829478]:active{transform:translateY(0);box-shadow:0 1px 2px #0000001f}.header-actions[data-v-ce829478]{display:inline-flex;align-items:center;gap:.375rem}.icon-action[data-v-ce829478]{width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border:1px solid var(--surface-border);border-radius:.45rem;background:var(--surface-ground);color:var(--text-color-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:all .2s ease}.icon-action[data-v-ce829478]:hover{color:var(--text-color);border-color:rgba(var(--primary-color-rgb),.35);background:var(--surface-hover);transform:translateY(-1px)}.icon-action[data-v-ce829478]:active{transform:translateY(0)}.icon-action.is-active[data-v-ce829478]{color:var(--primary-color);border-color:rgba(var(--primary-color-rgb),.35)}.icon-action--danger[data-v-ce829478]:hover{color:var(--danger-color);border-color:#ef444440;background:#ef444414}@media(max-width:991px)and (min-width:768px){.global-header[data-v-ce829478]{padding:0 .875rem}.header-shell[data-v-ce829478]{height:48px}.brand-button[data-v-ce829478]{position:absolute;left:50%;transform:translate(-50%);flex-shrink:0;padding:.25rem .375rem}.header-nav[data-v-ce829478]{position:static;transform:none}.header-stats[data-v-ce829478]{display:none}.header-tools[data-v-ce829478]{margin-left:auto}.brand-name[data-v-ce829478]{font-size:.9375rem;font-weight:700;letter-spacing:-.01em}.brand-subtitle[data-v-ce829478]{font-size:.5rem;letter-spacing:.09em}}@media(max-width:767px){.global-header[data-v-ce829478]{padding:0 .5rem}.header-shell[data-v-ce829478]{height:48px}.header-nav[data-v-ce829478],.header-stats[data-v-ce829478],.guest-actions[data-v-ce829478]{display:none}.brand-button[data-v-ce829478]{position:absolute;left:50%;transform:translate(-50%);flex-shrink:0;padding:.125rem .25rem}.header-tools[data-v-ce829478]{margin-left:auto}.brand-name[data-v-ce829478]{font-size:.875rem;font-weight:700;letter-spacing:-.01em}.brand-subtitle[data-v-ce829478]{font-size:.5rem;letter-spacing:.085em}.icon-action[data-v-ce829478]{width:28px;height:28px;min-width:28px;min-height:28px}}.cookie-banner[data-v-48cb273a]{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + .95rem);z-index:9999;display:flex;justify-content:center;padding:0 var(--app-side-padding)}.cookie-banner__shell[data-v-48cb273a]{width:min(100%,var(--app-max-width));display:flex;align-items:center;gap:.9rem;padding:.85rem 1rem;border-radius:1.1rem;background:var(--background-elevated);border:1px solid var(--surface-border);box-shadow:0 18px 38px #00000047;backdrop-filter:var(--shell-blur);-webkit-backdrop-filter:var(--shell-blur)}.cookie-banner__goose[data-v-48cb273a]{flex-shrink:0;width:1.85rem;height:1.85rem;background-image:url(../images/soulstack-BDg3K-4c.png);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.84}.cookie-banner__text[data-v-48cb273a]{margin:0;color:var(--text-color-secondary);font-size:.875rem;line-height:1.45;flex:1}.cookie-banner__link[data-v-48cb273a]{color:var(--primary-color);font-weight:600}.cookie-banner__link[data-v-48cb273a]:focus-visible,.cookie-button[data-v-48cb273a]:focus-visible{outline:none;box-shadow:var(--focus-ring-shadow)}.cookie-banner__actions[data-v-48cb273a]{display:inline-flex;gap:.5rem;flex-shrink:0}.cookie-button[data-v-48cb273a]{min-height:2.45rem;padding:.65rem .95rem;border-radius:.8rem;border:1px solid transparent;font-size:.8125rem;font-weight:600;cursor:pointer;transition:transform var(--transition-smooth),background var(--transition-smooth),border-color var(--transition-smooth),color var(--transition-smooth),box-shadow var(--transition-smooth)}.cookie-button[data-v-48cb273a]:hover{transform:translateY(-1px)}.cookie-button--secondary[data-v-48cb273a]{background:rgba(var(--surface-card-rgb),.52);border-color:var(--surface-border);color:var(--text-color-secondary)}.cookie-button--secondary[data-v-48cb273a]:hover{color:var(--text-color);border-color:var(--surface-border-hover)}.cookie-button--primary[data-v-48cb273a]{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--btn-primary-shadow)}.cookie-button--primary[data-v-48cb273a]:hover{background:var(--btn-primary-hover)}.cookie-slide-enter-active[data-v-48cb273a],.cookie-slide-leave-active[data-v-48cb273a]{transition:transform var(--transition-smooth),opacity var(--transition-smooth)}.cookie-slide-enter-from[data-v-48cb273a],.cookie-slide-leave-to[data-v-48cb273a]{transform:translateY(110%);opacity:0}@media(max-width:767px){.cookie-banner__shell[data-v-48cb273a]{flex-wrap:wrap;align-items:flex-start}.cookie-banner__text[data-v-48cb273a]{flex-basis:calc(100% - 3rem)}.cookie-banner__actions[data-v-48cb273a]{width:100%;justify-content:flex-end}.cookie-button[data-v-48cb273a]{flex:1}}@media(max-width:640px){.cookie-banner[data-v-48cb273a]{bottom:calc(env(safe-area-inset-bottom) + 6.15rem);padding-inline:max(.85rem,calc(var(--app-side-padding) - .15rem))}.cookie-banner__goose[data-v-48cb273a]{display:none}.cookie-banner__shell[data-v-48cb273a]{gap:.75rem;padding:.85rem .9rem}.cookie-banner__text[data-v-48cb273a]{flex-basis:100%;font-size:.8125rem}.cookie-banner__actions[data-v-48cb273a]{justify-content:stretch}}.app-wrapper[data-v-a077338d]{position:fixed;inset:0;width:100%;max-width:100%;background:transparent;font-family:Inter,Segoe UI,sans-serif;overflow:hidden}.main-wrapper[data-v-a077338d]{position:fixed;inset:0;display:flex;flex-direction:column;min-width:0;max-width:100%}.main-container[data-v-a077338d]{width:100%;height:100%;background:transparent;min-width:0;max-width:100%;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;flex:1}.menu-appear-enter-active[data-v-a077338d]{transition:opacity .6s ease .5s}.menu-appear-enter-from[data-v-a077338d]{opacity:0}@media(max-width:520px){.splash-title[data-v-a077338d]{font-size:clamp(1.35rem,7vw,2.1rem);letter-spacing:-.005em}.main-wrapper[data-v-a077338d]{padding:0}}@media(min-width:521px)and (max-width:768px){.main-wrapper[data-v-a077338d]{padding:0}}@media(min-width:769px)and (max-width:1024px){.main-wrapper[data-v-a077338d]{padding:0}}@media(min-width:1920px){.main-wrapper[data-v-a077338d]{padding:0}}@media(min-width:2560px){.main-wrapper[data-v-a077338d]{padding:0}}.bg-effect-toggle{&[data-v-a077338d]{position:fixed;bottom:1.5rem;left:1.5rem;padding:.4rem .6rem;background:rgba(var(--surface-card-rgb),.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--primary-color-rgb),.15);border-radius:.375rem;display:flex;align-items:center;gap:.35rem;cursor:pointer;transition:all .2s ease;z-index:1000;box-shadow:0 2px 6px #0003;font-family:var(--font-family);opacity:.5}&[data-v-a077338d]:hover{opacity:1;background:rgba(var(--surface-card-rgb),.6);border-color:rgba(var(--primary-color-rgb),.25)}&[data-v-a077338d]:active{transform:scale(.98)}.toggle-icon[data-v-a077338d]{width:14px;height:14px;color:#a855f7;transition:all .2s ease;flex-shrink:0;opacity:.8}.toggle-text[data-v-a077338d]{font-size:.7rem;font-weight:400;color:var(--text-muted);white-space:nowrap;letter-spacing:.01em}}.toggle-appear-enter-active[data-v-a077338d]{transition:opacity .6s ease .7s}.toggle-appear-enter-from[data-v-a077338d]{opacity:0}@media(max-width:768px){.bg-effect-toggle{&[data-v-a077338d]{bottom:1rem;left:1rem;padding:.35rem .5rem}.toggle-icon[data-v-a077338d]{width:12px;height:12px}.toggle-text[data-v-a077338d]{font-size:.65rem}}}.page-fade-enter-active[data-v-a077338d],.page-fade-leave-active[data-v-a077338d]{transition:all .4s cubic-bezier(.4,0,.2,1)}.page-fade-enter-from[data-v-a077338d]{opacity:0;transform:translateY(20px) scale(.98)}.page-fade-leave-to[data-v-a077338d]{opacity:0;transform:translateY(-20px) scale(1.02)}.page-slide-left-enter-active[data-v-a077338d],.page-slide-left-leave-active[data-v-a077338d]{transition:all .5s cubic-bezier(.4,0,.2,1)}.page-slide-left-enter-from[data-v-a077338d]{opacity:0;transform:translate(100px) scale(.95)}.page-slide-left-leave-to[data-v-a077338d]{opacity:0;transform:translate(-100px) scale(1.05)}.page-slide-right-enter-active[data-v-a077338d],.page-slide-right-leave-active[data-v-a077338d]{transition:all .5s cubic-bezier(.4,0,.2,1)}.page-slide-right-enter-from[data-v-a077338d]{opacity:0;transform:translate(-100px) scale(.95)}.page-slide-right-leave-to[data-v-a077338d]{opacity:0;transform:translate(100px) scale(1.05)}.page-entering[data-v-a077338d]{animation:pageEnterGlow-a077338d .6s ease-out}.page-leaving[data-v-a077338d]{animation:pageLeaveGlow-a077338d .4s ease-in}@keyframes pageEnterGlow-a077338d{0%{filter:brightness(.8) blur(2px)}50%{filter:brightness(1.1) blur(1px)}to{filter:brightness(1) blur(0)}}@keyframes pageLeaveGlow-a077338d{0%{filter:brightness(1) blur(0)}to{filter:brightness(.9) blur(1px)}}@media(prefers-reduced-motion:reduce){.page-fade-enter-active[data-v-a077338d],.page-fade-leave-active[data-v-a077338d],.page-slide-left-enter-active[data-v-a077338d],.page-slide-left-leave-active[data-v-a077338d],.page-slide-right-enter-active[data-v-a077338d],.page-slide-right-leave-active[data-v-a077338d]{transition:none}.page-entering[data-v-a077338d],.page-leaving[data-v-a077338d]{animation:none}}