From 8cd353ab30085350d0c77bd4122a323d55785019 Mon Sep 17 00:00:00 2001
From: Julius Marminge <julius0216@outlook.com>
Date: Tue, 30 Jun 2026 17:22:27 -0700
Subject: [PATCH] Restore ultrathink frame border effect

- Move the spectrum border into a masked ::before layer
- Keep ultrathink content above the animated frame
---
 apps/web/src/index.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index 3ea1364156f..3ae42a3e61c 100644
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@@ -812,12 +812,35 @@ label:has(> select#reasoning-effort) select {
     #ec4899 90%,
     #ff6b6b 100%
   );
+  position: relative;
+  background: transparent;
+}
+
+.ultrathink-frame::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  padding: 2px;
   background-image: var(--ultrathink-spectrum);
   background-size: 220% 220%;
+  pointer-events: none;
   filter: saturate(0.82) brightness(0.92);
+  -webkit-mask:
+    linear-gradient(#000 0 0) content-box,
+    linear-gradient(#000 0 0);
+  -webkit-mask-composite: xor;
+  mask:
+    linear-gradient(#000 0 0) content-box,
+    linear-gradient(#000 0 0);
+  mask-composite: exclude;
   animation: ultrathink-rainbow 10s linear infinite;
 }
 
+.ultrathink-frame > * {
+  position: relative;
+}
+
 .ultrathink-chroma {
   animation: ultrathink-chroma-shift 10s linear infinite;
 }