/* Plain Music by Evermark v1.03 — instructor legibility and learning integrity. */
.trainer-main{max-width:1160px}
.trainer-top-nav{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;font-weight:750;align-items:center}
.trainer-settings{padding:17px 22px;background:#172840;border:1px solid #536987;border-radius:15px}
.trainer-settings label{color:#e4edfe;font-size:12px;font-weight:700}
.trainer-settings select{background:#edf2fe;color:#12213a;max-width:100%;border:1px solid #8fa5c9;font:inherit;font-size:13px}
.trainer-voice{display:flex;gap:7px;align-items:center;cursor:pointer}
.trainer-mode-description{font-size:11px;flex-basis:100%;color:#c4d5ea;line-height:1.55;margin:0}
.trainer-instrument{background:#142944;border-color:#6484ae!important}
.trainer-instrument-header h2{font-size:clamp(21px,2.6vw,29px);margin:9px 0}
.trainer-instrument .trainer-keys{max-width:none;margin:17px auto 12px;min-height:215px;gap:2px}
.trainer-instrument .trainer-key{font-size:clamp(10px,1.7vw,15px);font-weight:850;min-height:170px;border-radius:0 0 10px 10px;position:relative}
.trainer-instrument .trainer-key.active{background:#edc9ff;color:#1f1833;outline:3px solid #d2aeef;outline-offset:-3px}
.trainer-current-note{font-size:13px!important;line-height:1.55;color:#d4eaff!important;background:#183856;padding:11px 14px;border-radius:10px;min-height:44px}
.trainer-note{font-size:11px!important;line-height:1.6;color:#bed1e8}
.trainer-note a{color:#e1d4ff;text-decoration:underline}
.trainer-choices,.trainer-practice-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.trainer-choices button,.trainer-practice-actions button{font:inherit;font-size:12px;font-weight:750;border:1px solid #718fba;background:#273e63;color:#f6f8ff;padding:11px 14px;border-radius:12px;cursor:pointer}
.trainer-choices button:hover,.trainer-practice-actions button:hover{background:#374d73}
.trainer-choice-visual,.trainer-practice-position{font-size:17px!important;letter-spacing:.02em;font-weight:850!important;color:#ead9ff!important}
.trainer-practice-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.trainer-evidence-marker{border:1px solid #7184ab;border-radius:999px;padding:7px 10px;font-size:10px;letter-spacing:.02em;color:#dddaeb}
.trainer-practice-panel{background:#19283e;border-color:#5c7298}
.trainer-context-note{font-size:11px!important;color:#c7d6e9!important;min-height:16px;margin:8px 0}
.trainer-evidence-summary{margin-top:22px;border-top:1px solid #445775;padding-top:17px}
.trainer-evidence-summary h4{font-size:14px;margin:0 0 8px}
.trainer-evidence-summary p{font-size:12px;color:#d5e0f0}
.trainer-evidence-summary small{font-size:11px;line-height:1.6;color:#aec5dd}
.trainer-foot-links{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;font-weight:750}
.trainer-foot-links a{color:#ded2ff}
.trainer-main button:focus-visible,.trainer-main select:focus-visible,.trainer-main input:focus-visible,.trainer-main a:focus-visible,.trainer-main summary:focus-visible{outline:3px solid #f3d6a8;outline-offset:3px}
.trainer-main button:disabled{opacity:.5;cursor:wait}
@media(max-width:850px){
 .trainer-instrument .trainer-keys{min-height:170px}
 .trainer-instrument .trainer-key{min-height:145px}
}
@media(max-width:420px){
 .trainer-instrument .trainer-keys{min-height:142px;gap:1px}
 .trainer-instrument .trainer-key{min-height:135px;font-size:10px}
 .trainer-settings{padding:15px}
 .trainer-play{padding:20px 16px}
 .trainer-technique{padding:12px 15px}
 .trainer-practice-head{align-items:start}
}
@media(prefers-reduced-motion:reduce){.trainer-avatar,.avatar{animation:none!important}}

.trainer-instrument .trainer-keys{position:relative;isolation:isolate}
.trainer-instrument .trainer-key{z-index:1;display:flex;justify-content:center;align-items:flex-end;padding-bottom:18px}
.trainer-blackkeys{position:absolute;inset:0 0 auto 0;height:58%;pointer-events:none;z-index:2}
.trainer-blackkey{position:absolute;top:0;height:100%;width:6%;border-radius:0 0 7px 7px;background:linear-gradient(#101a2c,#2c344c);border:1px solid #788198;box-shadow:0 4px 7px rgba(0,0,0,.34)}

.trainer-piece-bridge a{color:#e3d3ff;font-weight:830;text-decoration:underline}