feat(design): neon polish — rating bars, destructive colors, active nav glow

artifacts/toolrate/src/components/mini-bars.tsx

@@ -38,9 +38,9 @@ export function MiniBars({
             <span className="text-[10px] uppercase tracking-wide text-muted-foreground w-[3.5rem] shrink-0">
               {label}
             </span>
-            <div className="flex-1 h-1.5 rounded-full bg-muted overflow-hidden">
+            <div className="flex-1 h-1.5 rounded-full bg-foreground/5 overflow-hidden">
               <div
-                className="h-full rounded-full bg-primary/70"
+                className="neon-bar h-full rounded-full"
                 style={{ width: `${pct(value)}%` }}
               />
             </div>
@@ -67,17 +67,17 @@ export function MiniBarStack({
   const a = num(usability);
   return (
     <div
-      className={cn("h-1.5 w-16 rounded-full bg-muted overflow-hidden flex", className)}
+      className={cn("h-1.5 w-16 rounded-full bg-foreground/5 overflow-hidden flex", className)}
       title={`Usefulness ${u != null ? u.toFixed(1) : "N/A"} / Usability ${
         a != null ? a.toFixed(1) : "N/A"
       } (of 5)`}
     >
       <div
-        className="h-full bg-primary/80"
+        className="neon-bar h-full"
         style={{ width: `${pct(usefulness)}%` }}
       />
       <div
-        className="h-full bg-primary/40"
+        className="neon-bar h-full opacity-60"
         style={{ width: `${pct(usability)}%` }}
       />
     </div>