diff --git a/src/components/ChatPanel.tsx b/src/components/ChatPanel.tsx
index 3a03149..96e657a 100644
--- a/src/components/ChatPanel.tsx
+++ b/src/components/ChatPanel.tsx
@@ -222,7 +222,7 @@ export default function ChatPanel({ chatId, projectId }: Props) {
     setSending(true);
     try {
       // Extract @mentions from text → resolve to member IDs
-      const mentionMatches = text.match(/@(\w+)/g);
+      const mentionMatches = text.match(/@([\w-]+)/g);
       const mentionSlugs = mentionMatches ? [...new Set(mentionMatches.map(m => m.slice(1)))] : [];
       const mentions = mentionSlugs
         .map(slug => mentionMapRef.current.get(slug))
diff --git a/src/index.css b/src/index.css
index aebd58c..8769a9a 100644
--- a/src/index.css
+++ b/src/index.css
@@ -6,6 +6,7 @@
   --accent: #3b82f6;
   --border: #262626;
   --card: #141414;
+  --surface: #1a1a1a;
   --muted: #737373;
 }