.theory-head[data-v-f205f47e]{align-items:flex-end}.degrees[data-v-f205f47e]{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}@media (width<=700px){.degrees[data-v-f205f47e]{grid-template-columns:repeat(3,minmax(0,1fr))}}.degrees li[data-v-f205f47e]{border:1px solid #dbe6f129;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.degrees li.current[data-v-f205f47e]{border-color:#f7a433}.main[data-v-f205f47e]{color:#dbe6f1;cursor:pointer;background-color:#0000;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px;font-family:inherit;line-height:1.3;transition:background-color .15s;display:flex}.main[data-v-f205f47e]:hover{background-color:#7db9de26}.main[data-v-f205f47e]:focus-visible{outline-offset:-2px}.main .roman[data-v-f205f47e]{color:#93a8bf;font-size:.8rem;font-weight:600}.main .chord-name[data-v-f205f47e]{white-space:nowrap;font-weight:700}.main .chord-notes[data-v-f205f47e]{color:#93a8bf;text-align:center;font-size:.75rem}.variants[data-v-f205f47e]{border-top:1px solid #dbe6f129;grid-template-columns:repeat(4,1fr);display:grid}.variants button[data-v-f205f47e]{color:#7db9de;cursor:pointer;background-color:#0000;border:none;padding:5px 0;font-family:inherit;font-size:.8rem;font-weight:700}.variants button+button[data-v-f205f47e]{border-left:1px solid #dbe6f126}.variants button[data-v-f205f47e]:hover{background-color:#7db9de26}.variants button.selected[data-v-f205f47e]{color:#f7a433;background-color:#f7a4331f;box-shadow:inset 3px 0 #f7a433}.variants button[data-v-f205f47e]:focus-visible{outline-offset:-2px}.caption[data-v-f205f47e]{color:#93a8bf;font-size:.85rem}.now[data-v-f205f47e]{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.now strong[data-v-f205f47e]{color:#f7a433;font-size:1.15rem}.now .empty[data-v-f205f47e]{color:#93a8bf;font-size:.9rem}.options[data-v-f205f47e]{border:1px solid #dbe6f12e;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:0;padding:14px 16px;display:flex}.options legend[data-v-f205f47e]{float:none;color:#93a8bf;width:auto;margin:0;padding:0 6px;font-size:.85rem}.tempo[data-v-f205f47e]{align-items:center;gap:10px;display:flex}.tempo span[data-v-f205f47e]{color:#93a8bf;font-size:.85rem}.tempo input[data-v-f205f47e]{accent-color:#f7a433;width:130px}.tempo output[data-v-f205f47e]{min-width:3ch;font-weight:700}.metronome[data-v-f205f47e]{color:#dbe6f1;cursor:pointer;background-color:#0000;border:1px solid #dbe6f129;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:.95rem;font-weight:600}.metronome.on[data-v-f205f47e]{color:#0b1929;background-color:#7db9de;border-color:#7db9de}.history-head[data-v-f205f47e]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.clear[data-v-f205f47e]{color:#7db9de;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:600}.clear[data-v-f205f47e]:hover{text-decoration:underline}