second version

frontend/src/index.css

@@ -2,7 +2,28 @@
 @config "../tailwind.config.ts";
 
 @layer base {
+  :root {
+    --border-radius-md: 0.5rem;
+    --color-border-tertiary: rgb(51 65 85 / 0.6);
+  }
+
   body {
     @apply min-h-screen bg-slate-950 text-slate-100 antialiased;
   }
 }
+
+@keyframes critical-pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.45;
+  }
+}
+
+@layer utilities {
+  .animate-critical-pulse {
+    animation: critical-pulse 1.1s ease-in-out infinite;
+  }
+}