@keyframes ripple{0%{transform:scale(.8);opacity:.7}to{transform:scale(2);opacity:0}}.animate-ripple{animation:ripple .8s ease-out}@keyframes breathe{0%,to{box-shadow:0 0 15px 5px rgba(139,92,246,.4)}50%{box-shadow:0 0 25px 10px rgba(139,92,246,.6),0 0 35px 15px rgba(79,70,229,.3)}}@keyframes breathe-unfocused{0%,to{box-shadow:0 0 10px 3px rgba(139,92,246,.2)}50%{box-shadow:0 0 15px 5px rgba(139,92,246,.3),0 0 25px 10px rgba(79,70,229,.15)}}.keyboard-glow{animation:breathe 3s ease-in-out infinite;animation-play-state:running!important}.keyboard-glow-unfocused{animation:breathe-unfocused 4s ease-in-out infinite;animation-play-state:running!important}@keyframes appear{0%{opacity:0;transform:translateY(10px) scale(.95)}20%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.key-popup-animation{animation:appear 2s ease-in-out}@keyframes key-press{0%{transform:translateY(0)}50%{transform:translateY(1px)}to{transform:translateY(0)}}.key-press-animation{animation:key-press .15s ease-in-out}@keyframes color-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.color-shift-animation{background:linear-gradient(90deg,rgba(139,92,246,.7),rgba(79,70,229,.7),rgba(59,130,246,.7),rgba(139,92,246,.7));background-size:300% 100%;animation:color-shift 3s ease-in-out infinite}