diff --git a/.phase22-state.json b/.phase22-state.json
index 7c987f1..bcb6155 100644
--- a/.phase22-state.json
+++ b/.phase22-state.json
@@ -1,9 +1,10 @@
 {
   "completed_features": [],
-  "current_feature": "project-favicons",
+  "current_feature": "ui-polish",
   "started_at": "2026-05-23T08:17:40.778724",
   "attempted_features": [
     "voice-input-stub",
-    "popout-tracker"
+    "popout-tracker",
+    "project-favicons"
   ]
 }
\ No newline at end of file
diff --git a/GENERATION_LOG.md b/GENERATION_LOG.md
index 2de65e3..ca0a904 100644
--- a/GENERATION_LOG.md
+++ b/GENERATION_LOG.md
@@ -2646,3 +2646,20 @@ src/index.ts(27,25): error TS2769: No overload matches this call.
   Overload 2 of 3, '(plugin: FastifyPluginAsync<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>, opts?: FastifyRegisterOptions<...> | undefined): FastifyInstance<...> & PromiseLike<...>', gave the following error.
     Argument of type 'Promise<FastifyMultipartPlugin>' is not assignable to parameter of type 'FastifyPluginAsync<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>'.
       Type 'Promise<FastifyMultipartPlugin>' provides no match for the signature '(instance: FastifyInstance<RawServerDefault, IncomingMessage, ServerResponse<IncomingMessage>, FastifyBaseLogger, FastifyTy
+- `08:21:37` **INFO**   Committed feature project-favicons
+- `08:21:37` **INFO**   Pushed: rc=0
+
+## Phase-3 Feature: ui-polish (2026-05-23 08:21:37)
+
+- `08:21:37` **INFO** Description: Globale UI-Verbesserungen (hover-states, focus-rings, transition-all)
+- `08:21:37` **INFO**   Generating apps/web/src/index.css (ERWEITERT — behalte @tailwind setup + dark-mode-overrides. Füge global…)
+- `08:21:44` **INFO**     wrote 563 chars in 6.3s (attempt 1)
+- `08:21:44` **INFO** Running tsc --noEmit on api…
+- `08:21:45` **WARN**   tsc errors:
+src/index.ts(27,25): error TS2769: No overload matches this call.
+  Overload 1 of 3, '(plugin: FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>, opts?: FastifyRegisterOptions<...> | undefined): FastifyInstance<...> & PromiseLike<...>', gave the following error.
+    Argument of type 'Promise<FastifyMultipartPlugin>' is not assignable to parameter of type 'FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>'.
+      Type 'Promise<FastifyMultipartPlugin>' provides no match for the signature '(instance: FastifyInstance<RawServerDefault, IncomingMessage, ServerResponse<IncomingMessage>, FastifyBaseLogger, FastifyTypeProvider>, opts: { ...; }, done: (err?: Error | undefined) => void): void'.
+  Overload 2 of 3, '(plugin: FastifyPluginAsync<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>, opts?: FastifyRegisterOptions<...> | undefined): FastifyInstance<...> & PromiseLike<...>', gave the following error.
+    Argument of type 'Promise<FastifyMultipartPlugin>' is not assignable to parameter of type 'FastifyPluginAsync<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>'.
+      Type 'Promise<FastifyMultipartPlugin>' provides no match for the signature '(instance: FastifyInstance<RawServerDefault, IncomingMessage, ServerResponse<IncomingMessage>, FastifyBaseLogger, FastifyTy
diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index 09e6f3f..16843a0 100644
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@@ -3,9 +3,21 @@
 @tailwind utilities;
 
 @layer base {
+  * {
+    @apply transition-colors duration-150;
+  }
+
   body {
     @apply bg-slate-50 text-slate-900 font-sans antialiased dark:bg-slate-900 dark:text-slate-100;
   }
+
+  button:focus-visible {
+    @apply outline-none ring-2 ring-ember-500 outline-offset-2;
+  }
+
+  input:focus {
+    @apply ring-2 ring-ember-500 border-ember-500 outline-none;
+  }
 }
 
 @layer components {