.rhythm-reading-app [hidden]{display:none!important}.rr-controls{margin:1rem 0;display:flex;gap:1rem;flex-wrap:wrap}.rr-controls label{display:grid;gap:.4rem}.rr-controls select{max-width:100%;padding:.6rem;border:1px solid #b5c2ba;border-radius:.5rem;background:#fff;color:#182326;font:inherit}.rr-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0}.rr-beat{min-width:0;background:#f2f7f2;border:1px solid #b5c2ba;border-radius:.8rem;padding:.8rem}.rr-beat svg{display:block;width:100%;height:auto}.rr-beat strong{font-size:1rem}.rr-beat small{display:block;line-height:1.5}.rr-beat.pickup{border-color:#a66c28;background:#fff7e9}.rr-beat.boundary{border-top:4px solid #225b46}.rr-beat.is-playing{box-shadow:0 0 0 3px #56875b}.rr-key{font-size:.9rem;line-height:1.6}.rr-beat svg text{font-family:Arial,sans-serif;fill:#182326}.rhythm-reading-app .answers button{white-space:normal}.rhythm-reading-app [data-explanation]{line-height:1.7}@media(max-width:540px){.rr-board{grid-template-columns:1fr}.rr-controls{display:block}}@media(prefers-reduced-motion:reduce){.rr-beat{transition:none}}