chatgpt codex: told to improve ux/ui consistently, 5 times

app/globals.css

@@ -134,8 +134,7 @@ body {
 	h1,
 	h2,
 	h3 {
-		font-family: var(--font-space-grotesk), var(--font-geist-sans), sans-serif;
-		letter-spacing: -0.02em;
+		@apply tracking-tight;
 	}
 	a {
 		text-decoration: underline;
@@ -165,33 +164,26 @@ body {
 		-ms-overflow-style: none;
 		scrollbar-width: 0;
 	}
-	.ambient-backdrop {
-		position: fixed;
-		inset: 0;
-		z-index: 0;
-		pointer-events: none;
-		background-image:
-			radial-gradient(
-				1200px 700px at 10% -10%,
-				hsl(var(--glow-2) / 0.2),
-				transparent 55%
-			),
-			radial-gradient(
-				900px 600px at 95% 0%,
-				hsl(var(--glow-1) / 0.22),
-				transparent 60%
-			),
-			radial-gradient(
-				800px 500px at 50% 100%,
-				hsl(var(--glow-3) / 0.18),
-				transparent 55%
-			),
-			linear-gradient(
-				180deg,
-				hsl(var(--background)) 0%,
-				hsl(var(--background)) 45%,
-				hsl(var(--muted)) 100%
-			);
+	.page-container {
+		@apply mx-auto w-full max-w-6xl px-4 sm:px-8;
+	}
+	.section-title {
+		@apply text-xl sm:text-2xl font-semibold text-text;
+	}
+	.panel {
+		@apply rounded-3xl bg-base/50 ring-1 ring-surface1/60 shadow-lg;
+	}
+	.panel-blur {
+		@apply rounded-3xl bg-base/50 ring-1 ring-surface1/60 shadow-lg backdrop-blur-lg;
+	}
+	.panel-soft {
+		@apply rounded-3xl border border-surface1/60 bg-base/40;
+	}
+	.glass-soft {
+		@apply rounded-3xl bg-base/35 ring-1 ring-surface0/60 shadow-lg backdrop-blur-md;
+	}
+	.stat-card {
+		@apply rounded-2xl border border-surface1/60 bg-base/40 p-3 shadow-md;
 	}
 }
 @utility border-border {