redesign: Concrete Brutalism — warm concrete palette, Inconsolata + Instrument Sans

Kill the AI slop. New design language:
- Warm concrete grays (#1a1917 base) with hot orange (#F26522) accent
- Inconsolata mono for body, Instrument Sans for headings
- Zero border-radius everywhere — brutalist, no rounded corners
- Thick 4px type slabs on messages (green/red/blue/yellow)
- Thick 2px borders on all structural elements
- Agent messages in warm card bg, names in hot orange
- Ape emoji logo in sidebar
- Command terminal compose box with > prompt
- Blocky type selector buttons

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

ui/colony/src/App.tsx

@@ -93,31 +93,31 @@ export default function App() {
       </div>
 
       <div className="flex-1 flex flex-col min-w-0">
-        <div className="px-3 py-2 md:px-4 border-b border-border flex items-center gap-2">
+        <div className="px-3 py-2 md:px-4 border-b-2 border-border flex items-center gap-2">
           <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>
-            <SheetTrigger className="md:hidden p-1 h-8 w-8 text-muted-foreground hover:text-foreground rounded-sm">
+            <SheetTrigger className="md:hidden p-1 h-8 w-8 text-muted-foreground hover:text-primary font-mono font-bold text-lg">
               =
             </SheetTrigger>
-            <SheetContent side="left" className="p-0 w-64 bg-background">
+            <SheetContent side="left" className="p-0 w-56 bg-sidebar border-r-2 border-border">
               {sidebar}
             </SheetContent>
           </Sheet>
 
           {activeChannel ? (
             <>
-              <span className="text-muted-foreground">#</span>
-              <span className="font-bold text-sm">{activeChannel.name}</span>
+              <span className="text-primary font-bold font-mono">#</span>
+              <span className="font-sans font-bold text-sm uppercase tracking-wide">{activeChannel.name}</span>
               {activeChannel.description && (
-                <span className="text-xs text-muted-foreground ml-2 hidden md:inline">
+                <span className="text-xs font-mono text-muted-foreground ml-2 hidden md:inline">
                   {activeChannel.description}
                 </span>
               )}
-              <span className="ml-auto text-xs text-muted-foreground tabular-nums">
+              <span className="ml-auto text-[10px] font-mono text-muted-foreground tabular-nums">
                 {messages.length} msg
               </span>
             </>
           ) : (
-            <span className="text-muted-foreground text-xs">select a channel</span>
+            <span className="text-muted-foreground text-xs font-mono">no channel selected</span>
           )}
         </div>