:root{--primary-purple: #751aff;--primary-purple-dark: #5a0fd6;--primary-purple-darker: #6600cc;--primary-purple-light: #9d5cff;--primary-purple-lighter: #c49dff;--primary-purple-darkest: var(--primary-purple-darker);--primary-purple-alpha-5: rgb(117, 26, 255, .05);--primary-purple-alpha-10: rgb(117, 26, 255, .1);--primary-purple-alpha-15: rgb(117, 26, 255, .15);--primary-purple-alpha-20: rgb(117, 26, 255, .2);--primary-purple-alpha-25: rgb(117, 26, 255, .25);--primary-purple-alpha-30: rgb(117, 26, 255, .3);--primary-purple-alpha-40: rgb(117, 26, 255, .4);--primary-purple-alpha-50: rgb(117, 26, 255, .5);--primary-purple-alpha-60: rgb(117, 26, 255, .6);--primary-purple-alpha-80: rgb(117, 26, 255, .8);--purple-bg: #3d1a80;--dark-bg-primary: var(--gray-900);--dark-bg-secondary: var(--gray-900);--dark-bg-tertiary: var(--purple-bg);--dark-bg-quaternary: var(--black);--dark-bg-surface: var(--black);--dark-text-primary: var(--white);--dark-text-secondary: var(--white);--dark-text-tertiary: var(--gray-200);--dark-border-primary: var(--white);--dark-border-secondary: var(--white);--light-bg-primary: var(--white);--light-bg-secondary: var(--gray-200);--light-bg-tertiary: var(--purple-100);--light-bg-quaternary: var(--gray-200);--light-bg-surface: var(--white);--light-text-primary: var(--gray-900);--light-text-secondary: var(--gray-700);--light-text-tertiary: var(--gray-600);--light-border-primary: var(--gray-900);--light-border-secondary: var(--gray-500);--light-bg-gradient-1: var(--white);--light-bg-gradient-2: var(--gray-200);--light-bg-gradient-3: var(--purple-100);--light-bg-gradient-4: var(--primary-purple-alpha-10);--blue-100: #93c5fd;--blue-500: #3b82f6;--blue-700: #1d4ed8;--blue-200: var(--blue-100);--blue-300: var(--blue-100);--blue-600: var(--blue-700);--blue-800: var(--blue-700);--blue-900: var(--blue-700);--blue-alpha-05: rgb(59, 130, 246, .05);--blue-alpha-10: rgb(59, 130, 246, .1);--blue-alpha-15: rgb(59, 130, 246, .15);--blue-alpha-20: rgb(59, 130, 246, .2);--blue-alpha-25: rgb(59, 130, 246, .25);--blue-alpha-30: rgb(59, 130, 246, .3);--blue-alpha-40: rgb(59, 130, 246, .4);--blue-alpha-60: rgb(59, 130, 246, .6);--green-100: #86efac;--green-500: #22c55e;--green-700: #15803d;--green-200: var(--green-100);--green-300: var(--green-100);--green-600: var(--green-700);--green-800: var(--green-700);--green-neon: var(--green-500);--green-alpha-05: rgb(34, 197, 94, .05);--green-alpha-10: rgb(34, 197, 94, .1);--green-alpha-15: rgb(34, 197, 94, .15);--green-alpha-20: rgb(34, 197, 94, .2);--green-alpha-25: rgb(34, 197, 94, .25);--green-alpha-30: rgb(34, 197, 94, .3);--green-alpha-40: rgb(34, 197, 94, .4);--green-alpha-60: rgb(34, 197, 94, .6);--red-100: #fca5a5;--red-500: #ef4444;--red-700: #b91c1c;--red-300: var(--red-100);--red-400: var(--red-500);--red-600: var(--red-500);--red-800: var(--red-700);--red-900: var(--red-700);--red-light: var(--red-100);--red-alpha-05: rgb(239, 68, 68, .05);--red-alpha-10: rgb(239, 68, 68, .1);--red-alpha-15: rgb(239, 68, 68, .15);--red-alpha-20: rgb(239, 68, 68, .2);--red-alpha-30: rgb(239, 68, 68, .3);--red-alpha-40: rgb(239, 68, 68, .4);--red-alpha-60: rgb(239, 68, 68, .6);--red-light-alpha-60: rgb(252, 165, 165, .6);--orange-100: #fb923c;--orange-500: #f97316;--orange-700: #c2410c;--orange-300: var(--orange-100);--orange-400: var(--orange-500);--orange-600: var(--orange-700);--orange-fretboard: var(--orange-100);--orange-scale: var(--orange-500);--orange-scale-dark: var(--orange-700);--orange-scale-darker: var(--orange-700);--orange-alpha-10: rgb(249, 115, 22, .1);--orange-alpha-15: rgb(249, 115, 22, .15);--orange-alpha-20: rgb(249, 115, 22, .2);--orange-alpha-25: rgb(249, 115, 22, .25);--orange-alpha-30: rgb(249, 115, 22, .3);--orange-alpha-40: rgb(249, 115, 22, .4);--orange-alpha-50: rgb(249, 115, 22, .5);--orange-400-alpha-60: rgb(249, 115, 22, .6);--orange-600-alpha-60: rgb(194, 65, 12, .6);--orange-100-alpha-04: rgb(251, 146, 60, .04);--orange-100-alpha-08: rgb(251, 146, 60, .08);--orange-100-alpha-10: rgb(251, 146, 60, .1);--orange-100-alpha-15: rgb(251, 146, 60, .15);--orange-100-alpha-20: rgb(251, 146, 60, .2);--orange-100-alpha-25: rgb(251, 146, 60, .25);--orange-100-alpha-30: rgb(251, 146, 60, .3);--orange-100-alpha-40: rgb(251, 146, 60, .4);--amber-100: var(--orange-300);--amber-300: var(--orange-300);--amber-400: var(--orange-500);--amber-500: var(--orange-500);--amber-gold: var(--orange-300);--yellow-400: var(--orange-300);--amber-alpha-60: var(--orange-alpha-50);--amber-alpha-80: var(--orange-alpha-50);--purple-100: #e9d5ff;--purple-500: #a855f7;--purple-700: #9333ea;--purple-200: var(--purple-100);--purple-300: var(--purple-100);--purple-400: var(--purple-500);--purple-600: var(--purple-700);--purple-indigo: var(--purple-700);--purple-chord: var(--purple-500);--purple-chord-dark: var(--purple-700);--purple-alpha-10: rgb(168, 85, 247, .1);--purple-alpha-15: rgb(168, 85, 247, .15);--purple-alpha-20: rgb(168, 85, 247, .2);--purple-alpha-30: rgb(168, 85, 247, .3);--purple-alpha-40: rgb(168, 85, 247, .4);--purple-alpha-60: rgb(168, 85, 247, .6);--purple-700-alpha-10: rgb(147, 51, 234, .1);--purple-700-alpha-12: rgb(147, 51, 234, .12);--purple-700-alpha-15: rgb(147, 51, 234, .15);--purple-700-alpha-18: rgb(147, 51, 234, .18);--purple-700-alpha-20: rgb(147, 51, 234, .2);--purple-600-alpha-60: rgb(147, 51, 234, .6);--white: #ffffff;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: var(--gray-200);--gray-500: #6b7280;--gray-700: #374151;--gray-900: var(--black);--black: #000000;--silver-light: #f8f9fc;--silver-mid: #e8ebf0;--silver-dark: #d0d4dc;--gray-50: var(--white);--gray-400: var(--gray-500);--gray-600: var(--gray-500);--gray-800: var(--gray-700);--gray-111111: var(--gray-900);--gray-neutral: var(--gray-500);--gray-alpha-30: rgb(156, 163, 175, .3);--black-alpha-05: rgb(0, 0, 0, .05);--black-alpha-10: rgb(0, 0, 0, .1);--black-alpha-20: rgb(0, 0, 0, .2);--black-alpha-30: rgb(0, 0, 0, .3);--black-alpha-40: rgb(0, 0, 0, .4);--black-alpha-50: rgb(0, 0, 0, .5);--black-alpha-60: rgb(0, 0, 0, .6);--black-alpha-90: rgb(0, 0, 0, .9);--white-alpha-05: rgb(255, 255, 255, .05);--white-alpha-06: rgb(255, 255, 255, .06);--white-alpha-10: rgb(255, 255, 255, .1);--white-alpha-15: rgb(255, 255, 255, .15);--white-alpha-20: rgb(255, 255, 255, .2);--white-alpha-30: rgb(255, 255, 255, .3);--white-alpha-40: rgb(255, 255, 255, .4);--white-alpha-50: rgb(255, 255, 255, .5);--white-alpha-60: rgb(255, 255, 255, .6);--white-alpha-80: rgb(255, 255, 255, .8);--white-alpha-90: rgb(255, 255, 255, .9);--cyan-accent: var(--blue-100);--beige: var(--gray-200);--keyboard-white-key: var(--white);--keyboard-white-key-secondary: var(--gray-100);--keyboard-white-key-hover: var(--gray-100);--keyboard-white-key-border: var(--gray-200);--keyboard-black-key: var(--gray-700);--keyboard-black-key-secondary: var(--gray-900);--keyboard-black-key-border: var(--gray-600);--guitar-fretboard: #3e2723;--guitar-fretboard-primary: var(--guitar-fretboard);--guitar-fretboard-secondary: var(--gray-900);--guitar-fretboard-light-primary: var(--orange-fretboard);--guitar-fretboard-light-secondary: var(--orange-fretboard);--guitar-surface: var(--guitar-fretboard);--guitar-border: var(--metal-color);--guitar-border-light: var(--orange-fretboard);--bass-surface: var(--guitar-fretboard);--bass-border: var(--red-500);--metal-color: #bbbbbb;--fret-color: var(--metal-color);--fret-wire-primary: var(--metal-color);--fret-wire-secondary: var(--metal-color);--fret-marker: var(--beige);--fret-marker-secondary: var(--metal-color);--fret-marker-border: var(--metal-color);--string-color: var(--metal-color);--string-1: var(--string-color);--string-2: var(--string-color);--string-3: var(--string-color);--string-4: var(--string-color);--string-5: var(--string-color);--string-6: var(--string-color);--string-center: var(--string-color);--string-center-dark: var(--string-color);--string-center-darker: var(--string-color);--string-center-darkest: var(--string-color);--note-selected: var(--blue-500);--note-selected-dark: var(--blue-700);--note-melody: var(--green-300);--note-melody-dark: var(--green-700);--note-scale: var(--orange-500);--note-scale-dark: var(--orange-700);--note-scale-root: var(--red-500);--note-scale-root-dark: var(--red-700);--note-chord: var(--purple-500);--note-chord-dark: var(--purple-700);--note-chord-root: var(--red-500);--note-chord-root-dark: var(--red-700);--scrollbar-track: var(--black);--scrollbar-thumb-primary: var(--primary-purple-dark);--scrollbar-thumb-secondary: var(--primary-purple);--scrollbar-thumb-hover-primary: var(--primary-purple-light);--scrollbar-thumb-hover-secondary: var(--primary-purple-lighter);--scrollbar-thumb-active-primary: var(--primary-purple-darker);--scrollbar-thumb-active-secondary: var(--primary-purple-dark);--scrollbar-guitar-track: var(--black);--scrollbar-guitar-track-secondary: var(--black);--scrollbar-guitar-thumb-primary: var(--primary-purple);--scrollbar-guitar-thumb-secondary: var(--primary-purple-dark);--scrollbar-guitar-thumb-border: var(--primary-purple-light);--scrollbar-guitar-thumb-hover-primary: var(--primary-purple-dark);--scrollbar-guitar-thumb-hover-secondary: var(--primary-purple-darker);--btn-primary-bg: var(--primary-purple);--btn-primary-bg-hover: var(--primary-purple-dark);--btn-primary-border: var(--primary-purple);--btn-primary-text: var(--white);--btn-secondary-bg: rgb(45, 21, 102, .8);--btn-secondary-border: rgb(212, 196, 255, .3);--btn-secondary-text: var(--dark-text-primary)}:root{--shadow-xs: 0 1px 2px rgba(0, 0, 0, .1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 6px 15px rgba(0, 0, 0, .2);--shadow-xl: 0 10px 25px rgba(0, 0, 0, .25);--shadow-2xl: 0 20px 40px rgba(0, 0, 0, .3);--shadow-3xl: 0 25px 50px rgba(0, 0, 0, .35);--shadow-key-white: 0 4px 8px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .1);--shadow-key-black: 0 4px 10px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .4);--shadow-glow-purple-sm: 0 2px 8px var(--primary-purple-alpha-30);--shadow-glow-purple-md: 0 4px 15px var(--primary-purple-alpha-30);--shadow-glow-purple-lg: 0 6px 20px var(--primary-purple-alpha-40);--shadow-glow-purple-xl: 0 8px 25px var(--primary-purple-alpha-40);--shadow-glow-purple-2xl: 0 12px 30px var(--primary-purple-alpha-50);--shadow-glow-blue-sm: 0 0 12px var(--blue-alpha-40);--shadow-glow-blue-md: 0 0 20px var(--blue-alpha-60);--shadow-glow-green-sm: 0 0 4px var(--green-alpha-40);--shadow-glow-green-md: 0 0 20px var(--green-alpha-40);--shadow-glow-green-lg: 0 0 40px var(--green-alpha-60);--shadow-glow-orange-sm: 0 0 12px var(--orange-alpha-50);--shadow-glow-orange-md: 0 0 16px var(--orange-alpha-50);--shadow-glow-orange-lg: 0 0 20px var(--orange-alpha-50), 0 0 40px var(--orange-alpha-50);--shadow-glow-red-sm: 0 0 4px var(--red-alpha-40);--shadow-glow-red-md: 0 0 10px var(--red-alpha-40);--shadow-focus-ring: 0 0 0 3px var(--primary-purple-alpha-20);--shadow-focus-ring-purple: 0 0 0 3px var(--purple-alpha-40);--shadow-focus-ring-blue: 0 0 0 3px var(--blue-alpha-40);--shadow-inner-sm: inset 0 1px 2px rgba(0, 0, 0, .1);--shadow-inner-md: inset 0 2px 4px rgba(0, 0, 0, .15);--shadow-none: none;--gradient-surface-dark: linear-gradient(145deg, var(--gray-700), var(--gray-900));--gradient-surface-light: linear-gradient(145deg, var(--white), var(--gray-200));--gradient-surface-white: linear-gradient(145deg, var(--white), var(--gray-300));--gradient-primary: linear-gradient(145deg, var(--primary-purple), var(--primary-purple-dark));--gradient-primary-hover: linear-gradient( 145deg, var(--primary-purple-dark), var(--primary-purple-darker) );--gradient-primary-light: linear-gradient( 135deg, var(--primary-purple), var(--primary-purple-light) );--gradient-primary-soft: linear-gradient( 145deg, var(--primary-purple-alpha-25), var(--primary-purple-alpha-20) );--gradient-purple: linear-gradient(145deg, var(--purple-700), var(--purple-500));--gradient-purple-soft: linear-gradient(145deg, var(--purple-500), var(--purple-700));--gradient-note-selected: linear-gradient( 145deg, var(--note-selected), var(--note-selected-dark) );--gradient-note-melody: linear-gradient(145deg, var(--note-melody), var(--note-melody-dark));--gradient-note-scale: linear-gradient(145deg, var(--note-scale), var(--note-scale-dark));--gradient-note-scale-root: linear-gradient( 145deg, var(--note-scale-root), var(--note-scale-root-dark) );--gradient-note-chord: linear-gradient(145deg, var(--note-chord), var(--note-chord-dark));--gradient-note-chord-root: linear-gradient( 145deg, var(--note-chord-root), var(--note-chord-root-dark) );--gradient-chord-scale: linear-gradient(145deg, var(--note-chord), var(--note-scale));--gradient-root-chord: linear-gradient(145deg, var(--note-scale-root), var(--note-chord));--gradient-root-scale: linear-gradient(145deg, var(--note-chord-root), var(--note-scale));--gradient-red: linear-gradient(145deg, var(--red-500), var(--red-700));--gradient-red-dark: linear-gradient(145deg, var(--red-700), var(--red-800));--gradient-green: linear-gradient(145deg, var(--green-500), var(--green-600));--gradient-blue: linear-gradient(145deg, var(--blue-500), var(--blue-700));--gradient-orange: linear-gradient(145deg, var(--orange-500), var(--orange-700));--gradient-card-blue: linear-gradient(145deg, var(--blue-alpha-10), var(--blue-alpha-05));--gradient-card-blue-hover: linear-gradient(145deg, var(--blue-alpha-15), var(--blue-alpha-10));--gradient-card-blue-active: linear-gradient(145deg, var(--blue-alpha-30), var(--blue-alpha-20));--gradient-card-green: linear-gradient(145deg, var(--green-alpha-10), var(--green-alpha-05));--gradient-card-green-hover: linear-gradient( 145deg, var(--green-alpha-15), var(--green-alpha-10) );--gradient-card-green-active: linear-gradient( 145deg, var(--green-alpha-30), var(--green-alpha-20) );--gradient-card-red: linear-gradient(145deg, var(--red-alpha-10), var(--red-alpha-05));--gradient-card-red-hover: linear-gradient(145deg, var(--red-alpha-15), var(--red-alpha-10));--gradient-card-red-active: linear-gradient(145deg, var(--red-alpha-30), var(--red-alpha-20));--gradient-progress: linear-gradient(90deg, var(--blue-500), var(--blue-100));--gradient-glow-purple: radial-gradient( circle, var(--primary-purple-alpha-30) 0%, transparent 70% );--gradient-glow-purple-soft: radial-gradient( circle, var(--primary-purple-alpha-20) 0%, transparent 70% );--gradient-glow-blue: radial-gradient(circle, var(--blue-alpha-20) 0%, transparent 70%);--gradient-glow-green: radial-gradient(circle, var(--green-alpha-20) 0%, transparent 70%);--gradient-glow-red: radial-gradient(circle, var(--red-alpha-20) 0%, transparent 70%);--scale-hover-sm: scale(1.02);--scale-hover: scale(1.05);--scale-hover-lg: scale(1.1);--scale-hover-xl: scale(1.15);--scale-active: scale(.98);--scale-active-sm: scale(.95);--scale-pressed: scale(.9);--scale-hidden: scale(0);--scale-visible: scale(1);--lift-xs: translateY(-2px);--lift-sm: translateY(-4px);--lift-md: translateY(-6px);--lift-lg: translateY(-8px);--lift-xl: translateY(-10px);--drop-sm: translateY(4px);--drop-md: translateY(8px);--lift-none: translateY(0);--center-xy: translate(-50%, -50%);--center-x: translateX(-50%);--center-y: translateY(-50%);--rotate-0: rotate(0deg);--rotate-45: rotate(45deg);--rotate-90: rotate(90deg);--rotate-180: rotate(180deg);--rotate-270: rotate(270deg);--rotate-full: rotate(360deg);--transform-modal-enter: scale(.8) translateY(20px);--transform-modal-visible: scale(1) translateY(0);--transform-bounce-start: scale(.8) rotate(-5deg);--transform-bounce-mid: scale(1.1) rotate(5deg);--transform-bounce-end: scale(1) rotate(0deg);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 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-back: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-fast: all var(--duration-100) var(--ease-out);--transition-normal: all var(--duration-150) var(--ease-out);--transition-slow: all var(--duration-200) var(--ease-out);--transition-slower: all var(--duration-300) var(--ease-out);--transition-button: all var(--duration-200) var(--ease-out);--transition-key: all var(--duration-100) var(--ease-out);--transition-control: all var(--duration-150) var(--ease-out);--transition-hover: all var(--duration-200) var(--ease-out);--blur-none: blur(0);--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(10px);--backdrop-blur-lg: blur(15px);--backdrop-blur-xl: blur(20px);--opacity-0: 0;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1;--animation-spin: spin 1s linear infinite;--animation-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animation-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animation-bounce: bounce 1s infinite;--animation-fade-in: fadein .3s ease-out;--animation-slide-up: slideup .3s ease-out;--animation-scale-in: scalein .2s ease-out;--animation-button-press: buttonpress .2s ease;--animation-key-press: keypress .1s ease;--animation-control-flash: controlflash 1s ease;--animation-record-pulse: recordpulse 2s infinite;--filter-none: none;--filter-grayscale: grayscale(100%);--filter-sepia: sepia(100%);--filter-saturate: saturate(150%);--filter-brightness: brightness(110%);--filter-contrast: contrast(110%);--focus-ring-color: var(--primary-purple-lighter);--focus-ring-width: 3px;--focus-ring-offset: 2px;--focus-ring-halo: 0 0 0 5px rgba(196, 157, 255, .35);--focus-ring-color-light: var(--green-500);--focus-ring-color-dark: var(--green-100);--focus-ring-color-high-contrast: var(--green-700);--glass-bg-1: rgba(255, 255, 255, .08);--glass-bg-2: rgba(255, 255, 255, .12);--glass-bg-3: rgba(255, 255, 255, .14);--glass-bg-4: rgba(255, 255, 255, .18);--glass-blur-1: blur(24px) saturate(140%);--glass-blur-2: blur(16px) saturate(150%);--glass-blur-3: blur(10px) saturate(120%);--glass-blur-4: blur(8px) saturate(160%);--glass-border-subtle: rgba(255, 255, 255, .15);--glass-border-light: rgba(255, 255, 255, .22);--glass-border-medium: rgba(255, 255, 255, .3);--glass-border-strong: rgba(255, 255, 255, .4);--glass-edge-top: inset 0 1px 0 rgba(255, 255, 255, .12);--glass-edge-full: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -1px 0 rgba(255, 255, 255, .04);--glass-shadow-sm: 0 2px 8px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .1);--glass-shadow-md: 0 4px 16px rgba(0, 0, 0, .2), 0 2px 6px rgba(0, 0, 0, .1);--glass-shadow-lg: 0 8px 32px rgba(0, 0, 0, .25), 0 4px 12px rgba(0, 0, 0, .15);--glass-shadow-xl: 0 12px 48px rgba(0, 0, 0, .3), 0 6px 18px rgba(0, 0, 0, .15);--glass-tint-keyboard: rgba(59, 130, 246, .04);--glass-tint-keyboard-hover: rgba(59, 130, 246, .07);--glass-tint-keyboard-active: rgba(59, 130, 246, .1);--glass-tint-guitar: rgba(34, 197, 94, .04);--glass-tint-guitar-hover: rgba(34, 197, 94, .07);--glass-tint-guitar-active: rgba(34, 197, 94, .1);--glass-tint-bass: rgba(239, 68, 68, .04);--glass-tint-bass-hover: rgba(239, 68, 68, .07);--glass-tint-bass-active: rgba(239, 68, 68, .1);--glass-glow-keyboard: 0 0 20px rgba(59, 130, 246, .15);--glass-glow-guitar: 0 0 20px rgba(34, 197, 94, .15);--glass-glow-bass: 0 0 20px rgba(239, 68, 68, .15);--glass-transition-color: background .3s ease, border-color .3s ease, box-shadow .3s ease;--glass-transition-all: all .3s cubic-bezier(.4, 0, .2, 1);--glass-light-bg-1: rgba(255, 255, 255, .4);--glass-light-bg-2: rgba(255, 255, 255, .5);--glass-light-bg-3: rgba(255, 255, 255, .55);--glass-light-bg-4: rgba(255, 255, 255, .6);--glass-light-border-subtle: rgba(0, 0, 0, .06);--glass-light-border-light: rgba(0, 0, 0, .08);--glass-light-border-medium: rgba(0, 0, 0, .12);--glass-light-edge-top: inset 0 1px 0 rgba(255, 255, 255, .4);--glass-light-edge-full: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(255, 255, 255, .15)}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-xs: 5px;--space-sm: 10px;--space-md: 15px;--space-lg: 20px;--space-xl: 25px;--space-2xl: 30px;--gap-xs: 5px;--gap-sm: 6px;--gap-md: 8px;--gap-lg: 10px;--gap-xl: 12px;--gap-2xl: 15px;--gap-3xl: 20px;--gap-4xl: 24px;--padding-xs: 5px;--padding-sm: 6px 10px;--padding-md: 6px 12px;--padding-lg: 10px 20px;--padding-xl: 15px 20px;--padding-button: 6px 12px;--padding-control: 6px 10px;--margin-auto: 0 auto;--margin-xs: 5px;--margin-sm: 10px;--margin-md: 15px;--margin-lg: 20px;--margin-xl: 25px;--border-0: 0;--border-1: 1px;--border-2: 2px;--border-3: 3px;--border-4: 4px;--border-5: 5px;--border-thin: var(--border-1);--border-default: var(--border-2);--border-thick: var(--border-3);--border-focus: var(--border-3);--radius-none: 0;--radius-pixel: 1px;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-full: 50%;--radius-round: 9999px;--width-auto: auto;--width-full: 100%;--width-screen: 100vw;--width-min: min-content;--width-max: max-content;--width-fit: fit-content;--width-button-sm: 100px;--width-button-md: 120px;--width-button-lg: 140px;--width-control-sm: 40px;--width-control-md: 48px;--width-control-lg: 60px;--width-white-key: 60px;--width-black-key: 36px;--height-white-key: 280px;--height-black-key: 180px;--height-control: 32px;--height-control-lg: 40px;--height-octave-button: 40px;--height-octave-button-mobile: 35px;--min-width-container: 320px;--max-width-container: 1000px;--max-width-screen: 100%;--min-height-instrument: 350px;--min-height-keyboard: 300px;--min-height-guitar: 240px;--min-height-bass: 200px;--z-base: 1;--z-frets: 10;--z-strings: 15;--z-checkboxes: 20;--z-notes: 30;--z-controls: 50;--z-instrument-controls: 100;--z-mobile-controls: 900;--z-header: 1000;--z-sidebar: 1050;--z-modal: 9999;--z-tutorial: 10000;--breakpoint-xs: 360px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--container-padding-mobile: 10px;--container-padding-tablet: 20px;--container-padding-desktop: 20px;--content-max-width: 1200px;--content-max-width-narrow: 800px;--header-height: 80px;--footer-height: 120px}:root{--font-sans: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif;--font-mono: "SF Mono", monaco, "Cascadia Code", "Roboto Mono", consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .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-tiny: 9px;--text-mini: 10px;--text-small: 11px;--text-normal: 12px;--text-medium: 14px;--text-large: 16px;--font-thin: 100;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--letter-spacing-sm: .5px;--letter-spacing-md: 1px;--text-transform-none: none;--text-transform-uppercase: uppercase;--text-transform-lowercase: lowercase;--text-transform-capitalize: capitalize;--button-font-size: var(--text-normal);--button-font-weight: var(--font-semibold);--button-letter-spacing: var(--letter-spacing-sm);--button-text-transform: var(--text-transform-none);--control-font-size: var(--text-normal);--control-font-weight: var(--font-semibold);--control-letter-spacing: var(--letter-spacing-sm);--label-font-size: var(--text-normal);--label-font-weight: var(--font-semibold);--label-letter-spacing: var(--letter-spacing-sm);--label-text-transform: var(--text-transform-uppercase);--key-label-font-size: var(--text-normal);--key-label-font-weight: var(--font-semibold);--key-label-black-font-size: var(--text-mini);--header-font-size: var(--text-large);--header-font-weight: var(--font-bold);--header-letter-spacing: var(--letter-spacing-md);--header-text-transform: var(--text-transform-uppercase);--octave-font-size: 24px;--octave-font-size-mobile: 20px;--octave-font-weight: var(--font-bold);--user-select-none: none;--user-select-auto: auto;--user-select-text: text;--user-select-all: all;--text-left: left;--text-center: center;--text-right: right;--text-justify: justify;--text-ellipsis: ellipsis;--text-clip: clip;--white-space-nowrap: nowrap;--white-space-normal: normal;--white-space-pre: pre;--white-space-pre-wrap: pre-wrap}.lg-surface-1{background:var(--glass-bg-1);backdrop-filter:var(--glass-blur-1);-webkit-backdrop-filter:var(--glass-blur-1);border:1px solid var(--glass-border-subtle);box-shadow:var(--glass-shadow-md),var(--glass-edge-full)}.lg-surface-2{background:var(--glass-bg-2);backdrop-filter:var(--glass-blur-2);-webkit-backdrop-filter:var(--glass-blur-2);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-sm),var(--glass-edge-full)}.lg-surface-3{background:var(--glass-bg-3);backdrop-filter:var(--glass-blur-3);-webkit-backdrop-filter:var(--glass-blur-3);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-sm),var(--glass-edge-top)}.lg-surface-4{background:var(--glass-bg-4);backdrop-filter:var(--glass-blur-4);-webkit-backdrop-filter:var(--glass-blur-4);border:1px solid var(--glass-border-medium);box-shadow:var(--glass-shadow-md),var(--glass-edge-top)}.lg-specular{position:relative;overflow:hidden}.lg-specular:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.04) 40%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 60%,transparent 100%);transform:translate(-100%);pointer-events:none;z-index:1}.lg-specular:hover:after{transform:translate(100%)}@media(prefers-reduced-motion:reduce){.lg-specular:after{transform:none;background:none}.lg-specular:hover:after{transform:none}}@media(forced-colors:active){.lg-surface-1,.lg-surface-2,.lg-surface-3,.lg-surface-4{border:2px solid ButtonText;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;background:Canvas}.lg-specular:after{display:none}}@media(max-width:480px){.lg-surface-1{backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}.lg-surface-2{backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%)}.lg-surface-3{backdrop-filter:blur(5px) saturate(120%);-webkit-backdrop-filter:blur(5px) saturate(120%)}.lg-surface-4{backdrop-filter:blur(4px) saturate(160%);-webkit-backdrop-filter:blur(4px) saturate(160%)}}.fret-checkbox,.bass-fret-checkbox{width:28px;height:28px;appearance:none;background:transparent;border:2px solid var(--fb-accent);border-radius:50%;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.fret-checkbox:checked,.bass-fret-checkbox:checked{background:linear-gradient(145deg,var(--fb-accent),var(--fb-accent-dark));border-color:var(--fb-accent-light)}.fret-checkbox:hover,.bass-fret-checkbox:hover{background:var(--fb-accent-alpha-60)}.fret-checkbox:focus-visible,.bass-fret-checkbox:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.fret-checkbox-label,.bass-fret-checkbox-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;cursor:pointer;text-align:center;color:var(--fb-accent);pointer-events:none;-webkit-user-select:none;user-select:none}.fret-checkbox:checked+.fret-checkbox-label,.bass-fret-checkbox:checked+.bass-fret-checkbox-label{color:var(--white)}.fret-checkbox.disabled,.bass-fret-checkbox.disabled{opacity:.5;background:transparent;border-color:var(--fb-accent-alpha-30);cursor:not-allowed}.fret-checkbox.disabled:hover,.bass-fret-checkbox.disabled:hover{background:transparent;border-color:var(--fb-accent-alpha-30)}.fret-checkbox-label.disabled,.bass-fret-checkbox-label.disabled{opacity:.5;color:var(--fb-disabled-label);cursor:not-allowed}.string-checkbox,.bass-string-checkbox{width:28px;height:28px;appearance:none;background:transparent;border:2px solid var(--fb-accent);border-radius:50%;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.string-checkbox:checked,.bass-string-checkbox:checked{background:linear-gradient(145deg,var(--fb-accent),var(--fb-accent-dark));border-color:var(--fb-accent-light)}.string-checkbox:hover,.bass-string-checkbox:hover{background:var(--fb-accent-alpha-60)}.string-checkbox:focus-visible,.bass-string-checkbox:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.string-checkbox-label,.bass-string-checkbox-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;cursor:pointer;text-align:center;color:var(--fb-accent);pointer-events:none;-webkit-user-select:none;user-select:none}.string-checkbox:checked+.string-checkbox-label,.bass-string-checkbox:checked+.bass-string-checkbox-label{color:var(--white)}.guitar-container::-webkit-scrollbar,.bass-container::-webkit-scrollbar{height:12px}.guitar-container::-webkit-scrollbar-button,.bass-container::-webkit-scrollbar-button{display:none;width:0;height:0}.guitar-container::-webkit-scrollbar-button:start:decrement,.guitar-container::-webkit-scrollbar-button:end:increment,.bass-container::-webkit-scrollbar-button:start:decrement,.bass-container::-webkit-scrollbar-button:end:increment{display:none}.guitar-container::-webkit-scrollbar-button:horizontal:start:decrement,.guitar-container::-webkit-scrollbar-button:horizontal:end:increment,.bass-container::-webkit-scrollbar-button:horizontal:start:decrement,.bass-container::-webkit-scrollbar-button:horizontal:end:increment{display:none;width:0}.guitar-container::-webkit-scrollbar-track,.bass-container::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-md)}.guitar-container::-webkit-scrollbar-thumb,.bass-container::-webkit-scrollbar-thumb{background:linear-gradient(145deg,var(--scrollbar-guitar-thumb-primary),var(--scrollbar-guitar-thumb-secondary));border-radius:var(--radius-md);border:1px solid var(--scrollbar-guitar-thumb-border)}.guitar-container::-webkit-scrollbar-thumb:hover,.bass-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,var(--scrollbar-guitar-thumb-hover-primary),var(--scrollbar-guitar-thumb-hover-secondary))}.guitar-container::-webkit-scrollbar-thumb:active,.bass-container::-webkit-scrollbar-thumb:active{background:linear-gradient(145deg,var(--fb-accent-darker),var(--fb-accent-darkest))}.fret-checkbox-container,.bass-fret-checkbox-container{position:absolute;bottom:-40px;left:50%;transform:translate(-44px);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:20}.string-checkbox-container,.bass-string-checkbox-container{position:absolute;left:-40px;transform:translateY(-50%);display:flex;align-items:center;gap:6px;z-index:20;flex-direction:row-reverse}.fret-position,.bass-fret-position{position:absolute;border-radius:var(--radius-lg);cursor:pointer;z-index:30;background:transparent}.fret-position:hover,.bass-fret-position:hover{background:transparent}.fret-position:focus-visible,.bass-fret-position:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.open-string-position,.bass-open-string-position{background:var(--white-alpha-30)}.open-string-position:hover,.bass-open-string-position:hover{background:transparent}.scale-selector,.bass-scale-selector{margin-bottom:20px;padding:15px;background:var(--primary-purple-alpha-5);border:1px solid var(--primary-purple-alpha-20);border-radius:var(--radius-lg)}.scale-selector-header,.bass-scale-selector-header{margin-bottom:10px}.scale-toggle-button,.bass-scale-toggle-button{background:var(--primary-purple-alpha-10);border:1px solid var(--primary-purple);color:var(--dark-text-primary);padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600}.scale-toggle-button:hover,.bass-scale-toggle-button:hover{background:var(--primary-purple-alpha-20)}.scale-selector-content,.bass-scale-selector-content{display:flex;flex-direction:column;gap:15px}.scale-controls,.bass-scale-controls{display:flex;gap:20px;flex-wrap:wrap}.scale-control-group,.bass-scale-control-group{display:flex;flex-direction:column;gap:5px;min-width:120px}.scale-control-group label,.bass-scale-control-group label{font-size:12px;color:var(--dark-text-primary);font-weight:600}.scale-control-group select,.bass-scale-control-group select{background:var(--primary-purple-alpha-10);border:1px solid var(--primary-purple);color:var(--dark-text-primary);padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px}.scale-control-group select:hover,.scale-control-group select:focus,.bass-scale-control-group select:hover,.bass-scale-control-group select:focus{background:var(--primary-purple-alpha-20);outline:none}.scale-control-group select:focus-visible,.bass-scale-control-group select:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.scale-description,.bass-scale-description{padding:10px;background:var(--black-alpha-20);border-radius:var(--radius-sm);border-left:3px solid var(--primary-purple)}.scale-description p,.bass-scale-description p{margin:5px 0;font-size:12px;color:var(--dark-text-primary)}.scale-actions,.bass-scale-actions{display:flex;gap:10px;flex-wrap:wrap}.apply-scale-button,.clear-scale-button,.bass-apply-scale-button,.bass-clear-scale-button{padding:8px 16px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;border:none}.apply-scale-button,.bass-apply-scale-button{background:linear-gradient(145deg,var(--note-melody),var(--note-melody-dark));color:var(--white)}.clear-scale-button,.bass-clear-scale-button{background:var(--red-alpha-60);color:var(--white)}.clear-scale-button:hover,.bass-clear-scale-button:hover{background:var(--red-500)}@media(max-width:768px){.scale-controls,.bass-scale-controls{flex-direction:column;gap:10px}.scale-actions,.bass-scale-actions{flex-direction:column}.apply-scale-button,.clear-scale-button,.bass-apply-scale-button,.bass-clear-scale-button{width:100%}}.position-toggle,.bass-position-toggle{margin:10px 0;padding:8px;background:var(--black-alpha-10);border-radius:var(--radius-sm)}.position-toggle label,.bass-position-toggle label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dark-text-primary);font-weight:600;cursor:pointer}.position-toggle input[type=checkbox],.bass-position-toggle input[type=checkbox]{width:16px;height:16px;appearance:none;background:var(--primary-purple-alpha-10);border:2px solid var(--primary-purple);border-radius:var(--radius-sm);cursor:pointer;position:relative}.position-toggle input[type=checkbox]:checked,.bass-position-toggle input[type=checkbox]:checked{background:linear-gradient(145deg,var(--primary-purple),var(--primary-purple-dark));border-color:var(--primary-purple-lighter)}.position-toggle input[type=checkbox]:checked:after,.bass-position-toggle input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-2px;left:2px;color:var(--white);font-size:12px;font-weight:700}.position-selector,.bass-position-selector{margin:10px 0;padding:10px;background:var(--black-alpha-20);border-radius:var(--radius-sm)}.position-info,.bass-position-info{margin-top:8px;padding:8px;border-radius:var(--radius-sm)}.position-info p,.bass-position-info p{margin:3px 0;font-size:11px;color:var(--dark-text-primary)}.guitar-container.practice-mode,.bass-container.practice-mode{padding-left:0;padding-bottom:0}.guitar-container.practice-mode .fret-position,.guitar-container.practice-mode .open-string-position,.bass-container.practice-mode .bass-fret-position,.bass-container.practice-mode .bass-open-string-position{cursor:pointer}.fret-range-dim,.bass-fret-range-dim{position:absolute;top:0;height:100%;background:var(--black-alpha-60);z-index:100;pointer-events:none}.fret-range-dim-left,.bass-fret-range-dim-left{left:0;border-right:2px solid var(--white-alpha-30)}.fret-range-dim-right,.bass-fret-range-dim-right{right:0;width:auto;border-left:2px solid var(--white-alpha-30)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;min-width:100%;height:100%;min-height:100%;overflow-x:hidden;font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--gray-900);color:var(--white)}@media(max-width:768px){html,body,#root{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar{width:0;height:0;display:none}}@media screen and (orientation:landscape)and (max-height:500px){html,body,#root{width:100vw;min-width:100vw;height:100vh;min-height:100vh}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-button,::-webkit-scrollbar-button:single-button,::-webkit-scrollbar-button:start,::-webkit-scrollbar-button:end,::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:vertical:start:decrement,::-webkit-scrollbar-button:vertical:end:increment{display:none;width:0;height:0}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(145deg,var(--scrollbar-thumb-primary),var(--scrollbar-thumb-secondary));border-radius:6px;border:2px solid var(--scrollbar-track)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,var(--scrollbar-thumb-hover-primary),var(--scrollbar-thumb-hover-secondary))}::-webkit-scrollbar-thumb:active{background:linear-gradient(145deg,var(--scrollbar-thumb-active-primary),var(--scrollbar-thumb-active-secondary))}html{scroll-padding-block:80px}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-secondary) var(--scrollbar-track)}}:focus-visible{outline:var(--focus-ring-width, 3px) solid var(--focus-ring-color, var(--primary-purple-lighter, #c49dff));outline-offset:var(--focus-ring-offset, 2px);box-shadow:var(--focus-ring-halo, 0 0 0 5px rgba(196, 157, 255, .35))}:focus:not(:focus-visible){outline:none}.skip-to-main{position:absolute;top:-40px;left:0;background:var(--blue-600, #2563eb);color:#fff;padding:8px 16px;z-index:10000;font-size:.875rem}.skip-to-main:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}@media(prefers-contrast:more){:root{--focus-ring-color: var(--white);--focus-ring-width: 4px;--focus-ring-halo: 0 0 0 6px var(--white-alpha-40);--glass-border-subtle: var(--white-alpha-60);--glass-border-light: var(--white-alpha-80)}:focus-visible{outline:4px solid var(--white);outline-offset:3px;box-shadow:0 0 0 6px var(--white-alpha-40)}a,button{text-decoration-thickness:2px}}._loaderContainer_1iqs3_5{display:flex;justify-content:center;align-items:center;min-height:50vh;width:100%;padding:40px 20px}._loader_1iqs3_5{display:flex;flex-direction:column;align-items:center;gap:16px}._spinner_1iqs3_21{width:40px;height:40px;border:3px solid var(--primary-purple-alpha-20);border-top-color:var(--primary-purple);border-radius:50%;animation:spin .8s linear infinite}._loadingText_1iqs3_30{font-size:14px;font-weight:500;color:var(--purple-500);opacity:.8}._container_1g6gc_3{min-height:100vh;background:linear-gradient(135deg,var(--black) 0%,var(--gray-900) 25%,var(--purple-bg) 50%,var(--purple-bg) 75%,var(--gray-900) 100%);display:flex;align-items:center;justify-content:center;padding:20px;font-family:system-ui,-apple-system,sans-serif}._card_1g6gc_23{padding:40px 20px;border:1px solid var(--glass-border-subtle);border-radius:var(--radius-2xl);background:var(--glass-bg-1);backdrop-filter:var(--glass-blur-1);-webkit-backdrop-filter:var(--glass-blur-1);color:var(--gray-200);text-align:center;max-width:600px;width:100%;box-shadow:var(--glass-shadow-md),var(--glass-edge-full)}._title_1g6gc_37{background:linear-gradient(145deg,var(--purple-700),var(--purple-500));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}._titleIcon_1g6gc_51{background:linear-gradient(145deg,var(--purple-700),var(--purple-500));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}._message_1g6gc_58{font-size:1.1rem;margin-bottom:1.5rem}._retryInfo_1g6gc_63{font-style:italic;font-size:14px;color:var(--gray-500);margin-bottom:1rem}._details_1g6gc_70{margin-top:20px;text-align:left;background:#4a556833;padding:15px;border-radius:var(--radius-lg);border:1px solid var(--gray-600)}._detailsSummary_1g6gc_79{cursor:pointer;font-weight:700;color:var(--gray-200)}._detailsSummary_1g6gc_79:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}._detailsContent_1g6gc_90{margin-top:15px}._errorStack_1g6gc_94{margin-top:15px;padding:15px;background-color:var(--gray-900);border:1px solid var(--gray-600);border-radius:var(--radius-lg);font-size:12px;overflow:auto;color:var(--gray-200)}._buttonContainer_1g6gc_105{margin-top:30px;display:flex;justify-content:center}._reloadButton_1g6gc_111{padding:.75rem 1.5rem;background:var(--purple-700);color:#fff;border:2px solid var(--white);border-radius:var(--radius-xl);cursor:pointer;font-weight:700;font-size:1rem;box-shadow:0 4px 12px #6b46c14d}._reloadButton_1g6gc_111:hover{background:var(--purple-500)}._reloadButton_1g6gc_111:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}._reloadButton_1g6gc_111:active{transform:translateY(0)}._checkbox_haq6r_4{appearance:none;-webkit-appearance:none;flex-shrink:0;width:20px;height:20px;margin:0;border:1.5px solid var(--glass-border-light);border-radius:var(--radius-sm);background:var(--white-alpha-06);cursor:pointer;position:relative;display:inline-block}._checkbox_haq6r_4:hover{border-color:var(--purple-500);background:var(--primary-purple-alpha-15)}._checkbox_haq6r_4:checked{background:var(--purple-700);border-color:var(--purple-500)}._checkbox_haq6r_4:checked:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;border:solid var(--white);border-width:0 2px 2px 0;transform:rotate(45deg)}._checkbox_haq6r_4:disabled{opacity:.5;cursor:not-allowed}._authForm_llcv9_2{padding:60px 40px 40px}._authBrand_llcv9_7{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:24px}._authLogo_llcv9_15{height:40px;width:auto;object-fit:contain}._authSlogan_llcv9_21{font-size:.875rem;font-style:italic;color:var(--purple-500);opacity:1;margin:0}._authForm_llcv9_2 h2{margin:0 0 12px;color:var(--white);font-size:28px;font-weight:700;text-align:center}._formDescription_llcv9_37{color:var(--white);font-size:18px;font-weight:600;text-align:center;margin:0 0 32px;line-height:1.5}._formGroup_llcv9_46{display:flex;flex-direction:column;gap:.5rem;margin-bottom:20px}._formGroup_llcv9_46 label{display:block;margin-bottom:8px;font-weight:700;color:var(--white);font-size:.9375rem}._formGroup_llcv9_46 input{width:100%;padding:1rem;border:1px solid var(--glass-border-light);border-radius:var(--radius-xl);font-size:1rem;font-weight:500;background:var(--glass-bg-1);box-sizing:border-box;color:var(--white)}._formGroup_llcv9_46 input::placeholder{color:var(--white);opacity:.6;font-weight:500}._formGroup_llcv9_46 input:focus{outline:none;border-color:var(--white-alpha-20)}._formGroup_llcv9_46 input:focus-visible{outline:none}._formGroup_llcv9_46 input:disabled{background:var(--gray-700);cursor:not-allowed;opacity:.7}._formGroup_llcv9_46 input._inputError_llcv9_95{border-color:var(--red-500);background:var(--red-alpha-20)}._formGroup_llcv9_46 input._inputError_llcv9_95:focus{border-color:var(--red-500);box-shadow:0 0 0 3px var(--red-alpha-20)}._formGroup_llcv9_46 input._inputValid_llcv9_105{border-color:var(--green-500);background:var(--green-alpha-20)}._fieldError_llcv9_110{color:var(--red-100);font-size:.75rem;margin-top:6px;display:flex;align-items:center;gap:4px}._fieldHint_llcv9_119{color:var(--gray-500);font-size:12px;margin-top:6px}._fieldSuccess_llcv9_125{color:var(--green-100);font-size:.75rem;margin-top:6px;display:flex;align-items:center;gap:4px}._consentGroup_llcv9_135{display:flex;flex-direction:column;gap:12px;margin-top:8px;margin-bottom:20px;padding:14px 16px;background:var(--white-alpha-05);border:1px solid var(--glass-border-light);border-radius:var(--radius-xl)}._consentLabel_llcv9_147{display:flex;align-items:flex-start;gap:12px;font-size:.8125rem;line-height:1.45;color:var(--gray-100);cursor:pointer;font-weight:500;margin:0}._consentCheckbox_llcv9_159{margin:1px 0 0}._consentLink_llcv9_164{color:var(--purple-500);text-decoration:underline;font-weight:600}._consentLink_llcv9_164:hover{color:var(--white)}._consentLink_llcv9_164:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;border-radius:var(--radius-xs)}._passwordStrength_llcv9_181{margin-top:8px}._strengthBar_llcv9_185{height:4px;background:var(--gray-600);border-radius:var(--radius-xs);overflow:hidden;margin-bottom:4px}._strengthFill_llcv9_193{height:100%;border-radius:var(--radius-xs)}._strengthFill_llcv9_193._weak_llcv9_198{width:33%;background:var(--red-500)}._strengthFill_llcv9_193._medium_llcv9_203{width:66%;background:var(--orange-500)}._strengthFill_llcv9_193._strong_llcv9_208{width:100%;background:var(--green-500)}._strengthText_llcv9_213{font-size:11px;color:var(--gray-500)}._strengthText_llcv9_213._weak_llcv9_198{color:var(--red-100)}._strengthText_llcv9_213._medium_llcv9_203{color:var(--orange-100)}._strengthText_llcv9_213._strong_llcv9_208{color:var(--green-100)}._authButton_llcv9_230{width:100%;padding:1rem 2rem;border:none;border-radius:var(--radius-xl);font-size:16px;font-weight:700;cursor:pointer;margin-top:16px;position:relative;overflow:hidden}._authButton_llcv9_230._primary_llcv9_243{background:var(--purple-700);color:#fff;border:2px solid var(--white)}._authButton_llcv9_230._primary_llcv9_243:hover:not(:disabled){background:var(--purple-500)}._authButton_llcv9_230:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}._authButton_llcv9_230:disabled{opacity:.6;cursor:not-allowed;transform:none!important}._authFooter_llcv9_264{margin-top:24px;text-align:center}._authFooter_llcv9_264 p{margin:0 0 12px;color:var(--gray-500);font-size:14px}._linkButton_llcv9_275{background:none;border:none;color:var(--blue-100);font-weight:600;cursor:pointer;text-decoration:none;font-size:inherit;padding:0;margin:0}._linkButton_llcv9_275:hover{text-decoration:underline;color:var(--blue-500)}._linkButton_llcv9_275:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}._errorMessage_llcv9_298{background:var(--red-alpha-15);color:var(--red-100);padding:.75rem 1rem;border-radius:var(--radius-lg);margin-bottom:20px;font-size:.875rem;border:1px solid var(--red-alpha-40)}._successMessage_llcv9_308{background:var(--green-alpha-20);color:var(--green-100);padding:.75rem 1rem;border-radius:var(--radius-lg);margin-bottom:20px;font-size:.875rem;border:1px solid var(--green-alpha-40)}@media(max-width:480px){._authModalOverlay_llcv9_320{padding:60px 10px 10px;align-items:flex-start}._authModal_llcv9_320{width:100%;max-width:100%;margin:0;max-height:calc(100vh - 80px)}._authForm_llcv9_2{padding:40px 20px 24px}._authLogo_llcv9_15{height:35px}._authSlogan_llcv9_21{font-size:.75rem}._authForm_llcv9_2 h2{font-size:20px}}@media(max-height:600px){._authModalOverlay_llcv9_320{align-items:flex-start;padding-top:20px}._authModal_llcv9_320{max-height:calc(100vh - 40px)}}@media(prefers-reduced-motion:reduce){._authModalOverlay_llcv9_320,._authModal_llcv9_320{animation:none}}._focusRing_167fs_17:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}._overlay_1k5bx_12{position:fixed;inset:0;background:var(--black-alpha-90);backdrop-filter:var(--backdrop-blur-md);-webkit-backdrop-filter:var(--backdrop-blur-md);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);padding:20px;box-sizing:border-box;overflow-y:auto}._dialog_1k5bx_27{background:var(--glass-bg-1);backdrop-filter:var(--glass-blur-1);-webkit-backdrop-filter:var(--glass-blur-1);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-2xl);padding:2rem;width:100%;position:relative;box-shadow:var(--glass-shadow-md),var(--glass-edge-full);max-height:calc(100vh - 40px);overflow-y:auto}._dialogFlush_1k5bx_43{padding:0}._header_1k5bx_47{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}._title_1k5bx_54{font-size:1.5rem;font-weight:700;color:var(--white);margin:0}._close_1k5bx_5{background:var(--black-alpha-30);border:2px solid var(--white-alpha-30);border-radius:50%;width:40px;height:40px;font-size:var(--text-xl);cursor:pointer;color:var(--white);z-index:10;display:flex;align-items:center;justify-content:center;font-weight:700;padding:0;backdrop-filter:var(--backdrop-blur-md);-webkit-backdrop-filter:var(--backdrop-blur-md);line-height:1}._close_1k5bx_5:hover{background:var(--black-alpha-50)}._closeFloating_1k5bx_89{position:absolute;top:20px;right:20px}._skipLink_9y45x_3{position:fixed;top:-100%;left:50%;transform:translate(-50%);z-index:10000;padding:12px 24px;background:var(--purple-700);color:#fff;font-weight:600;font-size:14px;text-decoration:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 4px 12px #4c1d9566}._skipLink_9y45x_3:focus{top:0;outline:none}._skipLink_9y45x_3:focus-visible{top:0;outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}._srOnly_16pzy_3{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._appContainer_1udsc_1{display:flex;flex-direction:row;width:100%;min-width:100%;min-height:100vh;background-color:var(--dark-bg-surface);background-image:radial-gradient(ellipse 80% 60% at 15% 0%,rgb(147,51,234,.12),transparent 60%),radial-gradient(ellipse 70% 50% at 85% 100%,rgb(61,26,128,.18),transparent 60%),linear-gradient(to right,rgb(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgb(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,#0a0a0f,#000);background-size:100% 100%,100% 100%,44px 44px,44px 44px,100% 100%;background-attachment:fixed;color:var(--dark-text-primary);position:relative;overflow:clip;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}._contentArea_1udsc_28{flex:1;display:flex;flex-direction:column;align-items:center;min-height:100vh;margin-left:220px;width:calc(100% - 220px);max-width:calc(100% - 220px);overflow-x:hidden;position:relative;z-index:1}@media(max-width:768px){._contentArea_1udsc_28{margin-left:0;width:100%;max-width:100%}}@media screen and (orientation:landscape)and (max-height:500px){._appContainer_1udsc_1{width:100vw;min-width:100vw;min-height:100vh}}._errorFallback_1udsc_60{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:40px 20px;text-align:center}._errorCard_1udsc_70{background:var(--glass-bg-1);backdrop-filter:var(--glass-blur-1);-webkit-backdrop-filter:var(--glass-blur-1);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-2xl);padding:40px 30px;max-width:500px;width:100%;color:var(--gray-200);box-shadow:var(--glass-shadow-md),var(--glass-edge-full)}._errorIcon_1udsc_83{font-size:3rem;margin-bottom:1rem}._errorTitle_1udsc_88{font-size:1.8rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(145deg,var(--purple-700),var(--purple-500));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.1em}._errorMessage_1udsc_100{font-size:1.1rem;margin-bottom:2rem;color:var(--gray-200)}._errorButton_1udsc_106{padding:.75rem 1.5rem;background:var(--purple-700);color:#fff;border:2px solid var(--white);border-radius:var(--radius-xl);cursor:pointer;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem}._errorButton_1udsc_106:hover{background:var(--purple-500)}._errorButton_1udsc_106:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}._mainContent_1udsc_130{flex:1;width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch;outline:none}._mainContent_1udsc_130>*{min-width:0;max-width:100%}._mainContent_1udsc_130:focus{outline:none}