.key-grid-score[data-v-52df82b5]{--slot-width:clamp(54px, 5.8vw, 76px);background:#03070d61;border:1px solid #ffffff17;border-radius:7px;min-height:78px;padding:8px;position:relative;overflow:hidden}.grid-score-track[data-v-52df82b5]{justify-content:center;align-items:center;gap:clamp(3px,.42vw,6px);min-height:60px;display:flex}.fill-width .grid-score-track[data-v-52df82b5]{justify-content:center;width:100%}.grid-score-slot[data-v-52df82b5]{flex:0 0 var(--slot-width);aspect-ratio:var(--grid-columns) /var(--grid-rows);opacity:.78;transition:opacity .16s,transform .16s;position:relative}.fill-width .grid-score-slot[data-v-52df82b5]{flex:0 1 var(--slot-width)}.grid-score-slot.active[data-v-52df82b5]{z-index:1;opacity:1;transform:translateY(-2px)}.grid-score-slot.passed[data-v-52df82b5]{opacity:.3}.mini-key-grid[data-v-52df82b5]{grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));grid-template-rows:repeat(var(--grid-rows),minmax(0,1fr));background:#ffffff09;border:1px solid #ffffff17;gap:1px;width:100%;height:100%;padding:2px;display:grid}.grid-score-slot.active .mini-key-grid[data-v-52df82b5]{border-color:color-mix(in srgb,var(--grid-accent) 68%,transparent);background:color-mix(in srgb,var(--grid-accent) 9%,#ffffff08)}.mini-key-grid i[data-v-52df82b5]{aspect-ratio:1;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:0;min-width:0;min-height:0}.mini-key-grid i.on[data-v-52df82b5]{box-shadow:inset 0 0 0 1px #ffffff2e}.mini-key-grid i.done[data-v-52df82b5]{border-color:var(--practice-accent,#e53945)!important;background:#e539453d!important}.grid-slot-playhead[data-v-52df82b5]{z-index:3;pointer-events:none;width:10px;position:absolute;top:-5px;bottom:-5px;left:50%;transform:translate(-50%)}.grid-slot-playhead[data-v-52df82b5]:after,.grid-slot-playhead[data-v-52df82b5]:before{content:"";border-inline:5px solid #0000;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.grid-slot-playhead[data-v-52df82b5]:before{border-top:7px solid var(--grid-accent);top:0}.grid-slot-playhead[data-v-52df82b5]:after{border-bottom:7px solid var(--grid-accent);bottom:0}.compact[data-v-52df82b5]{--slot-width:clamp(46px, 4.8vw, 60px);min-height:62px;padding:6px}.compact .grid-score-track[data-v-52df82b5]{gap:clamp(3px,.36vw,5px);min-height:48px}.compact.emphasized[data-v-52df82b5]{--slot-width:clamp(50px, 5.2vw, 66px);background:#03070d85;align-items:center;padding-block:6px;display:grid}.compact.emphasized .grid-score-track[data-v-52df82b5]{width:100%;min-height:50px}.compact.emphasized .grid-score-slot[data-v-52df82b5]{opacity:.88}.compact.emphasized .grid-score-slot.active[data-v-52df82b5]{opacity:1;transform:none}.compact.emphasized .mini-key-grid[data-v-52df82b5]{background:#ffffff0f;border-color:#ffffff26}.compact.emphasized .grid-score-slot.active .mini-key-grid[data-v-52df82b5]{border-color:color-mix(in srgb,var(--grid-accent) 88%,transparent);background:color-mix(in srgb,var(--grid-accent) 18%,#ffffff0d)}.compact.emphasized .mini-key-grid i[data-v-52df82b5]{background:#ffffff12;border-color:#ffffff2e}.compact.emphasized .mini-key-grid i.on[data-v-52df82b5]{box-shadow:inset 0 0 0 1px #ffffff52,0 0 7px color-mix(in srgb,var(--grid-accent) 22%,transparent)}@media (width<=620px){.key-grid-score[data-v-52df82b5]{--slot-width:clamp(48px, 14vw, 66px)}}@media (height<=560px) and (orientation:landscape){.key-grid-score[data-v-52df82b5]{--slot-width:44px;min-height:54px;padding:5px}.grid-score-track[data-v-52df82b5]{min-height:44px}.key-grid-score.compact.emphasized[data-v-52df82b5]{--slot-width:48px;padding-block:5px}}.jianpu-sheet[data-v-5171855b]{border:1px solid var(--line);background:#ffffffeb;border-radius:8px}.jianpu-meta[data-v-5171855b]{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding:12px 16px;display:flex}.jianpu-meta>div[data-v-5171855b]{gap:3px;min-width:0;display:grid}.jianpu-meta strong[data-v-5171855b]{overflow-wrap:anywhere;font-size:14px}.jianpu-meta span[data-v-5171855b]{color:var(--muted);font-size:11px}.quality[data-v-5171855b]{flex:none;align-items:center;gap:6px;font-weight:800;display:inline-flex}.quality.aligned[data-v-5171855b]{color:var(--teal)}.quality.warning[data-v-5171855b]{color:#9b641f}.quantization-note[data-v-5171855b]{color:#7a531e;background:#fff8e8;margin:0;padding:10px 16px;font-size:12px;line-height:1.6}.jianpu-scroll[data-v-5171855b]{-ms-overflow-style:none;scrollbar-width:none;max-height:620px;padding:18px;overflow:auto}.jianpu-scroll[data-v-5171855b]::-webkit-scrollbar{width:0;height:0;display:none}.bar-grid[data-v-5171855b]{grid-template-columns:repeat(2,minmax(480px,1fr));gap:18px 12px;display:grid}.jianpu-bar[data-v-5171855b]{border-inline:1px solid var(--line-strong);min-width:0;padding:16px 8px 9px;position:relative}.bar-number[data-v-5171855b]{color:var(--muted);font-variant-numeric:tabular-nums;font-size:9px;position:absolute;top:-3px;left:5px}.slot-grid[data-v-5171855b]{grid-template-columns:repeat(var(--jianpu-columns),minmax(25px,1fr));min-width:max-content;display:grid}.jianpu-slot[data-v-5171855b]{min-width:25px;min-height:54px;color:var(--ink);border-left:1px solid #0000;place-items:center;transition:background .1s linear,color .1s linear;display:grid;position:relative}.jianpu-slot.beat[data-v-5171855b]{border-left-color:#1718201c}.jianpu-slot.active[data-v-5171855b]{z-index:1;color:#fff;background:var(--notation-accent);box-shadow:0 0 20px color-mix(in srgb,var(--notation-accent) 28%,transparent)}.jianpu-slot.active[data-v-5171855b]:after{content:"";background:var(--notation-accent);width:2px;box-shadow:0 0 14px color-mix(in srgb,var(--notation-accent) 66%,transparent);pointer-events:none;position:absolute;top:-13px;bottom:-13px;left:50%;transform:translate(-50%)}.chord[data-v-5171855b]{place-items:center;gap:1px;display:grid}.jianpu-note[data-v-5171855b]{place-items:center;min-width:14px;line-height:1;display:grid;position:relative}.degree-mark[data-v-5171855b]{place-items:center;display:inline-grid;position:relative}.jianpu-note b[data-v-5171855b]{font-variant-numeric:tabular-nums;font-size:18px}.accidental[data-v-5171855b]{color:currentColor;font-size:8px;font-weight:850;line-height:1;position:absolute;bottom:46%;right:100%}.octave-dots[data-v-5171855b]{color:currentColor;letter-spacing:0;place-items:center;gap:0;min-height:6px;font-size:13px;font-style:normal;line-height:5px;display:grid}.octave-dots span[data-v-5171855b]{text-align:center;width:100%;height:5px;line-height:5px;display:block}.sustain[data-v-5171855b]{color:var(--teal);font-size:17px}.rest[data-v-5171855b]{color:#a5acb6;font-size:13px;font-weight:650}.compact .jianpu-scroll[data-v-5171855b]{max-height:420px;padding:12px}.compact .bar-grid[data-v-5171855b]{grid-template-columns:minmax(460px,1fr)}.theme-dark[data-v-5171855b]{color:#f8f4eb;background:#050813e0;border-color:#ffffff1a;min-height:0}.theme-dark .jianpu-meta[data-v-5171855b]{border-color:#ffffff17}.theme-dark .jianpu-meta span[data-v-5171855b]{color:#ffffff70}.theme-dark .quality.aligned[data-v-5171855b]{color:#8fe8d5}.theme-dark .quality.warning[data-v-5171855b]{color:var(--notation-accent)}.theme-dark .quantization-note[data-v-5171855b]{color:color-mix(in srgb,var(--notation-accent) 72%,#fff 28%);background:color-mix(in srgb,var(--notation-accent) 7%,transparent)}.theme-dark .jianpu-bar[data-v-5171855b]{border-color:#ffffff85}.theme-dark .bar-number[data-v-5171855b]{color:#ffffff6b}.theme-dark .jianpu-slot[data-v-5171855b]{color:#ffffffe6}.theme-dark .jianpu-slot.beat[data-v-5171855b]{border-color:#ffffff17}.theme-dark .jianpu-slot.active[data-v-5171855b]{color:color-mix(in srgb,var(--notation-accent) 72%,#fff 28%);background:color-mix(in srgb,var(--notation-accent) 10%,transparent);box-shadow:none}.theme-dark .jianpu-slot.active[data-v-5171855b]:after{background:var(--notation-accent);box-shadow:0 0 12px color-mix(in srgb,var(--notation-accent) 72%,transparent)}.theme-dark .sustain[data-v-5171855b]{color:#8fe8d5}.theme-dark .rest[data-v-5171855b]{color:#ffffff42}.theme-dark.compact[data-v-5171855b]{height:100%;overflow:hidden}.theme-dark.compact .jianpu-meta[data-v-5171855b],.theme-dark.compact .quantization-note[data-v-5171855b]{display:none}.theme-dark.compact .jianpu-scroll[data-v-5171855b]{overscroll-behavior-inline:contain;height:100%;max-height:none;padding:0;overflow:auto hidden}.theme-dark.compact.manual-scroll-disabled .jianpu-scroll[data-v-5171855b]{overscroll-behavior:none;touch-action:none;overflow-x:hidden}.theme-dark.compact .bar-grid[data-v-5171855b]{grid-template-columns:none;gap:0;width:max-content;height:100%;padding:2px 18px 3px;display:flex}.theme-dark.compact .jianpu-bar[data-v-5171855b]{flex:0 0 var(--jianpu-compact-bar-width);min-width:var(--jianpu-compact-bar-width);background:0 0;border-left-width:1px;border-right:0;align-items:center;min-height:100%;padding:7px 4px 2px;display:grid}.theme-dark.compact .jianpu-bar[data-v-5171855b]:last-child{border-right:1px solid #ffffff4d}.theme-dark.compact .bar-number[data-v-5171855b]{font-size:7px;top:1px;left:4px}.theme-dark.compact .slot-grid[data-v-5171855b]{grid-template-columns:repeat(var(--jianpu-columns),minmax(0,1fr));min-width:0}.theme-dark.compact .jianpu-slot[data-v-5171855b]{min-width:22px;min-height:42px}.theme-dark.compact .jianpu-slot.beat[data-v-5171855b]{border-left-color:#0000}.theme-dark.compact .jianpu-slot.active[data-v-5171855b]:after{width:1px;top:-4px;bottom:-4px}.theme-dark.compact.column-highlight-only .jianpu-slot.active[data-v-5171855b]{color:color-mix(in srgb,var(--notation-accent) 72%,#fff 28%);background:color-mix(in srgb,var(--notation-accent) 24%,transparent);box-shadow:none;margin-inline:2px}.column-highlight-only .jianpu-slot.active[data-v-5171855b]:after{display:none}.theme-dark.compact .chord[data-v-5171855b]{gap:0}.theme-dark.compact .jianpu-note[data-v-5171855b]{min-width:11px}.theme-dark.compact .jianpu-note b[data-v-5171855b]{font-size:clamp(13px,1.7vh,17px)}.theme-dark.compact .accidental[data-v-5171855b]{font-size:7px}.theme-dark.compact .octave-dots[data-v-5171855b]{min-height:5px;font-size:10px;line-height:4px}.theme-dark.compact .octave-dots span[data-v-5171855b]{height:4px;line-height:4px}.theme-dark.compact .sustain[data-v-5171855b]{font-size:12px}.theme-dark.compact .rest[data-v-5171855b]{visibility:hidden}.theme-dark.compact.column-highlight-only .rest[data-v-5171855b]{color:#fff3;visibility:visible;font-size:11px}@media (width<=760px){.jianpu-meta[data-v-5171855b]{flex-direction:column;align-items:flex-start;gap:8px}.jianpu-scroll[data-v-5171855b]{max-height:520px;padding:12px 8px 16px}.bar-grid[data-v-5171855b]{grid-template-columns:minmax(430px,1fr)}.theme-dark.compact .bar-grid[data-v-5171855b]{display:flex}.theme-dark.compact .jianpu-bar[data-v-5171855b]{flex-basis:var(--jianpu-compact-bar-width);min-width:var(--jianpu-compact-bar-width)}}.staff-shell[data-v-e273b9e2]{-ms-overflow-style:none;scrollbar-width:none;border:1px solid var(--line);background:linear-gradient(90deg,#e539450a 0 1px,#0000 1px) 38px 0/1px 100% no-repeat,#fff;border-radius:8px;min-height:420px;position:relative;overflow:auto hidden}.staff-shell[data-v-e273b9e2]::-webkit-scrollbar{width:0;height:0;display:none}.staff-canvas[data-v-e273b9e2]{opacity:0;min-width:0;padding:22px 22px 34px 46px;transition:opacity .18s}.staff-canvas.visible[data-v-e273b9e2]{opacity:1}.staff-shell.horizontal[data-v-e273b9e2]{background:#fffdf7f5;height:100%;min-height:96px;max-height:100%;overflow:auto hidden}.staff-shell.horizontal .staff-canvas[data-v-e273b9e2]{width:max-content;min-width:max-content;padding:2px 24px 4px}.staff-shell.horizontal.compact.manual-scroll-disabled[data-v-e273b9e2]{overscroll-behavior:none;touch-action:none;overflow-x:hidden}.staff-shell.theme-dark[data-v-e273b9e2]{color:#f8f4eb;background:#050813;border-color:#ffffff1a}.staff-shell.theme-dark.horizontal[data-v-e273b9e2]{background:#050813e0}.staff-shell.theme-dark .staff-canvas[data-v-e273b9e2]{filter:none}.staff-shell.theme-dark .staff-canvas[data-v-e273b9e2] svg{background:0 0!important}.staff-shell.theme-dark .staff-canvas[data-v-e273b9e2] svg g{opacity:1!important}.staff-shell.theme-dark .staff-canvas[data-v-e273b9e2] svg line,.staff-shell.theme-dark .staff-canvas[data-v-e273b9e2] svg path,.staff-shell.theme-dark .staff-canvas[data-v-e273b9e2] svg polygon,.staff-shell.theme-dark .staff-canvas[data-v-e273b9e2] svg polyline,.staff-shell.theme-dark .staff-canvas[data-v-e273b9e2] svg use{fill:#f7f4ed!important;stroke:#f7f4ed!important}.staff-shell.theme-dark .staff-canvas[data-v-e273b9e2] svg text,.staff-shell.theme-dark .staff-canvas[data-v-e273b9e2] svg tspan{fill:#f7f4ed!important;stroke:none!important}.staff-shell.theme-dark[data-v-e273b9e2] .osmd-cursor{opacity:.88;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--notation-accent) 62%,transparent));width:1px!important}.staff-shell.cursor-hidden[data-v-e273b9e2] .osmd-cursor,.staff-shell.cursor-hidden[data-v-e273b9e2] img[id^=cursorImg-]{opacity:0!important;visibility:hidden!important;filter:none!important}.staff-shell.theme-dark .staff-canvas[data-v-e273b9e2] .osmd-active-note line,.staff-shell.theme-dark .staff-canvas[data-v-e273b9e2] .osmd-active-note path,.staff-shell.theme-dark .staff-canvas[data-v-e273b9e2] .osmd-active-note polygon,.staff-shell.theme-dark .staff-canvas[data-v-e273b9e2] .osmd-active-note use{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--notation-accent) 72%,transparent));fill:var(--notation-accent)!important;stroke:var(--notation-accent)!important}.staff-shell.theme-dark .staff-status[data-v-e273b9e2]{color:var(--stage-accent-strong,#ffe0aa);background:#050813f5}.staff-shell.theme-dark .staff-status small[data-v-e273b9e2]{color:#ffffff75}.staff-shell.theme-dark .staff-lines[data-v-e273b9e2]{background:repeating-linear-gradient(#0000 0 7px,#ffffff70 7px 8px)}.staff-shell.theme-dark .staff-error button[data-v-e273b9e2]{color:var(--stage-accent-strong,#ffe0aa);background:#ffffff0f;border-color:#ffffff24}.staff-status[data-v-e273b9e2]{z-index:1;color:var(--ink-soft);text-align:center;background:#ffffffeb;place-content:center;justify-items:center;gap:8px;padding:30px;display:grid;position:absolute;inset:0}.staff-status small[data-v-e273b9e2]{color:var(--muted)}.staff-lines[data-v-e273b9e2]{background:repeating-linear-gradient(#0000 0 7px,#178e8352 7px 8px);width:120px;height:42px;margin-bottom:8px;animation:1.5s ease-in-out infinite staff-pulse-e273b9e2}.staff-error button[data-v-e273b9e2]{border:1px solid var(--line-strong);min-height:36px;color:var(--ink);background:#fff;border-radius:6px;margin-top:8px;padding:0 14px;font-weight:800}.compact[data-v-e273b9e2]{min-height:84px}.compact .staff-canvas[data-v-e273b9e2]{padding:1px 18px 3px}.compact .staff-canvas[data-v-e273b9e2] svg text,.compact .staff-canvas[data-v-e273b9e2] svg tspan{font-size:8px!important}@keyframes staff-pulse-e273b9e2{50%{opacity:.38}}@media (width<=620px){.staff-shell[data-v-e273b9e2]{min-height:340px}.staff-canvas[data-v-e273b9e2]{min-width:760px;padding:16px 10px 24px 24px}}@media (prefers-reduced-motion:reduce){.staff-lines[data-v-e273b9e2]{animation:none}.staff-canvas[data-v-e273b9e2]{transition:none}}