._piano_ew62w_1{width:100%;position:relative;user-select:none;touch-action:pan-x;height:240px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}._piano_ew62w_1::-webkit-scrollbar{display:none}._keysContainer_ew62w_16{position:relative;display:flex;height:100%;min-width:max-content}._key_ew62w_16{position:relative;display:flex;align-items:flex-end;justify-content:center;transition:background-color .05s ease,box-shadow .08s ease,transform .08s cubic-bezier(.32,.72,0,1);cursor:default;transform-origin:top center}._whiteKey_ew62w_35{flex:1;min-width:40px;background:linear-gradient(to bottom,#fff,#f0f0f3 60%,#e2e2e8);border-left:1px solid #c8c8d0;border-right:1px solid #b8b8c0;border-bottom:1px solid #a0a0aa;border-radius:0 0 6px 6px;box-shadow:inset 0 1px #ffffffe6,inset 0 -4px 8px #00000012,0 3px 6px #0000001f;padding-bottom:14px}._blackKey_ew62w_52{position:absolute;min-width:24px;max-width:32px;height:62%;background:linear-gradient(to bottom,#3a3a40,#2a2a30 15%,#141418 70%,#0a0a0e);border:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.14);border-radius:0 0 6px 6px;z-index:2;box-shadow:0 6px 14px #000000a6,inset 0 1px #ffffff1f,inset 0 -4px 6px #00000080;padding-bottom:8px}._interactive_ew62w_71{cursor:pointer}._interactive_ew62w_71._whiteKey_ew62w_35:hover{background:linear-gradient(to bottom,#fff,#ebebf0 60%,#d8d8e0)}._interactive_ew62w_71._blackKey_ew62w_52:hover{background:linear-gradient(to bottom,#4a4a50,#3a3a40 15%,#1c1c22 70%,#111118);filter:brightness(1.15)}._interactive_ew62w_71._whiteKey_ew62w_35:active{transform:scaleY(.985);background:linear-gradient(to bottom,#dcdce2,#c8c8d0);box-shadow:inset 0 2px 6px #00000026,0 1px 2px #00000014;transition:transform .04s ease}._interactive_ew62w_71._blackKey_ew62w_52:active{filter:brightness(.85);transition:filter .04s ease}._highlighted_ew62w_103._whiteKey_ew62w_35{box-shadow:0 0 22px var(--chord-glow, rgba(168,85,247,.5)),inset 0 -8px 14px var(--chord-glow, rgba(168,85,247,.25)),inset 0 1px #fffc}._highlighted_ew62w_103._blackKey_ew62w_52{box-shadow:0 0 18px var(--chord-glow, rgba(168,85,247,.6)),inset 0 -4px 8px var(--chord-glow, rgba(168,85,247,.35)),inset 0 1px #ffffff26,0 5px 10px #0000008c}._active_ew62w_120._whiteKey_ew62w_35{background:linear-gradient(to bottom,#d1fae5,#10b981);box-shadow:0 0 18px #10b981b3,inset 0 -6px 12px #10b98166,inset 0 1px #ffffffb3;animation:_pulse_ew62w_1 .4s ease-in-out infinite}._active_ew62w_120._blackKey_ew62w_52{background:linear-gradient(to bottom,#10b981,#065c3e 70%,#043220);box-shadow:0 0 18px #10b981cc,inset 0 1px #fff3,0 5px 10px #00000080;animation:_pulse_ew62w_1 .4s ease-in-out infinite}._midiActive_ew62w_138._whiteKey_ew62w_35{background:linear-gradient(to bottom,#fef3c7,#f59e0b);box-shadow:0 0 18px #f59e0bb3,inset 0 -6px 12px #f59e0b66,inset 0 1px #ffffffb3}._midiActive_ew62w_138._blackKey_ew62w_52{background:linear-gradient(to bottom,#f59e0b,#8b5a0a 70%,#4a3000);box-shadow:0 0 18px #f59e0bcc,inset 0 1px #fff3,0 5px 10px #00000080}._root_ew62w_156._whiteKey_ew62w_35{background:linear-gradient(to bottom,#dbeafe,#3b82f6);box-shadow:0 0 22px #3b82f6bf,inset 0 -6px 14px #3b82f680,inset 0 1px #fffc}._root_ew62w_156._blackKey_ew62w_52{background:linear-gradient(to bottom,#3b82f6,#1e3a8a);box-shadow:0 0 20px #3b82f6d9,inset 0 1px #fff3,0 4px 8px #00000080}._label_ew62w_174{font-size:13px;font-weight:700;pointer-events:none;letter-spacing:.02em;line-height:1;position:relative;z-index:10;text-align:center;white-space:nowrap}._whiteKey_ew62w_35 ._label_ew62w_174{color:#111318;text-shadow:0 1px 1px rgba(255,255,255,.8);margin-bottom:12px}._blackKey_ew62w_52 ._label_ew62w_174{color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.7);font-size:11px;margin-bottom:8px}@keyframes _pulse_ew62w_1{0%,to{opacity:1}50%{opacity:.75}}@media(max-width:768px){._piano_ew62w_1{height:130px}._whiteKey_ew62w_35{min-width:25px;padding-bottom:6px;box-shadow:inset 0 1px #ffffffe6,inset 0 -2px 4px #0000000d,0 2px 5px #00000026}._blackKey_ew62w_52{min-width:16px;max-width:16px;box-shadow:0 6px 12px #000000a6,inset 0 1px #ffffff26,inset 0 -2px 4px #0009;padding-bottom:4px}._whiteKey_ew62w_35 ._label_ew62w_174{font-size:9px;margin-bottom:5px}._blackKey_ew62w_52 ._label_ew62w_174{font-size:7px;margin-bottom:3px;transform:scale(.9)}}