refactor(ui): port exact Archy glassmorphism system

Replace all glass morphism CSS with exact Archy definitions from
neode-ui/src/style.css. Every container and button class now matches
Archy pixel-for-pixel:

- glass: rgba(0,0,0,0.35), blur(18px), border rgba(255,255,255,0.18)
- glass-strong: same bg, blur(24px)
- glass-card: rgba(0,0,0,0.65), blur(18px), border-radius 1rem
- glass-button: 48px height, rgba(0,0,0,0.6), blur(18px)
- glass-button-sm: compact variant
- gradient-button: primary CTA with gradient intensification on hover
- gradient-card, gradient-card-dark, gradient-border-container
- toast-glass, nav-tab-active with CSS mask gradient border
- Archy inset highlight: inset 0 1px 0 rgba(255,255,255,0.22)
- Archy focus glow: blue box-shadow, no outline
- Archy scrollbar: gradient thumb, hidden variant
- Archy animations: fadeUpIn 900ms cubic-bezier(0.22, 1, 0.36, 1)

Updated design rules (02-tailwind-styling.mdc, 03-design-system.mdc)
to reference Archy as canonical source. Added archy-glass-system.md
to Coding Rules Project.

Made-with: Cursor

packages/app/src/components/chat/ChatInput.vue

@@ -1,15 +1,16 @@
 <template>
   <div class="p-3 md:p-4">
     <div
-      class="glass rounded-2xl px-4 py-3 flex items-end gap-3 transition-all duration-300 inner-glow"
-      :class="isFocused ? 'border-white/20 glow-soft' : ''"
+      class="glass rounded-2xl px-4 py-3 flex items-end gap-3 transition-all duration-300"
+      :class="isFocused ? 'border-glass-highlight' : ''"
+      :style="isFocused ? 'box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.22)' : ''"
     >
       <textarea
         ref="textareaRef"
         v-model="text"
         rows="1"
         :placeholder="placeholder"
-        class="flex-1 resize-none bg-transparent text-sm text-white outline-none placeholder:text-white/30 min-h-[24px] max-h-[120px]"
+        class="flex-1 resize-none bg-transparent text-sm text-white/90 outline-none placeholder:text-white/25 min-h-[24px] max-h-[120px]"
         @focus="isFocused = true"
         @blur="isFocused = false"
         @keydown.enter.exact.prevent="send"
@@ -17,10 +18,10 @@
       />
       <button
         :disabled="!canSend"
-        class="shrink-0 w-9 h-9 flex items-center justify-center rounded-xl transition-all duration-200"
+        class="shrink-0 glass-button glass-button-sm rounded-xl px-3 transition-all duration-200"
         :class="canSend
-          ? 'bg-accent text-white hover:bg-accent-hover active:scale-90'
-          : 'bg-white/5 text-white/20 cursor-not-allowed'"
+          ? 'hover:bg-white/15 active:scale-95'
+          : 'opacity-30 cursor-not-allowed'"
         aria-label="Send message"
         @click="send"
       >