: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-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)}*{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}body.light,body.light #root{background:linear-gradient(145deg,var(--silver-light),var(--silver-dark));color:var(--gray-900)}@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}.theme-toggle{position:absolute;top:var(--space-lg);right:var(--space-lg);background:var(--primary-purple);color:var(--dark-text-primary);border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;font-size:20px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.theme-toggle-nav{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-lg);transition:all .2s ease;color:var(--light-text-primary)}.dark .theme-toggle-nav{color:var(--dark-text-primary)}.theme-toggle-nav:hover{background:var(--black-alpha-10)}.dark .theme-toggle-nav:hover{background:var(--white-alpha-10)}.theme-toggle-nav:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.toggle-track{position:relative;width:var(--space-10);height:var(--space-5);border-radius:var(--space-2);background:var(--gray-200);transition:all .3s ease}.dark .toggle-track{background:var(--gray-700)}.toggle-thumb{position:absolute;top:var(--space-1);width:var(--space-4);height:var(--space-4);border-radius:50%;background:var(--white);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.toggle-thumb.light{left:var(--space-1);background:var(--orange-500);color:var(--white)}.toggle-thumb.dark{left:var(--space-5);background:var(--purple-700);color:var(--white)}.toggle-label{font-size:var(--text-sm);font-weight:var(--font-medium);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:768px){.toggle-label{display:none}.theme-toggle-nav{gap:0;padding:var(--padding-xs)}}.theme-toggle-simple{display:flex;align-items:center;justify-content:center;gap:var(--space-1);background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-lg);transition:all .2s ease;color:var(--black);font-size:18px}.theme-toggle-label{font-size:var(--text-xs);font-weight:var(--font-medium);-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark .theme-toggle-simple{color:var(--white)}.theme-toggle-simple:hover{background:var(--black-alpha-10)}.dark .theme-toggle-simple:hover{background:var(--white-alpha-10)}.theme-toggle-simple:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}._wrapper_4jl9f_1{position:relative}._wrapperOpen_4jl9f_5{z-index:1001}._inputWrapper_4jl9f_9{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);animation:_expandIn_4jl9f_1 .15s ease;width:260px}@keyframes _expandIn_4jl9f_1{0%{width:36px;opacity:.5}to{width:260px;opacity:1}}._inputIcon_4jl9f_32{color:var(--text-primary);opacity:.5;flex-shrink:0}._input_4jl9f_9{flex:1;background:none;border:none;outline:none;font-size:.8125rem;color:var(--text-primary);font-family:inherit;min-width:0}._input_4jl9f_9::-moz-placeholder{color:var(--text-primary);opacity:.4}._input_4jl9f_9::placeholder{color:var(--text-primary);opacity:.4}._closeBtn_4jl9f_54{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-primary);opacity:.4;padding:.125rem;border-radius:4px;transition:all .15s ease;flex-shrink:0}._closeBtn_4jl9f_54:hover{opacity:1;background:#ffffff1a}._dropdown_4jl9f_75{position:absolute;top:calc(100% + .5rem);right:0;width:360px;max-height:400px;overflow-y:auto;background:var(--gray-800, #1e1e1e);border-radius:12px;box-shadow:0 10px 40px #0006;border:1px solid rgba(255,255,255,.08);padding:.375rem 0;animation:_fadeInDown_4jl9f_1 .15s ease}@keyframes _fadeInDown_4jl9f_1{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}._sectionHeader_4jl9f_101{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);opacity:.35;padding:.625rem .875rem .25rem}._resultItem_4jl9f_111{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .875rem;background:none;border:none;cursor:pointer;color:var(--text-primary);text-align:left;font-family:inherit;font-size:.8125rem;transition:background .1s ease;text-decoration:none}._resultItem_4jl9f_111:hover,._resultItem_4jl9f_111._active_4jl9f_129{background:#ffffff12}._resultTitle_4jl9f_133{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._resultMeta_4jl9f_140{font-size:.6875rem;opacity:.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._songResult_4jl9f_148{flex-direction:column;align-items:flex-start;gap:.0625rem}._statusMessage_4jl9f_154{padding:1rem .875rem;text-align:center;color:var(--text-primary);opacity:.35;font-size:.8125rem}.light ._inputWrapper_4jl9f_9{background:#0000000d;border-color:#0000001a}.light ._closeBtn_4jl9f_54:hover{background:#00000014}.light ._dropdown_4jl9f_75{background:linear-gradient(145deg,#f8f9fcfa,#e6e9f0fa);box-shadow:0 10px 40px #00000026;border-color:#00000014}.light ._resultItem_4jl9f_111:hover,.light ._resultItem_4jl9f_111._active_4jl9f_129{background:#0000000d}@media(max-width:640px){._inputWrapper_4jl9f_9{width:180px}@keyframes _expandIn_4jl9f_1{0%{width:36px;opacity:.5}to{width:180px;opacity:1}}._dropdown_4jl9f_75{width:280px;right:-1rem}}._authModalOverlay_zsb7p_2{position:fixed!important;inset:0!important;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999!important;animation:_fadeIn_zsb7p_1 .2s ease-out;padding:20px;box-sizing:border-box;overflow-y:auto}._authModal_zsb7p_2{background:linear-gradient(145deg,#374151f2,#121212fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--gray-600);border-radius:20px;padding:0;max-width:420px;width:90%;max-height:calc(100vh - 40px);overflow-y:auto;position:relative;animation:_slideIn_zsb7p_1 .3s ease-out;margin:auto}._closeButton_zsb7p_32{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_zsb7p_32:hover{background:var(--black-alpha-50)}._authForm_zsb7p_59{padding:60px 40px 40px}._authBrand_zsb7p_64{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:24px}._authLogo_zsb7p_72{height:40px;width:auto;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}._authSlogan_zsb7p_79{font-size:.875rem;font-style:italic;color:var(--purple-500);opacity:1;margin:0}._authForm_zsb7p_59 h2{margin:0 0 12px;color:var(--white);font-size:28px;font-weight:700;text-align:center}._formDescription_zsb7p_95{color:var(--white);font-size:18px;font-weight:600;text-align:center;margin:0 0 32px;line-height:1.5}._formGroup_zsb7p_104{margin-bottom:20px}._formGroup_zsb7p_104 label{display:block;margin-bottom:8px;font-weight:700;color:var(--white);font-size:15px}._formGroup_zsb7p_104 input{width:100%;padding:16px 20px;border:2px solid var(--white);border-radius:12px;font-size:16px;font-weight:500;transition:all .3s ease;background:linear-gradient(145deg,var(--gray-700),var(--gray-900));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;color:var(--white)}._formGroup_zsb7p_104 input::-moz-placeholder{color:var(--white);opacity:.6;font-weight:500}._formGroup_zsb7p_104 input::placeholder{color:var(--white);opacity:.6;font-weight:500}._formGroup_zsb7p_104 input:focus{outline:none;border-color:var(--blue-500);background:var(--black-alpha-90)}._formGroup_zsb7p_104 input:disabled{background:var(--gray-700);cursor:not-allowed;opacity:.7}._formGroup_zsb7p_104 input._inputError_zsb7p_149{border-color:var(--red-500);background:var(--red-alpha-20)}._formGroup_zsb7p_104 input._inputError_zsb7p_149:focus{border-color:var(--red-500);box-shadow:0 0 0 3px var(--red-alpha-20)}._formGroup_zsb7p_104 input._inputValid_zsb7p_159{border-color:var(--green-500);background:var(--green-alpha-20)}._fieldError_zsb7p_164{color:var(--red-100);font-size:12px;margin-top:6px;display:flex;align-items:center;gap:4px;animation:_fadeInError_zsb7p_1 .2s ease-out}._fieldHint_zsb7p_174{color:var(--gray-500);font-size:12px;margin-top:6px}._fieldSuccess_zsb7p_180{color:var(--green-100);font-size:12px;margin-top:6px;display:flex;align-items:center;gap:4px}@keyframes _fadeInError_zsb7p_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}._passwordStrength_zsb7p_201{margin-top:8px}._strengthBar_zsb7p_205{height:4px;background:var(--gray-600);border-radius:2px;overflow:hidden;margin-bottom:4px}._strengthFill_zsb7p_213{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}._strengthFill_zsb7p_213._weak_zsb7p_221{width:33%;background:var(--red-500)}._strengthFill_zsb7p_213._medium_zsb7p_226{width:66%;background:var(--orange-500)}._strengthFill_zsb7p_213._strong_zsb7p_231{width:100%;background:var(--green-500)}._strengthText_zsb7p_236{font-size:11px;color:var(--gray-500)}._strengthText_zsb7p_236._weak_zsb7p_221{color:var(--red-100)}._strengthText_zsb7p_236._medium_zsb7p_226{color:var(--orange-100)}._strengthText_zsb7p_236._strong_zsb7p_231{color:var(--green-100)}._authButton_zsb7p_253{width:100%;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:16px;position:relative;overflow:hidden}._authButton_zsb7p_253._primary_zsb7p_267{background:var(--purple-500);color:var(--white);border:none}._authButton_zsb7p_253._primary_zsb7p_267:hover:not(:disabled){background:var(--purple-700)}._authButton_zsb7p_253._primary_zsb7p_267._createAccount_zsb7p_278{background:var(--blue-500)}._authButton_zsb7p_253._primary_zsb7p_267._createAccount_zsb7p_278:hover:not(:disabled){background:var(--blue-700)}._authButton_zsb7p_253:disabled{opacity:.6;cursor:not-allowed;transform:none!important}._authFooter_zsb7p_292{margin-top:24px;text-align:center}._authFooter_zsb7p_292 p{margin:0 0 12px;color:var(--gray-500);font-size:14px}._linkButton_zsb7p_303{background:none;border:none;color:var(--blue-100);font-weight:600;cursor:pointer;text-decoration:none;font-size:inherit;padding:0;margin:0}._linkButton_zsb7p_303:hover{text-decoration:underline;color:var(--blue-500)}._errorMessage_zsb7p_321{background:var(--red-alpha-20);color:var(--red-100);padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid var(--red-alpha-40)}._successMessage_zsb7p_331{background:var(--green-alpha-20);color:var(--green-100);padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid var(--green-alpha-40)}@keyframes _fadeIn_zsb7p_1{0%{opacity:0}to{opacity:1}}@keyframes _slideIn_zsb7p_1{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}body.light ._formGroup_zsb7p_104 input{background:linear-gradient(145deg,var(--silver-light),var(--silver-dark));border-color:var(--gray-900);color:var(--gray-900)}body.light ._formGroup_zsb7p_104 input::-moz-placeholder{color:var(--gray-900);opacity:.6}body.light ._formGroup_zsb7p_104 input::placeholder{color:var(--gray-900);opacity:.6}body.light ._formGroup_zsb7p_104 input:focus{border-color:var(--blue-500);background:linear-gradient(145deg,var(--white),var(--silver-light))}body.light ._formGroup_zsb7p_104 input._inputError_zsb7p_149{border-color:var(--red-500);background:var(--red-alpha-20)}body.light ._formGroup_zsb7p_104 input._inputError_zsb7p_149:focus{border-color:var(--red-500)}body.light ._formGroup_zsb7p_104 input._inputValid_zsb7p_159{border-color:var(--green-500);background:var(--green-alpha-20)}body.light ._formGroup_zsb7p_104 label,body.light ._authForm_zsb7p_59 h2{color:var(--gray-900)}body.light ._formDescription_zsb7p_95{color:var(--gray-700)}body.light ._authModal_zsb7p_2{background:linear-gradient(145deg,var(--silver-light),var(--silver-dark));border-color:var(--gray-900)}body.light ._closeButton_zsb7p_32{color:var(--gray-900);border-color:var(--gray-900);background:#0000000d}body.light ._closeButton_zsb7p_32:hover{background:#0000001a}@media(max-width:480px){._authModalOverlay_zsb7p_2{padding:60px 10px 10px;align-items:flex-start}._authModal_zsb7p_2{width:100%;max-width:100%;margin:0;max-height:calc(100vh - 80px)}._authForm_zsb7p_59{padding:40px 20px 24px}._authLogo_zsb7p_72{height:35px}._authSlogan_zsb7p_79{font-size:.75rem}._authForm_zsb7p_59 h2{font-size:20px}}@media(max-height:600px){._authModalOverlay_zsb7p_2{align-items:flex-start;padding-top:20px}._authModal_zsb7p_2{max-height:calc(100vh - 40px)}}._userMenu_1dbus_2{position:relative;display:inline-block}._userMenuTrigger_1dbus_7{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(145deg,var(--gray-700),var(--gray-900));border:1px solid var(--white);border-radius:16px;color:var(--gray-200);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600}._userMenuTrigger_1dbus_7:hover{background:var(--gray-700)}._userAvatar_1dbus_26{width:32px;height:32px;border-radius:50%;overflow:hidden;position:relative;flex-shrink:0}._userAvatar_1dbus_26 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._avatarInitials_1dbus_41{width:100%;height:100%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px}._userName_1dbus_52{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._chevron_1dbus_59{flex-shrink:0;transition:transform .2s ease}._chevron_1dbus_59._open_1dbus_64{transform:rotate(180deg)}._userMenuDropdown_1dbus_69{position:absolute;top:100%;right:0;margin-top:8px;background:linear-gradient(145deg,var(--gray-700),var(--gray-900));border:1px solid var(--white);border-radius:16px;min-width:240px;overflow:hidden;z-index:200;animation:_dropdownFadeIn_1dbus_1 .2s ease-out}._userMenuHeader_1dbus_83{padding:20px;background:transparent;border-bottom:1px solid var(--white)}._userInfo_1dbus_89{text-align:left}._userNameLarge_1dbus_93{font-weight:700;color:var(--white);font-size:16px;margin-bottom:4px}._userEmail_1dbus_100{color:var(--white);font-size:13px;font-weight:500}._userMenuDivider_1dbus_106{height:1px;background:var(--gray-700)}._userMenuActions_1dbus_111{padding:8px 0}._menuItem_1dbus_115{width:100%;display:flex;align-items:center;gap:12px;padding:14px 20px;background:none;border:none;color:var(--white);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}._menuItem_1dbus_115:hover{background:#3c3c3ccc}._menuItem_1dbus_115._danger_1dbus_135{color:var(--red-100)}._menuItem_1dbus_115._danger_1dbus_135:hover{background:#dc262633}._menuItem_1dbus_115 svg{flex-shrink:0;opacity:.7}@keyframes _dropdownFadeIn_1dbus_1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){._userName_1dbus_52{display:none}._userMenuTrigger_1dbus_7{padding:6px}._userMenuDropdown_1dbus_69{right:-8px;min-width:220px}}body.light ._userMenuTrigger_1dbus_7{background:linear-gradient(145deg,var(--silver-light),var(--silver-dark));border-color:var(--gray-900);color:var(--gray-900)}body.light ._userMenuTrigger_1dbus_7:hover{background:linear-gradient(145deg,var(--silver-mid),var(--silver-dark))}body.light ._userMenuDropdown_1dbus_69{background:linear-gradient(145deg,var(--silver-light),var(--silver-dark));border-color:var(--gray-900)}body.light ._userMenuHeader_1dbus_83{border-bottom-color:var(--gray-900)}body.light ._userNameLarge_1dbus_93,body.light ._userEmail_1dbus_100{color:var(--gray-900)}body.light ._userMenuDivider_1dbus_106{background:var(--gray-300)}body.light ._menuItem_1dbus_115{color:var(--gray-900)}body.light ._menuItem_1dbus_115:hover{background:linear-gradient(145deg,var(--silver-mid),var(--silver-dark))}body.light ._menuItem_1dbus_115._danger_1dbus_135{color:var(--red-600)}body.light ._menuItem_1dbus_115._danger_1dbus_135:hover{background:#dc262626}body.light ._userName_1dbus_52,body.light ._chevron_1dbus_59{color:var(--gray-900)}.header{width:100%;min-width:100%;position:relative;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:none;transition:all .3s ease;background:#121212cc}.light .header{background:linear-gradient(145deg,#f8f9fcf2,#d0d4dcf2);border-bottom:1px solid var(--gray-200)}@media screen and (orientation:landscape)and (max-height:500px){.header{width:100vw;min-width:100vw}}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:1rem 2rem;position:relative}.header-left{display:flex;align-items:center}.header-brand{display:flex;flex-direction:column;align-items:center;gap:0}.header-logo{height:40px;width:auto;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease;cursor:pointer}.header-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary);text-decoration:none;transition:color .3s ease}.header-slogan{font-size:.75rem;font-weight:400;margin:0;color:var(--purple-500);opacity:1;font-style:italic}.header-nav{display:flex;align-items:center;gap:2rem;order:3;width:100%;justify-content:center;padding-top:.5rem}.nav-link{background:none;border:none;text-decoration:none;font-size:.875rem;font-weight:500;color:var(--text-primary);opacity:.7;transition:all .3s ease;padding:.5rem 0;position:relative;cursor:pointer}.nav-link:hover{opacity:1}.nav-link-active{opacity:1;font-weight:600;color:var(--primary-purple-light)}.nav-link-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary-purple-light);border-radius:1px}.header-right{display:flex;align-items:center;gap:1rem}.search-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-lg);transition:all .2s ease;color:var(--white);font-size:18px}.search-btn:hover{background:var(--white-alpha-10)}.light .search-btn{color:var(--black)}.light .search-btn:hover{background:var(--black-alpha-10)}.search-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.language-selector{position:relative}.language-button{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:none;border-radius:8px;background:#ffffff1a;cursor:pointer;transition:all .2s ease}.language-button:hover{background:#fff3}.light .language-button{background:#0000000d}.light .language-button:hover{background:#0000001a}.language-flag{font-size:1.25rem;line-height:1;border-radius:3px}.language-option-flag{font-size:1.125rem;border-radius:2px}.language-menu{position:absolute;top:calc(100% + .5rem);right:0;width:340px;max-height:400px;background:var(--gray-700);border-radius:12px;box-shadow:0 10px 40px #0006;overflow:hidden;z-index:1000;animation:fadeInDown .2s ease;display:flex;flex-direction:column}.light .language-menu{background:linear-gradient(145deg,var(--silver-light),var(--silver-dark));box-shadow:0 10px 40px #00000026;border:1px solid var(--gray-900)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-search-container{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.language-search{width:100%;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:.875rem;background:#ffffff0d;color:var(--text-primary);outline:none;transition:border-color .2s ease,background .2s ease}.language-search::-moz-placeholder{color:var(--text-primary);opacity:.5}.language-search::placeholder{color:var(--text-primary);opacity:.5}.language-search:focus{border-color:var(--primary-purple-light);background:#ffffff1a}.light .language-search{border:1px solid var(--gray-900);background:linear-gradient(145deg,var(--silver-light),var(--silver-dark))}.light .language-search:hover{background:linear-gradient(145deg,var(--silver-mid),var(--silver-dark))}.light .language-search:focus{border-color:var(--primary-purple);background:linear-gradient(145deg,var(--white),var(--silver-light))}.language-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:.5rem;overflow-y:auto;max-height:320px}.language-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:background .15s ease;text-align:left}.language-option:hover{background:#ffffff1a}.light .language-option:hover{background:linear-gradient(145deg,var(--silver-mid),var(--silver-dark))}.language-option-active{background:#9333ea40}.language-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-section{display:flex;align-items:center}.auth-buttons{display:flex;align-items:center;gap:.75rem}.auth-btn{padding:.75rem 1.25rem;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-btn{background:var(--gray-700);color:var(--white);border:none}.login-btn:hover{background:var(--gray-600)}.light .login-btn{background:var(--gray-200);color:var(--gray-900)}.light .login-btn:hover{background:var(--gray-500);color:var(--white)}.signup-btn{background:var(--blue-500);color:var(--white);border:none}.signup-btn:hover{background:var(--blue-700)}.header-right{order:2;flex:1;justify-content:flex-end}.mobile-menu-btn{display:none;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-lg);color:var(--white);transition:background .2s ease;order:2}.mobile-menu-btn:hover{background:var(--white-alpha-10)}.light .mobile-menu-btn{color:var(--gray-900)}.light .mobile-menu-btn:hover{background:var(--black-alpha-10)}.mobile-menu-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media(max-width:1023px){.header-content{padding:1rem;gap:1rem}.header-nav{gap:1.5rem}.nav-link{font-size:.8125rem}.header-right,.auth-buttons{gap:.5rem}}@media(max-width:768px){.mobile-menu-btn{display:flex}.header-content{flex-wrap:nowrap;padding:.75rem 1rem}.header-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:.5rem 0;background:#121212f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--white-alpha-10);z-index:999;order:4}.light .header-nav{background:linear-gradient(145deg,#f8f9fcfa,#d0d4dcfa);border-bottom:1px solid var(--gray-200)}.header-nav-open{display:flex}.header-nav .nav-link{padding:.75rem 1.5rem;font-size:.9375rem;text-align:left;width:100%}.header-nav .nav-link:hover{background:var(--white-alpha-10)}.light .header-nav .nav-link:hover{background:var(--black-alpha-10)}.header-nav .nav-link-active:after{display:none}.header-nav .nav-link-active{background:var(--white-alpha-10)}.light .header-nav .nav-link-active{background:var(--black-alpha-10)}.header-right{order:2;flex:0}.auth-buttons{gap:.375rem}.auth-btn{padding:.5rem .75rem;font-size:.8125rem;border-radius:8px}.header-logo{height:32px}}.light .header-brand,.light .header-nav a,.light .nav-link,.light .nav-item,.light .header-title,.light .header-subtitle,.light .language-option,.light .language-option span,.light .language-name,.light .language-search{color:var(--gray-900)}.light .language-search::-moz-placeholder{color:var(--gray-700)}.light .language-search::placeholder{color:var(--gray-700)}.footer{width:100%;margin-top:auto;border-top:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;background:#121212cc}.light .footer{background:#ffffffd9;border-top:1px solid var(--gray-200)}.footer-content{max-width:1200px;margin:0 auto;padding:2rem}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:2rem}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:0}.footer-logo{height:40px;width:auto;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;margin-top:1rem}.footer-nav-link{color:var(--text-primary);opacity:.6;font-size:.85rem;text-decoration:none;transition:all .2s ease}.footer-nav-link:hover{opacity:1;color:var(--primary-purple-light)}.footer-slogan{font-size:.875rem;margin:0;color:var(--purple-500);opacity:1;font-style:italic}.footer-info{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.footer-legal{display:flex;gap:1.5rem;justify-content:flex-end}.footer-legal-link{color:var(--text-primary);opacity:.6;font-size:.8rem;text-decoration:none;transition:all .2s ease}.footer-legal-link:hover{opacity:1;color:var(--primary-purple-light);text-decoration:underline}.footer-contact{display:flex;align-items:center}.footer-email{color:var(--primary-purple-light);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;padding:.25rem .5rem;border-radius:.25rem}.footer-email:hover{background:var(--primary-purple-alpha-10);text-decoration:underline}.footer-social{display:flex;gap:1rem;justify-content:flex-end}.social-link{color:var(--text-primary);opacity:.7;font-size:1.25rem;transition:all .2s ease;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.social-link:hover{opacity:1;color:var(--primary-purple-light);background:var(--primary-purple-alpha-10);transform:translateY(-2px)}.footer-copyright{text-align:right;font-size:.75rem;color:var(--text-primary);opacity:.6;line-height:1.4}.footer-copyright p{margin:0}.footer-author{font-weight:600;opacity:.8}@media(max-width:768px){.footer-content{padding:1.5rem 1rem}.footer-main{flex-direction:column;text-align:center;gap:1.5rem}.footer-brand,.footer-info{align-items:center}.footer-copyright{text-align:center}.footer-social{justify-content:center}.footer-logo{height:35px}}.light .footer-slogan,.light .footer-copyright,.light .footer-copyright p,.light .footer-author,.light .social-link,.light .footer-text,.light .footer-nav-link{color:var(--gray-900)}._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_1gb0s_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_1gb0s_13{padding:40px 20px;border:1px solid var(--white);border-radius:16px;background:linear-gradient(145deg,var(--gray-700),var(--gray-900));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--gray-200);text-align:center;max-width:600px;width:100%;box-shadow:0 20px 40px #0000004d}._title_1gb0s_27{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_1gb0s_41{background:linear-gradient(145deg,var(--purple-700),var(--purple-500));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}._message_1gb0s_48{font-size:1.1rem;margin-bottom:1.5rem}._retryInfo_1gb0s_53{font-style:italic;font-size:14px;color:var(--gray-500);margin-bottom:1rem}._details_1gb0s_60{margin-top:20px;text-align:left;background:#4a556833;padding:15px;border-radius:8px;border:1px solid var(--gray-600)}._detailsSummary_1gb0s_69{cursor:pointer;font-weight:700;color:var(--gray-200)}._detailsContent_1gb0s_75{margin-top:15px}._errorStack_1gb0s_79{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_1gb0s_90{margin-top:30px;display:flex;justify-content:center}._reloadButton_1gb0s_96{padding:12px 24px;background:linear-gradient(145deg,var(--purple-700),var(--purple-500));color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;box-shadow:0 4px 12px #6b46c14d}._reloadButton_1gb0s_96:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6b46c166}._reloadButton_1gb0s_96:active{transform:translateY(0)}._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}._onboardingOverlay_1np4n_2{position:fixed!important;inset:0!important;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999!important;animation:_fadeIn_1np4n_1 .2s ease-out;padding:20px;box-sizing:border-box;overflow-y:auto}._onboardingModal_1np4n_17{background:linear-gradient(145deg,#374151f2,#121212fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--gray-600);border-radius:20px;padding:0;max-width:500px;width:90%;max-height:calc(100vh - 40px);overflow-y:auto;position:relative;animation:_slideIn_1np4n_1 .3s ease-out;margin:auto}._stepContent_1np4n_33{padding:40px}._stepHeader_1np4n_37{text-align:center;margin-bottom:32px}._stepIcon_1np4n_42{font-size:48px;margin-bottom:16px;display:block}._stepTitle_1np4n_48{margin:0 0 8px;color:var(--white);font-size:28px;font-weight:700}._stepDescription_1np4n_55{color:var(--gray-400);font-size:16px;margin:0;line-height:1.5}._progressIndicator_1np4n_63{display:flex;justify-content:center;gap:8px;margin-bottom:24px}._progressDot_1np4n_70{width:10px;height:10px;border-radius:50%;background:var(--gray-600);transition:all .3s ease}._progressDot_1np4n_70._active_1np4n_78{background:var(--purple-500);transform:scale(1.2)}._progressDot_1np4n_70._completed_1np4n_83{background:var(--green-500)}._instrumentGrid_1np4n_88{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}._instrumentButton_1np4n_95{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--gray-700);border:2px solid var(--gray-600);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}._instrumentButton_1np4n_95:hover{background:var(--gray-600)}._instrumentButton_1np4n_95._selected_1np4n_112{background:var(--purple-alpha-20);border-color:var(--purple-500)}._instrumentButton_1np4n_95._selected_1np4n_112:hover{background:var(--purple-alpha-30)}._instrumentIcon_1np4n_121{font-size:28px;color:var(--purple-300)}._instrumentButton_1np4n_95._selected_1np4n_112 ._instrumentIcon_1np4n_121{color:var(--white)}._instrumentInfo_1np4n_130{flex:1}._instrumentName_1np4n_134{color:var(--white);font-size:18px;font-weight:600;margin:0 0 4px}._instrumentDesc_1np4n_141{color:var(--gray-400);font-size:14px;margin:0}._instrumentButton_1np4n_95._selected_1np4n_112 ._instrumentDesc_1np4n_141{color:var(--purple-200)}._checkmark_1np4n_151{font-size:24px;color:var(--green-500);opacity:0;transition:opacity .2s ease}._instrumentButton_1np4n_95._selected_1np4n_112 ._checkmark_1np4n_151{opacity:1}._joinClassForm_1np4n_163{margin-bottom:24px}._formGroup_1np4n_167{margin-bottom:20px}._formGroup_1np4n_167 label{display:block;margin-bottom:8px;font-weight:700;color:var(--white);font-size:15px}._formGroup_1np4n_167 input{width:100%;padding:.875rem 1rem;border:2px solid var(--white);border-radius:12px;font-size:1rem;font-weight:500;transition:all .3s ease;background:linear-gradient(145deg,var(--gray-700),var(--gray-900));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;color:var(--white)}._formGroup_1np4n_167 input::-moz-placeholder{color:var(--white);opacity:.6;font-weight:500}._formGroup_1np4n_167 input::placeholder{color:var(--white);opacity:.6;font-weight:500}._formGroup_1np4n_167 input:focus{outline:none;border-color:var(--blue-500);background:var(--black-alpha-90)}._codeInput_1np4n_206{text-align:center;font-size:1.5rem;letter-spacing:.5rem;font-family:monospace;text-transform:uppercase;color:var(--white)}._formGroup_1np4n_167 input._inputError_1np4n_215{border-color:var(--red-500);background:var(--red-alpha-20)}._formGroup_1np4n_167 input._inputValid_1np4n_220{border-color:var(--green-500);background:var(--green-alpha-20)}._classPreview_1np4n_226{background:var(--green-alpha-20);border:1px solid var(--green-alpha-40);border-radius:12px;padding:16px;margin-top:16px;animation:_fadeIn_1np4n_1 .2s ease-out}._classPreviewLabel_1np4n_235{color:var(--green-100);font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:8px}._classPreviewName_1np4n_243{color:var(--white);font-size:18px;font-weight:600;margin:0}._classPreviewTeacher_1np4n_250{color:var(--gray-400);font-size:14px;margin:4px 0 0}._errorMessage_1np4n_257{background:var(--red-alpha-20);color:var(--red-100);padding:12px 16px;border-radius:8px;margin-top:16px;font-size:14px;border:1px solid var(--red-alpha-40)}._availableClassrooms_1np4n_268{margin-top:24px}._availableClassroomsLabel_1np4n_272{color:var(--gray-400);font-size:13px;font-weight:600;text-transform:uppercase;margin-bottom:12px;letter-spacing:.5px}._classroomList_1np4n_281{display:flex;flex-direction:column;gap:8px}._classroomItem_1np4n_287{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--gray-700);border:2px solid var(--gray-600);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}._classroomItem_1np4n_287:hover{background:var(--gray-600);border-color:var(--gray-500)}._classroomItem_1np4n_287._selected_1np4n_112{background:var(--purple-alpha-20);border-color:var(--purple-500)}._classroomItem_1np4n_287._selectedGreen_1np4n_311{background:var(--green-alpha-20, rgba(34, 197, 94, .2));border-color:var(--green-500)}._classroomItem_1np4n_287._selectedGreen_1np4n_311:hover{background:var(--green-alpha-30, rgba(34, 197, 94, .3));border-color:var(--green-400)}._classroomInfo_1np4n_321{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}._classroomTitle_1np4n_329{color:var(--white);font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._classroomTeacher_1np4n_338{color:var(--gray-400);font-size:13px;display:flex;align-items:center;gap:4px}._classroomMeta_1np4n_346{display:flex;align-items:center;gap:12px;flex-shrink:0}._classroomInstruments_1np4n_353{display:flex;gap:4px}._instrumentIcon_1np4n_121{color:var(--purple-300);font-size:18px;display:flex;align-items:center}._studentCount_1np4n_365{color:var(--gray-400);font-size:13px;display:flex;align-items:center;gap:4px}._noClassrooms_1np4n_373{color:var(--gray-500);font-size:14px;text-align:center;padding:20px;background:linear-gradient(145deg,var(--gray-700),var(--gray-900));border-radius:10px;margin-top:16px}._tutorialContent_1np4n_384{text-align:center}._tutorialSteps_1np4n_388{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}._tutorialItem_1np4n_395{display:flex;align-items:center;gap:16px;padding:16px;background:var(--gray-700);border-radius:12px;text-align:left;transition:all .3s ease}._tutorialItem_1np4n_395._active_1np4n_78{background:var(--purple-alpha-20);border:2px solid var(--purple-500)}._tutorialNumber_1np4n_411{width:32px;height:32px;border-radius:50%;background:var(--gray-600);color:var(--gray-300);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}._tutorialItem_1np4n_395._active_1np4n_78 ._tutorialNumber_1np4n_411{background:var(--purple-500);color:var(--white)}._tutorialText_1np4n_429{flex:1}._tutorialText_1np4n_429 strong{color:var(--white);display:block;margin-bottom:4px}._tutorialText_1np4n_429 span{color:var(--gray-400);font-size:14px}._buttonGroup_1np4n_445{display:flex;gap:12px}._primaryButton_1np4n_450{flex:1;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;background:var(--purple-500);color:var(--white)}._primaryButton_1np4n_450:hover:not(:disabled){background:var(--purple-700)}._primaryButton_1np4n_450:disabled{opacity:.6;cursor:not-allowed}._secondaryButton_1np4n_472{padding:16px 24px;border:2px solid var(--gray-600);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;background:transparent;color:var(--gray-300)}._secondaryButton_1np4n_472:hover{background:var(--gray-700);border-color:var(--gray-500)}._skipButton_1np4n_489{width:100%;padding:12px 24px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;background:transparent;color:var(--gray-400);margin-top:12px}._skipButton_1np4n_489:hover{color:var(--gray-200);background:var(--gray-700)}._loadingSpinner_1np4n_509{display:inline-block;width:20px;height:20px;border:2px solid var(--white-alpha-30);border-radius:50%;border-top-color:var(--white);animation:_spin_1np4n_1 .8s linear infinite;margin-right:8px}@keyframes _spin_1np4n_1{to{transform:rotate(360deg)}}@keyframes _fadeIn_1np4n_1{0%{opacity:0}to{opacity:1}}@keyframes _slideIn_1np4n_1{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}body.light ._onboardingModal_1np4n_17{background:linear-gradient(145deg,var(--silver-light),var(--silver-dark));border-color:var(--gray-900)}body.light ._stepTitle_1np4n_48{color:var(--gray-900)}body.light ._stepDescription_1np4n_55{color:var(--gray-600)}body.light ._progressDot_1np4n_70{background:var(--gray-300)}body.light ._instrumentButton_1np4n_95{background:var(--gray-100);border-color:var(--gray-900)}body.light ._instrumentButton_1np4n_95:hover{background:var(--gray-200)}body.light ._instrumentButton_1np4n_95._selected_1np4n_112{background:var(--purple-alpha-20);border-color:var(--purple-500)}body.light ._instrumentName_1np4n_134{color:var(--gray-900)}body.light ._instrumentDesc_1np4n_141{color:var(--gray-600)}body.light ._instrumentButton_1np4n_95._selected_1np4n_112 ._instrumentDesc_1np4n_141{color:var(--purple-700)}body.light ._formGroup_1np4n_167 label{color:var(--gray-900)}body.light ._formGroup_1np4n_167 input{background:linear-gradient(145deg,var(--silver-light),var(--silver-dark));border-color:var(--gray-900);color:var(--gray-900)}body.light ._formGroup_1np4n_167 input::-moz-placeholder{color:var(--gray-900);opacity:.6}body.light ._formGroup_1np4n_167 input::placeholder{color:var(--gray-900);opacity:.6}body.light ._formGroup_1np4n_167 input:focus{border-color:var(--blue-500);background:linear-gradient(145deg,var(--white),var(--silver-light))}body.light ._classPreview_1np4n_226{background:var(--green-alpha-20);border-color:var(--green-alpha-40)}body.light ._classPreviewLabel_1np4n_235{color:var(--green-700)}body.light ._classPreviewName_1np4n_243{color:var(--gray-900)}body.light ._classPreviewTeacher_1np4n_250,body.light ._availableClassroomsLabel_1np4n_272{color:var(--gray-600)}body.light ._classroomItem_1np4n_287{background:var(--gray-100);border-color:var(--gray-200)}body.light ._classroomItem_1np4n_287:hover{background:var(--gray-200);border-color:var(--gray-300)}body.light ._classroomItem_1np4n_287._selected_1np4n_112{background:var(--purple-alpha-20);border-color:var(--purple-500)}body.light ._classroomTitle_1np4n_329{color:var(--gray-900)}body.light ._classroomTeacher_1np4n_338,body.light ._studentCount_1np4n_365{color:var(--gray-600)}body.light ._noClassrooms_1np4n_373{color:var(--gray-500);background:var(--gray-100)}body.light ._tutorialItem_1np4n_395{background:var(--gray-100)}body.light ._tutorialItem_1np4n_395._active_1np4n_78{background:var(--purple-alpha-20)}body.light ._tutorialNumber_1np4n_411{background:var(--gray-300);color:var(--gray-600)}body.light ._tutorialText_1np4n_429 strong{color:var(--gray-900)}body.light ._tutorialText_1np4n_429 span{color:var(--gray-600)}body.light ._secondaryButton_1np4n_472{border-color:var(--gray-300);color:var(--gray-700)}body.light ._secondaryButton_1np4n_472:hover{background:var(--gray-100);border-color:var(--gray-400)}body.light ._skipButton_1np4n_489{color:var(--gray-500)}body.light ._skipButton_1np4n_489:hover{color:var(--gray-700);background:var(--gray-100)}@media(max-width:480px){._onboardingOverlay_1np4n_2{padding:60px 10px 10px;align-items:flex-start}._onboardingModal_1np4n_17{width:100%;max-width:100%;margin:0;max-height:calc(100vh - 80px)}._stepContent_1np4n_33{padding:24px 20px}._stepTitle_1np4n_48{font-size:24px}._instrumentButton_1np4n_95{padding:14px 16px}._instrumentIcon_1np4n_121{font-size:24px}._instrumentName_1np4n_134{font-size:16px}._buttonGroup_1np4n_445{flex-direction:column}._secondaryButton_1np4n_472{order:1}}@media(max-height:600px){._onboardingOverlay_1np4n_2{align-items:flex-start;padding-top:20px}._onboardingModal_1np4n_17{max-height:calc(100vh - 40px)}}._appContainer_6p352_1{display:flex;flex-direction:column;align-items:center;width:100%;min-width:100%;min-height:100vh;transition:background .3s ease,color .3s ease;position:relative;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}._appContainer_6p352_1._dark_6p352_16{background:linear-gradient(135deg,var(--dark-bg-surface) 0%,var(--dark-bg-primary) 25%,var(--dark-bg-quaternary) 50%,var(--dark-bg-tertiary) 75%,var(--dark-bg-primary) 100%);color:var(--dark-text-primary)}._appContainer_6p352_1._light_6p352_28{background:linear-gradient(135deg,var(--light-bg-gradient-1) 0%,var(--light-bg-gradient-2) 25%,var(--light-bg-gradient-3) 50%,var(--light-bg-gradient-4) 75%,var(--light-bg-gradient-2) 100%);color:var(--light-text-primary)}@media screen and (orientation:landscape)and (max-height:500px){._appContainer_6p352_1{width:100vw;min-width:100vw;min-height:100vh}}._app-header_6p352_49{text-align:center;margin-bottom:2rem}._app-description_6p352_54{font-size:1.125rem;text-align:center;margin-bottom:2rem;color:var(--text-primary);opacity:.9}._errorFallback_6p352_63{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:40px 20px;text-align:center}._errorCard_6p352_73{background:linear-gradient(145deg,var(--gray-700),var(--gray-900));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--white);border-radius:16px;padding:40px 30px;max-width:500px;width:100%;color:var(--gray-200)}._errorIcon_6p352_85{font-size:3rem;margin-bottom:1rem}._errorTitle_6p352_90{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_6p352_100{font-size:1.1rem;margin-bottom:2rem;color:var(--gray-900)}._errorButton_6p352_106{padding:12px 24px;background:linear-gradient(145deg,var(--purple-700),var(--purple-500));color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}._mainContent_6p352_125{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;outline:none}._mainContent_6p352_125:focus{outline:none}body.light ._errorCard_6p352_73{background:linear-gradient(145deg,var(--silver-light),var(--silver-dark));border-color:var(--gray-900);color:var(--gray-700)}body.light ._errorMessage_6p352_100{color:var(--gray-900)}