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