.sc-page.svelte-10gmv54{flex-direction:column;gap:1rem;display:flex}.sc-interactive-notice.svelte-10gmv54{background:color-mix(in srgb, #f59e0b 18%, var(--bg-elevated));border:1px solid color-mix(in srgb, #f59e0b 50%, var(--border));border-radius:calc(var(--radius-lg) * 1.25);width:min(56rem,100%);color:var(--text);text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;gap:.25rem;margin:.5rem auto 0;padding:.4rem 3rem 1rem;font-size:1rem;display:flex}.sc-midi-icon.svelte-10gmv54{object-fit:contain;flex:none;width:96px;height:96px;margin:-.2rem 0 -.4rem;display:block}.sc-notice-text.svelte-10gmv54{margin:0;line-height:1.4}.sc-notice-cta.svelte-10gmv54{margin:0}.sc-practice-link.svelte-10gmv54{color:#b45309;text-underline-offset:.15em;font-weight:700;text-decoration:underline}.sc-practice-link.svelte-10gmv54:hover{filter:brightness(1.15)}.question-container.svelte-10gmv54{flex-direction:column;align-items:center;gap:.75rem;display:flex}.chord-name.svelte-10gmv54{text-align:center;padding-bottom:.5rem}.inversion-pill.svelte-10gmv54{box-sizing:border-box;background:var(--inv-color,#111);color:#fff;border-radius:var(--radius-label);justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:min(40rem,100%);padding:.5rem 1.5rem;font-weight:600;display:flex}.inversion-text.svelte-10gmv54{text-align:center;flex:auto}.hand-spacer.svelte-10gmv54{flex:none;width:1rem;height:1rem;display:inline-block}.sc-balls-row.svelte-10gmv54{justify-content:center;width:100%;padding-top:.5rem;display:flex}.sc-answer.svelte-10gmv54{justify-content:center;width:100%;max-width:100%;display:flex;overflow-x:auto}.sc-answer.svelte-10gmv54 .piano-keyboard{width:50%;max-width:50%;height:auto}.qna{--inv-color:#111}.qna[data-inv="1"]{--inv-color:#82a905}.qna[data-inv="2"]{--inv-color:#7952b3}.qna[data-inv="3"]{--inv-color:#f59e0b}