/* Beginner journey and lesson activity styles */
.learn-journey-nav{margin:24px auto 22px;max-width:1060px;text-align:initial}.learn-journey-head{display:none}.learn-journey-group{margin-top:14px;padding:14px;border-radius:24px;border:1px solid rgba(255,255,255,.09);background:rgba(9,9,11,.25)}.learn-journey-group-head{display:grid;gap:0;margin-bottom:10px;text-align:start}.learn-journey-group-head span,.learn-journey-group-head p{display:none}.learn-journey-group-head h3{margin:0;color:#fff0ad;font-size:1.12rem;font-weight:900}.learn-journey-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.learn-journey-card{position:relative;min-height:128px;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:20px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 20% 12%,rgba(255,224,138,.12),transparent 7rem),rgba(9,9,11,.34);color:inherit;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease)}.learn-journey-card:hover,.learn-journey-card:focus-visible{transform:translateY(-3px);border-color:rgba(255,224,138,.48);box-shadow:0 16px 34px rgba(0,0,0,.24),0 0 28px rgba(255,224,138,.10);outline:none}.learn-journey-card.is-foundation{background:radial-gradient(circle at 20% 12%,rgba(124,214,255,.14),transparent 7rem),rgba(9,9,11,.34)}.learn-journey-card.is-rhythm{background:radial-gradient(circle at 20% 12%,rgba(255,224,138,.14),transparent 7rem),rgba(9,9,11,.34)}.learn-journey-card.is-notation{background:radial-gradient(circle at 20% 12%,rgba(255,143,177,.14),transparent 7rem),rgba(9,9,11,.34)}.learn-journey-card.is-melody{background:radial-gradient(circle at 20% 12%,rgba(186,150,255,.14),transparent 7rem),rgba(9,9,11,.34)}.learn-journey-card.is-completed{border-color:rgba(126,207,160,.82);box-shadow:0 0 0 1px rgba(126,207,160,.30),0 0 24px rgba(126,207,160,.10),inset 0 1px 0 rgba(255,255,255,.04)}.learn-journey-card.is-current{border-color:rgba(255,224,138,.62);box-shadow:0 0 0 1px rgba(255,224,138,.22),0 0 26px rgba(255,224,138,.12)}.learn-journey-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.learn-journey-number,.learn-journey-symbol{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-weight:900}.learn-journey-number{border:1px solid rgba(255,224,138,.30);background:rgba(255,224,138,.10);color:#fff0ad;font-family:Georgia,'Times New Roman',serif;font-size:.92rem}.learn-journey-symbol{background:rgba(255,255,255,.065);color:#bfeeff;font-family:Georgia,'Times New Roman',serif;font-size:1.12rem}.learn-journey-card h3{margin:0;color:#fff0ad;font-size:1.02rem;line-height:1.45;font-weight:900}.learn-journey-card p,.learn-journey-note{display:none}.learn-journey-card-action{margin-top:auto;width:fit-content;min-height:32px;display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,224,138,.28);background:rgba(255,224,138,.10);color:#fff0ad;font-size:.86rem;font-weight:900}.learn-journey-card.is-completed .learn-journey-card-action{border-color:rgba(126,207,160,.70);background:rgba(126,207,160,.16);color:#caffda}.learn-journey-card.is-current .learn-journey-card-action{border-color:rgba(255,224,138,.48);background:rgba(255,224,138,.16)}
.learn-feedback{margin-top:16px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);color:rgba(255,255,255,.82)}.learn-feedback strong{color:#fff0ad;display:block;margin-bottom:4px}.learn-feedback p{margin:0;line-height:1.7}.learn-feedback[data-state=correct]{background:rgba(126,207,160,.11);border-color:rgba(126,207,160,.28)}.learn-feedback[data-state=try]{background:rgba(255,143,177,.10);border-color:rgba(255,143,177,.28)}.learn-feedback[data-state=partial]{background:rgba(124,214,255,.10);border-color:rgba(124,214,255,.26)}.beat-boxes{display:grid;grid-template-columns:repeat(4,minmax(64px,1fr));gap:12px;margin:18px 0}.beat-box{min-height:88px;border-radius:18px;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;padding:12px;background:rgba(255,255,255,.045)}.clickable-beats .beat-box{cursor:pointer}.beat-box.selected{outline:2px solid rgba(255,224,138,.55);outline-offset:2px}.beat-box.is-correct{border-color:rgba(126,207,160,.48);background:rgba(126,207,160,.12)}.beat-box.is-wrong{border-color:rgba(255,143,177,.48);background:rgba(255,143,177,.11)}.beat-number{font-size:.85rem;opacity:.72}.beat-content{font-size:1.12rem;font-weight:900;color:#fff0ad}.learn-controls,.symbol-palette,.quiz-options{display:flex;flex-wrap:wrap;gap:12px;margin-block:16px}.learn-btn,.quiz-option,.symbol-choice,.pattern-option{min-height:48px;border-radius:999px;border:1px solid rgba(255,224,138,.24);padding:12px 18px;font:inherit;font-weight:900;cursor:pointer;background:rgba(255,224,138,.08);color:#fff0ad}.learn-btn-primary{background:linear-gradient(135deg,#ffe08a,#ffb86c 46%,#ff8fb1 100%);color:#16120b}.learn-btn:focus-visible,.quiz-option:focus-visible,.symbol-choice:focus-visible,.pattern-option:focus-visible,.beat-box:focus-visible{outline:3px solid rgba(255,224,138,.55);outline-offset:3px}.symbol-card{font-size:clamp(4rem,16vw,8rem);line-height:1;text-align:center;padding:32px;border-radius:28px;background:rgba(255,255,255,.045);color:#fff0ad;font-family:Georgia,'Times New Roman',serif}.pulse-circle{width:140px;height:140px;border-radius:999px;display:grid;place-items:center;font-size:2.4rem;font-weight:900;margin:24px auto;border:2px solid rgba(255,224,138,.45);color:#fff0ad}.pulse-circle.is-pulsing{transform:scale(1.08);box-shadow:0 0 30px rgba(255,224,138,.22)}.measure-builder{min-height:112px;border-radius:22px;border:2px dashed rgba(255,224,138,.25);padding:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:rgba(9,9,11,.25)}.measure-unit{min-width:74px;min-height:74px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10)}.measure-symbol{font-size:2.3rem;line-height:1;color:#fff0ad;font-family:Georgia,'Times New Roman',serif}.measure-label{font-size:.85rem;color:rgba(255,255,255,.72)}.measure-total{font-weight:900;color:#fff0ad}.pattern-options{display:grid;gap:14px}.pattern-option{border-radius:22px;padding:12px;text-align:initial;width:100%}.learn-lesson-goals{margin:16px 0 0;padding:0 20px 0 0;color:rgba(255,255,255,.76);line-height:1.9}.learn-lesson-terms{display:grid;gap:10px;margin-top:14px}.learn-lesson-terms article{padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035)}.learn-lesson-terms strong{color:#fff0ad}.learn-lesson-terms p{margin:4px 0 0;color:rgba(255,255,255,.72);line-height:1.7}.learn-lesson-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}.learn-lesson-complete-btn,.learn-lesson-next-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;border:1px solid rgba(255,224,138,.28);background:rgba(255,224,138,.10);color:#fff0ad;font-family:inherit;font-weight:900;text-decoration:none}.learn-lesson-next-btn{background:linear-gradient(135deg,#ffe08a,#ffb86c 46%,#ff8fb1 100%);color:#16120b}.learn-lesson-complete-btn:disabled{opacity:.75;cursor:default}@media(max-width:1020px){.learn-journey-track{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.learn-journey-track{grid-template-columns:1fr}.learn-journey-card{min-height:auto}.beat-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-btn,.quiz-option,.symbol-choice,.pattern-option,.learn-lesson-complete-btn,.learn-lesson-next-btn{width:100%;justify-content:center}.pulse-circle{width:120px;height:120px}}@media(prefers-reduced-motion:reduce){.learn-journey-card,.pulse-circle{transition:none}.learn-journey-card:hover,.learn-journey-card:focus-visible,.pulse-circle.is-pulsing{transform:none}}