feat: add Backspace design prototype and rebrand from Opencord

- Add Backspace-design-prototype.html: finalized "Aether Drift" design
  language with warm matte surfaces and subtle frosted glass accents
- Update CLAUDE.md with DESIGN SYSTEM section and remove Discord clone references
- Rename all Opencord references to Backspace across the full codebase
- Archive outdated design experiments and Discord-specific assets
- Add science-backed accessibility fallback (prefers-reduced-transparency)

packages/web/src/stores/authStore.ts

@@ -1,5 +1,5 @@
 import { create } from 'zustand';
-import type { User } from '@opencord/shared';
+import type { User } from '@backspace/shared';
 import { api } from '../api/client';
 import { useChatStore } from './chatStore';
 import { useServerStore } from './serverStore';
@@ -21,7 +21,7 @@ interface AuthState {
 }
 
 export const useAuthStore = create<AuthState>((set, get) => ({
-  token: localStorage.getItem('opencord_token'),
+  token: localStorage.getItem('backspace_token'),
   user: null,
   isLoading: false,
   error: null,
@@ -30,7 +30,7 @@ export const useAuthStore = create<AuthState>((set, get) => ({
     set({ isLoading: true, error: null });
     try {
       const response = await api.auth.login({ username, password });
-      localStorage.setItem('opencord_token', response.token);
+      localStorage.setItem('backspace_token', response.token);
       set({ token: response.token, user: response.user, isLoading: false });
     } catch (err) {
       set({ isLoading: false, error: err instanceof Error ? err.message : 'Login failed' });
@@ -42,7 +42,7 @@ export const useAuthStore = create<AuthState>((set, get) => ({
     set({ isLoading: true, error: null });
     try {
       const response = await api.auth.register({ username, password, displayName });
-      localStorage.setItem('opencord_token', response.token);
+      localStorage.setItem('backspace_token', response.token);
       set({ token: response.token, user: response.user, isLoading: false });
     } catch (err) {
       set({ isLoading: false, error: err instanceof Error ? err.message : 'Registration failed' });
@@ -51,7 +51,7 @@ export const useAuthStore = create<AuthState>((set, get) => ({
   },
 
   logout: () => {
-    localStorage.removeItem('opencord_token');
+    localStorage.removeItem('backspace_token');
     // Clear all user-scoped state to prevent data leaking between sessions
     useChatStore.getState().clearAllMessages();
     useServerStore.getState().populateFromReady([], [], []);
@@ -69,7 +69,7 @@ export const useAuthStore = create<AuthState>((set, get) => ({
       const user = await api.users.me();
       set({ user, isLoading: false });
     } catch {
-      localStorage.removeItem('opencord_token');
+      localStorage.removeItem('backspace_token');
       set({ token: null, user: null, isLoading: false });
     }
   },

packages/web/src/stores/chatStore.ts

@@ -1,5 +1,5 @@
 import { create } from 'zustand';
-import type { MessageWithUser, Reaction, ReadState } from '@opencord/shared';
+import type { MessageWithUser, Reaction, ReadState } from '@backspace/shared';
 import { api } from '../api/client';
 import { wsSend } from '../hooks/useWebSocket';
 import { isDmChannel, useServerStore } from './serverStore';

packages/web/src/stores/serverStore.ts

@@ -1,5 +1,5 @@
 import { create } from 'zustand';
-import type { Server, Channel, MemberWithUser, ServerWithChannelsAndMembers, Role, ServerFolder, DmChannel, User } from '@opencord/shared';
+import type { Server, Channel, MemberWithUser, ServerWithChannelsAndMembers, Role, ServerFolder, DmChannel, User } from '@backspace/shared';
 import { api } from '../api/client';
 
 interface ServerState {

packages/web/src/stores/settingsStore.ts

@@ -1,5 +1,5 @@
 import { create } from 'zustand';
-import type { InstanceStreamingLimits } from '@opencord/shared';
+import type { InstanceStreamingLimits } from '@backspace/shared';
 import { api } from '../api/client';
 
 interface SettingsState {

packages/web/src/stores/socialStore.ts

@@ -1,5 +1,5 @@
 import { create } from 'zustand';
-import type { Friend, FriendRequest, User } from '@opencord/shared';
+import type { Friend, FriendRequest, User } from '@backspace/shared';
 import { api } from '../api/client';
 
 interface SocialState {

packages/web/src/stores/uiStore.ts

@@ -1,6 +1,6 @@
 import { create } from 'zustand';
 import { persist, createJSONStorage } from 'zustand/middleware';
-import type { User } from '@opencord/shared';
+import type { User } from '@backspace/shared';
 
 type ModalType =
   | 'createServer'
@@ -100,7 +100,7 @@ export const useUIStore = create<UIState>()(
       setPipCollapsed: (collapsed) => set({ pipCollapsed: collapsed }),
     }),
     {
-      name: 'opencord-ui-settings',
+      name: 'backspace-ui-settings',
       storage: createJSONStorage(() => localStorage),
       partialize: (state) => ({
         memberListOpen: state.memberListOpen,

packages/web/src/stores/voiceStore.ts

@@ -323,7 +323,7 @@ export const useVoiceStore = create<VoiceState>()(
       }),
     }),
     {
-      name: 'opencord-voice-settings',
+      name: 'backspace-voice-settings',
       version: 6,
       migrate: (persistedState: any, version: number) => {
         if (version === 0) {