.cp-pilot [hidden]{display:none!important}.cp-pilot .cp-reference-actions,.cp-pilot .cp-toolbar{align-items:center;gap:var(--pr-space-8);flex-wrap:wrap;display:flex}.cp-pilot .cp-reference-actions{margin-block:var(--pr-space-16);justify-content:flex-end}.cp-pilot .cp-position-row{justify-content:space-between;align-items:end;gap:var(--pr-space-24);flex-wrap:wrap;display:flex}.cp-pilot .cp-current{gap:var(--pr-space-4);display:grid}.cp-pilot .cp-current strong{font-size:var(--pr-type-result-size);font-weight:var(--pr-type-result-weight);line-height:var(--pr-type-result-leading)}.cp-pilot .cp-current>span:last-child,.cp-pilot .cp-formula,.cp-pilot .cp-key-help,.cp-pilot .cp-sound-scope{font-size:var(--pr-type-label-size);color:var(--muted-foreground)}.cp-pilot .cp-formula{margin-block:var(--pr-space-16)}.cp-pilot .cp-formula span{display:inline-block}.cp-pilot .cp-key-help{margin-block:var(--pr-space-16)}.cp-pilot .cp-audio-status{min-height:var(--pr-space-24);margin-top:var(--pr-space-8)}.cp-pilot .cp-practice-entry{border-top:1px solid var(--border);margin-top:var(--pr-space-20);padding-top:var(--pr-space-20);justify-content:space-between;align-items:center;gap:var(--pr-space-16);flex-wrap:wrap;display:flex}.cp-pilot .cp-panels{gap:var(--pr-space-12);margin-block:var(--pr-space-24) var(--pr-space-48);display:grid}.cp-pilot .cp-panels .pr-collapsible-content p{font-size:var(--pr-type-copy-size);line-height:var(--pr-type-copy-leading)}.cp-pilot .cp-panels .am-reading{margin-top:var(--pr-space-24)}.cp-pilot .cp-panels .am-content-section{padding-block:var(--pr-space-24)}.cp-pilot .cp-practice-prompt{margin-block:var(--pr-space-16);gap:var(--pr-space-8);display:grid}.cp-pilot .cp-practice-prompt .am-button{justify-self:start}.cp-pilot .cp-selected,.cp-pilot .cp-result,.cp-pilot .cp-hint{margin-block:var(--pr-space-16)}.cp-pilot .cp-selected span{color:var(--muted-foreground)}.cp-pilot .cp-result{font-weight:var(--pr-weight-strong)}.cp-pilot .cp-settings{gap:var(--pr-space-16);padding:var(--pr-space-16);display:grid}.cp-pilot .cp-settings label{align-items:center;gap:var(--pr-space-12);min-height:var(--pr-control-min-size);display:flex}.cp-pilot .cp-settings input{accent-color:var(--primary)}.cp-pilot .cp-settings input[type=range]{width:100%;min-height:var(--pr-control-min-size)}.cp-pilot .cp-settings input[type=checkbox]{width:var(--pr-space-20);height:var(--pr-space-20);flex-shrink:0}.cp-pilot .cp-hand-guide{align-items:center;gap:var(--pr-space-24);margin-block:var(--pr-space-24);flex-wrap:wrap;display:flex}.cp-pilot .cp-hand-guide svg{flex:none;width:12rem;max-width:100%;height:auto}.cp-pilot .cp-hand-guide figcaption{min-width:12rem;font-size:var(--pr-type-label-size);color:var(--muted-foreground);flex:1}.cp-pilot .kn-staff-frame{min-width:0;margin-block:var(--pr-space-16);display:flex}.cp-pilot .kn-clef-anchor{flex:none;max-width:none}.cp-pilot .kn-staff-scroll{flex:1;min-width:0;overflow-x:auto}.cp-pilot .kn-staff{max-width:none}.cp-pilot .kn-inline-clef{display:none}.cp-pilot .cp-workspace .am-keyboard{padding:var(--pr-space-8) var(--pr-space-4) var(--pr-space-12);background:var(--piano-key-black);border-radius:var(--pr-radius-key)}.cp-pilot .cp-workspace .am-key{pointer-events:auto;cursor:pointer;color:var(--piano-key-black);touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:box-shadow var(--pr-duration-fast),background-color var(--pr-duration-fast);padding:0}.cp-pilot .cp-workspace .am-key.am-white{background:var(--piano-key-white);box-shadow:inset 0 -6px 0 color-mix(in srgb,var(--piano-key-border) 28%,transparent),inset 0 -7px 0 var(--piano-key-border)}.cp-pilot .cp-workspace .am-key.am-black{z-index:3;color:var(--piano-key-white);background:var(--piano-key-black);box-shadow:inset 2px 0 0 color-mix(in srgb,var(--piano-key-white) 20%,transparent),inset -3px -6px 0 color-mix(in srgb,var(--piano-key-white) 12%,transparent)}.cp-pilot .cp-workspace .am-key.am-is-selected,.cp-pilot .cp-workspace .am-key.cp-chosen{background:var(--piano-note-selected);color:var(--piano-key-black);border-color:var(--piano-note-mark)}.cp-pilot .cp-workspace .am-key.cp-pressed,.cp-pilot .cp-workspace .am-key.am-is-sounding{background:var(--piano-note-sounding);color:var(--piano-note-sounding-mark);box-shadow:inset 0 4px 0 color-mix(in srgb,var(--piano-key-black) 20%,transparent)}.cp-pilot .cp-workspace .am-key:focus-visible{outline:var(--pr-focus-width) solid var(--ring);outline-offset:-4px;z-index:4}.cp-pilot .cp-workspace .am-key>*{pointer-events:none}.cp-pilot .cp-key-name{bottom:var(--pr-space-16);text-align:center;width:100%;font-size:var(--pr-type-key-label-size);line-height:var(--pr-type-key-label-leading);position:absolute;left:0}.cp-pilot .cp-workspace .am-key .am-marker{bottom:var(--pr-space-40)}.cp-pilot .cp-choice-mark{bottom:var(--pr-space-40);text-align:center;width:100%;font-weight:var(--pr-weight-strong);position:absolute;left:0}.cp-pilot .cp-key-octave{display:inline}.cp-pilot .cp-workspace .am-key[data-feedback=wrong]{border-style:dashed}.cp-pilot .cp-workspace .am-key[data-feedback=correct]{outline:2px solid var(--piano-note-mark);outline-offset:-5px}@media (max-width:47.999rem){.cp-pilot .cp-position-row{align-items:stretch;gap:var(--pr-space-16)}.cp-pilot .cp-position-row>fieldset{width:100%;min-width:0}.cp-pilot .cp-reference-actions{justify-content:flex-start}.cp-pilot .cp-toolbar>.am-button,.cp-pilot .cp-reference-actions .am-button{white-space:normal;text-align:center}.cp-pilot .cp-hand-guide,.cp-pilot .cp-key-octave{display:block}.cp-pilot .kn-clef-anchor{display:none}.cp-pilot .kn-inline-clef{display:block}.cp-pilot .kn-staff{width:100%;height:auto}}@media (forced-colors:active){.cp-pilot .cp-workspace .am-key.am-black{color:canvas;background:canvastext}.cp-pilot .cp-workspace .am-key.cp-chosen,.cp-pilot .cp-workspace .am-key.am-is-selected{outline-offset:-3px;outline:2px solid highlight}.cp-pilot .cp-workspace .am-key.cp-pressed,.cp-pilot .cp-workspace .am-key.am-is-sounding{color:highlighttext;background:highlight}}.cp-pilot .cp-settings-popover{background:var(--background);width:min(360px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--foreground);border:1px solid var(--border);border-radius:var(--pr-radius-panel);box-shadow:0 8px 28px color-mix(in srgb,var(--foreground) 18%,transparent);padding:var(--pr-space-16);margin:0;position:fixed;inset:auto;overflow:auto}.cp-pilot .cp-settings-popover .am-dialog-head{justify-content:space-between;align-items:center;gap:var(--pr-space-16);display:flex}.cp-pilot .cp-settings-popover h2{font-size:var(--pr-type-copy-size)}.cp-pilot .cp-settings{padding:var(--pr-space-8) 0}.cp-pilot .cp-both-hands{gap:var(--pr-space-24);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cp-pilot .cp-both-hands>div{min-width:0}.cp-pilot .cp-both-hands .cp-hand-guide{justify-items:center;margin-top:0;display:grid}.cp-pilot .cp-both-hands .cp-hand-guide figcaption{min-width:0}.cp-pilot .cp-both-hands .ch-finger-map{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-pilot .cp-panels .ch-fingering{display:block}.cp-pilot .cp-panels .ch-fingering>.ch-section-heading{display:none}.cp-pilot .cp-panels .pr-collapsible{border:0;border-top:1px solid var(--border);border-radius:0}.cp-pilot .cp-panels .pr-collapsible-trigger{padding-block:var(--pr-space-24);font-size:var(--pr-type-section-title-size);line-height:var(--pr-type-section-title-leading);background:0 0}.cp-pilot .cp-panels .pr-collapsible-content{padding:0}.cp-pilot .cp-panels .pr-collapsible:nth-of-type(-n+2) .am-content-section{border:0;padding-top:0}.cp-pilot .cp-panels .pr-collapsible:nth-of-type(-n+2) .am-content-section>h2{display:none}.cp-pilot .cp-panels .pr-collapsible:nth-of-type(-n+2) .am-content-section{display:block}.cp-pilot .cp-workspace .am-keyboard{border:1px solid var(--piano-key-border);background:linear-gradient(180deg,color-mix(in srgb,var(--piano-key-black) 82%,var(--piano-key-white)),var(--piano-key-black) 44px);box-shadow:inset 0 1px 1px color-mix(in srgb,var(--piano-key-white) 35%,transparent),inset 0 -7px 0 color-mix(in srgb,var(--piano-key-black) 85%,var(--piano-key-white)),0 5px 8px color-mix(in srgb,var(--piano-key-black) 18%,transparent);border-radius:14px;padding:44px 8px 16px;position:relative}.cp-pilot .cp-workspace .am-keyboard:before{content:"PianoGrid";text-align:center;font-size:var(--pr-type-label-size);font-weight:var(--pr-weight-strong);letter-spacing:.12em;color:var(--piano-key-white);pointer-events:none;position:absolute;top:10px;left:0;right:0}.cp-pilot .cp-workspace .am-key-bed{border-top:4px solid var(--piano-key-black)}.cp-pilot .cp-workspace .am-key.am-white{background:linear-gradient(90deg,color-mix(in srgb,var(--piano-key-white) 90%,var(--piano-key-border)),var(--piano-key-white) 16%,var(--piano-key-white) 84%,color-mix(in srgb,var(--piano-key-white) 90%,var(--piano-key-border)));box-shadow:inset 0 5px 8px color-mix(in srgb,var(--piano-key-black) 15%,transparent),inset 0 -6px 0 color-mix(in srgb,var(--piano-key-white) 75%,var(--piano-key-border)),inset 0 -7px 1px var(--piano-key-border);border-radius:0 0 5px 5px}.cp-pilot .cp-workspace .am-key.am-black{background:linear-gradient(90deg,color-mix(in srgb,var(--piano-key-black) 65%,var(--piano-key-white)),var(--piano-key-black) 14%,color-mix(in srgb,var(--piano-key-black) 93%,var(--piano-key-white)) 78%,var(--piano-key-black));box-shadow:inset 0 2px 1px color-mix(in srgb,var(--piano-key-white) 30%,transparent),inset 3px 0 1px color-mix(in srgb,var(--piano-key-white) 12%,transparent),inset -3px -8px 0 color-mix(in srgb,var(--piano-key-black) 80%,var(--piano-key-white)),2px 3px 3px color-mix(in srgb,var(--piano-key-black) 30%,transparent);border-radius:0 0 4px 4px}.cp-pilot .cp-workspace .am-key.am-is-selected,.cp-pilot .cp-workspace .am-key.cp-chosen{background:linear-gradient(90deg,color-mix(in srgb,var(--piano-note-selected) 80%,var(--piano-note-mark)),var(--piano-note-selected) 20%,var(--piano-note-selected) 80%,color-mix(in srgb,var(--piano-note-selected) 80%,var(--piano-note-mark)))}.cp-pilot .cp-workspace .am-key.cp-pressed,.cp-pilot .cp-workspace .am-key.am-is-sounding{background:var(--piano-note-sounding);box-shadow:inset 0 7px 8px color-mix(in srgb,var(--piano-key-black) 25%,transparent),inset 0 -2px 0 var(--piano-key-border)}@media (min-width:64rem){.cp-pilot .cp-panels .pr-collapsible:nth-of-type(-n+2){gap:var(--pr-space-24);padding-top:var(--pr-space-24);grid-template-columns:240px minmax(0,1fr);align-items:start;display:grid}.cp-pilot .cp-panels .pr-collapsible:nth-of-type(-n+2) .pr-collapsible-trigger{text-align:left;padding-top:0}}@media (max-width:47.999rem){.cp-pilot .cp-both-hands{grid-template-columns:1fr}.cp-pilot .cp-both-hands .ch-finger-map{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (forced-colors:active){.cp-pilot .cp-workspace .am-key.am-black{background:canvastext}.cp-pilot .cp-workspace .am-key.am-white{background:canvas}.cp-pilot .cp-workspace .am-key.cp-pressed,.cp-pilot .cp-workspace .am-key.am-is-sounding{background:highlight}}.cp-pilot .cp-panels .pr-collapsible:nth-of-type(-n+2) .pr-collapsible-content{border-top:0}.cp-pilot .cp-panels .pr-collapsible:nth-of-type(-n+2) .pr-collapsible-content>:first-child{margin-top:0}.cp-pilot .cp-reference-summary .am-summary>div{grid-template-rows:auto 1fr;align-self:stretch;display:grid}.cp-pilot .cp-reference-summary .am-summary dd{font-size:var(--pr-type-notes-size);align-items:baseline;line-height:1.2;display:flex}.cp-pilot .cp-reference-summary .am-quick-facts{padding-top:var(--pr-space-16);margin-top:0;margin-bottom:var(--pr-space-16);border-top:0}.cp-pilot .cp-instrument{gap:var(--pr-space-24);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.cp-pilot .cp-piano-column{min-width:0}.cp-pilot .cp-nearby-staff{min-width:0;padding:var(--pr-space-16);background:var(--background);border:1px solid var(--border);border-radius:var(--pr-radius-panel)}.cp-pilot .cp-nearby-staff h3{font-size:var(--pr-type-copy-size);margin:0}.cp-pilot .cp-nearby-staff p{font-size:var(--pr-type-label-size);color:var(--muted-foreground)}.cp-pilot .cp-nearby-staff .kn-clef-anchor{display:none}.cp-pilot .cp-nearby-staff .kn-inline-clef{display:block}.cp-pilot .cp-nearby-staff .kn-staff{width:100%;height:auto}.cp-pilot .cp-nearby-staff .kn-active{color:var(--primary)}@media (min-width:75rem){.cp-pilot .cp-instrument:not(.cp-instrument-practice){grid-template-columns:minmax(0,1fr) 17rem}}.cp-pilot .cp-reference-summary .am-summary{grid-template-rows:auto auto}.cp-pilot .cp-reference-summary .am-summary>div{grid-row:span 2;grid-template-rows:subgrid;row-gap:0}.cp-pilot .cp-start-practice{margin-left:auto}.cp-pilot .cp-reference-help{font-size:var(--pr-type-label-size);color:var(--muted-foreground)}@media (max-width:47.999rem){.cp-pilot .cp-start-practice{margin-left:0}}.cp-pilot .cp-panel-heading{margin:0}.cp-pilot .pr-collapsible[data-state=open]>.cp-panel-heading .pr-collapsible-chevron{transform:rotate(180deg)}.cp-pilot .cp-panels .am-tool-notes{border-top:0}