/* Visible demonstrations, two music alphabet sets, one aligned tapping timeline. */
#alphabetLetters{display:flex!important;flex-direction:column;gap:18px}.alphabetSet{width:100%;margin:0}.alphabetSet h3{font-size:16px;margin:0 0 10px}.alphabetSetRow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.alphabetSetRow button{min-width:0!important;min-height:48px!important;font-size:22px!important;padding:8px 3px!important}.alphabetSounding{outline:4px solid #243b32!important;outline-offset:2px;transform:translateY(-3px)}#questClefLanding .clefAdventure{display:block;width:100%;min-height:64px;background:#e8ecdf;color:#243b32;border:2px solid #8a9c8c;border-radius:14px;margin:14px 0;font-size:19px}#questClefLanding>p{font-size:17px}.showMeControl,#introHear,#journeyDemo,#mixHelp,#tapShow,#help,#catchHelp{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid #9c6e2d!important;background:#f4deaa!important;color:#243b32!important;font-weight:700!important;border-radius:14px!important;padding:12px 18px!important;min-height:48px!important;font-size:16px!important;box-shadow:0 2px 0 #9c6e2d33}#journeyDemo{align-self:flex-start}#tapPattern{display:block!important;width:100%;padding:8px 0}#tapPattern svg{display:block;max-width:100%!important;width:100%!important;height:auto;max-height:220px;margin:0 auto;overflow:visible}.tapBeatFrame{fill:#fffaf0;stroke:#bec8b8;stroke-width:1.5}.tapSoundMark{fill:#243b32;color:#243b32}.tapSoundMark text{font-size:16px;fill:currentColor}.tapBeatLabel{font-size:15px;fill:#243b32}.tapSoundMark.tapHitNow{fill:#b85f43;color:#b85f43;stroke:#243b32;stroke-width:2}.tapAnswered{fill:#8e3b46}.tapProgress{display:none!important}#tapHear{min-height:50px;font-size:17px}.echoTapControls{align-items:stretch}.echoTapPad{user-select:none;-webkit-user-select:none;touch-action:none;min-height:104px!important;background:#f0d288!important}#echoTap .echoTapFeedback{margin:10px 0;padding:10px;border-radius:12px;background:#e8ecdf;min-height:28px}.rfBuddy .buddyShape{border-width:2px}.buddyShape.pebble{width:46px;height:36px;border-radius:56% 48% 40% 40%}.buddyShape.pebble .buddyEyes:before,.buddyShape.pebble .buddyEyes:after{top:13px}.buddyShape.spark{border-radius:46% 48% 36% 40%;transform:none}.buddyShape.seed{width:38px;height:40px}@media(max-width:420px){.alphabetSetRow{gap:5px}.alphabetSetRow button{font-size:19px!important}.echoTapControls{display:grid;grid-template-columns:1fr 1fr}#tapPad{grid-column:1/-1;width:100%}#tapPattern svg{min-height:145px}.showMeControl{padding:10px 14px!important}}
@media(prefers-reduced-motion:reduce){.alphabetSounding{transform:none}}