: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-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-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);--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-40: rgb(168, 85, 247, .4);--purple-alpha-60: rgb(168, 85, 247, .6);--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-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);--focus-ring-width: 3px;--focus-ring-offset: 2px;--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)}.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%);transition:transform .6s var(--ease-in-out);pointer-events:none;z-index:1}.lg-specular:hover:after{transform:translate(100%)}@media(prefers-reduced-motion:reduce){.lg-specular:after{transition:none;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;transition:all var(--duration-200) ease;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;transition:all var(--duration-200) ease;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:linear-gradient(145deg,var(--scrollbar-guitar-track),var(--scrollbar-guitar-track-secondary));border-radius:6px}.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:6px;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:8px;cursor:pointer;z-index:30;transition:all var(--duration-200) ease;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:8px}.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:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all var(--duration-200) ease}.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:4px;cursor:pointer;font-size:12px;transition:all var(--duration-200) ease}.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:4px;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:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--duration-200) ease;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:4px}.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:4px;cursor:pointer;transition:all var(--duration-200) ease;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:4px}.position-info,.bass-position-info{margin-top:8px;padding:8px;border-radius:4px}.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:#0009;z-index:100;pointer-events:none}.fret-range-dim-left,.bass-fret-range-dim-left{left:0;border-right:2px solid rgba(255,255,255,.3)}.fret-range-dim-right,.bass-fret-range-dim-right{right:0;width:auto;border-left:2px solid rgba(255,255,255,.3)}*{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);transition:background .3s ease,color .3s ease}@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}::-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{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-secondary) var(--scrollbar-track)}:focus-visible{outline:2px solid var(--blue-400, #60a5fa);outline-offset:2px}: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;transition:top .2s}.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}._loaderContainer_rh48f_3{display:flex;justify-content:center;align-items:center;min-height:50vh;width:100%;padding:40px 20px}._loader_rh48f_3{display:flex;flex-direction:column;align-items:center;gap:16px}._spinnerRing_rh48f_19{display:inline-block;position:relative;width:48px;height:48px}._spinnerRing_rh48f_19 div{box-sizing:border-box;display:block;position:absolute;width:40px;height:40px;margin:4px;border:4px solid transparent;border-radius:50%;border-top-color:var(--purple-500);animation:_spinnerRing_rh48f_19 1.2s cubic-bezier(.5,0,.5,1) infinite}._spinnerRing_rh48f_19 div:nth-child(1){animation-delay:-.45s}._spinnerRing_rh48f_19 div:nth-child(2){animation-delay:-.3s}._spinnerRing_rh48f_19 div:nth-child(3){animation-delay:-.15s}@keyframes _spinnerRing_rh48f_19{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loadingText_rh48f_60{font-size:14px;font-weight:500;color:var(--purple-500);opacity:.8}@media(prefers-reduced-motion:reduce){._spinnerRing_rh48f_19 div{animation-duration:3s}}._container_ipthy_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_ipthy_23{padding:40px 20px;border:1px solid var(--glass-border-subtle);border-radius:16px;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_ipthy_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_ipthy_51{background:linear-gradient(145deg,var(--purple-700),var(--purple-500));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}._message_ipthy_58{font-size:1.1rem;margin-bottom:1.5rem}._retryInfo_ipthy_63{font-style:italic;font-size:14px;color:var(--gray-500);margin-bottom:1rem}._details_ipthy_70{margin-top:20px;text-align:left;background:#4a556833;padding:15px;border-radius:8px;border:1px solid var(--gray-600)}._detailsSummary_ipthy_79{cursor:pointer;font-weight:700;color:var(--gray-200)}._detailsSummary_ipthy_79:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}._detailsContent_ipthy_90{margin-top:15px}._errorStack_ipthy_94{margin-top:15px;padding:15px;background-color:var(--gray-900);border:1px solid var(--gray-600);border-radius:8px;font-size:12px;overflow:auto;color:var(--gray-200)}._buttonContainer_ipthy_105{margin-top:30px;display:flex;justify-content:center}._reloadButton_ipthy_111{padding:.75rem 1.5rem;background:var(--purple-700);color:#fff;border:2px solid var(--white);border-radius:12px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .2s ease;box-shadow:0 4px 12px #6b46c14d}._reloadButton_ipthy_111:hover{background:var(--purple-500)}._reloadButton_ipthy_111:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}._reloadButton_ipthy_111:active{transform:translateY(0)}._authModalOverlay_10dg0_2{position:fixed;inset:0;background:var(--black-alpha-90);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999!important;animation:_fadeIn_10dg0_1 .2s ease-out;padding:20px;box-sizing:border-box;overflow-y:auto}._authModal_10dg0_2{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:16px;box-shadow:var(--glass-shadow-md),var(--glass-edge-full);padding:0;max-width:420px;width:90%;max-height:calc(100vh - 40px);overflow-y:auto;position:relative;animation:_slideIn_10dg0_1 .3s ease-out;margin:auto}._closeButton_10dg0_34{position:absolute;top:20px;right:20px;background:var(--black-alpha-30);border:2px solid var(--white-alpha-30);border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;color:var(--white);z-index:10;display:flex;align-items:center;justify-content:center;font-weight:700;padding:0;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._closeButton_10dg0_34:hover{background:var(--black-alpha-50)}._closeButton_10dg0_34:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}._authForm_10dg0_66{padding:60px 40px 40px}._authBrand_10dg0_71{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:24px}._authLogo_10dg0_79{height:40px;width:auto;object-fit:contain;transition:transform .3s ease}._authSlogan_10dg0_86{font-size:.875rem;font-style:italic;color:var(--purple-500);opacity:1;margin:0}._authForm_10dg0_66 h2{margin:0 0 12px;color:var(--white);font-size:28px;font-weight:700;text-align:center}._formDescription_10dg0_102{color:var(--white);font-size:18px;font-weight:600;text-align:center;margin:0 0 32px;line-height:1.5}._formGroup_10dg0_111{display:flex;flex-direction:column;gap:.5rem;margin-bottom:20px}._formGroup_10dg0_111 label{display:block;margin-bottom:8px;font-weight:700;color:var(--white);font-size:.9375rem}._formGroup_10dg0_111 input{width:100%;padding:1rem;border:1px solid var(--glass-border-light);border-radius:12px;font-size:1rem;font-weight:500;transition:all .3s ease;background:#ffffff14;box-sizing:border-box;color:var(--white)}._formGroup_10dg0_111 input::placeholder{color:var(--white);opacity:.6;font-weight:500}._formGroup_10dg0_111 input:focus{outline:none;border-color:#fff3}._formGroup_10dg0_111 input:focus-visible{outline:none}._formGroup_10dg0_111 input:disabled{background:var(--gray-700);cursor:not-allowed;opacity:.7}._formGroup_10dg0_111 input._inputError_10dg0_161{border-color:var(--red-500);background:var(--red-alpha-20)}._formGroup_10dg0_111 input._inputError_10dg0_161:focus{border-color:var(--red-500);box-shadow:0 0 0 3px var(--red-alpha-20)}._formGroup_10dg0_111 input._inputValid_10dg0_171{border-color:var(--green-500);background:var(--green-alpha-20)}._fieldError_10dg0_176{color:var(--red-100);font-size:.75rem;margin-top:6px;display:flex;align-items:center;gap:4px;animation:_fadeInError_10dg0_1 .2s ease-out}._fieldHint_10dg0_186{color:var(--gray-500);font-size:12px;margin-top:6px}._fieldSuccess_10dg0_192{color:var(--green-100);font-size:.75rem;margin-top:6px;display:flex;align-items:center;gap:4px}@keyframes _fadeInError_10dg0_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}._passwordStrength_10dg0_213{margin-top:8px}._strengthBar_10dg0_217{height:4px;background:var(--gray-600);border-radius:2px;overflow:hidden;margin-bottom:4px}._strengthFill_10dg0_225{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}._strengthFill_10dg0_225._weak_10dg0_233{width:33%;background:var(--red-500)}._strengthFill_10dg0_225._medium_10dg0_238{width:66%;background:var(--orange-500)}._strengthFill_10dg0_225._strong_10dg0_243{width:100%;background:var(--green-500)}._strengthText_10dg0_248{font-size:11px;color:var(--gray-500)}._strengthText_10dg0_248._weak_10dg0_233{color:var(--red-100)}._strengthText_10dg0_248._medium_10dg0_238{color:var(--orange-100)}._strengthText_10dg0_248._strong_10dg0_243{color:var(--green-100)}._authButton_10dg0_265{width:100%;padding:1rem 2rem;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:16px;position:relative;overflow:hidden}._authButton_10dg0_265._primary_10dg0_279{background:var(--purple-700);color:#fff;border:2px solid var(--white)}._authButton_10dg0_265._primary_10dg0_279:hover:not(:disabled){background:var(--purple-500)}._authButton_10dg0_265._primary_10dg0_279._createAccount_10dg0_290{background:var(--blue-500)}._authButton_10dg0_265._primary_10dg0_279._createAccount_10dg0_290:hover:not(:disabled){background:var(--blue-700)}._authButton_10dg0_265:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}._authButton_10dg0_265:disabled{opacity:.6;cursor:not-allowed;transform:none!important}._authFooter_10dg0_309{margin-top:24px;text-align:center}._authFooter_10dg0_309 p{margin:0 0 12px;color:var(--gray-500);font-size:14px}._linkButton_10dg0_320{background:none;border:none;color:var(--blue-100);font-weight:600;cursor:pointer;text-decoration:none;font-size:inherit;padding:0;margin:0;transition:all .2s ease}._linkButton_10dg0_320:hover{text-decoration:underline;color:var(--blue-500)}._linkButton_10dg0_320:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}._errorMessage_10dg0_344{background:#ef444426;color:var(--red-100);padding:.75rem 1rem;border-radius:8px;margin-bottom:20px;font-size:.875rem;border:1px solid var(--red-alpha-40)}._successMessage_10dg0_354{background:var(--green-alpha-20);color:var(--green-100);padding:.75rem 1rem;border-radius:8px;margin-bottom:20px;font-size:.875rem;border:1px solid var(--green-alpha-40)}@keyframes _fadeIn_10dg0_1{0%{opacity:0}to{opacity:1}}@keyframes _slideIn_10dg0_1{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:480px){._authModalOverlay_10dg0_2{padding:60px 10px 10px;align-items:flex-start}._authModal_10dg0_2{width:100%;max-width:100%;margin:0;max-height:calc(100vh - 80px)}._authForm_10dg0_66{padding:40px 20px 24px}._authLogo_10dg0_79{height:35px}._authSlogan_10dg0_86{font-size:.75rem}._authForm_10dg0_66 h2{font-size:20px}}@media(max-height:600px){._authModalOverlay_10dg0_2{align-items:flex-start;padding-top:20px}._authModal_10dg0_2{max-height:calc(100vh - 40px)}}@media(prefers-reduced-motion:reduce){._authModalOverlay_10dg0_2,._authModal_10dg0_2,._fieldError_10dg0_176{animation:none}}._skipLink_a3cmx_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 8px 8px;box-shadow:0 4px 12px #4c1d9566;transition:top .2s ease-in-out}._skipLink_a3cmx_3:focus{top:0;outline:none}._skipLink_a3cmx_3:focus-visible{top:0;outline:3px solid var(--blue-500);outline-offset:2px}._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_et5yk_1{display:flex;flex-direction:row;width:100%;min-width:100%;min-height:100vh;background:var(--dark-bg-surface);color:var(--dark-text-primary);transition:background .3s ease,color .3s ease;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_et5yk_18{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_et5yk_18{margin-left:0;width:100%;max-width:100%}}._appContainer_et5yk_1:before,._appContainer_et5yk_1:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}._appContainer_et5yk_1:before{top:-15%;left:-10%;width:55%;height:55%;background:radial-gradient(circle,var(--primary-purple-alpha-30) 0%,transparent 70%);filter:blur(80px);animation:_appFloat1_et5yk_1 25s ease-in-out infinite}._appContainer_et5yk_1:after{bottom:-15%;right:-10%;width:45%;height:45%;background:radial-gradient(circle,var(--primary-purple-alpha-20) 0%,transparent 70%);filter:blur(70px);animation:_appFloat2_et5yk_1 30s ease-in-out infinite}._contentArea_et5yk_18:before{content:"";position:fixed;top:35%;right:15%;width:30%;height:30%;background:radial-gradient(circle,var(--blue-alpha-20) 0%,transparent 70%);filter:blur(60px);border-radius:50%;pointer-events:none;z-index:0;animation:_appFloat3_et5yk_1 22s ease-in-out infinite}@keyframes _appFloat1_et5yk_1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(5%,8%) scale(1.05)}66%{transform:translate(-3%,4%) scale(.97)}}@keyframes _appFloat2_et5yk_1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-6%,-5%) scale(1.08)}66%{transform:translate(4%,-8%) scale(.95)}}@keyframes _appFloat3_et5yk_1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(8%,-6%) scale(1.1)}66%{transform:translate(-5%,7%) scale(.93)}}@media(prefers-reduced-motion:reduce){._appContainer_et5yk_1:before,._appContainer_et5yk_1:after,._contentArea_et5yk_18:before{animation:none}}@media screen and (orientation:landscape)and (max-height:500px){._appContainer_et5yk_1{width:100vw;min-width:100vw;min-height:100vh}}._errorFallback_et5yk_143{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:40px 20px;text-align:center}._errorCard_et5yk_153{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_et5yk_166{font-size:3rem;margin-bottom:1rem}._errorTitle_et5yk_171{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}._errorMessage_et5yk_181{font-size:1.1rem;margin-bottom:2rem;color:var(--gray-200)}._errorButton_et5yk_187{padding:.75rem 1.5rem;background:var(--purple-700);color:#fff;border:2px solid var(--white);border-radius:12px;cursor:pointer;font-weight:700;font-size:1rem;transition:all var(--duration-200) ease;display:inline-flex;align-items:center;gap:.5rem}._errorButton_et5yk_187:hover{background:var(--purple-500)}._errorButton_et5yk_187:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}._mainContent_et5yk_212{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;outline:none}._mainContent_et5yk_212:focus{outline:none}