:root{--color-bg: #ffffff;--color-bg-surface: #f5f5f5;--color-text: #1a1a1a;--color-text-muted: #6b7280;--color-primary: #e85d04;--color-primary-hover: #c94d00;--color-border: #e5e7eb;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #111827;--color-bg-surface: #1f2937;--color-text: #f9fafb;--color-text-muted: #9ca3af;--color-primary: #f97316;--color-primary-hover: #fb923c;--color-border: #374151}}:root[data-theme=dark]{--color-bg: #111827;--color-bg-surface: #1f2937;--color-text: #f9fafb;--color-text-muted: #9ca3af;--color-primary: #f97316;--color-primary-hover: #fb923c;--color-border: #374151}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}._navbar_14tf7_9{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border);position:relative}._brand_14tf7_20{font-size:1.25rem;font-weight:800;color:var(--color-primary);text-decoration:none}._brand_14tf7_20:hover{color:var(--color-primary-hover)}._hamburger_14tf7_34{display:none;background:none;border:1px solid var(--color-border);border-radius:6px;padding:.4rem .5rem;cursor:pointer;margin-left:auto;line-height:1}._hamburgerIcon_14tf7_47{display:block;width:20px;height:2px;background:var(--color-text);position:relative;transition:background .2s ease}._hamburgerIcon_14tf7_47:before,._hamburgerIcon_14tf7_47:after{content:"";display:block;width:20px;height:2px;background:var(--color-text);position:absolute;left:0;transition:transform .2s ease,top .2s ease}._hamburgerIcon_14tf7_47:before{top:-6px}._hamburgerIcon_14tf7_47:after{top:6px}._hamburgerOpen_14tf7_78{background:transparent}._hamburgerOpen_14tf7_78:before{top:0;transform:rotate(45deg)}._hamburgerOpen_14tf7_78:after{top:0;transform:rotate(-45deg)}._menu_14tf7_95{display:flex;align-items:center;gap:.5rem;flex:1}._links_14tf7_103{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none}._link_14tf7_103{color:var(--color-text);text-decoration:none;padding:.4rem .75rem;border-radius:6px;font-size:.9rem;transition:background-color .15s ease,color .15s ease}._link_14tf7_103:hover,._active_14tf7_124{background-color:var(--color-primary);color:#fff}._menuDivider_14tf7_132{display:none}._controls_14tf7_137{display:flex;align-items:center;gap:.5rem;margin-left:auto}._langSwitch_14tf7_145{display:flex;gap:.25rem}._langBtn_14tf7_151{background:none;border:1px solid var(--color-border);color:var(--color-text);padding:.3rem .6rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}._langBtn_14tf7_151:hover,._langBtnActive_14tf7_169{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}._themeBtn_14tf7_177{background:none;border:1px solid var(--color-border);color:var(--color-text);padding:.3rem .5rem;border-radius:6px;font-size:1rem;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}._themeBtn_14tf7_177:hover{background-color:var(--color-bg-surface);border-color:var(--color-primary)}@media(max-width:767px){._navbar_14tf7_9{padding:.6rem 1rem}._hamburger_14tf7_34{display:flex;align-items:center;justify-content:center}._menu_14tf7_95{display:none;flex-direction:column;align-items:stretch;width:100%;gap:0;order:3;padding-top:.5rem}._menuOpen_14tf7_223{display:flex}._links_14tf7_103{flex-direction:column;gap:.25rem}._link_14tf7_103{display:block;padding:.6rem .75rem;font-size:1rem}._menuDivider_14tf7_132{display:block;border:none;border-top:1px solid var(--color-border);margin:.5rem 0}._controls_14tf7_137{margin-left:0;padding:.25rem 0}}._home_hqpio_5{display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem;gap:2rem}._hero_hqpio_13{text-align:center}._title_hqpio_17{font-size:2.5rem;font-weight:800;color:var(--color-primary);margin-bottom:.5rem}._subtitle_hqpio_24{font-size:1.25rem;color:var(--color-text-muted)}._welcome_hqpio_29{max-width:600px;text-align:center;font-size:1.05rem;color:var(--color-text);line-height:1.8}._support_hqpio_37{display:flex;justify-content:center}._support_hqpio_37 img{height:40px;width:auto}@media(max-width:767px){._home_hqpio_5{padding:2rem 1rem;gap:1.5rem}._title_hqpio_17{font-size:1.75rem}._subtitle_hqpio_24{font-size:1rem}}._wrapper_18mql_14{overflow-x:auto;padding:1rem 1rem .5rem;background:var(--color-bg-surface);border-radius:12px;border:1px solid var(--color-border);-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}._headerRow_18mql_25{display:flex;align-items:center;margin-bottom:2px;min-width:fit-content}._hdrTuning_18mql_33{width:80px;min-width:80px;flex-shrink:0}._hdrNut_18mql_39{width:36px;min-width:36px;flex-shrink:0}._hdrEnd_18mql_45{width:14px;min-width:14px;flex-shrink:0}._fretNum_18mql_52{flex:1;min-width:44px;text-align:center;font-size:.7rem;color:var(--color-text-muted);padding:2px 0}._neck_18mql_66{display:flex;flex-direction:column;min-width:fit-content;background:linear-gradient(to bottom,#d4a84a,#c09030,#a87820,#987018,#a87820,#c09030,#d4a84a);border:2px solid #6b4a18;border-left:none;border-radius:0 8px 8px 0;box-shadow:2px 4px 16px #00000059,inset 0 1px #ffffff1a;position:relative}._stringRow_18mql_88{display:flex;align-items:center;position:relative;height:44px}._stringRow_18mql_88:after{content:"";position:absolute;left:80px;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:0}._str1_18mql_111:after{height:1px;background:#ececec;box-shadow:0 1px 2px #ffffff80}._str2_18mql_112:after{height:1px;background:#e4e4e4;box-shadow:0 1px 2px #fff6}._str3_18mql_113:after{height:2px;background:#dcdcdc;box-shadow:0 1px 3px #ffffff4d}._str4_18mql_114:after{height:2px;background:#ccbca0;box-shadow:0 1px 3px #c8b99666}._str5_18mql_115:after{height:3px;background:#c0a870;box-shadow:0 1px 3px #bea56466}._str6_18mql_116:after{height:3px;background:#b89850;box-shadow:0 1px 4px #b4944680}._tuningCell_18mql_120{width:80px;min-width:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:4px;background:var(--color-bg-surface);position:relative;z-index:3;height:100%}._tuneBtn_18mql_136{background:none;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);font-size:.55rem;padding:3px 5px;cursor:pointer;line-height:1;transition:background-color .15s ease,color .15s ease,border-color .15s ease}._tuneBtn_18mql_136:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}._openLabel_18mql_155{font-size:.8rem;font-weight:700;color:var(--color-text);min-width:22px;text-align:center}._nutCell_18mql_166{width:36px;min-width:36px;flex-shrink:0;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,#f4eac8,#e8d8a8,#dcc888);border-right:4px solid #8b7040;position:relative;z-index:2}._fretCell_18mql_182{flex:1;min-width:44px;height:100%;display:flex;align-items:center;justify-content:center;border-right:2px solid rgba(180,170,150,.8);position:relative;z-index:1}._lastFret_18mql_195{border-right-color:#a09682e6;border-right-width:3px}._endCap_18mql_202{width:14px;min-width:14px;flex-shrink:0;height:100%;background:linear-gradient(to right,#5a3a10,#2e1800);border-radius:0 6px 6px 0;position:relative;z-index:2}._noteBtn_18mql_217{width:30px;height:30px;border-radius:50%;border:1.5px solid transparent;background:transparent;font-size:.6rem;font-weight:700;color:var(--color-text);cursor:default;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease,transform .1s ease;position:relative;z-index:3;padding:0;line-height:1}._noteBtn_18mql_217._highlighted_18mql_239{background:radial-gradient(circle at 40% 35%,var(--color-primary),var(--color-primary-hover));color:#fff;border-color:var(--color-primary-hover);box-shadow:0 0 10px #e85d04a6,0 2px 6px #0000004d;font-size:.65rem;width:32px;height:32px}._noteBtn_18mql_217._clickable_18mql_250{cursor:pointer}._noteBtn_18mql_217._clickable_18mql_250:hover{background:#ffffff40;border-color:#fff9;transform:scale(1.15)}._noteBtn_18mql_217._clickable_18mql_250._highlighted_18mql_239:hover{background:var(--color-primary-hover);transform:scale(1.15)}._markerRow_18mql_267{display:flex;align-items:center;height:18px;min-width:fit-content}._markerTuning_18mql_275{width:80px;min-width:80px;flex-shrink:0;background:var(--color-bg-surface);height:100%}._markerNut_18mql_283{width:36px;min-width:36px;flex-shrink:0}._markerCell_18mql_289{flex:1;min-width:44px;display:flex;align-items:center;justify-content:center;gap:5px}._marker_18mql_267{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffffff73;box-shadow:inset 0 1px 2px #0006,0 0 3px #fff3}._dimmedString_18mql_311{opacity:.35;pointer-events:none}._noteBtn_18mql_217._markedCorrect_18mql_317{background:radial-gradient(circle at 40% 35%,#22c55e,#16a34a);color:#fff;border-color:#15803d;box-shadow:0 0 12px #22c55eb3,0 2px 6px #0000004d;font-size:.65rem;width:32px;height:32px}._noteBtn_18mql_217._markedWrong_18mql_328{background:radial-gradient(circle at 40% 35%,#ef4444,#dc2626);color:#fff;border-color:#b91c1c;box-shadow:0 0 12px #ef4444b3,0 2px 6px #0000004d;font-size:.65rem;width:32px;height:32px}._noteBtn_18mql_217._scaleTone_18mql_342{background:radial-gradient(circle at 40% 35%,#3b82f6,#2563eb);color:#fff;border-color:#1d4ed8;box-shadow:0 0 10px #3b82f68c,0 2px 6px #0000004d;font-size:.65rem;width:32px;height:32px}._noteBtn_18mql_217._scaleRoot_18mql_355{background:radial-gradient(circle at 40% 35%,#e11d48,#be123c);color:#fff;border-color:#9f1239;box-shadow:0 0 12px #e11d48a6,0 2px 6px #0000004d;font-size:.7rem;font-weight:800;width:34px;height:34px}._wrapper_uxhvu_5{display:flex;align-items:center;gap:.6rem}._label_uxhvu_12{font-size:.9rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap}._select_uxhvu_20{padding:.4rem .75rem;border-radius:8px;border:1.5px solid var(--color-primary);background:var(--color-bg-surface);color:var(--color-text);font-size:.9rem;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;min-width:220px}._select_uxhvu_20:hover{border-color:var(--color-primary-hover)}._select_uxhvu_20:focus{outline:none;box-shadow:0 0 0 3px #e85d0440}._page_140vd_5{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;gap:1.5rem;width:100%}._pageTitle_140vd_14{font-size:2rem;font-weight:700;color:var(--color-primary)}._description_140vd_20{font-size:1rem;color:var(--color-text-muted);text-align:center;max-width:600px}._toggleBtn_140vd_28{padding:.5rem 1.25rem;border-radius:8px;border:1.5px solid var(--color-primary);background:transparent;color:var(--color-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease}._toggleBtn_140vd_28:hover,._toggleBtn_140vd_28._active_140vd_46{background:var(--color-primary);color:#fff}._toggleBtn_140vd_28._active_140vd_46:hover{background:var(--color-primary-hover)}._controls_140vd_56{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}@media(max-width:767px){._page_140vd_5{padding:1.5rem .75rem;gap:1rem}._pageTitle_140vd_14{font-size:1.5rem}}._page_17gtd_6{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;gap:1.5rem;width:100%}._pageTitle_17gtd_15{font-size:2rem;font-weight:700;color:var(--color-primary)}._description_17gtd_21{font-size:1rem;color:var(--color-text-muted);text-align:center;max-width:600px}._setupCard_17gtd_30{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:480px}._setupCard_17gtd_30 h2{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0}._formGroup_17gtd_51{display:flex;flex-direction:column;gap:.5rem}._formLabel_17gtd_57{font-size:.9rem;font-weight:600;color:var(--color-text)}._formSelect_17gtd_64{padding:.5rem .75rem;border-radius:8px;border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.9rem;cursor:pointer;transition:border-color .15s ease}._formSelect_17gtd_64:focus{outline:none;border-color:var(--color-primary)}._stringCheckboxes_17gtd_81{display:flex;flex-wrap:wrap;gap:.5rem}._stringCheckboxLabel_17gtd_88{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:20px;border:1.5px solid var(--color-border);background:var(--color-bg);font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}._stringCheckboxLabel_17gtd_88:has(input:checked){background:var(--color-primary);border-color:var(--color-primary);color:#fff}._stringCheckboxLabel_17gtd_88:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}._stringCheckboxLabel_17gtd_88 input{margin:0;cursor:pointer;accent-color:var(--color-primary)}._autoAdvanceLabel_17gtd_124{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}._autoAdvanceLabel_17gtd_124 input{cursor:pointer;accent-color:var(--color-primary)}._primaryBtn_17gtd_140{padding:.65rem 1.5rem;border-radius:8px;border:none;background:var(--color-primary);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .15s ease,transform .1s ease;align-self:center}._primaryBtn_17gtd_140:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}._primaryBtn_17gtd_140:disabled{opacity:.45;cursor:not-allowed}._gameArea_17gtd_165{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%}._progressBar_17gtd_174{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--color-text-muted)}._progressText_17gtd_182{font-weight:600}._questionCard_17gtd_187{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:600px}._questionText_17gtd_200{font-size:1.1rem;color:var(--color-text);text-align:center}._targetNote_17gtd_207{font-size:2rem;font-weight:800;color:var(--color-primary);letter-spacing:.03em}._questionHint_17gtd_215{font-size:.9rem;color:var(--color-text-muted)}._feedbackBanner_17gtd_222{width:100%;max-width:600px;padding:1rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;text-align:center}._feedbackBanner_17gtd_222._correct_17gtd_232{background:#22c55e26;border:1.5px solid #22c55e;color:#16a34a}._feedbackBanner_17gtd_222._wrong_17gtd_238{background:#ef44441f;border:1.5px solid #ef4444;color:#dc2626}._resultsCard_17gtd_245{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:480px}._resultsCard_17gtd_245 h2{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}._statsGrid_17gtd_266{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}._statCard_17gtd_273{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}._statValue_17gtd_285{font-size:1.75rem;font-weight:800;color:var(--color-primary);line-height:1}._statLabel_17gtd_292{font-size:.8rem;color:var(--color-text-muted);font-weight:500}@media(max-width:767px){._page_17gtd_6{padding:1.5rem .75rem;gap:1rem}._pageTitle_17gtd_15{font-size:1.5rem}._setupCard_17gtd_30{padding:1.25rem}._questionCard_17gtd_187{padding:1rem 1.25rem}}._wrapper_1g8sk_5{display:flex;flex-direction:column;align-items:center;gap:4px}._svg_1g8sk_13{overflow:visible}._stringLine_1g8sk_18,._fretLine_1g8sk_24{stroke:var(--chord-line-color, #888);stroke-width:1.2}._nut_1g8sk_30{stroke:var(--color-text);stroke-width:5;stroke-linecap:square}._dot_1g8sk_37,._barre_1g8sk_42{fill:var(--color-text)}._markerOpen_1g8sk_47{fill:none;stroke:var(--color-text);stroke-width:1.5}._markerMuted_1g8sk_54{font-size:12px;font-weight:700;fill:var(--color-text-muted)}._fretLabel_1g8sk_61{font-size:11px;font-weight:600;fill:var(--color-text-muted)}._label_1g8sk_68{font-size:.7rem;color:var(--color-text-muted);text-align:center;max-width:120px;line-height:1.3}@media(prefers-color-scheme:dark){._svg_1g8sk_13{--chord-line-color: #aaa}}._page_1hyel_9{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;gap:1.25rem;width:100%}._pageTitle_1hyel_18{font-size:2rem;font-weight:700;color:var(--color-primary)}._description_1hyel_24{font-size:1rem;color:var(--color-text-muted);text-align:center;max-width:640px}._pickerSection_1hyel_32{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:900px}._pickerLabel_1hyel_41{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}._pickerRow_1hyel_50{display:flex;flex-wrap:wrap;gap:.4rem}._pill_1hyel_57{padding:.35rem .85rem;border-radius:20px;border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease,color .12s ease}._pill_1hyel_57:hover{border-color:var(--color-primary);color:var(--color-primary)}._pill_1hyel_57._pillActive_1hyel_76{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._typeDescription_1hyel_83{font-size:.88rem;color:var(--color-text-muted);text-align:center;max-width:680px;padding:.5rem 1rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:10px;line-height:1.5}._chordCard_1hyel_96{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:900px}._chordHeader_1hyel_109{display:flex;align-items:baseline;gap:.6rem}._chordSymbol_1hyel_116{font-size:1.75rem;font-weight:800;color:var(--color-primary);line-height:1}._voicingsRow_1hyel_124{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}._empty_1hyel_133{font-size:.95rem;color:var(--color-text-muted);text-align:center;padding:1.5rem;background:var(--color-bg-surface);border:1px dashed var(--color-border);border-radius:10px;max-width:480px}._empty_1hyel_133 strong{color:var(--color-text)}@media(max-width:767px){._page_1hyel_9{padding:1.5rem .75rem;gap:1rem}._pageTitle_1hyel_18{font-size:1.5rem}._chordCard_1hyel_96{padding:1rem}}._page_15dh0_6{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;gap:1.5rem;width:100%}._pageTitle_15dh0_15{font-size:2rem;font-weight:700;color:var(--color-primary)}._description_15dh0_21{font-size:1rem;color:var(--color-text-muted);text-align:center;max-width:600px}._setupCard_15dh0_29{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:560px}._setupCard_15dh0_29 h2{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0}._formGroup_15dh0_49{display:flex;flex-direction:column;gap:.5rem}._formLabel_15dh0_55{font-size:.9rem;font-weight:600;color:var(--color-text)}._formLabelRow_15dh0_62{display:flex;align-items:center;justify-content:space-between;gap:.5rem}._selectAllBtns_15dh0_70{display:flex;gap:.5rem}._linkBtn_15dh0_75{background:none;border:none;padding:0;font-size:.8rem;color:var(--color-primary);cursor:pointer;text-decoration:underline;text-underline-offset:2px}._linkBtn_15dh0_75:hover{color:var(--color-primary-hover)}._formSelect_15dh0_91{padding:.5rem .75rem;border-radius:8px;border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.9rem;cursor:pointer;transition:border-color .15s ease}._formSelect_15dh0_91:focus{outline:none;border-color:var(--color-primary)}._toggleGroup_15dh0_108{display:flex;flex-wrap:wrap;gap:.4rem}._toggleLabel_15dh0_115{display:flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:20px;border:1.5px solid var(--color-border);background:var(--color-bg);font-size:.82rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}._toggleLabel_15dh0_115:has(input:checked){background:var(--color-primary);border-color:var(--color-primary);color:#fff}._toggleLabel_15dh0_115:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}._toggleLabel_15dh0_115 input{margin:0;cursor:pointer;accent-color:var(--color-primary)}._warningText_15dh0_148{font-size:.85rem;color:#dc2626;margin:0;text-align:center}._autoAdvanceLabel_15dh0_156{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}._autoAdvanceLabel_15dh0_156 input{cursor:pointer;accent-color:var(--color-primary)}._primaryBtn_15dh0_172{padding:.65rem 1.5rem;border-radius:8px;border:none;background:var(--color-primary);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .15s ease,transform .1s ease;align-self:center}._primaryBtn_15dh0_172:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}._primaryBtn_15dh0_172:disabled{opacity:.45;cursor:not-allowed}._gameArea_15dh0_196{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:720px}._progressBar_15dh0_206{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--color-text-muted)}._progressText_15dh0_214{font-weight:600}._questionCard_15dh0_219{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}._questionHint_15dh0_231{font-size:.9rem;color:var(--color-text-muted);margin:0}._diagramsRow_15dh0_239{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}._answerSection_15dh0_248{width:100%;display:flex;flex-direction:column;gap:.6rem}._answerSectionLabel_15dh0_255{font-size:.9rem;font-weight:600;color:var(--color-text)}._answerGrid_15dh0_262{display:flex;flex-wrap:wrap;gap:.4rem}._answerBtn_15dh0_269{padding:.4rem .85rem;border-radius:20px;border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .1s ease,border-color .1s ease,color .1s ease;-webkit-user-select:none;user-select:none}._answerBtn_15dh0_269:hover{border-color:var(--color-primary);color:var(--color-primary)}._answerBtnSelected_15dh0_288{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._feedbackBanner_15dh0_295{width:100%;padding:1rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;text-align:center}._feedbackBanner_15dh0_295._correct_15dh0_305{background:#22c55e26;border:1.5px solid #22c55e;color:#16a34a}._feedbackBanner_15dh0_295._half_15dh0_312{background:#eab3081f;border:1.5px solid #eab308;color:#a16207}._feedbackBanner_15dh0_295._wrong_15dh0_319{background:#ef44441f;border:1.5px solid #ef4444;color:#dc2626}._resultsCard_15dh0_326{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:480px}._resultsCard_15dh0_326 h2{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}._statsGrid_15dh0_347{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}._statCard_15dh0_354{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}._statValue_15dh0_366{font-size:1.75rem;font-weight:800;color:var(--color-primary);line-height:1}._statLabel_15dh0_373{font-size:.8rem;color:var(--color-text-muted);font-weight:500}._page_nb3z7_10{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;gap:1.25rem;width:100%}._pageTitle_nb3z7_19{font-size:2rem;font-weight:700;color:var(--color-primary)}._description_nb3z7_25{font-size:1rem;color:var(--color-text-muted);text-align:center;max-width:640px}._pickerSection_nb3z7_33{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:900px}._pickerLabel_nb3z7_42{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}._pickerRow_nb3z7_51{display:flex;flex-wrap:wrap;gap:.4rem}._pill_nb3z7_58{padding:.35rem .85rem;border-radius:20px;border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease,color .12s ease}._pill_nb3z7_58:hover{border-color:var(--color-primary);color:var(--color-primary)}._pill_nb3z7_58._pillActive_nb3z7_77{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._scaleName_nb3z7_84{font-size:1.5rem;font-weight:800;color:var(--color-primary);text-align:center}._legend_nb3z7_92{display:flex;gap:1.5rem;align-items:center;justify-content:center;font-size:.85rem;color:var(--color-text-muted)}._legendItem_nb3z7_101{display:flex;align-items:center;gap:.4rem}._legendDot_nb3z7_107{display:inline-block;width:14px;height:14px;border-radius:50%}._legendDotTone_nb3z7_114{background:radial-gradient(circle at 40% 35%,#3b82f6,#2563eb);border:1.5px solid #1d4ed8}._legendDotRoot_nb3z7_119{background:radial-gradient(circle at 40% 35%,#e11d48,#be123c);border:1.5px solid #9f1239}._fretboardContainer_nb3z7_125{width:100%;max-width:1100px}._positionLabel_nb3z7_131{font-size:.9rem;font-weight:600;color:var(--color-text-muted);text-align:center;margin-bottom:.5rem}._fretboardContainer_nb3z7_125+._fretboardContainer_nb3z7_125{margin-top:1rem}@media(max-width:767px){._page_nb3z7_10{padding:1.5rem .75rem;gap:1rem}._pageTitle_nb3z7_19{font-size:1.5rem}._scaleName_nb3z7_84{font-size:1.25rem}}._app_1bfmo_6{min-height:100vh;display:flex;flex-direction:column}._page_pey0t_5{display:flex;flex-direction:column;padding:2rem 1.5rem;gap:1.5rem;max-width:800px;margin:0 auto}._pageTitle_pey0t_14{font-size:2rem;font-weight:700;color:var(--color-primary)}._section_pey0t_20{display:flex;flex-direction:column;gap:.5rem}._sectionTitle_pey0t_26{font-size:1.2rem;font-weight:600;color:var(--color-text);margin-top:.5rem}._text_pey0t_33{font-size:.95rem;color:var(--color-text);line-height:1.7}._link_pey0t_39{color:var(--color-primary);text-decoration:none}._link_pey0t_39:hover{color:var(--color-primary-hover);text-decoration:underline}