: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{--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}._navbar_1n6eo_5{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border)}._brand_1n6eo_14{font-size:1.25rem;font-weight:800;color:var(--color-primary);text-decoration:none}._brand_1n6eo_14:hover{color:var(--color-primary-hover)}._links_1n6eo_27{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none}._link_1n6eo_27{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_1n6eo_27:hover,._active_1n6eo_48{background-color:var(--color-primary);color:#fff}._home_74a63_5{display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem;gap:2rem}._hero_74a63_13{text-align:center}._title_74a63_17{font-size:2.5rem;font-weight:800;color:var(--color-primary);margin-bottom:.5rem}._subtitle_74a63_24{font-size:1.25rem;color:var(--color-text-muted)}._welcome_74a63_29{max-width:600px;text-align:center;font-size:1.05rem;color:var(--color-text);line-height:1.8}._wrapper_1rfbs_12{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}._headerRow_1rfbs_22{display:flex;align-items:center;margin-bottom:2px}._hdrTuning_1rfbs_29{width:80px;min-width:80px;flex-shrink:0}._hdrNut_1rfbs_35{width:36px;min-width:36px;flex-shrink:0}._hdrEnd_1rfbs_41{width:14px;min-width:14px;flex-shrink:0}._fretNum_1rfbs_48{flex:1;min-width:44px;text-align:center;font-size:.7rem;color:var(--color-text-muted);padding:2px 0}._neck_1rfbs_60{display:flex;flex-direction:column;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_1rfbs_81{display:flex;align-items:center;position:relative;height:44px}._stringRow_1rfbs_81:after{content:"";position:absolute;left:80px;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:0}._str1_1rfbs_104:after{height:1px;background:#ececec;box-shadow:0 1px 2px #ffffff80}._str2_1rfbs_105:after{height:1px;background:#e4e4e4;box-shadow:0 1px 2px #fff6}._str3_1rfbs_106:after{height:2px;background:#dcdcdc;box-shadow:0 1px 3px #ffffff4d}._str4_1rfbs_107:after{height:2px;background:#ccbca0;box-shadow:0 1px 3px #c8b99666}._str5_1rfbs_108:after{height:3px;background:#c0a870;box-shadow:0 1px 3px #bea56466}._str6_1rfbs_109:after{height:3px;background:#b89850;box-shadow:0 1px 4px #b4944680}._tuningCell_1rfbs_113{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_1rfbs_129{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_1rfbs_129:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}._openLabel_1rfbs_148{font-size:.8rem;font-weight:700;color:var(--color-text);min-width:22px;text-align:center}._nutCell_1rfbs_159{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_1rfbs_175{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_1rfbs_188{border-right-color:#a09682e6;border-right-width:3px}._endCap_1rfbs_195{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_1rfbs_210{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_1rfbs_210._highlighted_1rfbs_232{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_1rfbs_210._clickable_1rfbs_243{cursor:pointer}._noteBtn_1rfbs_210._clickable_1rfbs_243:hover{background:#ffffff40;border-color:#fff9;transform:scale(1.15)}._noteBtn_1rfbs_210._clickable_1rfbs_243._highlighted_1rfbs_232:hover{background:var(--color-primary-hover);transform:scale(1.15)}._markerRow_1rfbs_260{display:flex;align-items:center;height:18px}._markerTuning_1rfbs_267{width:80px;min-width:80px;flex-shrink:0;background:var(--color-bg-surface);height:100%}._markerNut_1rfbs_275{width:36px;min-width:36px;flex-shrink:0}._markerCell_1rfbs_281{flex:1;min-width:44px;display:flex;align-items:center;justify-content:center;gap:5px}._marker_1rfbs_260{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffffff73;box-shadow:inset 0 1px 2px #0006,0 0 3px #fff3}._dimmedString_1rfbs_303{opacity:.35;pointer-events:none}._noteBtn_1rfbs_210._markedCorrect_1rfbs_309{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_1rfbs_210._markedWrong_1rfbs_320{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}._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_eb9c8_5{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;gap:1.5rem;width:100%}._pageTitle_eb9c8_14{font-size:2rem;font-weight:700;color:var(--color-primary)}._description_eb9c8_20{font-size:1rem;color:var(--color-text-muted);text-align:center;max-width:600px}._toggleBtn_eb9c8_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_eb9c8_28:hover,._toggleBtn_eb9c8_28._active_eb9c8_46{background:var(--color-primary);color:#fff}._toggleBtn_eb9c8_28._active_eb9c8_46:hover{background:var(--color-primary-hover)}._controls_eb9c8_56{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}._page_15xhk_6{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;gap:1.5rem;width:100%}._pageTitle_15xhk_15{font-size:2rem;font-weight:700;color:var(--color-primary)}._description_15xhk_21{font-size:1rem;color:var(--color-text-muted);text-align:center;max-width:600px}._setupCard_15xhk_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_15xhk_30 h2{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0}._formGroup_15xhk_51{display:flex;flex-direction:column;gap:.5rem}._formLabel_15xhk_57{font-size:.9rem;font-weight:600;color:var(--color-text)}._formSelect_15xhk_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_15xhk_64:focus{outline:none;border-color:var(--color-primary)}._stringCheckboxes_15xhk_81{display:flex;flex-wrap:wrap;gap:.5rem}._stringCheckboxLabel_15xhk_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_15xhk_88:has(input:checked){background:var(--color-primary);border-color:var(--color-primary);color:#fff}._stringCheckboxLabel_15xhk_88:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}._stringCheckboxLabel_15xhk_88 input{margin:0;cursor:pointer;accent-color:var(--color-primary)}._autoAdvanceLabel_15xhk_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_15xhk_124 input{cursor:pointer;accent-color:var(--color-primary)}._primaryBtn_15xhk_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_15xhk_140:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}._primaryBtn_15xhk_140:disabled{opacity:.45;cursor:not-allowed}._gameArea_15xhk_165{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%}._progressBar_15xhk_174{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--color-text-muted)}._progressText_15xhk_182{font-weight:600}._questionCard_15xhk_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_15xhk_200{font-size:1.1rem;color:var(--color-text);text-align:center}._targetNote_15xhk_207{font-size:2rem;font-weight:800;color:var(--color-primary);letter-spacing:.03em}._questionHint_15xhk_215{font-size:.9rem;color:var(--color-text-muted)}._feedbackBanner_15xhk_222{width:100%;max-width:600px;padding:1rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;text-align:center}._feedbackBanner_15xhk_222._correct_15xhk_232{background:#22c55e26;border:1.5px solid #22c55e;color:#16a34a}._feedbackBanner_15xhk_222._wrong_15xhk_238{background:#ef44441f;border:1.5px solid #ef4444;color:#dc2626}._resultsCard_15xhk_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_15xhk_245 h2{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}._statsGrid_15xhk_266{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}._statCard_15xhk_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_15xhk_285{font-size:1.75rem;font-weight:800;color:var(--color-primary);line-height:1}._statLabel_15xhk_292{font-size:.8rem;color:var(--color-text-muted);font-weight:500}._banner_950x4_5{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:8px;margin:1.5rem}._icon_950x4_17{font-size:1.5rem}._text_950x4_21{font-size:.95rem;color:var(--color-text-muted)}._page_1iqh3_5{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;gap:1.5rem}._pageTitle_1iqh3_13{font-size:2rem;font-weight:700;color:var(--color-primary)}._description_1iqh3_19{font-size:1rem;color:var(--color-text-muted);text-align:center;max-width:600px}._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}