diff --git a/public/styles.css b/public/styles.css
index 5d8ad67..3ce16d5 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -25,6 +25,52 @@ body {
     color: var(--text);
 }
 
+.app {
+    max-width: 960px;
+    margin: 0 auto;
+    padding: 40px 24px 80px;
+}
+
+.topbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 24px;
+    padding: 24px;
+    background: var(--panel);
+    border-radius: 20px;
+    border: 1px solid var(--border);
+    margin-bottom: 24px;
+}
+
+.badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 12px;
+    border-radius: 999px;
+    font-size: 0.85rem;
+    background: rgba(88, 101, 242, 0.16);
+    border: 1px solid rgba(88, 101, 242, 0.4);
+    color: #cdd3ff;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+}
+
+.banner {
+    padding: 14px 18px;
+    border-radius: 14px;
+    border: 1px solid rgba(88, 101, 242, 0.35);
+    background: rgba(88, 101, 242, 0.12);
+    margin-bottom: 20px;
+    color: #dee1ff;
+    display: none;
+}
+
+.muted {
+    color: var(--muted);
+}
+
 a {
     color: inherit;
     text-decoration: none;
@@ -693,4 +739,9 @@ textarea {
     .save-bar {
         position: static;
     }
+
+    .topbar {
+        flex-direction: column;
+        align-items: flex-start;
+    }
 }