.card-slide-in[data-v-2e6f92e2]{animation:slideIn-2e6f92e2 .5s ease-in-out}@keyframes slideIn-2e6f92e2{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.answer-fade-in[data-v-2e6f92e2]{animation:fadeIn-2e6f92e2 .3s ease-in}@keyframes fadeIn-2e6f92e2{0%{opacity:0}to{opacity:1}}.blink[data-v-2e6f92e2]{animation:blink-2e6f92e2 2s infinite}@keyframes blink-2e6f92e2{0%,to{opacity:1}50%{opacity:.5}}.option-btn[data-v-2e6f92e2]{width:100%;max-width:4rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.menu-item[data-v-2e6f92e2]:not(:last-child):after{content:"|";margin-left:.5rem;margin-right:.5rem;color:#6b7280}@media (max-width: 640px){.option-btn[data-v-2e6f92e2]{max-width:3rem;font-size:.75rem}.top-nav button[data-v-2e6f92e2],.top-nav label[data-v-2e6f92e2],.top-nav select[data-v-2e6f92e2],.top-nav a[data-v-2e6f92e2]{font-size:.75rem;padding:.5rem}}button[data-v-2e6f92e2],input[data-v-2e6f92e2],select[data-v-2e6f92e2],div[data-v-2e6f92e2]{border-radius:0}.card-slide-in[data-v-0765c14d]{animation:slideIn-0765c14d .5s ease-in-out}@keyframes slideIn-0765c14d{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.answer-fade-in[data-v-0765c14d]{animation:fadeIn-0765c14d .3s ease-in}@keyframes fadeIn-0765c14d{0%{opacity:0}to{opacity:1}}.blink[data-v-0765c14d]{animation:blink-0765c14d 2s infinite}@keyframes blink-0765c14d{0%,to{opacity:1}50%{opacity:.7}}.option-btn[data-v-0765c14d]{width:4rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;border:2px solid transparent}.option-btn[data-v-0765c14d]:active{border-color:#1e40af}@media (max-width: 640px){.option-btn[data-v-0765c14d]{width:3rem;font-size:.75rem}}button[data-v-0765c14d],input[data-v-0765c14d],select[data-v-0765c14d],div[data-v-0765c14d]{border-radius:0}.card-slide-in[data-v-1e6f2191]{animation:slideIn-1e6f2191 .5s ease-in-out}@keyframes slideIn-1e6f2191{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.answer-fade-in[data-v-1e6f2191]{animation:fadeIn-1e6f2191 .3s ease-in}@keyframes fadeIn-1e6f2191{0%{opacity:0}to{opacity:1}}.blink[data-v-1e6f2191]{animation:blink-1e6f2191 2s infinite}@keyframes blink-1e6f2191{0%,to{opacity:1}50%{opacity:.5}}.option-btn[data-v-1e6f2191]{width:2.5rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid transparent}.option-btn[data-v-1e6f2191]:active:not(:disabled){border-color:#1e40af}@media (max-width: 640px){.option-btn[data-v-1e6f2191]{width:2rem;font-size:.65rem}}button[data-v-1e6f2191],input[data-v-1e6f2191],select[data-v-1e6f2191],textarea[data-v-1e6f2191],button[data-v-9e1cc886],input[data-v-9e1cc886],select[data-v-9e1cc886],div[data-v-9e1cc886],table[data-v-9e1cc886],th[data-v-9e1cc886],td[data-v-9e1cc886]{border-radius:0}.circle-of-fifths-container[data-v-698f391b]{background-color:#f0f7ff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.key[data-v-698f391b]{transition:fill .2s ease}.key.sharp[data-v-698f391b]:hover{fill:#0fa}.key.flat[data-v-698f391b]:hover{fill:#e8e48e}.key.selected[data-v-698f391b]{stroke:#e810a3;stroke-width:4}.key-text[data-v-698f391b]{font-family:Poppins,sans-serif;font-size:16px;font-weight:500;fill:#1a1a1a}.author-text[data-v-698f391b]{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;fill:#1a1a1a}