.staff-note-tooltip{position:fixed;z-index:1200;max-width:calc(100vw - 16px);padding:9px 13px;border:1px solid #73b89a;border-radius:9px;background:#102b27;color:#f1fff7;box-shadow:0 3px 16px #0006;font:14px system-ui;line-height:1.5;pointer-events:none;white-space:normal}.staff-note-tooltip[hidden],.staff-note-help[hidden]{display:none!important}.staff-note-help{font-size:11px!important;line-height:1.5;color:var(--muted);padding:8px 20px;margin:0;border-top:1px solid var(--line)}.staff-note-target{cursor:help}.staff-note-active{filter:drop-shadow(0 0 2px #21966c)}.staff-note-target:focus-visible{outline:2px solid #21966c;outline-offset:3px}.reference-note-hints{position:absolute;inset:0;pointer-events:none}.reference-note-hints>span{position:absolute;display:block;pointer-events:auto;border-radius:50%;background:transparent}.reference-note-hints>.staff-note-active,.reference-note-hints>span:focus-visible{background:#3bb58a40;outline:2px solid #299970}.immersive .staff-note-help{flex:none;padding:4px 20px}.reference-bar,.reference-cursor,.reference-hand-tint,.reference-measure-number{pointer-events:none}body[data-session=practice] .reference-note-hints{visibility:hidden}@media(max-width:600px){.staff-note-tooltip{font-size:13px;padding:7px 10px}.staff-note-help{padding:6px 12px}.immersive .staff-note-help{font-size:10px!important;padding:3px 12px}}