body { -webkit-font-smoothing: antialiased; }
.key { transition: all 0.12s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.10); }
.key:hover { transform: translateY(-2px); box-shadow: 0 5px 14px rgba(59,130,246,0.22); }
.key:active { transform: scale(0.88) translateY(0) !important; background-color: #2563eb !important; color: white !important; box-shadow: inset 0 2px 6px rgba(0,0,0,0.18) !important; }
.active-tab { border-bottom: 2.5px solid #3b82f6; color: #3b82f6; background-color: #eff6ff; }
.suggestion-btn { transition: all 0.12s; }
textarea::-webkit-scrollbar { width: 5px; }
textarea::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 10px; }
textarea::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 10px; }
@keyframes pulse-ring { 0%{box-shadow:0 0 0 0 rgba(239,68,68,.7)} 70%{box-shadow:0 0 0 8px rgba(239,68,68,0)} 100%{box-shadow:0 0 0 0 rgba(239,68,68,0)} }
.listening { animation: pulse-ring 1.5s infinite; }
nav { overflow-x: auto; scrollbar-width: none; }
nav::-webkit-scrollbar { display: none; }