refactor: add new animations and boxShadow styles for mic panel and recording effects

tailwind.config.cjs

@@ -13,10 +13,26 @@ module.exports = {
 					from: { height: "var(--radix-accordion-content-height)" },
 					to: { height: "0" },
 				},
+				"record-pulse": {
+					"0%, 100%": { boxShadow: "0 0 8px rgba(239, 68, 68, 0.15)" },
+					"50%": { boxShadow: "0 0 16px rgba(239, 68, 68, 0.4)" },
+				},
+				"mic-panel-in": {
+					from: { opacity: "0", transform: "translateY(4px)" },
+					to: { opacity: "1", transform: "translateY(0)" },
+				},
 			},
 			animation: {
 				"accordion-down": "accordion-down 0.2s ease-out",
 				"accordion-up": "accordion-up 0.2s ease-out",
+				"record-pulse": "record-pulse 1.5s ease-in-out infinite",
+				"mic-panel-in": "mic-panel-in 0.15s ease-out",
+			},
+			boxShadow: {
+				"hud-bar":
+					"0 2px 16px rgba(0, 0, 0, 0.25), 0 0 40px rgba(100, 80, 200, 0.08)",
+				"mic-panel":
+					"0 2px 12px rgba(0, 0, 0, 0.2), 0 0 30px rgba(100, 80, 200, 0.06)",
 			},
 			borderRadius: {
 				lg: "var(--radius)",