Used main branch as base branch in the last time

tailwind.config.js

@@ -1,6 +1,11 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
 	content: ["./src/**/*.{html,tsx,ts,js,jsx}"],
+	safelist: [
+		{
+		  pattern: /bg-ai-detection-result-(ai|mixed|human)/,
+		}
+	],
 	theme: {
 		extend: {
 			colors: {
@@ -31,6 +36,21 @@ module.exports = {
 					speaking: {DEFAULT: "#EF5DA8", light: "#FEF6FA", transparent: "rgba(75, 192, 192, 0.5)"},
 					level: {DEFAULT: "#414288", light: "#C8C8E4", transparent: "rgba(65, 66, 136, 0.5)"},
 				},
+				"ai-detection": {
+					result: {
+						ai: {DEFAULT: "#f4bf4f", text: "#f0bc4f", bg: "#fff8e8"},
+						mixed: {DEFAULT:"#93aafb", bg: "rgba(147, 170, 251, 0.3)"},
+						human: {DEFAULT:"#50c08a", bg: "#e9f9ed"}
+					},
+					confidence: {
+						high: {DEFAULT: "#84d1ac", transparent: "#daf0e3"},
+						medium: {DEFAULT: "#f7ec88", transparent: "#fcf8d8"},
+						low: {DEFAULT: "#ffc1c1", transparent: "#ffebe9"},
+						border: "#888888"
+					},
+					highlight: "#ffefb7",
+					text: "#8992B1"
+				}
 			},
 			screens: {
 				"-sm": {max: "639px"},