.pentatonic-panel{font-size:16px;padding:12px 20px}.pentatonic-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin:0 0 4px}.pentatonic-modes{display:flex;gap:4px}.pentatonic-modes button{font-size:15px;min-height:40px;padding:5px 12px}.pentatonic-modes [aria-pressed=true]{background:var(--wash);border-color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.pentatonic-panel .pentatonic-score{position:relative;width:580px;margin:auto}.pentatonic-panel svg{display:block;overflow:visible}.pentatonic-panel .music-glyph{font-size:38px}.pentatonic-panel .degree,.pentatonic-panel .pitch-label{font-size:14px}.pentatonic-panel .pitch-label{font-family:"Gill Sans","Gill Sans MT",Calibri,"Segoe UI",Arial,Bravura,sans-serif;font-weight:400}.pentatonic-panel .scale-staff-note.selected .pitch-label{text-decoration:underline;text-underline-offset:4px}.pentatonic-panel .scale-staff-note.sounding .degree{font-weight:800;text-decoration:underline}.pentatonic-panel .removed .notehead,.pentatonic-panel .removed .accidental,.pentatonic-panel .removed .ledger{opacity:.32}.pentatonic-panel .removed.sounding .notehead{opacity:1}.removed-strike{fill:none;stroke:var(--muted);stroke-width:1.3;stroke-dasharray:3 2;pointer-events:none}.removed-label{font-size:12px;fill:var(--muted);pointer-events:none}
.note-toggle{position:absolute;width:42px;height:42px;min-height:42px;padding:0;border-color:#8ba6a6;font-size:23px;line-height:1;background:transparent}.note-toggle[aria-pressed=true]{background:var(--wash)}.note-toggle:focus-visible{outline-offset:2px}.pentatonic-panel .score-scroll{scrollbar-width:auto}.pentatonic-panel .score-scroll::-webkit-scrollbar{height:8px}.pentatonic-panel .score-scroll::-webkit-scrollbar-track{background:var(--line)}.pentatonic-panel .score-scroll::-webkit-scrollbar-thumb{background:#819092;border-radius:4px}
.pentatonic-panel h2{font-size:18px;font-weight:600;text-align:center;margin:8px 0 2px;line-height:1.3}.pentatonic-instruction{font-size:14px;color:var(--muted);text-align:center;margin:0}.pentatonic-panel .toolbar{margin-top:8px}.pentatonic-panel .status{display:block;text-align:center;min-height:16px;margin-top:4px}.pentatonic-panel details{margin-top:6px}.pentatonic-panel .help-panel{font-size:14px;line-height:1.35;padding:12px 14px}.pentatonic-panel .help-panel h2{text-align:left;margin:0 32px 8px 0}.pentatonic-panel .piano-key.sounding:focus-visible{outline:3px solid #9f6026;outline-offset:-3px;box-shadow:inset 0 0 0 5px #202a33}
@media(max-width:520px){.pentatonic-panel{padding:10px}.pentatonic-panel .pentatonic-score{margin:0}.pentatonic-controls{gap:8px}.pentatonic-panel .toolbar{gap:6px}.pentatonic-panel .toolbar select{font-size:15px;padding:6px}.pentatonic-instruction{line-height:1.3}}
.pentatonic-panel .scale-staff-note .pitch-label{font-weight:400}