:root{color:#2d2118;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#ffd69c8c,#0000 28%),linear-gradient(#fbf3e7 0%,#efdcc2 100%);font-family:Trebuchet MS,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}a{color:inherit}strong{font-weight:800}#app{min-height:100vh}.app-shell[data-v-9002229f]{width:min(980px,100% - 20px);margin:0 auto;padding:12px 0 20px}.card[data-v-9002229f]{background:radial-gradient(circle at 100% 0,#f5cc8f47,#0000 32%),linear-gradient(#fffaf2f5,#f6eee2fa);border:1px solid #4c341f1f;border-radius:28px;margin-top:10px;padding:12px;box-shadow:0 18px 48px #5c43261f,inset 0 1px #ffffffb3}.board-topbar[data-v-9002229f]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin-bottom:6px;display:flex}.board-topbar-left[data-v-9002229f]{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.board-title[data-v-9002229f]{color:#2f2015;white-space:nowrap;font-size:.76rem;font-weight:700;line-height:1.2}.session-controls[data-v-9002229f]{align-items:center;gap:6px;display:inline-flex}.session-button[data-v-9002229f]{min-height:22px;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 8px;font-size:.68rem}.session-button.start[data-v-9002229f]{color:#fff8f1;background:linear-gradient(135deg,#bb5a2f,#e38b2d)}.session-button.stop[data-v-9002229f]{color:#5a4331;background:#ffffffc7;border:1px solid #79583824}.session-button[data-v-9002229f]:disabled{opacity:.5;cursor:default}.mode-toggle[data-v-9002229f]{background:#ffffffb8;border:1px solid #81582f1f;border-radius:999px;gap:6px;margin-bottom:0;padding:3px;display:inline-flex}.mode-button[data-v-9002229f]{color:#6a5038;min-height:24px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:.72rem}.mode-button.active[data-v-9002229f]{color:#fff9f2;background:linear-gradient(135deg,#ba6133,#de8b34)}.difficulty-toggle[data-v-9002229f]{background:#ffffffb8;border:1px solid #81582f1f;border-radius:999px;gap:4px;padding:3px;display:inline-flex}.difficulty-button[data-v-9002229f]{color:#6a5038;min-height:22px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 8px;font-size:.68rem;font-weight:700}.difficulty-button.active[data-v-9002229f]{color:#fff9f2;background:linear-gradient(135deg,#7b583b,#b77b35)}.stats-inline[data-v-9002229f]{color:#6a5038;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;font-size:.72rem;line-height:1.2;display:flex}.stats-inline span[data-v-9002229f]{white-space:nowrap}.stats-inline strong[data-v-9002229f]{color:#1f140d;font-size:.82rem}.box-toolbar[data-v-9002229f]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;margin-bottom:10px;display:flex}.box-toolbar-group[data-v-9002229f],.scale-toolbar[data-v-9002229f]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.scale-toolbar[data-v-9002229f]{justify-content:flex-end;margin-left:auto}.box-toolbar-label[data-v-9002229f]{color:#6a5038;font-size:.76rem;font-weight:700}.box-toolbar-buttons[data-v-9002229f],.scale-toolbar-buttons[data-v-9002229f]{flex-wrap:wrap;gap:6px;display:flex}.box-button[data-v-9002229f]{color:#5f4735;min-width:34px;height:30px;font:inherit;cursor:pointer;background:#ffffffc2;border:1px solid #7958381f;border-radius:10px;font-size:.8rem}.box-button.active[data-v-9002229f]{color:#2b1d13;background:var(--position-soft);border-color:var(--position-color);box-shadow:inset 0 0 0 1px #ffffff73}.scale-button[data-v-9002229f]{color:#5f4735;min-width:32px;height:30px;font:inherit;cursor:pointer;background:#ffffffd1;border:1px solid #7958381f;border-radius:999px;padding:0 10px;font-size:.74rem;font-weight:700}.scale-button.active[data-v-9002229f]{color:#fff8f1;background:linear-gradient(135deg,#ba6133,#de8b34);border-color:#0000}.section-head[data-v-9002229f]{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.section-head.compact[data-v-9002229f]{margin-bottom:8px}.board-scroll[data-v-9002229f]{overflow:hidden}.fretboard-figure[data-v-9002229f]{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:8px;width:100%;display:grid}.string-labels[data-v-9002229f],.board-area[data-v-9002229f]{--board-height:150px;--board-pad:12px;--open-space:8%;height:var(--board-height);position:relative}.label-layer[data-v-9002229f],.board-layer[data-v-9002229f]{inset:var(--board-pad) 0;position:absolute}.string-row-label[data-v-9002229f]{justify-content:flex-end;align-items:center;width:100%;display:flex;position:absolute;right:0;transform:translateY(-50%)}.string-number[data-v-9002229f]{color:#422e1f;text-align:right;min-width:12px;font-size:.8rem;font-weight:700}.board-column[data-v-9002229f]{min-width:0}.board-area[data-v-9002229f]{background:linear-gradient(#ffffff61,#ffffff1f);border-radius:14px}.nut-line[data-v-9002229f],.fret-line[data-v-9002229f],.string-line[data-v-9002229f],.position-zone[data-v-9002229f],.position-marker[data-v-9002229f],.question-marker[data-v-9002229f],.box-note-marker[data-v-9002229f]{position:absolute}.position-zone[data-v-9002229f]{background:color-mix(in srgb, var(--position-soft) 86%, white);border:2px solid color-mix(in srgb, var(--position-color) 72%, white);opacity:.55;border-radius:12px;top:0;bottom:0}.position-zone.active[data-v-9002229f]{opacity:.82}.nut-line[data-v-9002229f]{left:var(--open-space);background:#17100b;border-radius:999px;width:5px;top:-2px;bottom:-2px}.fret-line[data-v-9002229f]{background:#1d140eeb;width:3px;top:0;bottom:0;transform:translate(-50%)}.string-line[data-v-9002229f]{background:#1a120ceb;height:1px;left:0;right:0;transform:translateY(-50%)}.position-marker[data-v-9002229f]{width:20px;top:0;bottom:0;transform:translate(-50%)}.position-dot[data-v-9002229f]{background:#79685a4d;border-radius:999px;width:9px;height:9px;position:absolute;left:50%;transform:translate(-50%,-50%)}.position-dot.single[data-v-9002229f]{top:50%}.position-dot.upper[data-v-9002229f]{top:30%}.position-dot.lower[data-v-9002229f]{top:70%}.box-note-marker[data-v-9002229f]{background:var(--position-marker-color,#8c67f3);appearance:none;border:0;border-radius:999px;width:12px;height:12px;padding:0;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffffdb,0 3px 7px #37261838}.box-note-marker.is-bonus-active[data-v-9002229f]{cursor:pointer}.box-note-marker.is-bonus-active[data-v-9002229f]:hover:enabled{transform:translate(-50%,-50%)scale(1.1)}.box-note-marker.is-found[data-v-9002229f]{background:linear-gradient(135deg,#66d48b,#2f9d61)}.box-note-marker.is-root-note[data-v-9002229f]{background:radial-gradient(circle at 35% 35%,#6f6962 0 20%,#4a453f 45%,#2a2622 100%);width:13px;height:13px;box-shadow:0 0 0 2px #ffffffe0,0 3px 8px #1f160e3d}.box-note-marker[data-v-9002229f]:disabled{opacity:1}.question-marker[data-v-9002229f]{background:radial-gradient(circle at 30% 30%,#ff9e93,#ff4035 65%,#da251e);border-radius:999px;place-items:center;width:15px;height:15px;display:grid;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffffb8,0 4px 8px #bd3e2e33}.question-marker.with-note[data-v-9002229f]{width:28px;height:28px}.question-marker.correct[data-v-9002229f]{background:radial-gradient(circle at 30% 30%,#a7f4bf,#49b56f 68%,#2e8f53);box-shadow:0 0 0 2px #ffffffb8,0 4px 8px #49b56f33}.question-marker.wrong[data-v-9002229f]{background:radial-gradient(circle at 30% 30%,#ffb0a8,#df584c 68%,#b53c31)}.question-marker-note[data-v-9002229f]{color:#fffaf4;letter-spacing:-.02em;text-shadow:0 1px 2px #47130f4d;font-size:.58rem;font-weight:800}.fret-numbers[data-v-9002229f]{height:14px;margin-top:2px;position:relative}.fret-number[data-v-9002229f]{color:#4e3b2d;white-space:nowrap;font-size:.76rem;position:absolute;top:0;transform:translate(-50%)}.best-streak[data-v-9002229f]{color:#6a5038;background:#ffffffc2;border:1px solid #7857381f;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:.82rem;display:inline-flex}.quiz-card[data-v-9002229f]{padding:10px 12px}.bonus-box[data-v-9002229f]{color:#5b442f;background:linear-gradient(135deg,#fff3dce0,#fffaf0f0);border:1px solid #bc873f2e;border-radius:12px;align-items:center;gap:12px;min-height:44px;padding:8px 10px;font-size:.78rem;display:flex}.bonus-box strong[data-v-9002229f]{color:#2d1d11;white-space:nowrap}.bonus-progress[data-v-9002229f]{color:#2d1d11;margin-left:auto;font-weight:800}.bonus-hint[data-v-9002229f]{color:#7a5836;margin-left:4px}.choices-grid[data-v-9002229f]{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:0;display:grid}.choice-button[data-v-9002229f]{color:#25170e;min-height:46px;font:inherit;cursor:pointer;background:#fff8ec;border:0;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:0 6px;transition:transform .16s,box-shadow .16s,background .16s;display:flex;box-shadow:0 10px 18px #5c432614}.choice-button[data-v-9002229f]:hover:enabled{transform:translateY(-2px);box-shadow:0 14px 22px #5c43261f}.choice-button[data-v-9002229f]:focus-visible,.mode-button[data-v-9002229f]:focus-visible,.difficulty-button[data-v-9002229f]:focus-visible,.box-button[data-v-9002229f]:focus-visible,.session-button[data-v-9002229f]:focus-visible,.result-button[data-v-9002229f]:focus-visible{outline-offset:2px;outline:3px solid #ffa44199}.choice-button.is-correct[data-v-9002229f]{color:#1d4c2a;background:#dbf2dd}.choice-button.is-wrong[data-v-9002229f]{color:#8b2b1d;background:#fbe0dc}.choice-button.is-muted[data-v-9002229f]{color:#8b7862;background:#f0e6d7}.choice-button[data-v-9002229f]:disabled{cursor:default}.choice-index[data-v-9002229f]{background:#81582f1f;border-radius:999px;place-items:center;width:18px;height:18px;font-size:.62rem;font-weight:700;display:grid}.choice-note[data-v-9002229f]{letter-spacing:.02em;font-size:clamp(.76rem,1.2vw,.96rem);font-weight:800}.choice-note.is-pentatonic[data-v-9002229f]{flex-direction:column;align-items:center;gap:2px;line-height:1;display:flex}.choice-degree[data-v-9002229f]{font-size:.82rem}.choice-subnote[data-v-9002229f]{color:#75583d;font-size:.72rem}.feedback-box[data-v-9002229f]{color:#5e4633;background:#ffffffc2;border:1px solid #7757381f;border-radius:10px;min-height:0;margin-top:6px;padding:8px 10px;font-size:.82rem;line-height:1.4}.feedback-box.error[data-v-9002229f]{color:#7f3427;background:#fff1ee;border-color:#c15d472e}.feedback-box.success[data-v-9002229f]{color:#2d6b3c;background:#edf8ef;border-color:#4fa4672e}.result-modal-backdrop[data-v-9002229f]{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#26191061;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.result-modal[data-v-9002229f]{background:radial-gradient(circle at 100% 0,#f5cc8f4d,#0000 34%),linear-gradient(#fffcf6fa,#f6ecdefa);border:1px solid #4c341f1f;border-radius:22px;width:min(410px,100%);padding:18px;box-shadow:0 24px 50px #2c1b102e,inset 0 1px #fffc}.result-kicker[data-v-9002229f]{color:#8a6540;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.66rem}.result-title[data-v-9002229f]{color:#2b1d13;margin:6px 0 0;font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:1.08}.result-copy[data-v-9002229f]{color:#6a5038;margin:8px 0 0;font-size:.82rem;line-height:1.42}.result-grid[data-v-9002229f]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.result-card[data-v-9002229f]{background:#ffffffb8;border:1px solid #7958381a;border-radius:14px;padding:11px 12px}.result-card span[data-v-9002229f]{color:#876646;font-size:.7rem;display:block}.result-card strong[data-v-9002229f]{color:#24170f;margin-top:4px;font-size:1.16rem;display:block}.result-actions[data-v-9002229f]{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.result-button[data-v-9002229f]{min-height:34px;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 14px;font-size:.76rem}.result-button.primary[data-v-9002229f]{color:#fff8f1;background:linear-gradient(135deg,#bb5a2f,#e38b2d)}.result-button.secondary[data-v-9002229f]{color:#5a4331;background:#ffffffd6;border:1px solid #79583824}@media (width<=980px){.app-shell[data-v-9002229f]{width:min(100% - 16px,100%);padding:10px 0 18px}.card[data-v-9002229f]{padding:10px}.section-head[data-v-9002229f]{flex-direction:column}}@media (width<=640px){.mode-toggle[data-v-9002229f]{border-radius:14px;flex-wrap:wrap}.difficulty-toggle[data-v-9002229f]{border-radius:14px}.board-topbar[data-v-9002229f],.box-toolbar[data-v-9002229f]{align-items:flex-start}.scale-toolbar[data-v-9002229f]{justify-content:flex-end;width:100%;margin-left:0}.board-topbar-left[data-v-9002229f]{gap:6px}.board-title[data-v-9002229f]{white-space:normal;font-size:.64rem}.session-button[data-v-9002229f],.difficulty-button[data-v-9002229f]{min-height:20px;padding:0 7px;font-size:.62rem}.fretboard-figure[data-v-9002229f]{grid-template-columns:24px minmax(0,1fr);gap:6px}.string-labels[data-v-9002229f],.board-area[data-v-9002229f]{--board-height:128px;--board-pad:10px}.string-number[data-v-9002229f],.fret-number[data-v-9002229f]{font-size:.74rem}.quiz-card[data-v-9002229f]{padding:8px 10px}.choices-grid[data-v-9002229f]{gap:4px}.choice-button[data-v-9002229f]{min-height:38px;padding:0 4px}.choice-index[data-v-9002229f]{width:16px;height:16px;font-size:.56rem}.choice-note[data-v-9002229f]{font-size:.72rem}.bonus-box[data-v-9002229f]{flex-wrap:wrap;gap:6px 10px;min-height:0;font-size:.7rem}.bonus-progress[data-v-9002229f]{margin-left:0}.box-note-marker[data-v-9002229f]{width:10px;height:10px}.question-marker[data-v-9002229f]{width:13px;height:13px}.question-marker.with-note[data-v-9002229f]{width:24px;height:24px}.question-marker-note[data-v-9002229f]{font-size:.52rem}.stats-inline[data-v-9002229f]{justify-content:flex-end;gap:6px;width:100%;margin-left:0;font-size:.64rem}.result-modal[data-v-9002229f]{border-radius:18px;padding:16px}.result-grid[data-v-9002229f]{gap:7px}.result-card[data-v-9002229f]{border-radius:14px;padding:10px}}