fix: removed rounded corners except for inputs

static/assets/style.css

@@ -57,7 +57,7 @@
   --space-8: 2rem;
   --poster-max-height: 360px;
   --font: 'DM Sans', 'Segoe UI', system-ui, sans-serif;
-  --radius: 6px;
+  --radius: 0px;
 }
 
 [data-theme='light'] {
@@ -74,6 +74,15 @@ body {
   color: var(--text);
 }
 
+/* Default to square corners; opt back in selectively (e.g. inputs). */
+:where(input, textarea, select) {
+  border-radius: 6px !important;
+}
+
+:where(.rounded-keep) {
+  border-radius: 6px !important;
+}
+
 .scrollbar-hide::-webkit-scrollbar {
   display: none;
 }
@@ -91,12 +100,12 @@ body {
 
   .scrollbar-hide::-webkit-scrollbar-track {
     background: rgba(255, 255, 255, 0.05);
-    border-radius: 4px;
+    border-radius: 0;
   }
 
   .scrollbar-hide::-webkit-scrollbar-thumb {
     background: rgba(255, 255, 255, 0.2);
-    border-radius: 4px;
+    border-radius: 0;
   }
 
   .scrollbar-hide::-webkit-scrollbar-thumb:hover {

templates/components/navigation.gohtml

@@ -34,7 +34,7 @@
         <div class="bg-accent absolute top-1/2 left-0 h-12 w-0.5 -translate-y-1/2 rounded-r-sm shadow-[0_0_8px_var(--color-accent)]"></div>
       {{end}}
       <svg class="size-6 shrink-0 transition-colors duration-200 {{if $isActive}}text-accent{{else}}text-foreground-muted group-hover:text-foreground{{end}}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
-        <rect x="2" y="2" width="20" height="20" rx="2" ry="2" />
+        <rect x="2" y="2" width="20" height="20" rx="0" ry="0" />
         <line x1="7" y1="2" x2="7" y2="22" />
         <line x1="17" y1="2" x2="17" y2="22" />
         <line x1="2" y1="12" x2="22" y2="12" />