.cp-note-fretboard{--cp-fret-line:color-mix(in oklab, currentColor 22%, transparent);--cp-fret-marker:var(--cp-note-fret-marker,#00799a);--cp-fret-marker-ink:var(--cp-note-fret-marker-ink,#faf8f1);inline-size:100%;min-inline-size:0}@supports (color:lab(0% 0 0)){.cp-note-fretboard{--cp-fret-marker:var(--cp-note-fret-marker,lab(46.005% -28.9726 -36.0924));--cp-fret-marker-ink:var(--cp-note-fret-marker-ink,lab(97.742% -.305504 3.80692))}}.cp-note-fretboard__mobile-label{display:none}.cp-note-fretboard__header,.cp-note-fretboard__row{grid-template-columns:4.25rem repeat(13,minmax(2.75rem,1fr));min-inline-size:0;display:grid}.cp-note-fretboard__header{block-size:1.75rem;color:color-mix(in oklab, currentColor 68%, transparent);font-variant-numeric:tabular-nums;text-align:center;align-items:end;font-size:.7rem;font-weight:650}.cp-note-fretboard__row{min-block-size:3.25rem}.cp-note-fretboard__string-label{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:.78rem;font-weight:750;display:flex}.cp-note-fretboard__cell{border-inline-start:1px solid var(--cp-fret-line);justify-content:center;align-items:center;min-block-size:3.25rem;min-inline-size:0;display:flex;position:relative}.cp-note-fretboard__cell:last-child{border-inline-end:1px solid var(--cp-fret-line)}.cp-note-fretboard__cell:before{background:color-mix(in oklab, currentColor 46%, transparent);content:"";block-size:1px;inline-size:calc(100% + 1px);position:absolute;inset-block-start:50%;inset-inline-start:-1px}.cp-note-fretboard__cell[data-open=true]{background:color-mix(in oklab, var(--cp-fret-marker) 6%, transparent);border-inline-start-color:color-mix(in oklab, currentColor 36%, transparent)}.cp-note-fretboard__marker{background:var(--cp-fret-marker);color:var(--cp-fret-marker-ink);cursor:pointer;z-index:1;border:0;border-radius:.7rem;flex-direction:column;justify-content:center;align-items:center;min-block-size:2.75rem;inline-size:2.75rem;min-inline-size:2.75rem;padding:.2rem;transition:filter .1s ease-out,transform .12s cubic-bezier(.2,0,0,1),box-shadow .12s cubic-bezier(.2,0,0,1);display:flex;position:relative;box-shadow:0 1px 2px #06262f29,0 5px 12px #06262f1c;box-shadow:0 1px 2px lab(13.1815% -8.82641 -9.82518/.16),0 5px 12px lab(13.1815% -8.82641 -9.82518/.11)}.cp-note-fretboard__marker:hover{filter:brightness(1.06)}.cp-note-fretboard__marker:active{filter:brightness(.92);transform:translateY(1px)scale(.97);box-shadow:0 1px 2px #06262f2e;box-shadow:0 1px 2px lab(13.1815% -8.82641 -9.82518/.18)}.cp-note-fretboard__marker:focus-visible{outline-offset:3px;outline:2px solid}.cp-note-fretboard__pitch{font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:780;line-height:1}.cp-note-fretboard__fret{font-variant-numeric:tabular-nums;opacity:.78;margin-block-start:.16rem;font-size:.58rem;line-height:1.1}@media (max-width:47.99rem){.cp-note-fretboard__mobile-label{color:color-mix(in oklab, currentColor 70%, transparent);margin:0 0 .65rem;font-size:.76rem;font-weight:680;display:block}.cp-note-fretboard__header{display:none}.cp-note-fretboard__strings{gap:.5rem;display:grid}.cp-note-fretboard__row{background:color-mix(in oklab, currentColor 3%, transparent);border-radius:.8rem;align-items:center;gap:.45rem;min-block-size:3.75rem;padding:.4rem .5rem;display:flex}.cp-note-fretboard__string-label{flex:0 0 2.8rem;justify-content:flex-start}.cp-note-fretboard__cell[data-has-position=false]{display:none}.cp-note-fretboard__cell{border:0;flex:0 5.25rem;min-block-size:2.8rem}.cp-note-fretboard__cell:before{display:none}.cp-note-fretboard__marker{flex-direction:row;gap:.35rem;min-block-size:2.8rem;inline-size:100%;padding-inline:.55rem}.cp-note-fretboard__fret{margin:0}}@media (prefers-reduced-motion:reduce){.cp-note-fretboard__marker{transition:filter 80ms ease-out}.cp-note-fretboard__marker:active{transform:none}}@media (forced-colors:active){.cp-note-fretboard__marker{border:1px solid buttontext}.cp-note-fretboard__marker:focus-visible{outline-color:highlight}}
.note-finder-instruments-module__o8xQuG__instrumentStack{gap:.9rem;min-inline-size:0;display:grid}.note-finder-instruments-module__o8xQuG__panel{background:var(--paper);box-shadow:inset 0 1px 0 var(--line);border-radius:1.15rem;min-inline-size:0;padding:clamp(.85rem,2vw,1.25rem);overflow:hidden}.note-finder-instruments-module__o8xQuG__panelHeader{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;margin-block-end:1rem;display:grid}.note-finder-instruments-module__o8xQuG__panelHeader h2{margin:0;font-size:clamp(1.05rem,2vw,1.28rem);font-weight:680;line-height:1.2}.note-finder-instruments-module__o8xQuG__panelHeader p{color:var(--ink-soft);max-inline-size:58ch;margin-block-start:.3rem;font-size:.82rem;line-height:1.4}.note-finder-instruments-module__o8xQuG__panelPitch{background:var(--paper-bright);color:var(--accent-dark);font-variant-numeric:tabular-nums;text-align:center;border-radius:.65rem;min-inline-size:3.2rem;padding:.42rem .6rem;font-size:.82rem;font-weight:760}.note-finder-instruments-module__o8xQuG__pianoPanel .cp-keybed{--cp-keybed-accent:var(--accent);--cp-keybed-accent-soft:var(--accent-soft);--cp-keybed-chassis:var(--paper-deep);--cp-keybed-chassis-edge:var(--line);--cp-keybed-ink:var(--ink);--cp-keybed-muted-ink:var(--ink-soft);--cp-keybed-natural-height:clamp(9.5rem, 24vw, 12.5rem);--cp-keybed-accidental-height:clamp(6.1rem, 15.5vw, 8rem)}.note-finder-instruments-module__o8xQuG__pianoPanel .cp-keybed__key{justify-content:center;align-items:flex-end}.note-finder-instruments-module__o8xQuG__panel .cp-note-fretboard{--cp-note-fret-marker:var(--accent-strong);--cp-note-fret-marker-ink:var(--paper-bright)}.note-finder-instruments-module__o8xQuG__staffPanel{background:color-mix(in oklch, var(--paper-bright) 62%, var(--paper))}.note-finder-instruments-module__o8xQuG__staffGraphic{color:var(--ink);max-block-size:18rem;inline-size:100%;display:block}@media (max-width:42rem){.note-finder-instruments-module__o8xQuG__panel{border-radius:.9rem;padding:.75rem}.note-finder-instruments-module__o8xQuG__panelHeader{margin-block-end:.75rem}.note-finder-instruments-module__o8xQuG__pianoPanel{padding-inline:.35rem}.note-finder-instruments-module__o8xQuG__pianoPanel .note-finder-instruments-module__o8xQuG__panelHeader{padding-inline:.4rem}.note-finder-instruments-module__o8xQuG__pianoPanel .cp-keybed{--cp-keybed-natural-height:9rem;--cp-keybed-accidental-height:5.7rem}.note-finder-instruments-module__o8xQuG__pianoPanel .cp-keybed__chassis{padding-inline:0}.note-finder-instruments-module__o8xQuG__pianoPanel .cp-keybed__key{min-inline-size:0}.note-finder-instruments-module__o8xQuG__pianoPanel .cp-keybed__scrollport{scrollbar-width:none;overflow-x:auto}.note-finder-instruments-module__o8xQuG__pianoPanel .cp-keybed__scrollport::-webkit-scrollbar{display:none}.note-finder-instruments-module__o8xQuG__pianoPanel .cp-keybed__note-label{font-size:.66rem}.note-finder-instruments-module__o8xQuG__pianoPanel .cp-keybed__shortcut-label{font-size:.61rem}.note-finder-instruments-module__o8xQuG__staffGraphic{min-block-size:10rem}}@media (max-width:28rem){.note-finder-instruments-module__o8xQuG__staffGraphic{min-block-size:0;max-block-size:none;inline-size:175%;max-inline-size:none}}@media (min-width:30rem) and (max-width:42rem) and (max-height:30rem){.note-finder-instruments-module__o8xQuG__panel{padding:.55rem}.note-finder-instruments-module__o8xQuG__panelHeader{margin-block-end:.45rem}.note-finder-instruments-module__o8xQuG__pianoPanel{padding-inline:.55rem}.note-finder-instruments-module__o8xQuG__pianoPanel .note-finder-instruments-module__o8xQuG__panelHeader{padding-inline:0}}@media (forced-colors:active){.note-finder-instruments-module__o8xQuG__panel{border:1px solid canvastext}}
.note-finder-controls-module__ZuVt_a__selectorDeck{background:var(--paper-deep);box-shadow:inset 0 1px 0 #ffffffb3, inset 0 -2px 5px color-mix(in oklch, var(--ink) 8%, transparent);border-radius:1.2rem;gap:.85rem;min-inline-size:0;padding:.85rem;display:grid}@supports (color:lab(0% 0 0)){.note-finder-controls-module__ZuVt_a__selectorDeck{box-shadow:inset 0 1px 0 lab(100% 0 0/.7), inset 0 -2px 5px color-mix(in oklch, var(--ink) 8%, transparent)}}.note-finder-controls-module__ZuVt_a__choiceGroup,.note-finder-controls-module__ZuVt_a__accidentalGroup{gap:.5rem;display:grid}.note-finder-controls-module__ZuVt_a__choiceGroup{grid-template-columns:repeat(7,minmax(0,1fr))}.note-finder-controls-module__ZuVt_a__accidentalGroup{grid-template-columns:repeat(3,minmax(0,1fr))}.note-finder-controls-module__ZuVt_a__noteChoice,.note-finder-controls-module__ZuVt_a__accidentalChoice{background:linear-gradient(180deg, var(--paper-bright), var(--paper));border:1px solid color-mix(in oklch, var(--line) 78%, var(--ink));box-shadow:0 2px 0 color-mix(in oklch, var(--ink) 12%, transparent), inset 0 1px 0 white;color:var(--ink);cursor:pointer;min-block-size:3rem;min-inline-size:0;transition:background-color var(--quick) var(--ease), border-color var(--quick) var(--ease), box-shadow var(--quick) var(--ease), transform var(--quick) var(--ease);border-radius:.78rem;justify-content:center;align-items:center;padding:.5rem;font-size:1rem;font-weight:720;display:inline-flex}.note-finder-controls-module__ZuVt_a__accidentalChoice{font-family:serif;font-size:1.35rem}.note-finder-controls-module__ZuVt_a__noteChoice:hover,.note-finder-controls-module__ZuVt_a__accidentalChoice:hover{border-color:var(--accent)}.note-finder-controls-module__ZuVt_a__noteChoice:active,.note-finder-controls-module__ZuVt_a__accidentalChoice:active{box-shadow:inset 0 2px 4px color-mix(in oklch, var(--ink) 12%, transparent);transform:translateY(1px)scale(.98)}.note-finder-controls-module__ZuVt_a__noteChoice[aria-pressed=true],.note-finder-controls-module__ZuVt_a__accidentalChoice[aria-pressed=true]{background:var(--accent-strong);border-color:var(--accent-strong);box-shadow:0 2px 0 var(--accent-dark), inset 0 1px 0 #ffffff4d;color:var(--paper-bright)}@supports (color:lab(0% 0 0)){.note-finder-controls-module__ZuVt_a__noteChoice[aria-pressed=true],.note-finder-controls-module__ZuVt_a__accidentalChoice[aria-pressed=true]{box-shadow:0 2px 0 var(--accent-dark), inset 0 1px 0 lab(100% 0 0/.3)}}.note-finder-controls-module__ZuVt_a__resultConsole{background:var(--ink);color:var(--paper-bright);border-radius:1.25rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;min-inline-size:0;margin-block:clamp(1.5rem,3vw,2.25rem);padding:clamp(1rem,2.6vw,1.55rem) clamp(1rem,3vw,2rem);display:grid;position:relative;overflow:hidden}.note-finder-controls-module__ZuVt_a__resultConsole:after{border:1px solid color-mix(in oklch, var(--accent-soft) 42%, transparent);content:"";pointer-events:none;border-radius:50%;block-size:9rem;inline-size:9rem;position:absolute;inset-block-start:50%;inset-inline-end:-3rem;transform:translateY(-50%)}.note-finder-controls-module__ZuVt_a__resultReadout,.note-finder-controls-module__ZuVt_a__audioAction{z-index:1;min-inline-size:0;position:relative}.note-finder-controls-module__ZuVt_a__selectedLabel{color:color-mix(in oklch, var(--paper-bright) 72%, transparent);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700;line-height:1.2}.note-finder-controls-module__ZuVt_a__selectedPitch{font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin-block-start:.25rem;font-size:clamp(3rem,7vw,5.5rem);font-weight:650;line-height:.95;display:block}.note-finder-controls-module__ZuVt_a__frequency{color:color-mix(in oklch, var(--paper-bright) 78%, transparent);font-variant-numeric:tabular-nums;margin-block-start:.55rem;font-size:.88rem}.note-finder-controls-module__ZuVt_a__audioAction{inline-size:min(19rem,100%)}.note-finder-controls-module__ZuVt_a__playButton{background:var(--paper-bright);color:var(--accent-dark);cursor:pointer;min-block-size:3.15rem;inline-size:100%;transition:filter var(--quick) var(--ease), transform var(--quick) var(--ease);z-index:1;border:0;border-radius:.85rem;justify-content:center;align-items:center;gap:.55rem;padding:.7rem 1rem;font-weight:730;display:flex;position:relative}.note-finder-controls-module__ZuVt_a__playButton:hover{filter:brightness(1.04)}.note-finder-controls-module__ZuVt_a__playButton:active{filter:brightness(.9);transform:scale(.98)}.note-finder-controls-module__ZuVt_a__playButton[aria-pressed=true] svg{animation:note-finder-controls-module__ZuVt_a__speaker-pulse .62s var(--ease) infinite alternate}.note-finder-controls-module__ZuVt_a__playButton:disabled{cursor:not-allowed;opacity:.58}.note-finder-controls-module__ZuVt_a__playButton:disabled:hover{filter:none}.note-finder-controls-module__ZuVt_a__playButton[aria-busy=true]{cursor:progress;opacity:.82}.note-finder-controls-module__ZuVt_a__audioFeedback{color:var(--paper-bright);text-align:center;min-block-size:2.1em;margin-block-start:.45rem;font-size:.78rem;line-height:1.35}@keyframes note-finder-controls-module__ZuVt_a__speaker-pulse{0%{transform:scale(.96)}to{transform:scale(1.05)}}@media (max-width:42rem){.note-finder-controls-module__ZuVt_a__choiceGroup{grid-template-columns:repeat(4,minmax(0,1fr))}.note-finder-controls-module__ZuVt_a__resultConsole{grid-template-columns:1fr;align-items:stretch;gap:1rem}.note-finder-controls-module__ZuVt_a__audioAction{inline-size:100%}}@media (min-width:30rem) and (max-width:42rem) and (max-height:30rem){.note-finder-controls-module__ZuVt_a__selectorDeck{gap:.5rem;block-size:100%;padding:.55rem}.note-finder-controls-module__ZuVt_a__choiceGroup,.note-finder-controls-module__ZuVt_a__accidentalGroup{gap:.4rem}.note-finder-controls-module__ZuVt_a__noteChoice,.note-finder-controls-module__ZuVt_a__accidentalChoice{min-block-size:2.75rem;padding:.35rem}.note-finder-controls-module__ZuVt_a__resultConsole{grid-template-columns:minmax(4.6rem,.7fr) minmax(7.5rem,1.3fr);gap:.55rem;margin-block:0;padding:.6rem}.note-finder-controls-module__ZuVt_a__selectedLabel{letter-spacing:.05em;font-size:.62rem}.note-finder-controls-module__ZuVt_a__selectedPitch{font-size:2.65rem}.note-finder-controls-module__ZuVt_a__frequency{margin-block-start:.25rem;font-size:.75rem}.note-finder-controls-module__ZuVt_a__playButton{min-block-size:2.75rem;padding:.45rem .55rem}.note-finder-controls-module__ZuVt_a__audioFeedback:empty{display:none}}@media (prefers-reduced-motion:reduce){.note-finder-controls-module__ZuVt_a__noteChoice,.note-finder-controls-module__ZuVt_a__accidentalChoice,.note-finder-controls-module__ZuVt_a__playButton{transition:filter 80ms ease-out}.note-finder-controls-module__ZuVt_a__noteChoice:active,.note-finder-controls-module__ZuVt_a__accidentalChoice:active,.note-finder-controls-module__ZuVt_a__playButton:active{transform:none}.note-finder-controls-module__ZuVt_a__playButton[aria-pressed=true] svg{animation:none}}@media (forced-colors:active){.note-finder-controls-module__ZuVt_a__selectorDeck,.note-finder-controls-module__ZuVt_a__resultConsole{border:1px solid canvastext}.note-finder-controls-module__ZuVt_a__noteChoice[aria-pressed=true],.note-finder-controls-module__ZuVt_a__accidentalChoice[aria-pressed=true],.note-finder-controls-module__ZuVt_a__playButton{border:1px solid buttontext}}