@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";body{background-color:#000}:root{--color-bg: #1a1b26;--color-text-primary: #c0caf5;--color-pressed: #ff9e64;--color-pressed-hover: #ffb794;--color-accent: #9273cb;--color-accent-border: rgba(146, 115, 203, .35);--color-accent-bg: rgba(36, 40, 59, .85);--color-text-gold: rgb(232, 190, 116);--color-most-likely: #ff9e64;--color-possible-chords: #bb9af7;--transition-fast: .18s}body{margin:0;font-family:Space Grotesk,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100vw;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;background-color:var(--color-bg);color:var(--color-text-primary);-webkit-text-size-adjust:none;text-size-adjust:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}._whiteKey_1e1fa_1{background-color:#fff;width:100%;height:100%;display:inline-block;border-radius:3%;pointer-events:all;position:relative}._whiteKey_1e1fa_1:hover{cursor:pointer;background-color:#a1a1a1}._whiteKeyPressed_1e1fa_16{background-color:var(--color-pressed);width:100%;height:100%;display:inline-block;border-radius:3%;pointer-events:all;position:relative}._whiteKeyPressed_1e1fa_16:hover{cursor:pointer;background-color:var(--color-pressed-hover)}._blackKey_1e1fa_31{background-color:#282828;width:100%;height:50%;display:inline-block;border-radius:3%;pointer-events:all;margin:0 1%}._blackKey_1e1fa_31:hover{cursor:pointer;background-color:#484848}._blackKeyPressed_1e1fa_46{background-color:var(--color-pressed);width:100%;height:50%;display:inline-block;border-radius:3%;pointer-events:all;margin:0 1%}._blackKeyPressed_1e1fa_46:hover{cursor:pointer;background-color:var(--color-pressed-hover)}._fakeKey_1e1fa_61{background-color:#282828;width:100%;height:100%;display:inline-block;pointer-events:all;visibility:hidden;z-index:-5}._blackKeyContainer_1e1fa_71{position:absolute;height:100%;width:100%;left:6%;z-index:2;pointer-events:none;display:flex;align-items:flex-start}._whiteKeyContainer_1e1fa_82,._halfWhiteKeyContainer_1e1fa_92{position:absolute;height:100%;width:100%;z-index:1;pointer-events:none;display:flex;gap:2px}._octaveContainer_1e1fa_102{flex:7;min-width:0;height:100%;position:relative}._halfOctaveContainer_1e1fa_109{flex:4;min-width:0;height:100%;position:relative}._halfBlackKeyContainer_1e1fa_116{position:absolute;height:100%;width:100%;left:11%;z-index:2;pointer-events:none;display:flex;align-items:flex-start}._pianoContainer_1e1fa_127{position:absolute;display:flex;left:8px;right:8px;height:23%;top:65%;gap:2px}@media (orientation: portrait){._pianoContainer_1e1fa_127{overflow:hidden}}._octaveLabel_1e1fa_143{position:absolute;bottom:6%;left:50%;transform:translate(-50%);font-size:.75em;color:#5a5a5a;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}._chordInfo_xeu5i_1{color:#e8a532;position:absolute;height:65%;width:50%;top:0%;left:0%;display:flex;flex-direction:column;justify-content:center;padding:2% 2% 2% 2.5%;box-sizing:border-box;gap:2%}@media (orientation: portrait){._chordInfo_xeu5i_1{overflow:hidden}}._notesContainer_xeu5i_22{font-weight:700;color:var(--color-text-gold);font-size:.9em;padding-bottom:5%;border-bottom:1px solid rgba(167,53,255,.25);flex-shrink:0}._mostLikely_xeu5i_31{color:var(--color-most-likely);font-weight:700}._possibleChords_xeu5i_36{color:var(--color-possible-chords);font-weight:700}._chordContent_xeu5i_41{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;width:100%;background:var(--color-accent-bg);border:1px solid var(--color-accent-border);border-radius:12px;padding:5% 6%;box-sizing:border-box;gap:8%}._chordContainer_xeu5i_56{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:4%}._chordLabel_xeu5i_65{text-decoration:underline}._controlsContainer_8hpqd_1{position:absolute;top:0%;left:50%;height:65%;width:50%;display:flex;flex-direction:column;justify-content:flex-start;gap:2%;padding:2% 0;box-sizing:border-box}._controlsGrid_8hpqd_15{display:grid;grid-template-rows:repeat(4,1fr);gap:2% 0;flex:1;min-height:0;overflow:hidden}@media (orientation: landscape) and (min-aspect-ratio: 2/1){._controlsGrid_8hpqd_15{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2% 0}}._logoRow_8hpqd_32{height:25%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-shrink:0;padding:0 4%}._controlsLogo_8hpqd_42{height:100%;width:auto;max-width:50%;object-fit:contain;flex-shrink:0}@media (orientation: portrait){._logoRow_8hpqd_32{flex-direction:column;align-items:center;justify-content:center;gap:6%;padding:0}._controlsLogo_8hpqd_42{height:40%}}._backLink_8hpqd_64{font-size:clamp(.72rem,1.76vw,1rem);font-weight:500;color:var(--color-text-gold);text-decoration:none;white-space:nowrap;letter-spacing:.02em;transition:color var(--transition-fast)}._backLink_8hpqd_64:hover{color:var(--color-possible-chords);text-decoration:underline}._controlsText_8hpqd_79{color:var(--color-text-gold);font-weight:700;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:2% 6%;margin:0 4%;border:1px solid var(--color-accent-border);border-radius:10px;background:var(--color-accent-bg);box-sizing:border-box}._controlsText_8hpqd_79>span{font-size:.82em}._controlsSlider_8hpqd_98{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50%;height:.25em;border-radius:.125em;background:#373746;outline:none;cursor:pointer;flex-shrink:0;border:none}._controlsSlider_8hpqd_98::-webkit-slider-thumb{-webkit-appearance:none;width:1.4em;height:1.4em;border-radius:50%;background:var(--color-accent);cursor:pointer;box-shadow:0 0 6px #9273cb8c}._controlsSlider_8hpqd_98::-moz-range-thumb{width:1.4em;height:1.4em;border-radius:50%;background:var(--color-accent);cursor:pointer;border:none;box-shadow:0 0 6px #9273cb8c}._toggleSwitch_8hpqd_131{position:relative;display:inline-block;width:2.5em;height:1.375em;flex-shrink:0}._toggleSwitch_8hpqd_131 input{opacity:0;width:0;height:0;position:absolute}._toggleKnob_8hpqd_146{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#323241;border-radius:1.375em;border:1px solid rgba(255,255,255,.08);transition:background-color .22s}._toggleKnob_8hpqd_146:before{content:"";position:absolute;width:1em;height:1em;left:.19em;top:50%;transform:translateY(-50%);background-color:#9696a5;border-radius:50%;transition:transform .22s,background-color .22s}._toggleSwitch_8hpqd_131 input:checked+._toggleKnob_8hpqd_146{background-color:var(--color-accent);border-color:var(--color-accent-border)}._toggleSwitch_8hpqd_131 input:checked+._toggleKnob_8hpqd_146:before{transform:translateY(-50%) translate(1.125em);background-color:#fff}@media (orientation: landscape){._App_1wp0a_2{text-align:left;color:#fff;position:absolute;width:100%;height:100%;overflow:hidden}}@media (orientation: portrait){._App_1wp0a_2{text-align:left;color:#fff;position:fixed;width:100%;height:100%;overflow:hidden}}._clearButton_1wp0a_23{position:absolute;top:90%;bottom:8px;left:8px;right:8px;background-color:var(--color-accent);color:var(--color-text-primary);border:none;border-radius:12px;font-size:1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}._clearButton_1wp0a_23:hover{background-color:var(--color-possible-chords)}