.staff[data-v-bc3f2eac]{background:var(--ivory);border-radius:var(--radius-sm);width:100%;height:auto;padding:6px 4px 2px;display:block}.bar[data-v-bc3f2eac],.ledger[data-v-bc3f2eac],.lines line[data-v-bc3f2eac]{stroke:oklch(30% .02 50);stroke-width:1px}.clef[data-v-bc3f2eac]{fill:oklch(22% .02 45)}.head[data-v-bc3f2eac]{fill:none;stroke:oklch(20% .02 45);stroke-width:2px}.hit[data-v-bc3f2eac]{fill:#0000}.n[role=button][data-v-bc3f2eac]{cursor:pointer;outline:none}.n.on .head[data-v-bc3f2eac],.n[role=button]:hover .head[data-v-bc3f2eac]{stroke:var(--copper-deep)}.n.on .head[data-v-bc3f2eac]{fill:var(--copper-deep)}.n[role=button]:focus-visible .hit[data-v-bc3f2eac]{fill:oklch(74% .16 52/.18)}.lbl[data-v-bc3f2eac]{font:650 10px var(--font-sans);fill:oklch(30% .03 50)}.n.on .lbl[data-v-bc3f2eac]{fill:var(--copper-deep)}.oct[data-v-bc3f2eac]{font-size:7px}.cn[data-v-6b5f5114]{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.cn[data-v-6b5f5114]>*{min-width:0}.answer[data-v-6b5f5114],.mn[data-v-6b5f5114]{gap:var(--space-4);display:grid}.mn[data-v-6b5f5114]{grid-template-columns:repeat(2,minmax(0,1fr))}.mn>div[data-v-6b5f5114]{min-width:0}.k[data-v-6b5f5114]{font-size:var(--text-sm);color:var(--ink-muted);font-weight:600}.v[data-v-6b5f5114]{font-family:var(--font-display);font-size:var(--text-xl);color:var(--copper);letter-spacing:.06em;font-weight:700;line-height:1.15}.readout[data-v-6b5f5114]{font-size:var(--text-lg)}.readout strong[data-v-6b5f5114]{font-family:var(--font-display);color:var(--copper)}section[data-v-6b5f5114]{margin-top:0}.drill[data-v-6b5f5114]{gap:var(--space-4);display:grid}.drill-top[data-v-6b5f5114]{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.drill h2[data-v-6b5f5114]{font-size:var(--text-xl);margin:0}.one[data-v-6b5f5114]{max-width:420px}.letters[data-v-6b5f5114]{gap:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr));max-width:520px;display:grid}.letters .btn[data-v-6b5f5114]{min-height:52px;font-family:var(--font-display);border-radius:var(--radius-sm);padding:0;font-size:1.3rem;font-weight:700}.fb[data-v-6b5f5114]{min-height:1.6em;font-weight:560}.fb.ok[data-v-6b5f5114]{color:var(--good)}.fb.no[data-v-6b5f5114]{color:var(--bad)}.tlink[data-v-6b5f5114]{min-height:36px;color:var(--copper);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:650;text-decoration:underline}tr.on td[data-v-6b5f5114]{background:var(--surface-2)}@media (width<=420px){.mn[data-v-6b5f5114]{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}}