Restyle UI with a channel-strip console look and brand icon

Adds a pink/purple/blue SVG brand mark (favicon + header) and reworks
the visual language around the app's actual interaction - fader-driven
device control - via LED-style indicators, mono instrument readouts,
hairline-framed cards, console-tab nav, and an oscilloscope-style
session timeline. Leaves components/ui/* untouched, restyling only via
design tokens and the app's own composed components. Also fixes a
proxy.ts matcher gap that was gating /icon.svg behind auth.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01W8WkFF5ppURBAB918593Eb

app/login/page.tsx

@@ -1,13 +1,17 @@
 import { Suspense } from "react";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { LoginForm } from "@/components/auth/LoginForm";
+import { BrandMark } from "@/components/layout/BrandMark";
 
 export default function LoginPage() {
   return (
     <div className="flex min-h-dvh items-center justify-center p-4">
       <Card className="bp-glass w-full max-w-sm">
         <CardHeader>
-          <CardTitle className="font-display bp-gradient-text text-2xl">sexy</CardTitle>
+          <div className="flex items-center gap-2">
+            <BrandMark size={32} />
+            <CardTitle className="font-heading bp-gradient-text text-2xl">SEXY</CardTitle>
+          </div>
           <CardDescription>Enter the shared access secret to continue.</CardDescription>
         </CardHeader>
         <CardContent>