diff --git a/README.md b/README.md
index ed76cf4..888df46 100644
--- a/README.md
+++ b/README.md
@@ -78,6 +78,7 @@ After launching this way once, the application will open normally in the future.
 - **UI Framework**: Svelte
 - **Build Tool**: Vite
 - **Package Manager**: pnpm
+- **Styling**: Tailwind CSS
 
 ## Getting Started
 
diff --git a/package.json b/package.json
index aa4e00c..eb0d7b6 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,9 @@
     "svelte": "^5.0.0",
     "svelte-check": "^4.0.0",
     "typescript": "~5.6.2",
-    "vite": "^6.3.5"
+    "vite": "^6.3.5",
+    "tailwindcss": "^3.4.4",
+    "postcss": "^8.4.38",
+    "autoprefixer": "^10.4.19"
   }
 }
diff --git a/postcss.config.cjs b/postcss.config.cjs
new file mode 100644
index 0000000..12a703d
--- /dev/null
+++ b/postcss.config.cjs
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/src/app.css b/src/app.css
new file mode 100644
index 0000000..b5c61c9
--- /dev/null
+++ b/src/app.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/src/main.ts b/src/main.ts
index b044599..f244b3e 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,4 +1,5 @@
 import App from './routes/+page.svelte';
+import './app.css';
 
 const app = new App({
   target: document.getElementById('app') as HTMLElement,
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
new file mode 100644
index 0000000..3afed93
--- /dev/null
+++ b/tailwind.config.cjs
@@ -0,0 +1,7 @@
+module.exports = {
+  content: ['./index.html', './src/**/*.{js,ts,svelte}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};