.piano-section-nav{position:sticky;top:0;z-index:12;display:flex;align-items:center;gap:10px;padding:12px 0;background:#090b0cf5;backdrop-filter:blur(12px);margin:-12px 0 27px;border-bottom:1px solid var(--line)}.piano-section-nav a{display:flex;align-items:center;gap:29px;font-size:12px;font-weight:700;padding:11px 16px;border:1px solid #465139;border-radius:5px;text-decoration:none;background:#1b2119;color:#d7e0ce}.piano-section-nav .find-chords-link{color:#172108;background:var(--green);border-color:var(--green)}.piano-section-nav a:hover{border-color:var(--green)}.piano-section-nav>span{margin-left:auto;font-size:11px;color:var(--muted)}#instruments,#chords{scroll-margin-top:90px}.chord-finder{margin:38px 0 30px}.chord-finder .section-heading{margin-bottom:8px}.chord-intro{color:#b5c0aa;font-size:13px;margin:0 0 20px}.back-to-player{font-size:11px;color:#c5d4b3;text-decoration:none;border-bottom:1px solid #546245;padding-bottom:3px;white-space:nowrap}.back-to-player:hover{color:var(--green)}.chord-panel{border:1px solid #3a4431;border-radius:11px;background:linear-gradient(140deg,#192017,#111612);overflow:hidden}.chord-toolbar{padding:23px 24px;display:grid;grid-template-columns:1.1fr 1fr;gap:32px;border-bottom:1px solid #35402c}.chord-search label,.quick-picks>span{display:block;font-size:11px;font-weight:650;color:#d1dbc7;margin-bottom:9px}.chord-search>div{display:flex;gap:8px}.chord-search input{border:1px solid #48553a;background:#0b1009;color:#f1f5ec;border-radius:5px;padding:11px 12px;min-width:0;width:100%;font-size:12px}.chord-search input::placeholder{color:#99a98a}.chord-search input[aria-invalid=true]{border-color:#ffc1aa}.chord-search .button{gap:15px}.chord-search-error{color:#ffc1aa;font-size:11px;line-height:1.6;margin:7px 0 0}.chord-search-error:empty{margin:0}.quick-picks>div{display:flex;gap:6px;flex-wrap:wrap}.quick-chord{background:#1e2819;border:1px solid #4c5b3a;color:#c8d6b9;border-radius:5px;min-width:36px;min-height:42px;padding:8px 10px;font-size:12px;font-weight:650}.quick-chord:hover,.quick-chord[aria-pressed=true]{border-color:var(--green);color:var(--green);background:#2c3b1e}.chord-selectors{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:18px;padding:23px 24px;background:#0c120b55}.chord-selectors label{font-size:11px;font-weight:650;color:#c6d2ba}.chord-selectors label>span{color:#a1b18f;font-weight:400}.chord-selectors select{display:block;width:100%;margin-top:9px;min-height:43px;font-size:13px;border:1px solid #49583b;border-radius:5px;background:#151e10;color:#f1f5eb;padding:9px 12px}.chord-result{padding:24px;border-top:1px solid #35402c}.chord-result-heading{display:grid;grid-template-columns:minmax(150px,.65fr) 2fr;align-items:center;gap:30px;margin-bottom:22px}.chord-result h3{font-family:var(--display);font-size:58px;line-height:1.1;letter-spacing:.02em;font-weight:400;color:var(--green);margin:4px 0 0;overflow-wrap:anywhere}#chordName{font-size:12px;color:#abbc9c;margin:5px 0 0}.chord-instructions>p:first-child{font-size:15px;font-weight:600;margin:0 0 10px;color:#e5edde}#chordPositionHelp{font-size:11px;line-height:1.7;color:#aabb99;margin:11px 0 0}.chord-notes{display:flex;gap:8px;flex-wrap:wrap}.chord-note{border:1px solid #89aa50;border-radius:5px;background:#28371a;color:#d1f589;min-width:47px;min-height:41px;padding:8px 12px;font-size:17px;font-weight:650}.chord-note.is-root{color:#ffd16a;border-color:#b39145;background:#3b2f12}.chord-note:hover{filter:brightness(1.2)}.chord-keyboard-scroll{overflow-x:auto;padding-bottom:5px}.chord-keyboard{position:relative;display:flex;gap:3px;height:182px;min-width:570px;padding:6px;background:#090d07;border-radius:5px;isolation:isolate}.chord-key{padding:0;border-radius:0 0 4px 4px;position:relative;text-align:center;flex-shrink:0;touch-action:manipulation}.chord-key.white{height:100%;flex:1;border:1px solid #bec5b5;background:linear-gradient(#f5f6ee,#dce0d3);color:#596251;box-shadow:inset 0 -4px 0 #b7bcaf}.chord-key.black{position:absolute;top:6px;width:4.15%;height:108px;z-index:2;background:linear-gradient(#353c30,#0c1009);border:1px solid #060906;color:#aabb98;box-shadow:inset 0 -4px 0 #080b06}.chord-key.highlighted.white{background:linear-gradient(#d6f7a2,#b2dc64);border-color:#789d3d;color:#20320a;box-shadow:inset 0 -4px 0 #86af44}.chord-key.highlighted.black{background:linear-gradient(#b2d969,#7fa33a);border-color:#74982c;color:#142102;box-shadow:inset 0 -4px 0 #567623}.chord-key.root.white{background:linear-gradient(#ffe29a,#edb745);border-color:#aa802d;color:#362503;box-shadow:inset 0 -4px 0 #bd8d2e}.chord-key.root.black{background:linear-gradient(#ffd977,#c98f2a);border-color:#986b1e;color:#2c1a02;box-shadow:inset 0 -4px 0 #946417}.chord-key:hover{filter:brightness(.94)}.chord-key-label{position:absolute;bottom:13px;left:0;right:0;font-size:11px;font-weight:650;pointer-events:none}.chord-key-label small{display:block;font-size:8px;font-weight:400;margin-top:5px;opacity:.75}.chord-key.black .chord-key-label{bottom:13px;font-size:9px;line-height:1.6}.chord-key.black:not(.highlighted) .chord-key-label{font-size:7px;padding-inline:2px}.chord-diagram-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#a7b798;padding-top:10px}.chord-diagram-footer>span:first-child{display:flex;gap:7px;align-items:center}.chord-diagram-footer i{display:inline-block;width:7px;height:7px;border-radius:50%}.legend-root{background:var(--amber)}.chord-diagram-footer .legend-note{background:var(--green);margin-left:11px}.chord-spelling-help{font-size:11px;color:#e4ca8e;border:1px solid #89733a;background:#45381155;padding:10px 12px;border-radius:5px;margin:16px 0 0;line-height:1.7}.chord-audio{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px;align-items:center}.chord-audio .button{font-size:11px}.chord-audio p{width:100%;font-size:11px;color:#aabb9a;line-height:1.7;margin:5px 0 0}.chord-audio p.error{color:#ffc1aa}.chord-explanation{padding:17px 24px 21px;border-top:1px solid #35402c;background:#10170d55}.chord-explanation summary{font-size:11px;font-weight:600;color:#bccdae;cursor:pointer}.chord-explanation p{font-size:11px;color:#aabb99;line-height:1.8;margin:13px 0 0;max-width:820px}.chord-explanation strong{display:block;color:var(--green);font-size:15px;letter-spacing:.08em;margin-bottom:7px}.chord-explanation a{display:inline-block;font-size:10px;color:#bfd99c;margin-top:11px;text-underline-offset:3px}
@media(max-width:1000px){.chord-toolbar{grid-template-columns:1fr;gap:20px}.quick-chord{min-width:44px}.chord-result-heading{grid-template-columns:170px 1fr}}
@media(max-width:760px){.piano-section-nav{gap:8px;padding:10px 0;margin-bottom:23px}.piano-section-nav>span{display:none}.piano-section-nav a{font-size:11px;gap:21px;flex:1;justify-content:space-between;padding:11px 14px}.chord-finder{margin-top:30px}.chord-toolbar,.chord-result{padding:20px}.chord-selectors{padding:20px;grid-template-columns:1fr 1.5fr;gap:16px}.chord-selectors label:last-child{grid-column:1/-1}.chord-result-heading{grid-template-columns:1fr;gap:17px}.chord-result h3{font-size:48px}#chordName{margin-top:2px}.chord-diagram-footer{flex-direction:column;gap:8px}.chord-explanation{padding:18px 20px}.back-to-player{font-size:10px}.chord-intro{font-size:12px}.chord-audio .button{font-size:10px}.chord-keyboard{height:165px}.chord-key.black{height:98px}}
@media(max-width:420px){.chord-search>div{flex-direction:column}.chord-search input{min-height:43px}.chord-search .button{justify-content:space-between}.chord-selectors{grid-template-columns:1fr;gap:15px}.chord-selectors label:last-child{grid-column:auto}.back-to-player{max-width:105px;white-space:normal;text-align:right}.chord-audio{display:grid;grid-template-columns:1fr 1fr}.chord-audio .button{white-space:normal;padding:10px 9px;gap:10px}.chord-audio p{grid-column:1/-1}.chord-keyboard-scroll{margin-right:-20px}.quick-picks>div{gap:7px}.quick-chord{min-width:44px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}