diff --git a/src/app/globals.css b/src/app/globals.css
index e0d5e3b..1efa859 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -2,53 +2,28 @@
 @tailwind components;
 @tailwind utilities;
 
-@layer base {
-  * {
-    box-sizing: border-box;
-  }
-  body {
-    @apply bg-white text-gray-900;
-  }
+/* React Quill overrides */
+.ql-toolbar {
+  @apply rounded-t-lg border-gray-300 bg-gray-50;
 }
 
-@layer components {
-  .btn-primary {
-    @apply bg-primary-600 hover:bg-primary-700 text-white font-medium px-4 py-2 rounded-lg transition-colors duration-200;
-  }
-  .btn-secondary {
-    @apply bg-gray-100 hover:bg-gray-200 text-gray-700 font-medium px-4 py-2 rounded-lg transition-colors duration-200;
-  }
-  .btn-danger {
-    @apply bg-red-500 hover:bg-red-600 text-white font-medium px-4 py-2 rounded-lg transition-colors duration-200;
-  }
-  .card {
-    @apply bg-white rounded-xl shadow-sm border border-gray-100 p-6;
-  }
-  .input-field {
-    @apply w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent transition-all duration-200;
-  }
-  .label {
-    @apply block text-sm font-medium text-gray-700 mb-1;
-  }
+.ql-container {
+  @apply rounded-b-lg border-gray-300 min-h-[200px] text-base;
 }
 
 .ql-editor {
-  min-height: 200px;
-  font-size: 16px;
+  @apply min-h-[200px];
 }
 
-.prose img {
-  border-radius: 0.75rem;
-  margin: 1.5rem auto;
+/* Smooth transitions */
+* {
+  @apply transition-colors duration-150;
 }
 
-::-webkit-scrollbar {
-  width: 6px;
+html {
+  scroll-behavior: smooth;
 }
-::-webkit-scrollbar-track {
-  background: #f1f5f9;
-}
-::-webkit-scrollbar-thumb {
-  background: #94a3b8;
-  border-radius: 3px;
+
+body {
+  @apply bg-gray-50 text-gray-900 antialiased;
 }