@import url("https://fonts.googleapis.com/css2?family=Courier+New:wght@400;700&display=swap");.styles_container__s2C6X{min-height:100vh;background:var(--bg-primary);position:relative;overflow-x:hidden;transition:all .5s ease}.styles_container__s2C6X.styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u,.styles_container__s2C6X.styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u:nth-child(odd){animation:styles_lineWavy__aM0BF .3s ease-in-out infinite}.styles_container__s2C6X.styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u:nth-child(2n){animation:styles_lineWavy__aM0BF .3s ease-in-out .15s infinite}.styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u{animation:styles_lineWavy__aM0BF .3s ease-in-out infinite}.styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u:first-child{animation-delay:0s}.styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u:nth-child(2){animation-delay:.05s}.styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u:nth-child(3){animation-delay:.1s}.styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u:nth-child(4){animation-delay:.15s}.styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u:nth-child(5){animation-delay:.2s}.styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u:nth-child(6){animation-delay:.25s}.styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u:nth-child(7){animation-delay:.3s}.styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u:nth-child(8){animation-delay:.35s}.styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u:nth-child(9){animation-delay:.4s}.styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u:nth-child(10){animation-delay:.45s}@keyframes styles_lineWavy__aM0BF{0%,to{transform:translateY(0) scaleX(1)}25%{transform:translateY(-8px) scaleX(1.1)}50%{transform:translateY(0) scaleX(1)}75%{transform:translateY(8px) scaleX(.9)}}.styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u{animation-duration:.5s;animation-iteration-count:infinite;animation-name:styles_lineSine__jU__R;animation-timing-function:ease-in-out}[data-waveform=square].styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u{animation-name:styles_lineSquare__RBp1c;animation-timing-function:steps(2);background-color:#ff6b6b}[data-waveform=triangle].styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u{background-color:#4ecdc4}[data-waveform=sawtooth].styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u{background-color:#45b7d1}[data-waveform=triangle].styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u{animation-name:styles_lineTriangle__YDL0E;animation-timing-function:linear}[data-waveform=sawtooth].styles_audioPlaying__TNUU3 .styles_backgroundLine__bp5_u{animation-name:styles_lineSawtooth__npWN3;animation-timing-function:linear}@keyframes styles_lineSine__jU__R{0%,to{transform:translateY(0) scaleX(1)}25%{transform:translateY(-8px) scaleX(1.2)}50%{transform:translateY(0) scaleX(1)}75%{transform:translateY(8px) scaleX(.8)}}@keyframes styles_lineSquare__RBp1c{0%,49%{transform:translateY(-12px) scaleX(1)}50%,to{transform:translateY(12px) scaleX(1)}}@keyframes styles_lineTriangle__YDL0E{0%{transform:translateY(-8px) scaleX(.8)}25%{transform:translateY(-4px) scaleX(.9)}50%{transform:translateY(0) scaleX(1)}75%{transform:translateY(4px) scaleX(.9)}to{transform:translateY(8px) scaleX(.8)}}@keyframes styles_lineSawtooth__npWN3{0%{transform:translateY(-8px) scaleX(.8)}10%{transform:translateY(8px) scaleX(1.2)}10.1%,to{transform:translateY(-8px) scaleX(.8)}}.styles_waveVisualization__JkGrw{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:3;opacity:.6}.styles_wavePath__Z7zX_{stroke:var(--stripe-color);stroke-width:2;fill:none;opacity:.8;animation:styles_waveMove__bzzvi .5s ease-in-out infinite}@keyframes styles_waveMove__bzzvi{0%,to{opacity:.8}50%{opacity:1}}.styles_header___Ak7u{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:20px 48px;margin-bottom:40px;max-width:1184px;margin-left:auto;margin-right:auto}.styles_title__1YQgH{font-family:Sixtyfour Convergence Variable,monospace;font-size:48px;line-height:48px;color:var(--title-color);font-variation-settings:"BLED" 16,"SCAN" -12;margin:0;font-weight:400;transition:color .5s ease}.styles_audioToggle__TYrmf{display:flex;align-items:center;gap:12px;color:var(--text-light);font-family:Courier New,monospace;font-size:14px;transition:color .5s ease}.styles_main__tvIiv{position:relative;z-index:10;display:grid;grid-template-columns:repeat(7,1fr);grid-gap:24px;gap:24px;margin:0 auto;padding-bottom:40px;max-width:1184px}@media (min-width:1280px){.styles_main__tvIiv{max-width:1184px;margin:0 auto}}.styles_keyboardSection__gxO6p{grid-column:1/-1;display:flex;justify-content:flex-start;margin-bottom:40px}.styles_keyboard__1FIDk{display:flex;flex-direction:column;position:relative;width:840px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:4px;padding:20px;gap:16px;height:-moz-fit-content;height:fit-content;transition:background .5s ease,border-color .5s ease}.styles_keyboardHeader__9qfQV{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.styles_keyboardHeader__9qfQV h3{font-family:Courier New,monospace;font-weight:700;font-size:16px;color:var(--text-primary);margin:0;transition:color .5s ease}.styles_keyboardAudioToggle__Lz2mO{display:flex;align-items:center;gap:12px;color:#155D76;font-family:Courier New,monospace;font-size:14px}.styles_keyboardKeys__7cEPL{display:flex;position:relative;gap:0;height:214px}.styles_whiteKey__wMT2D{width:80px;height:214px;background:var(--white-key-bg);border:1px solid var(--border-secondary);border-radius:0 0 4px 4px;box-shadow:0 1px 0 1px rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .1s ease;position:relative}.styles_whiteKey__wMT2D:hover{background:var(--white-key-hover);box-shadow:0 2px 0 2px rgba(0,0,0,.3)}.styles_whiteKey__wMT2D.styles_pressed__fZlvm{background:var(--white-key-pressed);box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.styles_blackKey__afPbv{width:40px;height:168px;background:var(--black-key-bg);border:1px solid var(--border-secondary);border-radius:0 0 7px 7px;position:absolute;top:0;z-index:30;box-shadow:1px 2px 1px rgba(0,0,0,.3),0 4px 4px rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .1s ease}.styles_blackKey__afPbv:hover{background:var(--black-key-hover);box-shadow:2px 3px 2px rgba(0,0,0,.4),0 5px 5px rgba(0,0,0,.3)}.styles_blackKey__afPbv.styles_pressed__fZlvm{background:var(--black-key-pressed);box-shadow:inset 1px 2px 4px rgba(0,0,0,.4)}.styles_keyLabel__2C3PY{font-family:Courier New,monospace;font-weight:700;font-size:16px;line-height:18px;margin-bottom:8px;transition:color .5s ease}.styles_keyLabel__2C3PY,.styles_whiteKey__wMT2D .styles_keyLabel__2C3PY{color:var(--text-primary)}.styles_whiteKey__wMT2D.styles_pressed__fZlvm .styles_keyLabel__2C3PY,.styles_whiteKey__wMT2D:hover .styles_keyLabel__2C3PY{color:var(--text-secondary)}.styles_blackKey__afPbv .styles_keyLabel__2C3PY,.styles_blackKey__afPbv.styles_pressed__fZlvm .styles_keyLabel__2C3PY,.styles_blackKey__afPbv:hover .styles_keyLabel__2C3PY{color:var(--text-light)}.styles_controlsSection__QHdIk{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,1fr);grid-gap:24px;gap:24px}.styles_controlPanel__sZrzH{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:4px;padding:20px;display:flex;transition:background .5s ease,border-color .5s ease;flex-direction:column;gap:16px;height:-moz-fit-content;height:fit-content;min-width:300px}.styles_controlPanel__sZrzH h3{font-weight:700;font-size:16px;text-align:left}.styles_controlPanel__sZrzH h3,.styles_controlPanel__sZrzH p{font-family:Courier New,monospace;color:var(--text-primary);margin:0;transition:color .5s ease}.styles_controlPanel__sZrzH p{font-size:14px}.styles_controlGroup__SEZWd{display:flex;flex-direction:column;gap:8px}.styles_controlGroup__SEZWd label{font-family:Courier New,monospace;font-weight:700;font-size:14px;color:var(--text-primary);text-align:left;transition:color .5s ease}.styles_buttonRow__eyFGt{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:0;gap:12px}.styles_soundTypeButton__dpKgU{padding:8px;background:var(--bg-accent);border:1px solid var(--border-secondary);border-radius:4px;font-family:Courier New,monospace;font-weight:700;font-size:16px;line-height:18px;color:var(--text-primary);cursor:pointer;box-shadow:1px 2px 0 1px rgba(76,14,12,.3);transition:all .1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;height:34px;flex:1 1;min-width:0}.styles_soundTypeButton__dpKgU:hover{background:var(--bg-accent-hover);box-shadow:2px 3px 0 2px rgba(76,14,12,.4)}.styles_soundTypeButton__dpKgU.styles_active__ySVyQ{background:var(--bg-accent-active);border:1px solid var(--border-secondary);color:var(--text-secondary);box-shadow:inset -4px 0 2px rgba(0,0,0,.3),inset 4px 0 4px rgba(0,0,0,.3)}.styles_soundTypeButton__dpKgU:disabled{opacity:.6;cursor:not-allowed}.styles_waveformButton__qWu8p{padding:8px;background:var(--bg-accent);border:1px solid var(--border-secondary);border-radius:4px;font-family:Courier New,monospace;font-weight:700;font-size:16px;line-height:18px;color:var(--text-primary);cursor:pointer;box-shadow:1px 2px 0 1px rgba(76,14,12,.3);transition:all .1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;height:34px;flex:1 1;min-width:0}.styles_waveformButton__qWu8p:hover{background:var(--bg-accent-hover);box-shadow:2px 3px 0 2px rgba(76,14,12,.4)}.styles_waveformButton__qWu8p.styles_active__ySVyQ{background:var(--bg-accent-active);border:1px solid var(--border-secondary);color:var(--text-secondary);box-shadow:inset -4px 0 2px rgba(0,0,0,.3),inset 4px 0 4px rgba(0,0,0,.3)}.styles_modeButton__cfzHu{padding:8px;background:var(--bg-accent);border:1px solid var(--border-secondary);border-radius:4px;font-family:Courier New,monospace;font-weight:700;font-size:16px;line-height:18px;color:var(--text-primary);cursor:pointer;box-shadow:1px 2px 0 1px rgba(76,14,12,.3);transition:all .1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;height:34px;flex:1 1;min-width:0}.styles_modeButton__cfzHu:hover{background:var(--bg-accent-hover);box-shadow:2px 3px 0 2px rgba(76,14,12,.4)}.styles_modeButton__cfzHu.styles_active__ySVyQ{background:var(--bg-accent-active);border:1px solid var(--border-secondary);color:var(--text-secondary);box-shadow:inset -4px 0 2px rgba(0,0,0,.3),inset 4px 0 4px rgba(0,0,0,.3)}.styles_filterRow__Rxb4w{display:flex;align-items:center;gap:12px}.styles_filterRow__Rxb4w span{font-family:Courier New,monospace;font-weight:700;font-size:14px;color:var(--text-primary);transition:color .5s ease}.styles_toggleButton__0e4ab{width:44px;height:26px;background:var(--toggle-bg);border-radius:225px;box-shadow:inset 0 4.5px 9px rgba(70,72,30,.3);cursor:pointer;position:relative;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;padding:2px;display:flex;align-items:center;gap:0}.styles_toggleButton__0e4ab.styles_active__ySVyQ{background:var(--toggle-active-bg);justify-content:flex-end}.styles_toggleSlider__sz9cv{width:22px;height:22px;background:var(--toggle-slider);border:2.25px solid var(--slider-border);border-radius:225px;transition:all .2s ease;flex-shrink:0;margin:0}.styles_toggleButton__0e4ab.styles_active__ySVyQ .styles_toggleSlider__sz9cv{background:var(--toggle-slider-active);border:2.25px solid var(--border-accent)}.styles_enableToggle__CmnxC{display:flex;align-items:center;gap:12px;margin-bottom:16px}.styles_enableToggle__CmnxC span{font-family:Courier New,monospace;font-weight:700;font-size:14px;color:var(--text-primary);transition:color .5s ease}.styles_sliders__d14ku{display:flex;flex-direction:column;gap:16px}.styles_sliderGroup__bj6TX{display:flex;flex-direction:column;gap:8px}.styles_sliderLabel__Wwufk{font-family:Courier New,monospace;font-weight:700;font-size:14px;color:var(--text-primary);text-align:left;transition:color .5s ease}.styles_slider__8aAHB{height:20px;background:var(--slider-bg);border-radius:100px;box-shadow:inset 0 2px 4px rgba(70,72,30,.3);cursor:pointer;position:relative;overflow:hidden;padding:2px;transition:background .5s ease}.styles_sliderFill__wDNgq{height:18px;background:var(--slider-fill);border:1px solid var(--border-accent);border-radius:100px;transition:width .1s ease;min-width:18px;width:100%}.styles_sliderValue__8Xjlt{font-family:Courier New,monospace;font-weight:700;font-size:12px;color:var(--text-primary);text-align:left;transition:color .5s ease}@media (max-width:1200px){.styles_main__tvIiv{grid-template-columns:repeat(5,1fr)}}@media (max-width:900px){.styles_main__tvIiv{grid-template-columns:repeat(3,1fr)}}@media (max-width:839px){.styles_keyboardSection__gxO6p{display:none}.styles_main__tvIiv:before{content:"GETTING A LITTLE TOO SMALL FOR COMFORT!";grid-column:1/-1;text-align:center;font-family:Courier New,monospace;font-weight:700;font-size:24px;color:#EB9292;padding:40px;background:#F2F3E2;border:2px solid #ffffff;border-radius:4px;margin-bottom:40px}.styles_controlsSection__QHdIk{grid-template-columns:1fr}}@media (max-width:600px){.styles_header___Ak7u{flex-direction:column;gap:20px;text-align:center}.styles_main__tvIiv{margin:0 auto;max-width:calc(100% - 48px)}.styles_controlPanel__sZrzH{padding:16px}.styles_buttonRow__eyFGt{flex-direction:column}}@font-face{font-family:Sixtyfour Convergence Variable;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/sixtyfour-convergence-math-full-normal.abe48e1d.woff2) format("woff2-variations");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-208e,u+2090-209c,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-family:Sixtyfour Convergence Variable;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/sixtyfour-convergence-symbols-full-normal.c2b2765b.woff2) format("woff2-variations");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-family:Sixtyfour Convergence Variable;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/sixtyfour-convergence-latin-ext-full-normal.18ae2610.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sixtyfour Convergence Variable;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/sixtyfour-convergence-latin-full-normal.e55d84c1.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}