diff --git a/web/src/styles/globals.css b/web/src/styles/globals.css
index 84b5ed5..2b9afca 100644
--- a/web/src/styles/globals.css
+++ b/web/src/styles/globals.css
@@ -157,4 +157,27 @@
     from { opacity: 0; transform: translateY(12px); }
     to   { opacity: 1; transform: translateY(0); }
   }
+
+  /* ── Spacing rhythm ─────────────────────────────────────────────────
+   *   gap-4  (16px) — inside cards/forms
+   *   gap-6  (24px) — between cards in a grid
+   *   gap-8  (32px) — between page sections
+   *   py-12  (48px) — page-top padding
+   * ────────────────────────────────────────────────────────────────── */
+
+  @keyframes shimmer {
+    0%   { background-position: -1000px 0; }
+    100% { background-position:  1000px 0; }
+  }
+
+  .skeleton-shimmer {
+    background: linear-gradient(
+      90deg,
+      hsl(var(--muted))  0%,
+      hsl(var(--accent)) 50%,
+      hsl(var(--muted))  100%
+    );
+    background-size: 1000px 100%;
+    animation: shimmer 1.6s linear infinite;
+  }
 }