diff --git a/src/tju/tui/app.tcss b/src/tju/tui/app.tcss
index 4a5bc4f..33ad0b3 100644
--- a/src/tju/tui/app.tcss
+++ b/src/tju/tui/app.tcss
@@ -223,3 +223,32 @@ LoadingIndicator {
     height: 3;
     background: transparent;
 }
+
+/* ══════ Footer ═════════════════════════════════════════════════════════════ */
+
+Footer {
+    background: $surface;
+    color: $text-muted;
+    border-top: solid $primary-darken-2;
+}
+
+Footer > .footer--key {
+    background: transparent;
+    color: $accent;
+    text-style: bold;
+}
+
+Footer > .footer--description {
+    color: $text-muted;
+}
+
+Footer > .footer--highlight {
+    background: $accent;
+    color: $background;
+}
+
+Footer > .footer--highlight-key {
+    background: $accent-darken-1;
+    color: $background;
+    text-style: bold;
+}