.styles_container__QPY5X{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f4f0;padding:4rem 2rem 2rem;position:relative}.styles_main__s4K9e{display:flex;flex-direction:column;gap:2rem;border:2px solid #d8afae;background-color:#f2e3e3;padding:2rem;border-radius:8px;box-shadow:8px 8px 0 #d8afae;width:100%;max-width:1200px;margin:0 auto}.styles_controlsContainer__9mV8u{display:flex;justify-content:center;align-items:center;width:100%}.styles_piano__fulMh{position:relative;display:flex}.styles_whiteKeys__9aoIf{display:flex}.styles_whiteKey__vqCuy{width:60px;height:250px;background-color:#fff;border:2px solid #d8afae;color:#d8afae;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:10px;font-weight:700;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .1s ease}.styles_whiteKey__vqCuy:hover{background-color:#f8f4f0}.styles_whiteKey__vqCuy.styles_active__b7NnB{background-color:#d8afae}.styles_blackKeys__oJtNx{position:absolute;top:0;left:0;height:150px;pointer-events:none}.styles_blackKey__kxrBt{position:absolute;width:50px;height:150px;background-color:#4f6347;border:none;color:#f8f4f0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:10px;font-weight:700;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .1s ease;pointer-events:all}.styles_blackKey__kxrBt:hover{background-color:#a7b8a0}.styles_blackKey__kxrBt.styles_active__b7NnB{background-color:#3b4a35}.styles_noteName___arfr{font-size:1.1rem;font-weight:800}.styles_keyBinding__nOf5T{font-size:1.2rem;margin-top:5px;font-weight:400;color:#d8afae}.styles_blackKey__kxrBt .styles_keyBinding__nOf5T{color:#f8f4f0}.styles_optionsCard__mhcRB{background-color:#f2e3e3;border:2px solid #9b5e6e;border-radius:8px;padding:1rem;width:100%;color:#9b5e6e;display:flex;flex-direction:column;gap:1rem;height:-moz-fit-content;height:fit-content}.styles_optionsCard__mhcRB h4{margin-top:0;border-bottom:1px solid #9b5e6e;padding-bottom:.5rem;margin-bottom:1rem}.styles_playButton__VW4B2{width:25%;padding:8px;border:1px solid #9b5e6e;background-color:transparent;color:#9b5e6e;font-family:inherit;cursor:pointer;font-size:1rem;border-radius:4px;transition:background-color .1s ease}.styles_playButton__VW4B2:hover{background-color:#f8f4f0}.styles_waveformCanvas__a_6Fp{background-color:#f8f4f0;border:1px solid #9b5e6e;border-radius:4px;margin-bottom:1rem;height:210px}.styles_waveformOptions__Zy9OB{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.styles_waveformButton__tVKDf{width:100%;padding:8px;border:1px solid #9b5e6e;background-color:transparent;color:#9b5e6e;font-family:inherit;cursor:pointer;text-align:left;font-size:1rem;border-radius:4px;transition:background-color .1s ease}.styles_waveformButton__tVKDf:hover:not(.styles_activeWaveform__2crK2){background-color:#f8f4f0}.styles_activeWaveform__2crK2{background-color:#9b5e6e;color:#f8f4f0;font-weight:700}.styles_header__JS7mW{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem;gap:.5rem}.styles_backButton__PLOKE{position:absolute;top:2rem;left:2rem;padding:.5rem 1rem;background-color:#f8f4f0;border:2px solid #d8afae;border-radius:8px;color:#9b5e6e;text-decoration:none;font-weight:700;box-shadow:4px 4px 0 #d8afae;transition:all .1s ease-in-out}.styles_backButton__PLOKE:hover{background-color:#f2e3e3;transform:translate(2px,2px);box-shadow:2px 2px 0 #d8afae}.styles_topInstrumentButton__fthmk{padding:.5rem 1rem;border:2px solid #9b5e6e;background-color:transparent;color:#9b5e6e;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;gap:.3rem;min-width:100px;box-shadow:4px 4px 0 #9b5e6e}.styles_topInstrumentButton__fthmk:hover{background-color:#f8f4f0;transform:translateY(-1px);box-shadow:0 2px 4px rgba(155,94,110,.2)}.styles_topInstrumentButton__fthmk.styles_active__b7NnB{background-color:#9b5e6e!important;color:#f8f4f0!important;box-shadow:0 2px 6px rgba(155,94,110,.3)}.styles_instrumentButtonGroup__quoYJ{display:flex;align-items:center;gap:1rem}.styles_pianoControls__ebilq{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.styles_toggleContainer__lPmz3{display:flex;align-items:center;gap:1rem}.styles_toggleIcon__wN8Mh{color:#9b5e6e;font-size:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.styles_toggleSwitch__G_daY{position:relative;display:inline-block;width:50px;height:24px;cursor:pointer}.styles_toggleInput__f78vu{opacity:0;width:0;height:0}.styles_toggleSlider__5WZ_J{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d8afae;border:2px solid #9b5e6e;transition:.3s;border-radius:24px}.styles_toggleSlider__5WZ_J:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#9b5e6e;transition:.3s;border-radius:50%}.styles_toggleInput__f78vu:checked+.styles_toggleSlider__5WZ_J{background-color:#9b5e6e;border-color:#d8afae}.styles_toggleInput__f78vu:checked+.styles_toggleSlider__5WZ_J:before{transform:translateX(26px);background-color:#f8f4f0}.styles_guitarContainer__fP9mR{display:flex;flex-direction:column;align-items:center;gap:1rem}.styles_guitar__FvdvS{position:relative;width:700px;height:200px}.styles_guitarBody__f56iZ{width:100%;height:100%;background:#f2e3e3;border:3px solid #9b5e6e;border-radius:20px 60px 20px 60px;position:relative;box-shadow:0 4px 12px rgba(155,94,110,.2),inset 0 2px 8px hsla(30,36%,96%,.5)}.styles_soundHole__oFi7o{position:absolute;width:60px;height:60px;background:#9b5e6e;border-radius:50%;top:50%;left:30%;transform:translate(-50%,-50%);border:3px solid #d8afae;box-shadow:inset 0 0 15px rgba(155,94,110,.8)}.styles_strings__NgDdE{position:absolute;top:20px;bottom:20px;left:60px;right:20px;display:flex;flex-direction:column;justify-content:space-between}.styles_stringContainer__WBjYj{display:flex;align-items:center;height:20px}.styles_stringLabel__aw1iL{width:20px;font-size:.8rem;font-weight:700;color:#9b5e6e;margin-right:10px}.styles_guitarString__WQ9rY{flex:1 1;height:2px;background:#9b5e6e;cursor:pointer;position:relative;border-radius:1px;box-shadow:0 1px 2px rgba(155,94,110,.3);transition:all .1s ease}.styles_guitarString__WQ9rY:first-child{height:3px}.styles_guitarString__WQ9rY:nth-child(2){height:2.5px}.styles_guitarString__WQ9rY:nth-child(3){height:2px}.styles_guitarString__WQ9rY:nth-child(4),.styles_guitarString__WQ9rY:nth-child(5){height:1.5px}.styles_guitarString__WQ9rY:nth-child(6){height:1px}.styles_guitarString__WQ9rY:hover{background:#d8afae;transform:scaleY(1.5);box-shadow:0 2px 4px rgba(155,94,110,.4)}.styles_guitarString__WQ9rY.styles_vibrating__Ruwoo{animation:styles_stringVibration__r56B5 1s ease-out;background:#d8afae}@keyframes styles_stringVibration__r56B5{0%{transform:translateY(0)}10%{transform:translateY(-3px)}20%{transform:translateY(3px)}30%{transform:translateY(-2px)}40%{transform:translateY(2px)}50%{transform:translateY(-1px)}60%{transform:translateY(1px)}70%{transform:translateY(-.5px)}80%{transform:translateY(.5px)}90%{transform:translateY(-.25px)}to{transform:translateY(0)}}.styles_guitarInfo__I5gCK{text-align:center;color:#9b5e6e;background-color:#f2e3e3;border-radius:8px;padding:1rem;margin-top:1rem}.styles_guitarInfo__I5gCK h4{margin:0 0 .5rem;font-size:1.2rem;border-bottom:1px solid #9b5e6e;padding-bottom:.5rem}.styles_guitarInfo__I5gCK p{margin:0;font-size:.9rem;color:#9b5e6e}.styles_guitarControls__KZEi6{display:flex;justify-content:flex-end;align-items:center;margin-top:1rem}.styles_safariAudioInit__8UBXb{display:flex;justify-content:center;margin-bottom:2rem}.styles_audioWarning__N0Mp4{background-color:#fff3cd;border:2px solid #ffc107;border-radius:12px;padding:2rem;text-align:center;max-width:500px;box-shadow:0 4px 12px rgba(255,193,7,.2)}.styles_audioWarning__N0Mp4 h3{margin:0 0 1rem;color:#856404;font-size:1.3rem}.styles_audioWarning__N0Mp4 p{margin:0 0 1.5rem;color:#856404;font-size:1rem;line-height:1.5}.styles_initAudioButton__ASro6{padding:1rem 2rem;border:2px solid #ffc107;background-color:#ffc107;color:#212529;font-family:inherit;font-size:1.1rem;font-weight:700;cursor:pointer;border-radius:8px;transition:all .2s ease}.styles_initAudioButton__ASro6:hover{background-color:#ffca2c;transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,193,7,.4)}.styles_audioStatus__gc7qC{background-color:#d4edda;border:2px solid #28a745;border-radius:8px;padding:1rem;text-align:center;margin-bottom:1rem;color:#155724;font-weight:700}.styles_instrumentSelector__TrKY4{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;margin-bottom:0}.styles_instrumentButton___Ivar{padding:.8rem 1.5rem;border:2px solid #9b5e6e;background-color:transparent;color:#9b5e6e;font-family:inherit;font-size:1rem;cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.styles_instrumentButton___Ivar:hover{background-color:#f8f4f0;transform:translateY(-2px);box-shadow:0 4px 8px rgba(155,94,110,.2)}.styles_instrumentButton___Ivar.styles_active__b7NnB{background-color:#9b5e6e;color:#f8f4f0;box-shadow:0 4px 12px rgba(155,94,110,.3)}.styles_instrumentSelectorInline__CtQRb{display:flex;gap:.5rem}.styles_instrumentButtonInline__x3KgK{padding:.5rem 1rem;border:2px solid #9b5e6e;background-color:transparent;color:#9b5e6e;font-family:inherit;font-size:.9rem;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;gap:.3rem}.styles_instrumentButtonInline__x3KgK:hover{background-color:#f8f4f0;transform:translateY(-1px);box-shadow:0 2px 4px rgba(155,94,110,.2)}.styles_instrumentButtonInline__x3KgK.styles_active__b7NnB{background-color:#9b5e6e;color:#f8f4f0;box-shadow:0 2px 6px rgba(155,94,110,.3)}.styles_title__TWxwC{font-size:2.5rem;color:#9b5e6e;margin:0;font-weight:700}.styles_subtitle__9Xszk{font-size:1.1rem;color:#9b5e6e;margin:0;opacity:.8}.styles_instrumentToggle__IA6Hz{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.styles_toggleButton__wmXoC{padding:.75rem 1.5rem;border:2px solid #d8afae;background-color:#f8f4f0;color:#9b5e6e;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 0 #d8afae}.styles_toggleButton__wmXoC:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #d8afae}.styles_toggleButton__wmXoC.styles_active__b7NnB{background-color:#9b5e6e;color:#f8f4f0}.styles_leftControls__e1yr3{display:flex;flex-direction:column;gap:1rem}.styles_visualizerContainer__jiIBT{width:100%;height:225px;background-color:#fff;border:2px solid #d8afae;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px 0 #d8afae}.styles_instrumentRow__3Oy2E{display:flex;gap:2rem;align-items:flex-start;width:100%}.styles_waveformCanvas__a_6Fp{width:100%;height:100%;border-radius:6px}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");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}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}