@keyframes pulse{0%,to{box-shadow:0 4px 8px rgba(34,211,238,.3),0 0 15px rgba(34,211,238,.2)}50%{box-shadow:0 6px 12px rgba(34,211,238,.4),0 0 20px rgba(34,211,238,.3)}}.key-pressed{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;color:white!important;transform:scale(.95)!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)!important}.key-highlighted{box-shadow:0 4px 8px rgba(34,211,238,.3),0 0 15px rgba(34,211,238,.2)!important;animation:pulse 1s ease-in-out infinite!important}.key-highlighted,.key-history-latest{background:linear-gradient(135deg,#22d3ee,#06b6d4)!important;color:white!important}.key-history-latest{border:2px solid #22d3ee!important;box-shadow:0 4px 8px rgba(34,211,238,.4),0 0 20px rgba(34,211,238,.3)!important;animation:glow-latest 2s ease-in-out infinite!important;border-radius:8px;padding:2px 4px}.key-history-older{background:linear-gradient(135deg,#6b7280,#4b5563)!important;color:#d1d5db!important;border:1px solid #6b7280!important;border-radius:6px;padding:2px 4px}@keyframes glow-latest{0%,to{box-shadow:0 4px 8px rgba(34,211,238,.4),0 0 20px rgba(34,211,238,.3)}50%{box-shadow:0 6px 12px rgba(34,211,238,.6),0 0 30px rgba(34,211,238,.5)}}@media (max-width:768px){.keyboard-responsive{transform:scale(.85);transform-origin:top center}}@media (max-width:480px){.keyboard-responsive{transform:scale(.7);transform-origin:top center}}