No rounded corners

web/src/index.css

@@ -31,7 +31,7 @@
   --secondary-foreground: 254 38% 94%;
   --accent: 188 86% 50%;
   --accent-foreground: 230 45% 8%;
-  --radius: 0.5rem;
+  --radius: 0px;
 }
 
 * {
@@ -72,6 +72,7 @@ select,
 textarea {
   font: inherit;
   color-scheme: dark;
+  border-radius: var(--radius);
 }
 
 ::selection {
@@ -148,14 +149,6 @@ textarea {
     padding: 0.75rem 1.25rem;
   }
 
-  .app-safe-frame {
-    padding:
-      max(0.5rem, var(--safe-area-top))
-      max(0.5rem, var(--safe-area-right))
-      max(0.5rem, var(--safe-area-bottom))
-      max(0.5rem, var(--safe-area-left));
-  }
-
   .app-search-safe-pad {
     padding:
       max(1.5rem, var(--safe-area-top))
@@ -166,19 +159,11 @@ textarea {
 }
 
 @media (horizontal-viewport-segments: 2) {
-  .app-safe-frame {
-    padding:
-      max(0.5rem, var(--safe-area-top))
-      max(0.5rem, var(--safe-area-right))
-      max(0.5rem, var(--safe-area-bottom))
-      max(0.5rem, var(--safe-area-left));
-  }
-
   .workspace-shell {
     display: grid;
     grid-template-columns:
-      calc(env(viewport-segment-width 0 0) - max(0.5rem, var(--safe-area-left)))
-      calc(env(viewport-segment-width 1 0) - max(0.5rem, var(--safe-area-right)));
+      calc(env(viewport-segment-width 0 0) - var(--safe-area-left))
+      calc(env(viewport-segment-width 1 0) - var(--safe-area-right));
     column-gap: calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0));
   }
 
@@ -187,14 +172,10 @@ textarea {
     width: 100%;
     max-width: none;
     transform: none;
-    border-width: 1px;
-    border-radius: 1rem;
   }
 
   .workspace-content {
     min-width: 0;
-    border-width: 1px;
-    border-radius: 1rem;
     touch-action: auto;
   }
 
@@ -213,6 +194,13 @@ textarea {
     0 14px 36px hsl(240 80% 2% / 0.28);
 }
 
+.chat-user-message {
+  /* Preserve the original bubble radius independently of the square UI theme.
+     Browsers without corner-shape support fall back to circular corners. */
+  border-radius: 0.75rem;
+  corner-shape: squircle;
+}
+
 .tool-call-stack-shell {
   perspective: 900px;
   transform-style: preserve-3d;
@@ -464,7 +452,7 @@ textarea {
   overflow-x: auto;
   overflow-y: hidden;
   border: 1px solid hsl(var(--border) / 0.86);
-  border-radius: 0.625rem;
+  border-radius: var(--radius);
   background: hsl(246 34% 10% / 0.76);
   box-shadow: inset 0 1px 0 hsl(258 80% 88% / 0.06);
 }
@@ -483,7 +471,7 @@ textarea {
 }
 
 .md-table-scroll::-webkit-scrollbar-thumb {
-  border-radius: 9999px;
+  border-radius: var(--radius);
   background: hsl(263 78% 72% / 0.34);
 }
 
@@ -595,7 +583,7 @@ textarea {
 
 .md-content code {
   background: hsl(249 40% 10% / 0.78);
-  border-radius: 0.3rem;
+  border-radius: var(--radius);
   padding: 0.05rem 0.3rem;
   font-size: 0.86em;
   box-decoration-break: clone;
@@ -605,7 +593,7 @@ textarea {
 .md-content pre {
   overflow-x: auto;
   border: 1px solid hsl(253 31% 29% / 0.72);
-  border-radius: 0.625rem;
+  border-radius: var(--radius);
   background: hsl(249 40% 10% / 0.82);
   padding: 0.75rem;
   box-shadow: inset 0 1px 0 hsl(258 80% 88% / 0.05);
@@ -629,7 +617,7 @@ textarea {
 .md-cite-token {
   display: inline-flex;
   align-items: center;
-  border-radius: 9999px;
+  border-radius: var(--radius);
   border: 1px solid hsl(274 40% 55%);
   background: hsl(277 33% 21%);
   color: hsl(304 42% 96%);