diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index c97b84c..a21e397 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -31,6 +31,7 @@ import { useAccountStore } from '@/stores/account'
 import { useMailStore } from '@/stores/mail'
 import { useMessagesStore } from '@/stores/messages'
 import { useDarkChatStore } from '@/stores/darkchat'
+import { useFlareStore } from '@/stores/flare'
 import { useFlipTokStore } from '@/stores/fliptok'
 import { useMediaStore } from '@/stores/media'
 import { useMarketplaceStore } from '@/stores/marketplace'
@@ -61,6 +62,7 @@ type AppMessage = {
     | MarketplaceEventData
     | MessagesEventData
     | DarkChatEventData
+    | FlareEventData
     | FlipTokVerificationData
     | FlipTokNotificationData
     | PhoneCall
@@ -100,6 +102,15 @@ type DarkChatEventData = {
   title?: string
 }
 
+type FlareEventData = {
+  body?: string
+  device?: PhoneNotificationDevicePayload
+  matchId?: string
+  sender?: string
+  text?: string
+  title?: string
+}
+
 type MarketplaceEventData = {
   counts?: MarketplaceCounts
   device?: PhoneNotificationDevicePayload
@@ -147,6 +158,7 @@ const banking = useBankingStore()
 const mail = useMailStore()
 const messages = useMessagesStore()
 const darkchat = useDarkChatStore()
+const flare = useFlareStore()
 const fliptok = useFlipTokStore()
 const media = useMediaStore()
 const marketplace = useMarketplaceStore()
@@ -441,6 +453,44 @@ function onMessage(event: MessageEvent<AppMessage>): void {
       }
       notifications.show(notification)
     }
+  } else if (
+    (event.data?.type === 'flare:new-match' ||
+      event.data?.type === 'flare:new-message') &&
+    event.data.data
+  ) {
+    const data = event.data.data as FlareEventData
+    void flare.bootstrap()
+    if (
+      data.matchId &&
+      event.data.type === 'flare:new-message' &&
+      flare.activeMatchId === data.matchId
+    ) {
+      void flare.loadThread(data.matchId)
+    }
+    const notification: PhoneNotificationInput = {
+      appId: 'flare',
+      subtitle: data.sender,
+      text:
+        data.text ??
+        phone.t(
+          event.data.type === 'flare:new-match'
+            ? 'Apps.flare.newMatchNotification'
+            : 'Apps.flare.newMessageNotification',
+          { sender: data.sender ?? '' },
+        ),
+      title: data.title ?? phone.t('Apps.flare.name'),
+    }
+    if (
+      data.device &&
+      (!phone.isOpen || data.device.imei !== phone.device?.imei)
+    ) {
+      notification.device = {
+        imei: data.device.imei,
+        name: data.device.name,
+        preferences: parsePhonePreferences(data.device.settings ?? null),
+      }
+    }
+    notifications.show(notification)
   } else if (event.data?.type === 'calls:changed') {
     void calls.loadRecents()
   } else if (event.data?.type === 'banking:changed') {
diff --git a/frontend/src/assets/img/app-icons/flare.svg b/frontend/src/assets/img/app-icons/flare.svg
new file mode 100644
index 0000000..3cad880
--- /dev/null
+++ b/frontend/src/assets/img/app-icons/flare.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <defs>
+    <linearGradient id="g" x1="18" y1="112" x2="108" y2="10" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ff2d78"/>
+      <stop offset="1" stop-color="#ff6847"/>
+    </linearGradient>
+  </defs>
+  <rect width="128" height="128" rx="29" fill="url(#g)"/>
+  <path fill="#fff" d="M67 18c3 19-13 25-13 41 0 8 5 13 10 16-1-13 8-19 17-29 1 15 19 22 19 41 0 17-15 29-36 29S28 103 28 84c0-20 13-31 26-43 6-6 10-13 13-23Z"/>
+  <path fill="#ff4e63" d="M66 105c-11 0-19-7-19-17 0-9 7-14 13-20 0 8 7 10 7 17 4-4 7-8 8-13 6 6 10 11 10 18 0 9-8 15-19 15Z"/>
+</svg>
diff --git a/frontend/src/assets/img/flare/profiles-source.png b/frontend/src/assets/img/flare/profiles-source.png
new file mode 100644
index 0000000..b376352
Binary files /dev/null and b/frontend/src/assets/img/flare/profiles-source.png differ
diff --git a/frontend/src/components/MessageAttachmentBubble.vue b/frontend/src/components/MessageAttachmentBubble.vue
index a8372f1..729eaed 100644
--- a/frontend/src/components/MessageAttachmentBubble.vue
+++ b/frontend/src/components/MessageAttachmentBubble.vue
@@ -2,9 +2,15 @@
 import { Camera, Pause, Play } from 'lucide-vue-next'
 import { computed, ref } from 'vue'
 
-import type { SmsMessage } from '@/types/messages'
+import type { SmsMessageType } from '@/types/messages'
 
-const props = defineProps<{ message: SmsMessage }>()
+type MessageAttachment = {
+  media_asset_id: string | null
+  media_duration_ms: number | null
+  message_type: SmsMessageType
+}
+
+const props = defineProps<{ message: MessageAttachment }>()
 const playing = ref(false)
 const video = ref<HTMLVideoElement>()
 
@@ -66,7 +72,13 @@ function durationLabel(milliseconds: number | null): string {
     class="messages-attachment messages-attachment--image"
     :style="{ background }"
   >
-    <img v-if="mediaUrl" :src="mediaUrl" alt="" loading="lazy" referrerpolicy="no-referrer" />
+    <img
+      v-if="mediaUrl"
+      :src="mediaUrl"
+      alt=""
+      loading="lazy"
+      referrerpolicy="no-referrer"
+    />
     <Camera v-else :size="18" />
   </div>
   <button
@@ -85,11 +97,22 @@ function durationLabel(milliseconds: number | null): string {
       preload="metadata"
       @ended="playing = false"
     />
-    <span><Pause v-if="playing" :size="22" fill="currentColor" /><Play v-else :size="22" fill="currentColor" /></span>
+    <span
+      ><Pause v-if="playing" :size="22" fill="currentColor" /><Play
+        v-else
+        :size="22"
+        fill="currentColor"
+    /></span>
     <small>{{ durationLabel(message.media_duration_ms) }}</small>
   </button>
   <div v-else class="messages-attachment messages-attachment--gif">
-    <img v-if="mediaUrl" :src="mediaUrl" alt="GIF" loading="lazy" referrerpolicy="no-referrer" />
+    <img
+      v-if="mediaUrl"
+      :src="mediaUrl"
+      alt="GIF"
+      loading="lazy"
+      referrerpolicy="no-referrer"
+    />
     <template v-else>
       <span>{{ gif.emoji }}</span>
       <strong>{{ gif.label }}</strong>
diff --git a/frontend/src/config/apps.test.ts b/frontend/src/config/apps.test.ts
index 755acf4..6cde0b3 100644
--- a/frontend/src/config/apps.test.ts
+++ b/frontend/src/config/apps.test.ts
@@ -124,10 +124,11 @@ describe('app registry', () => {
       PHONE_APPS.filter((app) => app.category === 'social').map(
         (app) => app.id,
       ),
-    ).toEqual([
-      'fliptok',
-      'radio',
-      'local-pages',
+      ).toEqual([
+        'fliptok',
+        'flare',
+        'radio',
+        'local-pages',
       'phone',
       'darkchat',
       'banking',
diff --git a/frontend/src/config/apps.ts b/frontend/src/config/apps.ts
index 95b1f29..a029391 100644
--- a/frontend/src/config/apps.ts
+++ b/frontend/src/config/apps.ts
@@ -25,6 +25,7 @@ import {
   Wind,
   Tag,
   MapPinHouse,
+  Flame,
 } from 'lucide-vue-next'
 import { defineAsyncComponent, markRaw } from 'vue'
 
@@ -54,6 +55,7 @@ import bankingIcon from '@/assets/img/app-icons/banking.webp'
 import garageIcon from '@/assets/img/app-icons/garage.webp'
 import citymarktIcon from '@/assets/img/app-icons/citymarkt.webp'
 import localPagesIcon from '@/assets/img/app-icons/local-pages.webp'
+import flareIcon from '@/assets/img/app-icons/flare.svg'
 import flipTokIcon from '@/assets/img/app-icons/fliptok.webp'
 import type {
   LaunchablePhoneAppDefinition,
@@ -76,6 +78,20 @@ export const PHONE_APPS: PhoneAppDefinition[] = [
     labelKey: 'Apps.fliptok.name',
     route: '/apps/fliptok',
   },
+  {
+    category: 'social',
+    component: markRaw(
+      defineAsyncComponent(() => import('@/views/apps/FlareApp.vue')),
+    ),
+    dockOrder: null,
+    gridOrder: 24,
+    icon: markRaw(Flame),
+    iconClass: 'app-icon--flare',
+    iconImage: flareIcon,
+    id: 'flare',
+    labelKey: 'Apps.flare.name',
+    route: '/apps/flare',
+  },
   {
     category: 'productivity',
     component: markRaw(
diff --git a/frontend/src/stores/flare.test.ts b/frontend/src/stores/flare.test.ts
new file mode 100644
index 0000000..1e4d12a
--- /dev/null
+++ b/frontend/src/stores/flare.test.ts
@@ -0,0 +1,192 @@
+import { createPinia, setActivePinia } from 'pinia'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+
+import { useFlareStore } from '@/stores/flare'
+import type {
+  FlareBootstrap,
+  FlareLike,
+  FlareMatch,
+  FlareProfile,
+  FlareProfileDraft,
+} from '@/types/flare'
+import { nuiCall } from '@/utils/nui'
+
+vi.mock('@/utils/nui', () => ({ nuiCall: vi.fn() }))
+
+const mockNuiCall = vi.mocked(nuiCall)
+const maya: FlareProfile = {
+  age: 26,
+  avatar: 0,
+  bio: 'Ocean air and rooftop sunsets.',
+  gender: 'woman',
+  id: 11,
+  interests: ['Beach days', 'Art'],
+  lookingFor: 'longTerm',
+  name: 'Maya',
+  photoUrls: [],
+}
+const mayaLike: FlareLike = { ...maya, superLiked: true }
+const bootstrap: FlareBootstrap = {
+  likes: [mayaLike],
+  matches: [],
+  profile: {
+    age: 27,
+    avatar: 5,
+    bio: 'Late-night drives and good coffee.',
+    discoverable: true,
+    gender: 'nonbinary',
+    id: 1,
+    interestedIn: 'everyone',
+    interests: ['Music', 'Coffee'],
+    lookingFor: 'dates',
+    maxAge: 39,
+    minAge: 21,
+    name: 'Alex',
+    photoMediaIds: [],
+    photoUrls: [],
+  },
+  suggestions: [maya],
+}
+
+describe('flare store', () => {
+  beforeEach(() => {
+    setActivePinia(createPinia())
+    mockNuiCall.mockReset()
+  })
+
+  it('loads suggestions, incoming likes and own discovery state', async () => {
+    mockNuiCall.mockResolvedValueOnce({ data: bootstrap, success: true })
+    const flare = useFlareStore()
+
+    expect(await flare.bootstrap()).toBe(true)
+    expect(flare.profile?.discoverable).toBe(true)
+    expect(flare.likes).toEqual([mayaLike])
+    expect(flare.suggestions).toEqual([maya])
+  })
+
+  it('keeps matches available when Discovery is turned off', async () => {
+    const hidden = {
+      ...bootstrap,
+      profile: { ...bootstrap.profile!, discoverable: false },
+      suggestions: [],
+    }
+    mockNuiCall.mockResolvedValueOnce({ data: hidden, success: true })
+    const flare = useFlareStore()
+
+    expect(await flare.setDiscovery(false)).toBe(true)
+    expect(flare.profile?.discoverable).toBe(false)
+    expect(flare.suggestions).toEqual([])
+    expect(mockNuiCall).toHaveBeenCalledWith('flare:set-discovery', {
+      enabled: false,
+    })
+  })
+
+  it('sends only Gallery media ids when profile photos are saved', async () => {
+    const updated = {
+      ...bootstrap,
+      profile: {
+        ...bootstrap.profile!,
+        photoMediaIds: [42],
+        photoUrls: ['https://cdn.example.test/profile.jpg'],
+      },
+    }
+    const draft: FlareProfileDraft = {
+      age: bootstrap.profile!.age,
+      avatar: bootstrap.profile!.avatar,
+      bio: bootstrap.profile!.bio,
+      gender: bootstrap.profile!.gender,
+      interestedIn: bootstrap.profile!.interestedIn,
+      interests: [...bootstrap.profile!.interests],
+      lookingFor: bootstrap.profile!.lookingFor,
+      maxAge: bootstrap.profile!.maxAge,
+      minAge: bootstrap.profile!.minAge,
+      name: bootstrap.profile!.name,
+      photoMediaIds: [42],
+    }
+    mockNuiCall.mockResolvedValueOnce({ data: updated, success: true })
+    const flare = useFlareStore()
+
+    expect(await flare.saveProfile(draft)).toBe(true)
+    expect(mockNuiCall).toHaveBeenCalledWith('flare:save-profile', draft)
+    expect(flare.profile?.photoUrls).toEqual([
+      'https://cdn.example.test/profile.jpg',
+    ])
+  })
+
+  it('uses a real Super Like and removes the target from both decks', async () => {
+    const match: FlareMatch = {
+      id: 'match-1',
+      lastMessage: '',
+      lastMessageAt: null,
+      lastMessageType: null,
+      profile: maya,
+      unread: 0,
+    }
+    mockNuiCall.mockResolvedValueOnce({ data: { match }, success: true })
+    const flare = useFlareStore()
+    flare.suggestions = [maya]
+    flare.likes = [mayaLike]
+
+    expect(await flare.swipe(maya.id, 'superlike')).toEqual(match)
+    expect(flare.suggestions).toEqual([])
+    expect(flare.likes).toEqual([])
+    expect(flare.matches).toEqual([match])
+    expect(mockNuiCall).toHaveBeenCalledWith('flare:swipe', {
+      choice: 'superlike',
+      targetId: maya.id,
+    })
+  })
+
+  it('preserves the previous discovery state when the server rejects a toggle', async () => {
+    mockNuiCall.mockResolvedValueOnce({
+      error: 'invalid_discovery',
+      success: false,
+    })
+    const flare = useFlareStore()
+    flare.profile = bootstrap.profile
+
+    expect(await flare.setDiscovery(false)).toBe(false)
+    expect(flare.profile?.discoverable).toBe(true)
+    expect(flare.error).toBe('invalid_discovery')
+  })
+
+  it('sends media messages and keeps numeric database timestamps intact', async () => {
+    const match: FlareMatch = {
+      id: 'match-media',
+      lastMessage: '',
+      lastMessageAt: null,
+      lastMessageType: null,
+      profile: maya,
+      unread: 0,
+    }
+    const sentAt = Date.now()
+    mockNuiCall.mockResolvedValueOnce({
+      data: {
+        body: '',
+        createdAt: sentAt,
+        direction: 'sent',
+        id: 'message-media',
+        mediaDurationMs: null,
+        mediaUrl: 'https://cdn.example.test/photo.jpg',
+        messageType: 'image',
+      },
+      success: true,
+    })
+    const flare = useFlareStore()
+    flare.matches = [match]
+
+    expect(
+      await flare.send(match.id, {
+        mediaAssetId: '42',
+        messageType: 'image',
+      }),
+    ).toBe(true)
+    expect(mockNuiCall).toHaveBeenCalledWith('flare:send', {
+      matchId: match.id,
+      mediaAssetId: '42',
+      messageType: 'image',
+    })
+    expect(flare.messages[0]?.createdAt).toBe(sentAt)
+    expect(match.lastMessageType).toBe('image')
+  })
+})
diff --git a/frontend/src/stores/flare.ts b/frontend/src/stores/flare.ts
new file mode 100644
index 0000000..0af6a59
--- /dev/null
+++ b/frontend/src/stores/flare.ts
@@ -0,0 +1,142 @@
+import { defineStore } from 'pinia'
+
+import type {
+  FlareBootstrap,
+  FlareMatch,
+  FlareMessage,
+  FlareOutgoingMessage,
+  FlareProfile,
+  FlareProfileDraft,
+} from '@/types/flare'
+import { nuiCall } from '@/utils/nui'
+
+export const useFlareStore = defineStore('flare', {
+  state: () => ({
+    activeMatchId: '' as string,
+    error: '' as string,
+    loading: false,
+    likes: [] as FlareBootstrap['likes'],
+    matches: [] as FlareMatch[],
+    messages: [] as FlareMessage[],
+    profile: null as FlareBootstrap['profile'],
+    sending: false,
+    suggestions: [] as FlareProfile[],
+  }),
+  actions: {
+    async bootstrap(): Promise<boolean> {
+      this.loading = true
+      const response = await nuiCall<FlareBootstrap>('flare:bootstrap')
+      this.loading = false
+      this.error = response.success ? '' : (response.error ?? 'default')
+      if (response.success && response.data) {
+        this.applyBootstrap(response.data)
+      }
+      return response.success
+    },
+    async loadThread(matchId: string): Promise<boolean> {
+      this.activeMatchId = matchId
+      const response = await nuiCall<{ messages: FlareMessage[] }>(
+        'flare:thread',
+        { matchId },
+      )
+      this.error = response.success ? '' : (response.error ?? 'default')
+      if (response.success) {
+        this.messages = response.data?.messages ?? []
+        const match = this.matches.find((item) => item.id === matchId)
+        if (match) match.unread = 0
+      }
+      return response.success
+    },
+    async saveProfile(draft: FlareProfileDraft): Promise<boolean> {
+      const response = await nuiCall<FlareBootstrap>(
+        'flare:save-profile',
+        draft,
+      )
+      this.error = response.success ? '' : (response.error ?? 'default')
+      if (response.success && response.data) {
+        this.applyBootstrap(response.data)
+      }
+      return response.success
+    },
+    async send(
+      matchId: string,
+      outgoing: FlareOutgoingMessage,
+    ): Promise<boolean> {
+      this.sending = true
+      const response = await nuiCall<FlareMessage>('flare:send', {
+        matchId,
+        ...outgoing,
+      })
+      this.sending = false
+      this.error = response.success ? '' : (response.error ?? 'default')
+      if (response.success && response.data) {
+        this.messages.push(response.data)
+        const match = this.matches.find((item) => item.id === matchId)
+        if (match) {
+          match.lastMessage = response.data.body
+          match.lastMessageAt = response.data.createdAt
+          match.lastMessageType = response.data.messageType
+        }
+      }
+      return response.success
+    },
+    async swipe(
+      targetId: number,
+      choice: 'like' | 'pass' | 'superlike',
+    ): Promise<FlareMatch | null> {
+      const response = await nuiCall<{ match: FlareMatch | null }>(
+        'flare:swipe',
+        { choice, targetId },
+      )
+      this.error = response.success ? '' : (response.error ?? 'default')
+      if (!response.success) return null
+      this.suggestions = this.suggestions.filter(
+        (profile) => profile.id !== targetId,
+      )
+      this.likes = this.likes.filter((profile) => profile.id !== targetId)
+      const match = response.data?.match ?? null
+      if (match) {
+        this.matches = [
+          match,
+          ...this.matches.filter((item) => item.id !== match.id),
+        ]
+      }
+      return match
+    },
+    async rewind(): Promise<boolean> {
+      const response = await nuiCall<FlareBootstrap>('flare:rewind')
+      this.error = response.success ? '' : (response.error ?? 'default')
+      if (response.success && response.data) this.applyBootstrap(response.data)
+      return response.success
+    },
+    async setDiscovery(enabled: boolean): Promise<boolean> {
+      const response = await nuiCall<FlareBootstrap>('flare:set-discovery', {
+        enabled,
+      })
+      this.error = response.success ? '' : (response.error ?? 'default')
+      if (response.success && response.data) this.applyBootstrap(response.data)
+      return response.success
+    },
+    async unmatch(matchId: string): Promise<boolean> {
+      const response = await nuiCall<{ matches: FlareMatch[] }>(
+        'flare:unmatch',
+        {
+          matchId,
+        },
+      )
+      this.error = response.success ? '' : (response.error ?? 'default')
+      if (response.success) {
+        this.matches = response.data?.matches ?? []
+        this.messages = []
+        if (this.activeMatchId === matchId) this.activeMatchId = ''
+      }
+      return response.success
+    },
+    applyBootstrap(data: FlareBootstrap): void {
+      this.profile = data.profile
+      this.likes = data.likes
+      this.matches = data.matches
+      this.suggestions = data.suggestions
+    },
+  },
+})
diff --git a/frontend/src/stores/phone.ts b/frontend/src/stores/phone.ts
index badf368..e14bbc1 100644
--- a/frontend/src/stores/phone.ts
+++ b/frontend/src/stores/phone.ts
@@ -40,6 +40,157 @@ const namespaceQueues = new Map<string, Promise<void>>()
 
 const defaultLocales: LocaleTree = {
   Apps: {
+    flare: {
+      name: 'Flare',
+      signInTitle: 'Sign in to Flare',
+      signInBody:
+        'Flare profiles and matches are linked to your private iFruit account.',
+      createProfile: 'Create your profile',
+      welcome: 'Find your spark',
+      welcomeBody: 'Build a profile and meet people across Los Santos.',
+      photo: 'Profile photo',
+      profilePhotos: 'Profile photos',
+      profilePhotosBody:
+        'Choose up to six photos from Gallery. Your first photo is shown first.',
+      addPhotos: 'Add photos',
+      choosePhotos: 'Choose from Gallery',
+      primaryPhoto: 'Main',
+      removePhoto: 'Remove photo {number}',
+      yourName: 'Your name',
+      namePlaceholder: 'What should people call you?',
+      age: 'Age',
+      bio: 'About you',
+      bioPlaceholder: 'A short line that starts a conversation...',
+      gender: 'I am',
+      showMe: 'Show me',
+      woman: 'Woman',
+      man: 'Man',
+      nonbinary: 'Non-binary',
+      women: 'Women',
+      men: 'Men',
+      nonbinaryPeople: 'Non-binary people',
+      everyone: 'Everyone',
+      minimumAge: 'Minimum age',
+      maximumAge: 'Maximum age',
+      start: 'Start exploring',
+      saveProfile: 'Save profile',
+      editProfileBody: 'Keep your profile fresh and unmistakably you.',
+      navigation: 'Flare navigation',
+      discover: 'Discover',
+      matches: 'Matches',
+      profile: 'Profile',
+      tabs: {
+        discover: 'Swipe',
+        explore: 'Explore',
+        likes: 'Likes',
+        matches: 'Chat',
+        profile: 'Profile',
+      },
+      filters: 'Discovery settings',
+      nearby: 'Nearby',
+      rewind: 'Rewind',
+      superLike: 'Super Like',
+      explore: 'Explore',
+      clearExploreFilter: 'Show all profiles',
+      exploreTitle: 'Explore',
+      exploreBody: 'Find people who are into the same things.',
+      exploreModes: {
+        forYou: 'For You',
+        dateNight: 'Date Night',
+        freeTonight: 'Free Tonight',
+        longTerm: 'Long-term thing',
+        newFriends: 'New Friends',
+        weekend: 'Weekend plans',
+      },
+      likesTitle: 'Likes You',
+      likesBody: 'See who already likes you, then make your choice.',
+      matched: 'Matched',
+      newMatches: 'New Matches',
+      messages: 'Messages',
+      settings: 'Settings',
+      editProfile: 'Edit profile',
+      profileGoalBody: 'Shown on your discovery card.',
+      relationshipGoal: 'Relationship goal',
+      interests: 'Interests',
+      interestsPlaceholder: 'Music, travel, coffee',
+      interestsHint: 'Separate up to five interests with commas.',
+      discoverySettings: 'Discovery',
+      discoveryPreferences: 'Who you want to meet',
+      showProfile: 'Show me on Flare',
+      showProfileBody: 'Let new people discover your profile.',
+      discoveryPrivacyNote:
+        'Turning Discovery off hides you from new people. Your existing matches and chats stay available.',
+      discoveryOffTitle: 'Discovery is off',
+      discoveryOffBody:
+        'Your profile is hidden from new people. Your existing matches and chats stay available.',
+      discoveryOffShort: 'Only existing matches can still reach you.',
+      enableDiscovery: 'Enable Discovery',
+      saveSettings: 'Save settings',
+      likedYou: 'Likes you',
+      superLikedYou: 'Super Liked you',
+      noLikes: 'No new likes',
+      noLikesBody: 'People who like you before you decide will appear here.',
+      matchActions: 'Match actions',
+      messagePhoto: 'Photo',
+      gif: 'GIF',
+      video: 'Video',
+      attachPhoto: 'Attach Photo',
+      takePhoto: 'Take Photo',
+      emoji: 'Emoji',
+      attachGif: 'Attach GIF',
+      attachVideo: 'Attach Video',
+      gifs: 'GIFs',
+      searchGifs: 'Search GIPHY',
+      loadMore: 'Load More',
+      retryGifs: 'Try Again',
+      moreActions: 'More Actions',
+      unmatch: 'Unmatch',
+      unmatchTitle: 'Unmatch this person?',
+      unmatchBody:
+        'You and {name} will disappear from each other’s match lists. This cannot be undone.',
+      like: 'Like',
+      pass: 'Pass',
+      noProfiles: "You're all caught up",
+      noProfilesBody: 'Come back later when new people join Flare.',
+      yourMatches: 'Your matches',
+      matchesBody: 'A spark goes both ways.',
+      newMatch: 'You matched — say hello!',
+      noMatches: 'No sparks yet',
+      noMatchesBody: 'When someone likes you back, they will appear here.',
+      messagePlaceholder: 'Write a message',
+      itsAMatch: "It's a spark!",
+      matchBody: 'You and {name} liked each other.',
+      sayHello: 'Say hello',
+      keepSwiping: 'Keep exploring',
+      newMatchNotification: 'You and {sender} found a spark!',
+      newMessageNotification: 'New message from {sender}',
+      lookingFor: {
+        longTerm: 'Long-term connection',
+        dates: 'Good dates',
+        friends: 'New friends',
+      },
+      errors: {
+        invalid_profile: 'Check your name, age and profile text.',
+        invalid_profile_photos:
+          'Choose up to six photos from your own Gallery.',
+        request_failed: 'Flare could not save those changes. Try again.',
+        invalid_target: 'This profile is no longer available.',
+        invalid_choice: 'That swipe could not be saved.',
+        invalid_discovery: 'That Discovery setting is invalid.',
+        discovery_disabled: 'Enable Discovery before swiping.',
+        nothing_to_rewind: 'There is no recent swipe to rewind.',
+        cannot_rewind_match: 'A swipe that created a match cannot be rewound.',
+        match_not_found: 'This match is no longer available.',
+        invalid_message: 'Write a message before sending.',
+        invalid_attachment: 'This attachment is unavailable.',
+        gif_provider_unconfigured: 'GIF search is not configured.',
+        gif_provider_unauthorized: 'The GIF provider key is invalid.',
+        gif_provider_rate_limited: 'GIF search is busy. Try again shortly.',
+        gif_provider_failed: 'GIFs are temporarily unavailable.',
+        rate_limited: 'Slow down for a moment and try again.',
+        default: 'Flare could not complete the request.',
+      },
+    },
     fliptok: {
       name: 'FlipTok',
       loading: 'Loading FlipTok',
diff --git a/frontend/src/types/apps.ts b/frontend/src/types/apps.ts
index ca8516e..0a0c31d 100644
--- a/frontend/src/types/apps.ts
+++ b/frontend/src/types/apps.ts
@@ -27,6 +27,7 @@ export type PhoneAppId =
   | 'neon-drop'
   | 'citymarkt'
   | 'local-pages'
+  | 'flare'
   | 'fliptok'
 
 export type LaunchablePhoneAppId = PhoneAppId
diff --git a/frontend/src/types/flare.ts b/frontend/src/types/flare.ts
new file mode 100644
index 0000000..1ae8689
--- /dev/null
+++ b/frontend/src/types/flare.ts
@@ -0,0 +1,66 @@
+import type { DatabaseDateValue } from '@/utils/date'
+
+export type FlareGender = 'woman' | 'man' | 'nonbinary'
+export type FlareInterest = FlareGender | 'everyone'
+export type FlareMessageType = 'text' | 'image' | 'gif' | 'video'
+
+export type FlareProfile = {
+  age: number
+  avatar: number
+  bio: string
+  gender: FlareGender
+  id: number
+  interests: string[]
+  lookingFor: string
+  name: string
+  photoUrls: string[]
+}
+
+export type FlareLike = FlareProfile & { superLiked: boolean }
+
+export type FlareMatch = {
+  id: string
+  lastMessage: string
+  lastMessageAt: DatabaseDateValue | null
+  lastMessageType: FlareMessageType | null
+  profile: FlareProfile
+  unread: number
+}
+
+export type FlareOwnProfile = FlareProfile & {
+  discoverable: boolean
+  interestedIn: FlareInterest
+  maxAge: number
+  minAge: number
+  photoMediaIds: number[]
+}
+
+export type FlareMessage = {
+  body: string
+  createdAt: DatabaseDateValue
+  direction: 'received' | 'sent'
+  id: string
+  mediaDurationMs: number | null
+  mediaUrl: string | null
+  messageType: FlareMessageType
+}
+
+export type FlareOutgoingMessage =
+  | { body: string; messageType: 'text' }
+  | {
+      mediaAssetId: string
+      mediaDurationMs?: number
+      messageType: Exclude<FlareMessageType, 'text'>
+    }
+
+export type FlareProfileDraft = Omit<
+  FlareOwnProfile,
+  'discoverable' | 'id' | 'photoUrls'
+>
+
+export type FlareBootstrap = {
+  likes: FlareLike[]
+  matches: FlareMatch[]
+  profile: FlareOwnProfile | null
+  suggestions: FlareProfile[]
+}
diff --git a/frontend/src/utils/preferences.ts b/frontend/src/utils/preferences.ts
index 5d0bc0e..39ab24f 100644
--- a/frontend/src/utils/preferences.ts
+++ b/frontend/src/utils/preferences.ts
@@ -70,6 +70,7 @@ const DEFAULT_APP_NOTIFICATIONS: Record<
   phone: { enabled: true, sounds: true },
   messages: { enabled: true, sounds: true },
   darkchat: { enabled: true, sounds: true },
+  flare: { enabled: true, sounds: true },
   'app-store': { enabled: true, sounds: true },
   calculator: { enabled: true, sounds: true },
   snake: { enabled: true, sounds: true },
diff --git a/frontend/src/views/apps/FlareApp.vue b/frontend/src/views/apps/FlareApp.vue
new file mode 100644
index 0000000..473f0fb
--- /dev/null
+++ b/frontend/src/views/apps/FlareApp.vue
@@ -0,0 +1,3032 @@
+<script setup lang="ts">
+import {
+  kBadge,
+  kBlock,
+  kBlockTitle,
+  kButton,
+  kCard,
+  kDialog,
+  kDialogButton,
+  kIcon,
+  kLink,
+  kList,
+  kListInput,
+  kListItem,
+  kMessage,
+  kMessagebar,
+  kMessages,
+  kNavbar,
+  kNavbarBackLink,
+  kPage,
+  kPreloader,
+  kSheet,
+  kTabbar,
+  kTabbarLink,
+  kToolbarPane,
+  kToast,
+  kToggle,
+} from 'konsta/vue'
+import {
+  ArrowUpCircle,
+  Camera,
+  Check,
+  ChevronRight,
+  Ellipsis,
+  EyeOff,
+  Grid2X2,
+  Flame,
+  Heart,
+  ImagePlay,
+  Images,
+  MapPin,
+  MessageCircle,
+  Pencil,
+  Plus,
+  RotateCcw,
+  Search,
+  Settings2,
+  Star,
+  SlidersHorizontal,
+  UserRound,
+  Video,
+  X,
+} from 'lucide-vue-next'
+import type { CSSProperties } from 'vue'
+import {
+  computed,
+  nextTick,
+  onBeforeUnmount,
+  onMounted,
+  reactive,
+  ref,
+} from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+
+import profilesSprite from '@/assets/img/flare/profiles-source.png'
+import FullEmojiPicker from '@/components/FullEmojiPicker.vue'
+import MessageAttachmentBubble from '@/components/MessageAttachmentBubble.vue'
+import { useFlareStore } from '@/stores/flare'
+import { useMessageMediaStore } from '@/stores/messageMedia'
+import { useMessagesStore } from '@/stores/messages'
+import { usePhoneStore } from '@/stores/phone'
+import type {
+  FlareGender,
+  FlareInterest,
+  FlareMatch,
+  FlareMessage,
+  FlareProfile,
+  FlareProfileDraft,
+} from '@/types/flare'
+import type { PhoneMedia } from '@/types/media'
+import type { GifSearchResult, SmsAttachmentType } from '@/types/messages'
+import { parseDatabaseDate, type DatabaseDateValue } from '@/utils/date'
+
+type FlareTab = 'discover' | 'explore' | 'likes' | 'matches' | 'profile'
+type ExploreMode = 'all' | 'dates' | 'friends' | 'longTerm'
+type FlareChoiceField = 'gender' | 'interestedIn' | 'lookingFor'
+type FlareChoiceOption = {
+  label: string
+  value: string
+}
+type FlareDraftPhoto = Pick<PhoneMedia, 'id' | 'url'>
+type FlareMediaContext = {
+  draft: FlareProfileDraft
+  editing: boolean
+  photos: FlareDraftPhoto[]
+}
+type FlareChatMediaContext = { matchId: string }
+
+const phone = usePhoneStore()
+const flare = useFlareStore()
+const messageMedia = useMessageMediaStore()
+const messages = useMessagesStore()
+const route = useRoute()
+const router = useRouter()
+const activeTab = ref<FlareTab>('discover')
+const activeMatch = ref<FlareMatch | null>(null)
+const draft = ref('')
+const matchReveal = ref<FlareMatch | null>(null)
+const cardOffset = ref(0)
+const currentPhotoIndex = ref(0)
+const dragging = ref(false)
+const pointerStart = ref(0)
+const outgoing = ref<'like' | 'pass' | 'superlike' | null>(null)
+const swipingProfile = ref<FlareProfile | null>(null)
+const messageScroll = ref<HTMLElement | null>(null)
+const profileEditing = ref(false)
+const profileSettings = ref(false)
+const profileSaving = ref(false)
+const discoverySaving = ref(false)
+const unmatchDialog = ref(false)
+const activeExploreMode = ref<ExploreMode>('all')
+const actionToast = ref('')
+const emojiOpen = ref(false)
+const attachmentMenuOpen = ref(false)
+const attachmentPicker = ref<'gifs' | null>(null)
+const gifQuery = ref('')
+const gifResults = ref<GifSearchResult[]>([])
+const gifLoading = ref(false)
+const gifError = ref<string | null>(null)
+const gifHasMore = ref(true)
+const gifNextOffset = ref(0)
+const draftPhotos = ref<FlareDraftPhoto[]>([])
+const activeChoiceField = ref<FlareChoiceField>('gender')
+const choiceOpened = ref(false)
+const choiceSheetContent = ref<HTMLElement | null>(null)
+let activeChoiceTrigger: HTMLElement | null = null
+let gifSearchTimer: ReturnType<typeof setTimeout> | undefined
+const profileDraft = reactive<FlareProfileDraft>({
+  age: 25,
+  avatar: 0,
+  bio: '',
+  gender: 'woman',
+  interestedIn: 'everyone',
+  interests: [],
+  lookingFor: 'longTerm',
+  maxAge: 45,
+  minAge: 21,
+  name: '',
+  photoMediaIds: [],
+})
+const bioInputStyle: CSSProperties = {
+  height: '116px',
+  lineHeight: '1.4',
+  minHeight: '116px',
+  resize: 'none',
+}
+
+const activeChoiceOptions = computed<FlareChoiceOption[]>(() =>
+  choiceOptions(activeChoiceField.value),
+)
+const activeChoiceTitle = computed(() =>
+  choiceFieldLabel(activeChoiceField.value),
+)
+const activeChoiceValue = computed(() => profileDraft[activeChoiceField.value])
+
+const filteredSuggestions = computed(() =>
+  activeExploreMode.value === 'all'
+    ? flare.suggestions
+    : flare.suggestions.filter(
+        (profile) => profile.lookingFor === activeExploreMode.value,
+      ),
+)
+const currentProfile = computed(
+  () => swipingProfile.value ?? filteredSuggestions.value[0] ?? null,
+)
+const nextProfile = computed(() => {
+  const swipingId = swipingProfile.value?.id
+  if (swipingId) {
+    return (
+      filteredSuggestions.value.find((profile) => profile.id !== swipingId) ??
+      null
+    )
+  }
+  return filteredSuggestions.value[1] ?? null
+})
+const currentPhotoCount = computed(() =>
+  Math.max(1, currentProfile.value?.photoUrls.length ?? 0),
+)
+const normalizedPhotoIndex = computed(
+  () => currentPhotoIndex.value % currentPhotoCount.value,
+)
+const newMatches = computed(() =>
+  flare.matches.filter((match) => !match.lastMessage && !match.lastMessageType),
+)
+const unreadMatches = computed(() =>
+  flare.matches.reduce((total, match) => total + match.unread, 0),
+)
+const attachmentPanelOpen = computed(
+  () => emojiOpen.value || attachmentPicker.value !== null,
+)
+const cardStyle = computed(() => ({
+  transform: `translateX(${cardOffset.value}px) rotate(${cardOffset.value / 22}deg)`,
+  transition: dragging.value ? 'none' : undefined,
+}))
+const exploreTiles = [
+  { avatar: 0, key: 'forYou', mode: 'all', tone: 'coral' },
+  { avatar: 1, key: 'longTerm', mode: 'longTerm', tone: 'violet' },
+  { avatar: 4, key: 'newFriends', mode: 'friends', tone: 'blue' },
+  { avatar: 3, key: 'dateNight', mode: 'dates', tone: 'amber' },
+] as const
+
+function avatarStyle(avatar: number): Record<string, string> {
+  const safeAvatar = Math.max(0, Math.min(5, Math.floor(avatar)))
+  const column = safeAvatar % 3
+  const row = Math.floor(safeAvatar / 3)
+  return {
+    backgroundImage: `url(${profilesSprite})`,
+    backgroundPosition: `${column * 50}% ${row * 100}%`,
+    backgroundSize: '300% 200%',
+  }
+}
+
+function photoStyle(url: string): Record<string, string> {
+  return {
+    backgroundImage: `url(${JSON.stringify(url)})`,
+    backgroundPosition: 'center',
+    backgroundSize: 'cover',
+  }
+}
+
+function profilePhotoStyle(
+  profile: Pick<FlareProfile, 'avatar' | 'photoUrls'>,
+  photoIndex = 0,
+): Record<string, string> {
+  const selectedPhoto = profile.photoUrls.length
+    ? profile.photoUrls[photoIndex % profile.photoUrls.length]
+    : undefined
+  return selectedPhoto ? photoStyle(selectedPhoto) : avatarStyle(profile.avatar)
+}
+
+function ownPhotoStyle(): Record<string, string> {
+  const primaryPhoto = draftPhotos.value[0]
+  return primaryPhoto
+    ? photoStyle(primaryPhoto.url)
+    : avatarStyle(profileDraft.avatar)
+}
+
+function syncDraft(): void {
+  if (!flare.profile) return
+  Object.assign(profileDraft, {
+    age: flare.profile.age,
+    avatar: flare.profile.avatar,
+    bio: flare.profile.bio,
+    gender: flare.profile.gender,
+    interestedIn: flare.profile.interestedIn,
+    interests: [...flare.profile.interests],
+    lookingFor: flare.profile.lookingFor,
+    maxAge: flare.profile.maxAge,
+    minAge: flare.profile.minAge,
+    name: flare.profile.name,
+    photoMediaIds: [...flare.profile.photoMediaIds],
+  })
+  draftPhotos.value = flare.profile.photoMediaIds.flatMap((id, index) => {
+    const url = flare.profile?.photoUrls[index]
+    return url ? [{ id, url }] : []
+  })
+}
+
+function cloneDraft(): FlareProfileDraft {
+  return {
+    ...profileDraft,
+    interests: [...profileDraft.interests],
+    photoMediaIds: [...profileDraft.photoMediaIds],
+  }
+}
+
+function openPhotoGallery(): void {
+  const remaining = 6 - draftPhotos.value.length
+  if (remaining < 1) return
+  messageMedia.begin(
+    'flare:profile-photos',
+    'photo',
+    flare.profile ? '/apps/flare?profileEdit=1' : '/apps/flare',
+    remaining,
+    {
+      draft: cloneDraft(),
+      editing: Boolean(flare.profile),
+      photos: draftPhotos.value.map((photo) => ({ ...photo })),
+    } satisfies FlareMediaContext,
+  )
+  void router.push({
+    path: '/apps/photos',
+    query: { mediaAttachment: 'photo' },
+  })
+}
+
+function removeDraftPhoto(id: number): void {
+  draftPhotos.value = draftPhotos.value.filter((photo) => photo.id !== id)
+  profileDraft.photoMediaIds = draftPhotos.value.map((photo) => photo.id)
+}
+
+function eventValue(event: Event): string {
+  return (event.target as HTMLInputElement).value
+}
+
+function choiceFieldLabel(field: FlareChoiceField): string {
+  if (field === 'gender') return phone.t('Apps.flare.gender')
+  if (field === 'interestedIn') return phone.t('Apps.flare.showMe')
+  return phone.t('Apps.flare.relationshipGoal')
+}
+
+function choiceOptions(field: FlareChoiceField): FlareChoiceOption[] {
+  if (field === 'gender') {
+    return [
+      { label: phone.t('Apps.flare.woman'), value: 'woman' },
+      { label: phone.t('Apps.flare.man'), value: 'man' },
+      { label: phone.t('Apps.flare.nonbinary'), value: 'nonbinary' },
+    ]
+  }
+  if (field === 'interestedIn') {
+    return [
+      { label: phone.t('Apps.flare.everyone'), value: 'everyone' },
+      { label: phone.t('Apps.flare.women'), value: 'woman' },
+      { label: phone.t('Apps.flare.men'), value: 'man' },
+      {
+        label: phone.t('Apps.flare.nonbinaryPeople'),
+        value: 'nonbinary',
+      },
+    ]
+  }
+  return [
+    {
+      label: phone.t('Apps.flare.lookingFor.longTerm'),
+      value: 'longTerm',
+    },
+    { label: phone.t('Apps.flare.lookingFor.dates'), value: 'dates' },
+    { label: phone.t('Apps.flare.lookingFor.friends'), value: 'friends' },
+  ]
+}
+
+function choiceLabel(field: FlareChoiceField): string {
+  const value = profileDraft[field]
+  return (
+    choiceOptions(field).find((option) => option.value === value)?.label ?? ''
+  )
+}
+
+function choiceLinkProps(field: FlareChoiceField): Record<string, unknown> {
+  return {
+    'aria-controls': 'flare-choice-sheet',
+    'aria-expanded': choiceOpened.value && activeChoiceField.value === field,
+    'aria-haspopup': 'dialog',
+    class: 'flare-choice-trigger',
+    onClick: (event: MouseEvent) =>
+      openChoice(field, event.currentTarget as HTMLElement),
+    type: 'button',
+  }
+}
+
+async function openChoice(
+  field: FlareChoiceField,
+  trigger: HTMLElement,
+): Promise<void> {
+  activeChoiceTrigger = trigger
+  activeChoiceField.value = field
+  await nextTick()
+  await new Promise<void>((resolve) => {
+    globalThis.requestAnimationFrame(() => resolve())
+  })
+  choiceOpened.value = true
+  await nextTick()
+  choiceSheetContent.value
+    ?.querySelector<HTMLElement>('[aria-selected="true"]')
+    ?.focus({ preventScroll: true })
+}
+
+function closeChoice(): void {
+  const trigger = activeChoiceTrigger
+  choiceOpened.value = false
+  activeChoiceTrigger = null
+  void nextTick(() => trigger?.focus({ preventScroll: true }))
+}
+
+function selectChoice(value: string): void {
+  if (activeChoiceField.value === 'gender') {
+    profileDraft.gender = value as FlareGender
+  } else if (activeChoiceField.value === 'interestedIn') {
+    profileDraft.interestedIn = value as FlareInterest
+  } else if (activeChoiceField.value === 'lookingFor') {
+    profileDraft.lookingFor = value
+  }
+  closeChoice()
+}
+
+function updateNumber(key: 'age' | 'minAge' | 'maxAge', event: Event): void {
+  profileDraft[key] = Number(eventValue(event))
+}
+
+function updateInterests(event: Event): void {
+  profileDraft.interests = eventValue(event)
+    .split(',')
+    .map((value) => value.trim())
+    .filter(Boolean)
+    .slice(0, 5)
+}
+
+function beginDrag(event: PointerEvent): void {
+  if (outgoing.value) return
+  dragging.value = true
+  pointerStart.value = event.clientX - cardOffset.value
+  ;(event.currentTarget as HTMLElement).setPointerCapture(event.pointerId)
+}
+
+function moveDrag(event: PointerEvent): void {
+  if (!dragging.value) return
+  cardOffset.value = event.clientX - pointerStart.value
+}
+
+function endDrag(event: PointerEvent): void {
+  if (!dragging.value) return
+  dragging.value = false
+  if (Math.abs(cardOffset.value) >= 76) {
+    void swipe(cardOffset.value > 0 ? 'like' : 'pass')
+  } else {
+    const tapped = Math.abs(cardOffset.value) < 5
+    cardOffset.value = 0
+    const photoCount = currentProfile.value?.photoUrls.length ?? 0
+    if (tapped && photoCount > 1) {
+      const bounds = (
+        event.currentTarget as HTMLElement
+      ).getBoundingClientRect()
+      const direction = event.clientX < bounds.left + bounds.width / 2 ? -1 : 1
+      currentPhotoIndex.value =
+        (normalizedPhotoIndex.value + direction + photoCount) % photoCount
+    }
+  }
+}
+
+function cancelDrag(): void {
+  dragging.value = false
+  cardOffset.value = 0
+}
+
+async function swipe(choice: 'like' | 'pass' | 'superlike'): Promise<void> {
+  const profile = currentProfile.value
+  if (!profile || outgoing.value) return
+  outgoing.value = choice
+  swipingProfile.value = profile
+  cardOffset.value = choice === 'pass' ? -430 : 430
+  const match = await flare.swipe(profile.id, choice)
+  const errorKey = flare.error
+  globalThis.setTimeout(() => {
+    cardOffset.value = 0
+    currentPhotoIndex.value = 0
+    swipingProfile.value = null
+    outgoing.value = null
+    if (match) matchReveal.value = match
+    if (errorKey) {
+      showActionError(errorKey)
+      if (errorKey === 'invalid_target' || errorKey === 'discovery_disabled') {
+        void refreshFlareState()
+      }
+    }
+  }, 260)
+}
+
+async function reactToLike(
+  targetId: number,
+  choice: 'like' | 'pass' | 'superlike',
+): Promise<void> {
+  const match = await flare.swipe(targetId, choice)
+  if (match) matchReveal.value = match
+  else if (flare.error) {
+    const errorKey = flare.error
+    showActionError(errorKey)
+    if (errorKey === 'invalid_target' || errorKey === 'discovery_disabled') {
+      await refreshFlareState()
+    }
+  }
+}
+
+async function rewind(): Promise<void> {
+  if (await flare.rewind()) activeExploreMode.value = 'all'
+  else showActionError()
+}
+
+function showActionError(errorKey = flare.error || 'default'): void {
+  actionToast.value = phone.t(`Apps.flare.errors.${errorKey}`)
+  globalThis.setTimeout(() => {
+    actionToast.value = ''
+  }, 2400)
+}
+
+async function refreshFlareState(): Promise<void> {
+  await flare.bootstrap()
+  syncDraft()
+}
+
+async function saveProfile(): Promise<void> {
+  if (profileSaving.value) return
+  profileSaving.value = true
+  const creatingProfile = !flare.profile
+  try {
+    if (await flare.saveProfile({ ...profileDraft })) {
+      syncDraft()
+      profileEditing.value = false
+      profileSettings.value = false
+      activeTab.value = creatingProfile ? 'discover' : 'profile'
+    }
+  } finally {
+    profileSaving.value = false
+  }
+}
+
+function selectTab(tab: FlareTab): void {
+  activeTab.value = tab
+  if (tab !== 'profile') profileEditing.value = false
+  if (tab !== 'profile') profileSettings.value = false
+}
+
+function openSettings(): void {
+  activeTab.value = 'profile'
+  profileEditing.value = false
+  profileSettings.value = true
+}
+
+function closeProfileScreen(): void {
+  profileEditing.value = false
+  profileSettings.value = false
+}
+
+function openExplore(mode: ExploreMode): void {
+  activeExploreMode.value = mode
+  currentPhotoIndex.value = 0
+  selectTab('discover')
+}
+
+function clearExplore(): void {
+  activeExploreMode.value = 'all'
+  currentPhotoIndex.value = 0
+}
+
+async function setDiscovery(enabled: boolean): Promise<void> {
+  if (discoverySaving.value) return
+  discoverySaving.value = true
+  if (!(await flare.setDiscovery(enabled))) showActionError()
+  discoverySaving.value = false
+}
+
+async function confirmUnmatch(): Promise<void> {
+  const matchId = activeMatch.value?.id
+  if (!matchId) return
+  if (await flare.unmatch(matchId)) {
+    unmatchDialog.value = false
+    activeMatch.value = null
+  } else showActionError()
+}
+
+async function openMatch(match: FlareMatch): Promise<void> {
+  activeMatch.value = match
+  if (!(await flare.loadThread(match.id))) {
+    activeMatch.value = null
+    showActionError()
+    await refreshFlareState()
+    return
+  }
+  await nextTick()
+  messageScroll.value?.scrollTo({ top: messageScroll.value.scrollHeight })
+}
+
+function closeMatch(): void {
+  activeMatch.value = null
+  draft.value = ''
+  emojiOpen.value = false
+  attachmentMenuOpen.value = false
+  attachmentPicker.value = null
+}
+
+async function openRevealedMatch(): Promise<void> {
+  const match = matchReveal.value
+  if (!match) return
+  matchReveal.value = null
+  await openMatch(match)
+}
+
+async function sendMessage(): Promise<void> {
+  const body = draft.value.trim()
+  if (!body || !activeMatch.value || flare.sending) return
+  draft.value = ''
+  emojiOpen.value = false
+  attachmentMenuOpen.value = false
+  attachmentPicker.value = null
+  if (
+    !(await flare.send(activeMatch.value.id, {
+      body,
+      messageType: 'text',
+    }))
+  ) {
+    draft.value = body
+    showActionError()
+  }
+  await nextTick()
+  messageScroll.value?.scrollTo({
+    behavior: 'smooth',
+    top: messageScroll.value.scrollHeight,
+  })
+}
+
+function appendEmoji(emoji: string): void {
+  draft.value += emoji
+}
+
+function toggleAttachmentMenu(): void {
+  attachmentMenuOpen.value = !attachmentMenuOpen.value
+  emojiOpen.value = false
+  attachmentPicker.value = null
+}
+
+function openEmojiPicker(): void {
+  attachmentMenuOpen.value = false
+  attachmentPicker.value = null
+  emojiOpen.value = true
+}
+
+function openGifPicker(): void {
+  attachmentMenuOpen.value = false
+  emojiOpen.value = false
+  attachmentPicker.value = 'gifs'
+  if (!gifResults.value.length) void loadGifs(true)
+}
+
+function openChatMediaApp(
+  app: 'camera' | 'photos',
+  mediaType: 'photo' | 'video',
+): void {
+  if (!activeMatch.value) return
+  const matchId = activeMatch.value.id
+  attachmentMenuOpen.value = false
+  messageMedia.begin(
+    'flare:chat-media',
+    mediaType,
+    `/apps/flare?match=${encodeURIComponent(matchId)}`,
+    1,
+    { matchId } satisfies FlareChatMediaContext,
+  )
+  void router.push({
+    path: `/apps/${app}`,
+    query: { messageAttachment: mediaType },
+  })
+}
+
+async function sendAttachment(
+  messageType: SmsAttachmentType,
+  mediaAssetId: string,
+  mediaDurationMs?: number,
+): Promise<void> {
+  if (!activeMatch.value || flare.sending) return
+  attachmentMenuOpen.value = false
+  attachmentPicker.value = null
+  if (
+    !(await flare.send(activeMatch.value.id, {
+      mediaAssetId,
+      mediaDurationMs,
+      messageType,
+    }))
+  ) {
+    showActionError()
+  }
+  await nextTick()
+  messageScroll.value?.scrollTo({
+    behavior: 'smooth',
+    top: messageScroll.value.scrollHeight,
+  })
+}
+
+async function loadGifs(reset = false): Promise<void> {
+  if (gifLoading.value || (!reset && !gifHasMore.value)) return
+  gifError.value = null
+  gifLoading.value = true
+  const response = await messages.searchGifs(
+    gifQuery.value,
+    reset ? 0 : gifNextOffset.value,
+  )
+  gifLoading.value = false
+  if (!response.success || !response.data) {
+    if (reset) gifResults.value = []
+    gifError.value = response.error ?? 'gif_provider_failed'
+    return
+  }
+  const existingIds = new Set(
+    reset ? [] : gifResults.value.map((result) => result.id),
+  )
+  const uniqueResults = response.data.results.filter((result) => {
+    if (existingIds.has(result.id)) return false
+    existingIds.add(result.id)
+    return true
+  })
+  gifResults.value = reset
+    ? uniqueResults
+    : [...gifResults.value, ...uniqueResults]
+  gifHasMore.value = response.data.hasMore
+  gifNextOffset.value = response.data.nextOffset
+}
+
+function queueGifSearch(): void {
+  if (gifSearchTimer) clearTimeout(gifSearchTimer)
+  gifSearchTimer = setTimeout(() => void loadGifs(true), 320)
+}
+
+function attachmentMessage(message: FlareMessage): {
+  media_asset_id: string | null
+  media_duration_ms: number | null
+  message_type: SmsAttachmentType
+} {
+  return {
+    media_asset_id: message.mediaUrl,
+    media_duration_ms: message.mediaDurationMs,
+    message_type: message.messageType as SmsAttachmentType,
+  }
+}
+
+function matchPreview(match: FlareMatch): string {
+  if (match.lastMessageType === 'image') {
+    return phone.t('Apps.flare.messagePhoto')
+  }
+  if (match.lastMessageType === 'gif') return phone.t('Apps.flare.gif')
+  if (match.lastMessageType === 'video') return phone.t('Apps.flare.video')
+  return match.lastMessage || phone.t('Apps.flare.newMatch')
+}
+
+function messageTime(value: DatabaseDateValue): string {
+  const parsed = parseDatabaseDate(value)
+  if (Number.isNaN(parsed.getTime())) return ''
+  return new Intl.DateTimeFormat(phone.lang, {
+    hour: '2-digit',
+    minute: '2-digit',
+  }).format(parsed)
+}
+
+onMounted(async () => {
+  await flare.bootstrap()
+  const selection = messageMedia.consumeMany<FlareMediaContext>(
+    'flare:profile-photos',
+  )
+  if (selection?.context) {
+    Object.assign(profileDraft, {
+      ...selection.context.draft,
+      interests: [...selection.context.draft.interests],
+      photoMediaIds: [...selection.context.draft.photoMediaIds],
+    })
+    draftPhotos.value = selection.context.photos.map((photo) => ({ ...photo }))
+    const existingIds = new Set(profileDraft.photoMediaIds)
+    for (const media of selection.media) {
+      if (existingIds.has(media.id) || draftPhotos.value.length >= 6) continue
+      existingIds.add(media.id)
+      draftPhotos.value.push({ id: media.id, url: media.url })
+    }
+    profileDraft.photoMediaIds = draftPhotos.value.map((photo) => photo.id)
+    activeTab.value = 'profile'
+    profileEditing.value = selection.context.editing
+  } else {
+    syncDraft()
+    if (route.query.profileEdit === '1' && flare.profile) {
+      activeTab.value = 'profile'
+      profileEditing.value = true
+    }
+  }
+  if (route.query.profileEdit === '1') {
+    void router.replace('/apps/flare')
+  }
+
+  const chatSelection =
+    messageMedia.consumeMany<FlareChatMediaContext>('flare:chat-media')
+  const requestedMatchId =
+    chatSelection?.context?.matchId ??
+    (typeof route.query.match === 'string' ? route.query.match : '')
+  if (requestedMatchId) {
+    const match = flare.matches.find((item) => item.id === requestedMatchId)
+    if (match) {
+      await openMatch(match)
+      const media = chatSelection?.media[0]
+      if (media) {
+        await sendAttachment(
+          media.mediaType === 'photo' ? 'image' : 'video',
+          import.meta.env.DEV ? media.url : String(media.id),
+        )
+      }
+    }
+    if (route.query.match) void router.replace('/apps/flare')
+  }
+})
+
+onBeforeUnmount(() => {
+  if (gifSearchTimer) clearTimeout(gifSearchTimer)
+})
+</script>
+
+<template>
+  <k-page
+    component="main"
+    class="native-app flare-page"
+    :class="{
+      'flare-page--chat': Boolean(activeMatch),
+      'flare-page--attachment-panel': attachmentPanelOpen,
+      'flare-page--without-tabs':
+        !flare.profile || profileEditing || profileSettings,
+    }"
+  >
+    <div v-if="flare.loading" class="flare-loading">
+      <span class="flare-mark"><Flame fill="currentColor" /></span>
+      <k-preloader />
+    </div>
+
+    <section
+      v-else-if="flare.error === 'not_authenticated'"
+      class="flare-state"
+    >
+      <span class="flare-mark"><Flame fill="currentColor" /></span>
+      <h1>{{ phone.t('Apps.flare.signInTitle') }}</h1>
+      <p>{{ phone.t('Apps.flare.signInBody') }}</p>
+    </section>
+
+    <template v-else-if="!flare.profile">
+      <k-navbar
+        :title="phone.t('Apps.flare.createProfile')"
+        class="flare-navbar top-0 sticky"
+      />
+      <section class="flare-profile-form flare-profile-form--onboarding">
+        <div class="flare-brand-lockup">
+          <span class="flare-mark"><Flame fill="currentColor" /></span>
+          <div>
+            <h1>{{ phone.t('Apps.flare.welcome') }}</h1>
+            <p>{{ phone.t('Apps.flare.welcomeBody') }}</p>
+          </div>
+        </div>
+        <k-card :content-wrap="false" class="flare-photo-editor">
+          <header>
+            <div>
+              <strong>{{ phone.t('Apps.flare.profilePhotos') }}</strong>
+              <small>{{ phone.t('Apps.flare.profilePhotosBody') }}</small>
+            </div>
+            <span>{{ draftPhotos.length }}/6</span>
+          </header>
+          <div class="flare-photo-grid">
+            <div
+              v-for="(photo, index) in draftPhotos"
+              :key="photo.id"
+              class="flare-photo-slot"
+            >
+              <i :style="photoStyle(photo.url)" />
+              <span v-if="index === 0" class="flare-photo-primary">
+                {{ phone.t('Apps.flare.primaryPhoto') }}
+              </span>
+              <k-link
+                component="button"
+                icon-only
+                class="flare-photo-remove"
+                :aria-label="
+                  phone.t('Apps.flare.removePhoto', {
+                    number: String(index + 1),
+                  })
+                "
+                @click="removeDraftPhoto(photo.id)"
+              >
+                <X />
+              </k-link>
+            </div>
+            <k-button
+              v-if="draftPhotos.length < 6"
+              clear
+              class="flare-photo-add"
+              :class="{ 'is-empty': !draftPhotos.length }"
+              @click="openPhotoGallery"
+            >
+              <Images />
+              <span>{{ phone.t('Apps.flare.choosePhotos') }}</span>
+            </k-button>
+          </div>
+        </k-card>
+        <k-list inset strong>
+          <k-list-input
+            :label="phone.t('Apps.flare.yourName')"
+            :value="profileDraft.name"
+            :placeholder="phone.t('Apps.flare.namePlaceholder')"
+            @input="profileDraft.name = eventValue($event)"
+          />
+          <k-list-input
+            :label="phone.t('Apps.flare.age')"
+            type="number"
+            min="18"
+            max="99"
+            :value="profileDraft.age"
+            @input="updateNumber('age', $event)"
+          />
+          <k-list-input
+            :label="phone.t('Apps.flare.bio')"
+            type="textarea"
+            :value="profileDraft.bio"
+            :placeholder="phone.t('Apps.flare.bioPlaceholder')"
+            :input-style="bioInputStyle"
+            :maxlength="300"
+            @input="profileDraft.bio = eventValue($event)"
+          />
+          <k-list-item
+            class="flare-choice-row"
+            :header="phone.t('Apps.flare.gender')"
+            :title="choiceLabel('gender')"
+            link
+            link-component="button"
+            :link-props="choiceLinkProps('gender')"
+          />
+          <k-list-item
+            class="flare-choice-row"
+            :header="phone.t('Apps.flare.showMe')"
+            :title="choiceLabel('interestedIn')"
+            link
+            link-component="button"
+            :link-props="choiceLinkProps('interestedIn')"
+          />
+          <k-list-item
+            class="flare-choice-row"
+            :header="phone.t('Apps.flare.relationshipGoal')"
+            :title="choiceLabel('lookingFor')"
+            link
+            link-component="button"
+            :link-props="choiceLinkProps('lookingFor')"
+          />
+          <k-list-input
+            :label="phone.t('Apps.flare.interests')"
+            :value="profileDraft.interests.join(', ')"
+            :placeholder="phone.t('Apps.flare.interestsPlaceholder')"
+            @input="updateInterests"
+          />
+        </k-list>
+        <p class="flare-form-hint">
+          {{ phone.t('Apps.flare.interestsHint') }}
+        </p>
+        <p v-if="flare.error" class="flare-error">
+          {{ phone.t(`Apps.flare.errors.${flare.error}`) }}
+        </p>
+        <k-block class="flare-profile-form__actions">
+          <k-button
+            large
+            rounded
+            :disabled="profileSaving"
+            :aria-busy="profileSaving"
+            @click="saveProfile"
+          >
+            {{ phone.t('Apps.flare.start') }}
+          </k-button>
+        </k-block>
+      </section>
+    </template>
+
+    <template v-else-if="activeMatch">
+      <k-navbar class="flare-navbar top-0 sticky">
+        <template #left>
+          <k-navbar-back-link
+            :text="phone.t('Common.back')"
+            @click="closeMatch"
+          />
+        </template>
+        <template #title>
+          <span class="flare-chat-title">
+            <i :style="profilePhotoStyle(activeMatch.profile)" />
+            {{ activeMatch.profile.name }}
+          </span>
+        </template>
+        <template #right>
+          <k-link
+            component="button"
+            icon-only
+            :aria-label="phone.t('Apps.flare.matchActions')"
+            @click="unmatchDialog = true"
+          >
+            <Ellipsis />
+          </k-link>
+        </template>
+      </k-navbar>
+      <div ref="messageScroll" class="flare-chat-scroll">
+        <k-messages>
+          <k-message
+            v-for="message in flare.messages"
+            :key="message.id"
+            :type="message.direction"
+            :text="message.messageType === 'text' ? message.body : undefined"
+            :text-footer="messageTime(message.createdAt)"
+          >
+            <template v-if="message.messageType !== 'text'" #text>
+              <MessageAttachmentBubble :message="attachmentMessage(message)" />
+            </template>
+          </k-message>
+        </k-messages>
+      </div>
+
+      <section v-if="attachmentMenuOpen" class="messages-attachment-menu">
+        <button type="button" @click="openChatMediaApp('photos', 'photo')">
+          <span><Images :size="20" /></span>
+          {{ phone.t('Apps.flare.attachPhoto') }}
+        </button>
+        <button type="button" @click="openChatMediaApp('camera', 'photo')">
+          <span><Camera :size="20" /></span>
+          {{ phone.t('Apps.flare.takePhoto') }}
+        </button>
+        <button type="button" @click="openEmojiPicker">
+          <span class="messages-action-emoji">😀</span>
+          {{ phone.t('Apps.flare.emoji') }}
+        </button>
+        <button type="button" @click="openGifPicker">
+          <span><ImagePlay :size="20" /></span>
+          {{ phone.t('Apps.flare.attachGif') }}
+        </button>
+        <button type="button" @click="openChatMediaApp('photos', 'video')">
+          <span><Video :size="20" /></span>
+          {{ phone.t('Apps.flare.attachVideo') }}
+        </button>
+      </section>
+
+      <section
+        v-if="attachmentPicker"
+        class="messages-media-picker flare-media-picker"
+      >
+        <header>
+          <strong>{{ phone.t('Apps.flare.gifs') }}</strong>
+          <button type="button" @click="attachmentPicker = null">
+            {{ phone.t('Common.done') }}
+          </button>
+        </header>
+        <div class="messages-media-picker__gifs">
+          <label class="messages-gif-search">
+            <Search :size="15" />
+            <input
+              v-model="gifQuery"
+              type="search"
+              :placeholder="phone.t('Apps.flare.searchGifs')"
+              @input="queueGifSearch"
+            />
+          </label>
+          <button
+            v-for="gif in gifResults"
+            :key="gif.id"
+            type="button"
+            :aria-label="gif.title"
+            @click="sendAttachment('gif', gif.url)"
+          >
+            <img
+              :src="gif.previewUrl"
+              :alt="gif.title"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+            />
+          </button>
+          <button
+            v-if="gifResults.length && gifHasMore && !gifLoading"
+            type="button"
+            class="messages-gif-more"
+            @click="loadGifs()"
+          >
+            {{ phone.t('Apps.flare.loadMore') }}
+          </button>
+          <div v-if="gifError && !gifLoading" class="messages-gif-error">
+            <ImagePlay :size="24" />
+            <strong>{{ phone.t(`Apps.flare.errors.${gifError}`) }}</strong>
+            <button type="button" @click="loadGifs(true)">
+              {{ phone.t('Apps.flare.retryGifs') }}
+            </button>
+          </div>
+          <k-preloader v-if="gifLoading" class="messages-gif-loading" />
+        </div>
+      </section>
+
+      <FullEmojiPicker
+        v-if="emojiOpen"
+        @close="emojiOpen = false"
+        @pick="appendEmoji"
+      />
+
+      <k-messagebar
+        class="flare-messagebar messages-messagebar"
+        :placeholder="phone.t('Apps.flare.messagePlaceholder')"
+        :value="draft"
+        :disabled="flare.sending"
+        @input="draft = eventValue($event)"
+        @keydown.enter.exact.prevent="sendMessage"
+      >
+        <template #left>
+          <k-toolbar-pane class="ios:h-10 messages-messagebar__tools">
+            <k-link
+              component="button"
+              icon-only
+              :aria-label="phone.t('Apps.flare.moreActions')"
+              :class="{
+                active: attachmentMenuOpen || attachmentPanelOpen,
+              }"
+              @click="toggleAttachmentMenu"
+            >
+              <Plus :size="25" />
+            </k-link>
+          </k-toolbar-pane>
+        </template>
+        <template #right>
+          <k-toolbar-pane>
+            <k-link
+              component="button"
+              icon-only
+              :disabled="!draft.trim() || flare.sending"
+              @click="sendMessage"
+            >
+              <ArrowUpCircle :size="29" />
+            </k-link>
+          </k-toolbar-pane>
+        </template>
+      </k-messagebar>
+    </template>
+
+    <template v-else>
+      <k-navbar
+        :key="
+          profileEditing
+            ? 'profile-edit'
+            : profileSettings
+              ? 'profile-settings'
+              : activeTab
+        "
+        class="flare-navbar"
+      >
+        <template
+          v-if="activeTab === 'profile' && (profileEditing || profileSettings)"
+          #left
+        >
+          <k-navbar-back-link
+            :text="phone.t('Common.back')"
+            @click="closeProfileScreen"
+          />
+        </template>
+        <template #title>
+          <span v-if="activeTab === 'discover'" class="flare-title">
+            <Flame fill="currentColor" /> Flare
+          </span>
+          <strong v-else-if="profileEditing" class="flare-section-title">
+            {{ phone.t('Apps.flare.editProfile') }}
+          </strong>
+          <strong v-else-if="profileSettings" class="flare-section-title">
+            {{ phone.t('Apps.flare.settings') }}
+          </strong>
+          <strong v-else class="flare-section-title">
+            {{ phone.t(`Apps.flare.tabs.${activeTab}`) }}
+          </strong>
+        </template>
+        <template #right>
+          <k-link
+            v-if="
+              activeTab === 'profile' && (profileEditing || profileSettings)
+            "
+            component="button"
+            class="flare-navbar-done"
+            :disabled="profileSaving"
+            :aria-busy="profileSaving"
+            @click="saveProfile"
+          >
+            {{ phone.t('Common.done') }}
+          </k-link>
+          <k-link
+            v-else-if="activeTab === 'discover'"
+            component="button"
+            icon-only
+            :aria-label="phone.t('Apps.flare.filters')"
+            @click="openSettings"
+          >
+            <SlidersHorizontal />
+          </k-link>
+        </template>
+      </k-navbar>
+
+      <section v-if="activeTab === 'discover'" class="flare-discover">
+        <div
+          v-if="!flare.profile.discoverable"
+          class="flare-state flare-state--discovery-off"
+        >
+          <span class="flare-state__icon"><EyeOff /></span>
+          <h2>{{ phone.t('Apps.flare.discoveryOffTitle') }}</h2>
+          <p>{{ phone.t('Apps.flare.discoveryOffBody') }}</p>
+          <k-button rounded @click="setDiscovery(true)">
+            {{ phone.t('Apps.flare.enableDiscovery') }}
+          </k-button>
+        </div>
+        <div v-else-if="currentProfile" class="flare-deck">
+          <article
+            v-if="nextProfile"
+            :key="nextProfile.id"
+            class="flare-card flare-card--next"
+            :aria-hidden="true"
+          >
+            <div
+              class="flare-card__photo"
+              :style="profilePhotoStyle(nextProfile)"
+            />
+          </article>
+          <article
+            :key="currentProfile.id"
+            class="flare-card"
+            :class="{
+              'is-liking': cardOffset > 28,
+              'is-passing': cardOffset < -28,
+            }"
+            :style="cardStyle"
+            @pointerdown="beginDrag"
+            @pointermove="moveDrag"
+            @pointerup="endDrag"
+            @pointercancel="cancelDrag"
+          >
+            <div
+              class="flare-card__photo"
+              :style="profilePhotoStyle(currentProfile, normalizedPhotoIndex)"
+              role="img"
+              :aria-label="currentProfile.name"
+            />
+            <div class="flare-card__progress" aria-hidden="true">
+              <i
+                v-for="photoNumber in currentPhotoCount"
+                :key="photoNumber"
+                :class="{ active: photoNumber - 1 === normalizedPhotoIndex }"
+              />
+            </div>
+            <button
+              v-if="activeExploreMode !== 'all'"
+              type="button"
+              class="flare-card__mode"
+              :aria-label="phone.t('Apps.flare.clearExploreFilter')"
+              @pointerdown.stop
+              @click.stop="clearExplore"
+            >
+              {{ phone.t(`Apps.flare.lookingFor.${activeExploreMode}`) }}
+              <X :size="12" />
+            </button>
+            <span class="flare-card__stamp flare-card__stamp--like">
+              {{ phone.t('Apps.flare.like') }}
+            </span>
+            <span class="flare-card__stamp flare-card__stamp--pass">
+              {{ phone.t('Apps.flare.pass') }}
+            </span>
+            <div class="flare-card__scrim" />
+            <div class="flare-card__content">
+              <div class="flare-card__headline">
+                <h2>{{ currentProfile.name }}</h2>
+                <b>{{ currentProfile.age }}</b>
+              </div>
+              <p class="flare-card__location">
+                <MapPin :size="14" /> {{ phone.t('Apps.flare.nearby') }}
+              </p>
+              <p class="flare-card__bio">{{ currentProfile.bio }}</p>
+              <div class="flare-tags">
+                <span class="flare-intent">
+                  <Heart :size="12" fill="currentColor" />
+                  {{
+                    phone.t(
+                      `Apps.flare.lookingFor.${currentProfile.lookingFor}`,
+                    )
+                  }}
+                </span>
+                <span
+                  v-for="interest in currentProfile.interests.slice(0, 2)"
+                  :key="interest"
+                >
+                  {{ interest }}
+                </span>
+              </div>
+            </div>
+          </article>
+        </div>
+        <div
+          v-else-if="flare.profile.discoverable"
+          class="flare-state flare-state--compact"
+        >
+          <span class="flare-state__icon"><RotateCcw /></span>
+          <h2>{{ phone.t('Apps.flare.noProfiles') }}</h2>
+          <p>{{ phone.t('Apps.flare.noProfilesBody') }}</p>
+          <k-button
+            v-if="activeExploreMode !== 'all'"
+            clear
+            rounded
+            @click="clearExplore"
+          >
+            {{ phone.t('Apps.flare.clearExploreFilter') }}
+          </k-button>
+        </div>
+        <div
+          v-if="flare.profile.discoverable && currentProfile"
+          class="flare-actions"
+        >
+          <k-button
+            rounded
+            class="flare-action flare-action--small flare-action--rewind"
+            :aria-label="phone.t('Apps.flare.rewind')"
+            @click="rewind"
+          >
+            <RotateCcw />
+          </k-button>
+          <k-button
+            rounded
+            class="flare-action flare-action--pass"
+            :aria-label="phone.t('Apps.flare.pass')"
+            @click="swipe('pass')"
+          >
+            <X />
+          </k-button>
+          <k-button
+            rounded
+            class="flare-action flare-action--small flare-action--super"
+            :aria-label="phone.t('Apps.flare.superLike')"
+            @click="swipe('superlike')"
+          >
+            <Star fill="currentColor" />
+          </k-button>
+          <k-button
+            rounded
+            class="flare-action flare-action--like"
+            :aria-label="phone.t('Apps.flare.like')"
+            @click="swipe('like')"
+          >
+            <Heart fill="currentColor" />
+          </k-button>
+        </div>
+      </section>
+
+      <section
+        v-else-if="activeTab === 'explore'"
+        class="flare-scroll-view flare-explore"
+      >
+        <div class="flare-page-heading">
+          <p>{{ phone.t('Apps.flare.exploreBody') }}</p>
+        </div>
+        <div class="flare-explore-grid">
+          <k-card
+            v-for="tile in exploreTiles"
+            :key="tile.key"
+            :content-wrap="false"
+            class="flare-explore-card"
+            :class="`flare-explore-card--${tile.tone}`"
+            @click="openExplore(tile.mode)"
+          >
+            <div
+              class="flare-explore-card__photo"
+              :style="avatarStyle(tile.avatar)"
+            />
+            <div class="flare-explore-card__shade" />
+            <strong>{{
+              phone.t(`Apps.flare.exploreModes.${tile.key}`)
+            }}</strong>
+            <ChevronRight />
+          </k-card>
+        </div>
+      </section>
+
+      <section
+        v-else-if="activeTab === 'likes'"
+        class="flare-scroll-view flare-likes"
+      >
+        <div class="flare-page-heading">
+          <p>{{ phone.t('Apps.flare.likesBody') }}</p>
+        </div>
+        <div v-if="flare.likes.length" class="flare-likes-grid">
+          <article v-for="profile in flare.likes" :key="profile.id">
+            <i :style="profilePhotoStyle(profile)" />
+            <span>
+              <strong>{{ profile.name }}, {{ profile.age }}</strong>
+              <small v-if="profile.superLiked" class="is-super-like">
+                <Star :size="11" fill="currentColor" />
+                {{ phone.t('Apps.flare.superLikedYou') }}
+              </small>
+              <small v-else>{{ phone.t('Apps.flare.likedYou') }}</small>
+            </span>
+            <div class="flare-like-actions">
+              <k-button
+                rounded
+                :aria-label="phone.t('Apps.flare.pass')"
+                @click="reactToLike(profile.id, 'pass')"
+              >
+                <X />
+              </k-button>
+              <k-button
+                rounded
+                :aria-label="phone.t('Apps.flare.like')"
+                @click="reactToLike(profile.id, 'like')"
+              >
+                <Heart fill="currentColor" />
+              </k-button>
+            </div>
+          </article>
+        </div>
+        <div v-else class="flare-state flare-state--compact">
+          <span class="flare-state__icon"><Heart /></span>
+          <h2>{{ phone.t('Apps.flare.noLikes') }}</h2>
+          <p>{{ phone.t('Apps.flare.noLikesBody') }}</p>
+        </div>
+      </section>
+
+      <section
+        v-else-if="activeTab === 'matches'"
+        class="flare-scroll-view flare-inbox"
+      >
+        <template v-if="flare.matches.length">
+          <h2 v-if="newMatches.length">
+            {{ phone.t('Apps.flare.newMatches') }}
+          </h2>
+          <div v-if="newMatches.length" class="flare-new-matches">
+            <button
+              v-for="match in newMatches"
+              :key="match.id"
+              type="button"
+              @click="openMatch(match)"
+            >
+              <i :style="profilePhotoStyle(match.profile)">
+                <b v-if="match.unread" />
+              </i>
+              <span>{{ match.profile.name }}</span>
+            </button>
+          </div>
+          <h2>{{ phone.t('Apps.flare.messages') }}</h2>
+          <k-list strong class="flare-conversation-list">
+            <k-list-item
+              v-for="match in flare.matches"
+              :key="match.id"
+              link
+              :title="match.profile.name"
+              :subtitle="matchPreview(match)"
+              @click="openMatch(match)"
+            >
+              <template #media>
+                <i
+                  class="flare-match-avatar"
+                  :style="profilePhotoStyle(match.profile)"
+                />
+              </template>
+              <template #after>
+                <span v-if="match.unread" class="flare-unread">{{
+                  match.unread
+                }}</span>
+              </template>
+            </k-list-item>
+          </k-list>
+        </template>
+        <div v-else class="flare-state flare-state--compact">
+          <span class="flare-state__icon"><MessageCircle /></span>
+          <h2>{{ phone.t('Apps.flare.noMatches') }}</h2>
+          <p>{{ phone.t('Apps.flare.noMatchesBody') }}</p>
+        </div>
+      </section>
+
+      <section
+        v-else-if="profileSettings"
+        class="flare-scroll-view flare-settings"
+      >
+        <k-block-title>{{
+          phone.t('Apps.flare.discoverySettings')
+        }}</k-block-title>
+        <k-list inset strong>
+          <k-list-item
+            :title="phone.t('Apps.flare.showProfile')"
+            :subtitle="phone.t('Apps.flare.showProfileBody')"
+          >
+            <template #after>
+              <k-toggle
+                :checked="flare.profile.discoverable"
+                :disabled="discoverySaving"
+                :aria-label="phone.t('Apps.flare.showProfile')"
+                @change="setDiscovery(!flare.profile.discoverable)"
+              />
+            </template>
+          </k-list-item>
+        </k-list>
+        <k-block class="flare-settings-note">
+          {{ phone.t('Apps.flare.discoveryPrivacyNote') }}
+        </k-block>
+
+        <k-block-title>{{
+          phone.t('Apps.flare.discoveryPreferences')
+        }}</k-block-title>
+        <k-list inset strong>
+          <k-list-item
+            class="flare-choice-row"
+            :header="phone.t('Apps.flare.showMe')"
+            :title="choiceLabel('interestedIn')"
+            link
+            link-component="button"
+            :link-props="choiceLinkProps('interestedIn')"
+          />
+          <k-list-input
+            :label="phone.t('Apps.flare.minimumAge')"
+            type="number"
+            min="18"
+            max="99"
+            :value="profileDraft.minAge"
+            @input="updateNumber('minAge', $event)"
+          />
+          <k-list-input
+            :label="phone.t('Apps.flare.maximumAge')"
+            type="number"
+            min="18"
+            max="99"
+            :value="profileDraft.maxAge"
+            @input="updateNumber('maxAge', $event)"
+          />
+        </k-list>
+        <p v-if="flare.error" class="flare-error">
+          {{ phone.t(`Apps.flare.errors.${flare.error}`) }}
+        </p>
+      </section>
+
+      <section
+        v-else-if="!profileEditing"
+        class="flare-scroll-view flare-profile-overview"
+      >
+        <div class="flare-profile-portrait">
+          <i :style="ownPhotoStyle()" />
+          <span><Flame :size="16" fill="currentColor" /></span>
+        </div>
+        <h1>{{ profileDraft.name }}, {{ profileDraft.age }}</h1>
+        <p>{{ profileDraft.bio }}</p>
+        <button
+          v-if="!flare.profile.discoverable"
+          type="button"
+          class="flare-hidden-banner"
+          @click="profileSettings = true"
+        >
+          <EyeOff />
+          <span>
+            <strong>{{ phone.t('Apps.flare.discoveryOffTitle') }}</strong>
+            <small>{{ phone.t('Apps.flare.discoveryOffShort') }}</small>
+          </span>
+          <ChevronRight />
+        </button>
+        <div class="flare-profile-controls">
+          <button type="button" @click="profileSettings = true">
+            <span><Settings2 /></span>
+            {{ phone.t('Apps.flare.settings') }}
+          </button>
+          <button type="button" class="primary" @click="profileEditing = true">
+            <span><Pencil /></span>
+            {{ phone.t('Apps.flare.editProfile') }}
+          </button>
+        </div>
+        <k-card :content-wrap="false" class="flare-profile-card">
+          <span><Heart fill="currentColor" /></span>
+          <div>
+            <strong>{{
+              phone.t(`Apps.flare.lookingFor.${profileDraft.lookingFor}`)
+            }}</strong>
+            <small>{{ phone.t('Apps.flare.profileGoalBody') }}</small>
+          </div>
+          <ChevronRight />
+        </k-card>
+      </section>
+
+      <section v-else class="flare-profile-form flare-profile-form--editing">
+        <k-card :content-wrap="false" class="flare-photo-editor">
+          <header>
+            <div>
+              <strong>{{ phone.t('Apps.flare.profilePhotos') }}</strong>
+              <small>{{ phone.t('Apps.flare.profilePhotosBody') }}</small>
+            </div>
+            <span>{{ draftPhotos.length }}/6</span>
+          </header>
+          <div class="flare-photo-grid">
+            <div
+              v-for="(photo, index) in draftPhotos"
+              :key="photo.id"
+              class="flare-photo-slot"
+            >
+              <i :style="photoStyle(photo.url)" />
+              <span v-if="index === 0" class="flare-photo-primary">
+                {{ phone.t('Apps.flare.primaryPhoto') }}
+              </span>
+              <k-link
+                component="button"
+                icon-only
+                class="flare-photo-remove"
+                :aria-label="
+                  phone.t('Apps.flare.removePhoto', {
+                    number: String(index + 1),
+                  })
+                "
+                @click="removeDraftPhoto(photo.id)"
+              >
+                <X />
+              </k-link>
+            </div>
+            <k-button
+              v-if="draftPhotos.length < 6"
+              clear
+              class="flare-photo-add"
+              :class="{ 'is-empty': !draftPhotos.length }"
+              @click="openPhotoGallery"
+            >
+              <Images />
+              <span>{{ phone.t('Apps.flare.choosePhotos') }}</span>
+            </k-button>
+          </div>
+        </k-card>
+        <k-list inset strong>
+          <k-list-input
+            :label="phone.t('Apps.flare.yourName')"
+            :value="profileDraft.name"
+            @input="profileDraft.name = eventValue($event)"
+          />
+          <k-list-input
+            :label="phone.t('Apps.flare.age')"
+            type="number"
+            min="18"
+            max="99"
+            :value="profileDraft.age"
+            @input="updateNumber('age', $event)"
+          />
+          <k-list-input
+            :label="phone.t('Apps.flare.bio')"
+            type="textarea"
+            :value="profileDraft.bio"
+            :placeholder="phone.t('Apps.flare.bioPlaceholder')"
+            :input-style="bioInputStyle"
+            :maxlength="300"
+            @input="profileDraft.bio = eventValue($event)"
+          />
+          <k-list-item
+            class="flare-choice-row"
+            :header="phone.t('Apps.flare.gender')"
+            :title="choiceLabel('gender')"
+            link
+            link-component="button"
+            :link-props="choiceLinkProps('gender')"
+          />
+          <k-list-item
+            class="flare-choice-row"
+            :header="phone.t('Apps.flare.relationshipGoal')"
+            :title="choiceLabel('lookingFor')"
+            link
+            link-component="button"
+            :link-props="choiceLinkProps('lookingFor')"
+          />
+          <k-list-input
+            :label="phone.t('Apps.flare.interests')"
+            :value="profileDraft.interests.join(', ')"
+            :placeholder="phone.t('Apps.flare.interestsPlaceholder')"
+            @input="updateInterests"
+          />
+        </k-list>
+        <p class="flare-form-hint">
+          {{ phone.t('Apps.flare.interestsHint') }}
+        </p>
+        <p v-if="flare.error" class="flare-error">
+          {{ phone.t(`Apps.flare.errors.${flare.error}`) }}
+        </p>
+      </section>
+
+      <k-tabbar
+        v-if="!profileEditing && !profileSettings"
+        component="nav"
+        icons
+        labels
+        bg-class="flare-tabbar__background"
+        inner-class="flare-tabbar__inner"
+        class="flare-tabbar bottom-0 left-0 fixed"
+        :aria-label="phone.t('Apps.flare.navigation')"
+      >
+        <k-toolbar-pane class="flare-tab-pane">
+          <k-tabbar-link
+            component="button"
+            :active="activeTab === 'discover'"
+            :link-props="{ type: 'button', class: 'flare-tab-link' }"
+            @click="selectTab('discover')"
+          >
+            <template #label>{{
+              phone.t('Apps.flare.tabs.discover')
+            }}</template>
+            <template #icon
+              ><k-icon><Flame fill="currentColor" /></k-icon
+            ></template>
+          </k-tabbar-link>
+          <k-tabbar-link
+            component="button"
+            :active="activeTab === 'explore'"
+            :link-props="{ type: 'button', class: 'flare-tab-link' }"
+            @click="selectTab('explore')"
+          >
+            <template #label>{{ phone.t('Apps.flare.tabs.explore') }}</template>
+            <template #icon
+              ><k-icon><Grid2X2 /></k-icon
+            ></template>
+          </k-tabbar-link>
+          <k-tabbar-link
+            component="button"
+            :active="activeTab === 'likes'"
+            :link-props="{ type: 'button', class: 'flare-tab-link' }"
+            @click="selectTab('likes')"
+          >
+            <template #label>{{ phone.t('Apps.flare.tabs.likes') }}</template>
+            <template #icon>
+              <k-icon class="flare-tab-icon">
+                <Heart fill="currentColor" />
+                <k-badge v-if="flare.likes.length" small>{{
+                  flare.likes.length
+                }}</k-badge>
+              </k-icon>
+            </template>
+          </k-tabbar-link>
+          <k-tabbar-link
+            component="button"
+            :active="activeTab === 'matches'"
+            :link-props="{ type: 'button', class: 'flare-tab-link' }"
+            @click="selectTab('matches')"
+          >
+            <template #label>{{ phone.t('Apps.flare.tabs.matches') }}</template>
+            <template #icon>
+              <k-icon class="flare-tab-icon">
+                <MessageCircle />
+                <k-badge v-if="unreadMatches" small>{{
+                  unreadMatches
+                }}</k-badge>
+              </k-icon>
+            </template>
+          </k-tabbar-link>
+          <k-tabbar-link
+            component="button"
+            :active="activeTab === 'profile'"
+            :link-props="{ type: 'button', class: 'flare-tab-link' }"
+            @click="selectTab('profile')"
+          >
+            <template #label>{{ phone.t('Apps.flare.tabs.profile') }}</template>
+            <template #icon
+              ><k-icon><UserRound /></k-icon
+            ></template>
+          </k-tabbar-link>
+        </k-toolbar-pane>
+      </k-tabbar>
+    </template>
+
+    <div
+      v-if="matchReveal"
+      class="flare-match-reveal"
+      role="dialog"
+      aria-modal="true"
+    >
+      <button
+        type="button"
+        class="flare-match-reveal__close"
+        :aria-label="phone.t('Common.close')"
+        @click="matchReveal = null"
+      >
+        <X />
+      </button>
+      <Flame class="flare-match-reveal__flame" fill="currentColor" />
+      <h2>{{ phone.t('Apps.flare.itsAMatch') }}</h2>
+      <p>
+        {{
+          phone.t('Apps.flare.matchBody', { name: matchReveal.profile.name })
+        }}
+      </p>
+      <div class="flare-match-pair">
+        <i :style="ownPhotoStyle()" />
+        <span><Heart fill="currentColor" /></span>
+        <i :style="profilePhotoStyle(matchReveal.profile)" />
+      </div>
+      <div class="flare-match-actions">
+        <k-button
+          large
+          rounded
+          class="flare-match-primary"
+          @click="openRevealedMatch"
+        >
+          {{ phone.t('Apps.flare.sayHello') }}
+        </k-button>
+        <k-button
+          clear
+          inline
+          class="flare-match-secondary"
+          @click="matchReveal = null"
+        >
+          {{ phone.t('Apps.flare.keepSwiping') }}
+        </k-button>
+      </div>
+    </div>
+
+    <k-sheet
+      :opened="choiceOpened"
+      class="flare-choice-sheet"
+      @backdropclick="closeChoice"
+    >
+      <section
+        id="flare-choice-sheet"
+        ref="choiceSheetContent"
+        class="flare-choice-sheet__content"
+        role="dialog"
+        :aria-hidden="!choiceOpened"
+        :aria-modal="choiceOpened ? 'true' : undefined"
+        aria-labelledby="flare-choice-sheet-title"
+        :inert="!choiceOpened"
+        @keydown.esc="closeChoice"
+      >
+        <span class="flare-choice-sheet__grabber" aria-hidden="true" />
+        <header class="flare-choice-sheet__header">
+          <h2 id="flare-choice-sheet-title">{{ activeChoiceTitle }}</h2>
+          <k-link
+            component="button"
+            icon-only
+            class="flare-choice-sheet__close"
+            :aria-label="phone.t('Common.close')"
+            :link-props="{ type: 'button' }"
+            @click="closeChoice"
+          >
+            <X />
+          </k-link>
+        </header>
+        <k-list
+          component="ul"
+          role="listbox"
+          inset
+          strong
+          class="flare-choice-sheet__list"
+        >
+          <k-list-item
+            v-for="option in activeChoiceOptions"
+            :key="option.value"
+            class="flare-choice-option"
+            :title="option.label"
+            link
+            :chevron="false"
+            link-component="button"
+            :link-props="{
+              type: 'button',
+              role: 'option',
+              class: 'flare-choice-option__button',
+              'aria-selected': activeChoiceValue === option.value,
+            }"
+            @click="selectChoice(option.value)"
+          >
+            <template #after>
+              <Check
+                v-if="activeChoiceValue === option.value"
+                class="flare-choice-check"
+                aria-hidden="true"
+              />
+            </template>
+          </k-list-item>
+        </k-list>
+      </section>
+    </k-sheet>
+
+    <k-dialog :opened="unmatchDialog" @backdropclick="unmatchDialog = false">
+      <template #title>{{ phone.t('Apps.flare.unmatchTitle') }}</template>
+      <p>
+        {{
+          phone.t('Apps.flare.unmatchBody', {
+            name: activeMatch?.profile.name ?? '',
+          })
+        }}
+      </p>
+      <template #buttons>
+        <k-dialog-button @click="unmatchDialog = false">
+          {{ phone.t('Common.cancel') }}
+        </k-dialog-button>
+        <k-dialog-button strong @click="confirmUnmatch">
+          {{ phone.t('Apps.flare.unmatch') }}
+        </k-dialog-button>
+      </template>
+    </k-dialog>
+
+    <k-toast :opened="Boolean(actionToast)" position="center">
+      {{ actionToast }}
+    </k-toast>
+  </k-page>
+</template>
+
+<style scoped>
+.flare-page {
+  --flare: #ff385c;
+  --flare-warm: #ff6847;
+  --flare-ink: #17171b;
+  --flare-muted: #7a7a82;
+  --flare-surface: #fff;
+  --flare-panel: #f4f4f6;
+  --color-primary: var(--flare);
+  --k-safe-area-top: 46px;
+  --k-safe-area-bottom: 25px;
+  display: flex !important;
+  flex-direction: column;
+  padding: 0 0 105px !important;
+  overflow: hidden;
+  background: var(--flare-surface) !important;
+  color: var(--flare-ink);
+}
+.flare-page--without-tabs,
+.flare-page--chat {
+  padding-bottom: 0 !important;
+}
+.flare-page button {
+  font: inherit;
+}
+.flare-navbar {
+  z-index: 12;
+  flex: 0 0 auto;
+  color: var(--flare-ink);
+  border-bottom: 1px solid color-mix(in srgb, var(--flare-ink) 9%, transparent);
+}
+.flare-navbar :deep(.k-link) {
+  color: var(--flare-muted);
+}
+.flare-navbar :deep(.flare-navbar-done) {
+  color: var(--flare);
+  font-weight: 700;
+}
+.flare-navbar :deep(.flare-navbar-done:disabled) {
+  pointer-events: none;
+  opacity: 0.45;
+}
+.flare-title {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--flare);
+  font-size: 22px;
+  font-weight: 850;
+  letter-spacing: -0.9px;
+}
+.flare-title svg {
+  width: 21px;
+  height: 21px;
+}
+.flare-section-title {
+  font-size: 18px;
+  letter-spacing: -0.3px;
+}
+.flare-loading,
+.flare-state {
+  min-height: 0;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  padding: 28px;
+  text-align: center;
+}
+.flare-loading {
+  padding-top: 72px;
+  padding-bottom: 50px;
+}
+.flare-mark {
+  width: 62px;
+  height: 62px;
+  display: grid;
+  place-items: center;
+  border-radius: 21px;
+  color: #fff;
+  background: linear-gradient(145deg, var(--flare-warm), var(--flare));
+  box-shadow: 0 14px 34px rgb(255 56 92 / 25%);
+}
+.flare-mark svg {
+  width: 34px;
+}
+.flare-state h1,
+.flare-state h2 {
+  margin: 1px 0 0;
+  font-size: 23px;
+  letter-spacing: -0.5px;
+}
+.flare-state p {
+  max-width: 280px;
+  margin: 0;
+  color: var(--flare-muted);
+  font-size: 13px;
+  line-height: 1.45;
+}
+.flare-state--compact {
+  min-height: 240px;
+}
+.flare-state__icon {
+  width: 58px;
+  height: 58px;
+  display: grid;
+  place-items: center;
+  border-radius: 50%;
+  color: var(--flare);
+  background: rgb(255 56 92 / 10%);
+}
+.flare-state--discovery-off {
+  grid-row: 1 / -1;
+}
+.flare-state--discovery-off :deep(.k-button) {
+  width: auto;
+  margin-top: 7px;
+  padding-right: 20px;
+  padding-left: 20px;
+  color: #fff;
+  background: linear-gradient(100deg, var(--flare-warm), var(--flare));
+}
+
+.flare-discover {
+  min-height: 0;
+  flex: 1;
+  display: grid;
+  grid-template-rows: minmax(0, 1fr) 72px;
+  gap: 2px;
+  padding: 7px 10px 4px;
+}
+.flare-deck {
+  position: relative;
+  min-height: 0;
+}
+.flare-card {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+  border-radius: 17px;
+  background: #29292d;
+  box-shadow: 0 4px 14px rgb(23 23 27 / 14%);
+  cursor: grab;
+  touch-action: none;
+  user-select: none;
+  will-change: transform;
+  transition: transform 0.26s cubic-bezier(0.2, 0.75, 0.25, 1);
+}
+.flare-card:active {
+  cursor: grabbing;
+}
+.flare-card--next {
+  pointer-events: none;
+}
+.flare-card__photo {
+  position: absolute;
+  inset: 0;
+  background-repeat: no-repeat;
+}
+.flare-card__progress {
+  position: absolute;
+  z-index: 3;
+  top: 8px;
+  right: 8px;
+  left: 8px;
+  display: flex;
+  gap: 4px;
+}
+.flare-card__progress i {
+  height: 3px;
+  flex: 1;
+  border-radius: 3px;
+  background: rgb(255 255 255 / 45%);
+  box-shadow: 0 1px 2px rgb(0 0 0 / 25%);
+}
+.flare-card__progress i.active {
+  background: #fff;
+}
+.flare-card__mode {
+  position: absolute;
+  z-index: 5;
+  top: 19px;
+  left: 10px;
+  padding: 5px 8px;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  border: 1px solid rgb(255 255 255 / 25%);
+  border-radius: 999px;
+  color: #fff;
+  background: rgb(0 0 0 / 38%);
+  font-size: 9px !important;
+  font-weight: 750;
+  backdrop-filter: blur(10px);
+}
+.flare-card__scrim {
+  position: absolute;
+  inset: 42% 0 0;
+  background: linear-gradient(transparent, rgb(0 0 0 / 87%));
+}
+.flare-card__content {
+  position: absolute;
+  right: 16px;
+  bottom: 16px;
+  left: 16px;
+  color: #fff;
+  text-shadow: 0 1px 6px rgb(0 0 0 / 42%);
+}
+.flare-card__headline {
+  display: flex;
+  align-items: baseline;
+  gap: 6px;
+}
+.flare-card__headline h2 {
+  margin: 0;
+  font-size: 28px;
+  line-height: 1;
+  letter-spacing: -0.8px;
+}
+.flare-card__headline b {
+  font-size: 23px;
+  font-weight: 450;
+  line-height: 1;
+}
+.flare-card__headline svg {
+  align-self: center;
+  color: #43c9ff;
+}
+.flare-card__location {
+  margin: 6px 0 9px;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+}
+.flare-card__bio {
+  max-width: 330px;
+  margin: 0 0 9px;
+  overflow: hidden;
+  display: -webkit-box;
+  font-size: 12px;
+  line-height: 1.35;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.flare-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 5px;
+}
+.flare-tags span {
+  padding: 5px 8px;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  border: 1px solid rgb(255 255 255 / 26%);
+  border-radius: 999px;
+  background: rgb(0 0 0 / 32%);
+  font-size: 10px;
+  font-weight: 700;
+  backdrop-filter: blur(9px);
+}
+.flare-card__stamp {
+  position: absolute;
+  z-index: 4;
+  top: 44px;
+  padding: 6px 10px;
+  border: 4px solid;
+  border-radius: 7px;
+  opacity: 0;
+  font-size: 23px;
+  font-weight: 900;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+}
+.flare-card__stamp--like {
+  left: 20px;
+  color: #54df9b;
+  transform: rotate(-12deg);
+}
+.flare-card__stamp--pass {
+  right: 20px;
+  color: #ff596f;
+  transform: rotate(12deg);
+}
+.flare-card.is-liking .flare-card__stamp--like,
+.flare-card.is-passing .flare-card__stamp--pass {
+  opacity: 1;
+}
+.flare-actions {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 17px;
+}
+.flare-action {
+  width: 54px !important;
+  height: 54px !important;
+  min-width: 54px !important;
+  padding: 0 !important;
+  border: 1px solid rgb(23 23 27 / 8%) !important;
+  border-radius: 50% !important;
+  background: var(--flare-surface) !important;
+  box-shadow: 0 4px 13px rgb(0 0 0 / 11%);
+}
+.flare-action svg {
+  width: 25px;
+  height: 25px;
+}
+.flare-action--small {
+  width: 42px !important;
+  height: 42px !important;
+  min-width: 42px !important;
+}
+.flare-action--small svg {
+  width: 20px;
+  height: 20px;
+}
+.flare-action--rewind {
+  color: #f2af36 !important;
+}
+.flare-action--pass {
+  color: #ff4964 !important;
+}
+.flare-action--super {
+  color: #1ea9ed !important;
+}
+.flare-action--like {
+  color: #28c98b !important;
+}
+
+.flare-scroll-view,
+.flare-profile-form,
+.flare-chat-scroll {
+  min-height: 0;
+  flex: 1;
+  overflow-y: auto;
+  scrollbar-width: none;
+}
+.flare-scroll-view::-webkit-scrollbar,
+.flare-profile-form::-webkit-scrollbar,
+.flare-chat-scroll::-webkit-scrollbar {
+  display: none;
+}
+.flare-scroll-view {
+  padding: 15px 14px 24px;
+}
+.flare-page-heading {
+  margin: 0 2px 14px;
+}
+.flare-page-heading p {
+  margin: 0;
+  color: var(--flare-muted);
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.flare-explore-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+}
+.flare-explore-card {
+  position: relative;
+  aspect-ratio: 1 / 1;
+  margin: 0 !important;
+  padding: 0 !important;
+  overflow: hidden;
+  border-radius: 15px !important;
+  color: #fff;
+  cursor: pointer;
+}
+.flare-explore-card__photo,
+.flare-explore-card__shade {
+  position: absolute;
+  inset: 0;
+}
+.flare-explore-card__photo {
+  background-repeat: no-repeat;
+  filter: saturate(0.82);
+}
+.flare-explore-card__shade {
+  background: linear-gradient(15deg, rgb(0 0 0 / 72%), transparent 70%);
+  mix-blend-mode: multiply;
+}
+.flare-explore-card--coral .flare-explore-card__shade {
+  background-color: rgb(255 68 90 / 42%);
+}
+.flare-explore-card--violet .flare-explore-card__shade {
+  background-color: rgb(126 63 218 / 42%);
+}
+.flare-explore-card--blue .flare-explore-card__shade {
+  background-color: rgb(24 133 211 / 40%);
+}
+.flare-explore-card--amber .flare-explore-card__shade {
+  background-color: rgb(220 137 16 / 43%);
+}
+.flare-explore-card strong {
+  position: absolute;
+  right: 30px;
+  bottom: 13px;
+  left: 12px;
+  font-size: 15px;
+  line-height: 1.15;
+}
+.flare-explore-card > svg {
+  position: absolute;
+  right: 9px;
+  bottom: 12px;
+  width: 18px;
+}
+
+.flare-likes-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+}
+.flare-likes-grid article {
+  position: relative;
+  aspect-ratio: 0.76;
+  padding: 0;
+  overflow: hidden;
+  border: 0;
+  border-radius: 16px;
+  color: #fff;
+  text-align: left;
+  background: #28282c;
+}
+.flare-likes-grid i {
+  position: absolute;
+  inset: 0;
+  background-repeat: no-repeat;
+}
+.flare-likes-grid article::after {
+  position: absolute;
+  inset: 38% 0 0;
+  content: '';
+  background: linear-gradient(transparent, rgb(0 0 0 / 88%));
+}
+.flare-likes-grid span {
+  position: absolute;
+  z-index: 1;
+  right: 11px;
+  bottom: 11px;
+  left: 11px;
+}
+.flare-likes-grid strong,
+.flare-likes-grid small {
+  display: block;
+}
+.flare-likes-grid strong {
+  font-size: 14px;
+}
+.flare-likes-grid small {
+  margin-top: 1px;
+  color: rgb(255 255 255 / 78%);
+  font-size: 10px;
+}
+.flare-likes-grid small.is-super-like {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  color: #72d6ff;
+}
+.flare-like-actions {
+  position: absolute;
+  z-index: 2;
+  right: 9px;
+  bottom: 47px;
+  display: flex;
+  gap: 7px;
+}
+.flare-like-actions :deep(.k-button) {
+  width: 33px !important;
+  height: 33px !important;
+  min-width: 33px !important;
+  padding: 0 !important;
+  border-radius: 50% !important;
+  color: #ff526a;
+  background: rgb(7 7 9 / 72%);
+  backdrop-filter: blur(10px);
+}
+.flare-like-actions :deep(.k-button:last-child) {
+  color: #35d898;
+}
+.flare-like-actions svg {
+  width: 17px;
+  height: 17px;
+}
+
+.flare-inbox h2 {
+  margin: 4px 2px 10px;
+  font-size: 16px;
+  letter-spacing: -0.2px;
+}
+.flare-new-matches + h2 {
+  margin-top: 17px;
+}
+.flare-new-matches {
+  margin: 0 -14px;
+  padding: 0 14px 4px;
+  display: flex;
+  gap: 12px;
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+.flare-new-matches button {
+  width: 65px;
+  flex: none;
+  padding: 0;
+  border: 0;
+  color: inherit;
+  background: transparent;
+  text-align: center;
+}
+.flare-new-matches i {
+  position: relative;
+  width: 62px;
+  height: 62px;
+  display: block;
+  border: 2px solid var(--flare);
+  border-radius: 50%;
+  background-repeat: no-repeat;
+}
+.flare-new-matches i b {
+  position: absolute;
+  right: 0;
+  bottom: 1px;
+  width: 12px;
+  height: 12px;
+  border: 2px solid var(--flare-surface);
+  border-radius: 50%;
+  background: #20cf79;
+}
+.flare-new-matches span {
+  margin-top: 5px;
+  display: block;
+  overflow: hidden;
+  font-size: 10px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.flare-conversation-list {
+  margin: 0 -14px !important;
+}
+.flare-match-avatar,
+.flare-chat-title i {
+  display: block;
+  flex: none;
+  border-radius: 50%;
+  background-repeat: no-repeat;
+}
+.flare-match-avatar {
+  width: 50px;
+  height: 50px;
+}
+.flare-unread {
+  min-width: 21px;
+  height: 21px;
+  display: grid;
+  place-items: center;
+  border-radius: 999px;
+  color: #fff;
+  background: var(--flare);
+  font-size: 11px;
+  font-weight: 800;
+}
+
+.flare-profile-overview {
+  padding-top: 23px;
+  text-align: center;
+}
+.flare-profile-portrait {
+  position: relative;
+  width: 112px;
+  height: 112px;
+  margin: 0 auto 12px;
+}
+.flare-profile-portrait > i {
+  width: 100%;
+  height: 100%;
+  display: block;
+  border: 4px solid var(--flare-surface);
+  border-radius: 50%;
+  background-repeat: no-repeat;
+  box-shadow: 0 9px 25px rgb(0 0 0 / 16%);
+}
+.flare-profile-portrait > span {
+  position: absolute;
+  right: 0;
+  bottom: 3px;
+  width: 31px;
+  height: 31px;
+  display: grid;
+  place-items: center;
+  border: 3px solid var(--flare-surface);
+  border-radius: 50%;
+  color: #fff;
+  background: var(--flare);
+}
+.flare-profile-overview > h1 {
+  margin: 0;
+  font-size: 24px;
+  letter-spacing: -0.6px;
+}
+.flare-profile-overview > p {
+  max-width: 280px;
+  margin: 6px auto 17px;
+  color: var(--flare-muted);
+  font-size: 12px;
+  line-height: 1.4;
+}
+.flare-hidden-banner {
+  width: 100%;
+  margin: 0 0 18px;
+  padding: 11px 12px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  border: 0;
+  border-radius: 14px;
+  color: var(--flare-ink);
+  text-align: left;
+  background: rgb(255 56 92 / 9%);
+}
+.flare-hidden-banner > svg:first-child {
+  width: 20px;
+  color: var(--flare);
+}
+.flare-hidden-banner > span {
+  min-width: 0;
+  flex: 1;
+}
+.flare-hidden-banner strong,
+.flare-hidden-banner small {
+  display: block;
+}
+.flare-hidden-banner strong {
+  font-size: 12px;
+}
+.flare-hidden-banner small {
+  margin-top: 1px;
+  color: var(--flare-muted);
+  font-size: 10px;
+}
+.flare-hidden-banner > svg:last-child {
+  width: 16px;
+  color: var(--flare-muted);
+}
+.flare-profile-controls {
+  display: flex;
+  justify-content: center;
+  gap: 24px;
+}
+.flare-profile-controls button {
+  width: 84px;
+  padding: 0;
+  border: 0;
+  color: var(--flare-muted);
+  background: transparent;
+  font-size: 10px;
+  font-weight: 700;
+}
+.flare-profile-controls span {
+  width: 48px;
+  height: 48px;
+  margin: 0 auto 6px;
+  display: grid;
+  place-items: center;
+  border-radius: 50%;
+  color: var(--flare-ink);
+  background: var(--flare-panel);
+}
+.flare-profile-controls .primary span {
+  color: #fff;
+  background: linear-gradient(140deg, var(--flare-warm), var(--flare));
+  box-shadow: 0 7px 18px rgb(255 56 92 / 25%);
+}
+.flare-profile-card {
+  margin: 26px 2px 0 !important;
+  padding: 14px !important;
+  display: flex;
+  align-items: center;
+  gap: 11px;
+  text-align: left;
+  border-radius: 15px !important;
+  background: var(--flare-panel) !important;
+  box-shadow: none !important;
+}
+.flare-profile-card > span {
+  width: 37px;
+  height: 37px;
+  display: grid;
+  flex: none;
+  place-items: center;
+  border-radius: 12px;
+  color: var(--flare);
+  background: rgb(255 56 92 / 11%);
+}
+.flare-profile-card > div {
+  min-width: 0;
+  flex: 1;
+}
+.flare-profile-card strong,
+.flare-profile-card small {
+  display: block;
+}
+.flare-profile-card strong {
+  font-size: 13px;
+}
+.flare-profile-card small {
+  margin-top: 2px;
+  color: var(--flare-muted);
+  font-size: 10px;
+}
+.flare-profile-card > svg {
+  width: 17px;
+  color: var(--flare-muted);
+}
+
+.flare-profile-form {
+  padding: 16px 0 24px;
+}
+.flare-profile-form--onboarding {
+  padding-top: 15px;
+}
+.flare-profile-form__actions {
+  margin: 16px 0 0 !important;
+}
+.flare-profile-form :deep(.k-list),
+.flare-settings :deep(.k-list) {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.flare-choice-row :deep(.flare-choice-trigger),
+.flare-choice-option :deep(.flare-choice-option__button) {
+  width: 100%;
+  border: 0;
+  color: inherit;
+  background: transparent;
+  text-align: left;
+}
+.flare-choice-row :deep(.flare-choice-trigger:focus-visible),
+.flare-choice-option :deep(.flare-choice-option__button:focus-visible) {
+  outline: 2px solid var(--flare);
+  outline-offset: -2px;
+}
+.flare-brand-lockup {
+  display: flex;
+  align-items: center;
+  gap: 13px;
+  padding: 2px 20px 16px;
+}
+.flare-brand-lockup .flare-mark {
+  width: 54px;
+  height: 54px;
+  border-radius: 18px;
+}
+.flare-brand-lockup .flare-mark svg {
+  width: 28px;
+}
+.flare-brand-lockup h1 {
+  margin: 0;
+  font-size: 23px;
+}
+.flare-brand-lockup p {
+  margin: 3px 0 0;
+  color: var(--flare-muted);
+  font-size: 12px;
+}
+.flare-photo-editor {
+  margin: 0 16px 14px !important;
+  padding: 14px !important;
+  border-radius: 18px !important;
+  background: var(--flare-panel) !important;
+  box-shadow: none !important;
+}
+.flare-photo-editor > header {
+  margin-bottom: 12px;
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+}
+.flare-photo-editor > header > div {
+  min-width: 0;
+  flex: 1;
+}
+.flare-photo-editor > header strong,
+.flare-photo-editor > header small {
+  display: block;
+}
+.flare-photo-editor > header strong {
+  font-size: 15px;
+}
+.flare-photo-editor > header small {
+  margin-top: 3px;
+  color: var(--flare-muted);
+  font-size: 10px;
+  line-height: 1.35;
+}
+.flare-photo-editor > header > span {
+  padding: 4px 7px;
+  border-radius: 999px;
+  color: var(--flare);
+  background: rgb(255 56 92 / 10%);
+  font-size: 10px;
+  font-weight: 800;
+}
+.flare-photo-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 8px;
+}
+.flare-photo-slot {
+  position: relative;
+  aspect-ratio: 0.78;
+  overflow: hidden;
+  border-radius: 13px;
+  background: color-mix(in srgb, var(--flare-muted) 18%, transparent);
+}
+.flare-photo-slot > i {
+  position: absolute;
+  inset: 0;
+  display: block;
+  background-repeat: no-repeat;
+}
+.flare-photo-primary {
+  position: absolute;
+  right: 7px;
+  bottom: 7px;
+  left: 7px;
+  padding: 4px 6px;
+  overflow: hidden;
+  border-radius: 999px;
+  color: #fff;
+  background: rgb(0 0 0 / 58%);
+  font-size: 9px;
+  font-weight: 800;
+  text-align: center;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  backdrop-filter: blur(8px);
+}
+.flare-photo-slot :deep(.flare-photo-remove) {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  width: 26px;
+  height: 26px;
+  min-width: 26px;
+  display: grid;
+  place-items: center;
+  border-radius: 50%;
+  color: #fff;
+  background: rgb(0 0 0 / 62%);
+  backdrop-filter: blur(8px);
+}
+.flare-photo-slot :deep(.flare-photo-remove svg) {
+  width: 15px;
+  height: 15px;
+}
+.flare-photo-grid :deep(.flare-photo-add) {
+  width: 100%;
+  height: auto;
+  min-height: 0;
+  aspect-ratio: 0.78;
+  padding: 10px 7px;
+  display: flex;
+  flex-direction: column;
+  gap: 7px;
+  border: 1px dashed color-mix(in srgb, var(--flare-muted) 44%, transparent);
+  border-radius: 13px;
+  color: var(--flare);
+  background: color-mix(in srgb, var(--flare-surface) 68%, transparent);
+  font-size: 10px;
+  font-weight: 750;
+  line-height: 1.2;
+  white-space: normal;
+}
+.flare-photo-grid :deep(.flare-photo-add.is-empty) {
+  min-height: 104px;
+  grid-column: 1 / -1;
+  aspect-ratio: auto;
+}
+.flare-photo-grid :deep(.flare-photo-add svg) {
+  width: 25px;
+  height: 25px;
+}
+.flare-error {
+  margin: 8px 22px 0;
+  color: #ff3b30;
+  font-size: 12px;
+  text-align: center;
+}
+.flare-form-hint {
+  margin: 4px 22px 0;
+  color: var(--flare-muted);
+  font-size: 10px;
+  line-height: 1.4;
+}
+.flare-settings {
+  padding-right: 0;
+  padding-left: 0;
+}
+.flare-settings :deep(.k-block-title) {
+  margin-top: 15px;
+  margin-bottom: 5px;
+}
+.flare-settings-note {
+  margin: 8px 20px 15px !important;
+  color: var(--flare-muted);
+  font-size: 11px;
+  line-height: 1.45;
+}
+
+:global(.flare-choice-sheet) {
+  z-index: 70;
+  max-height: min(62%, 420px);
+  overflow-y: auto !important;
+  color: var(--flare-ink);
+  background: var(--flare-surface) !important;
+  box-shadow: 0 -18px 55px rgb(0 0 0 / 18%);
+}
+.flare-choice-sheet__content {
+  padding: 8px 0 max(18px, var(--k-safe-area-bottom));
+}
+.flare-choice-sheet__grabber {
+  width: 36px;
+  height: 4px;
+  margin: 0 auto 5px;
+  display: block;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--flare-muted) 38%, transparent);
+}
+.flare-choice-sheet__header {
+  position: relative;
+  min-height: 48px;
+  padding: 7px 58px 9px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+.flare-choice-sheet__header h2 {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 800;
+  letter-spacing: -0.35px;
+}
+.flare-choice-sheet__header :deep(.flare-choice-sheet__close) {
+  position: absolute;
+  top: 4px;
+  right: 13px;
+  width: 36px;
+  height: 36px;
+  min-width: 36px;
+  display: grid;
+  place-items: center;
+  border-radius: 50%;
+  color: var(--flare-ink);
+  background: var(--flare-panel);
+}
+.flare-choice-sheet__header :deep(.flare-choice-sheet__close svg) {
+  width: 18px;
+  height: 18px;
+}
+.flare-choice-sheet__list {
+  margin: 0 12px 8px !important;
+}
+.flare-choice-check {
+  width: 20px;
+  height: 20px;
+  color: var(--flare);
+  stroke-width: 3;
+}
+
+.flare-chat-title {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+.flare-chat-title i {
+  width: 32px;
+  height: 32px;
+}
+.flare-chat-scroll {
+  padding: 10px 12px 82px;
+}
+.flare-page--attachment-panel .flare-chat-scroll {
+  padding-bottom: 390px;
+}
+.flare-chat-scroll :deep(.k-message-sent [class*='message-bubble']) {
+  background: linear-gradient(
+    110deg,
+    var(--flare-warm),
+    var(--flare)
+  ) !important;
+}
+.flare-messagebar {
+  position: absolute;
+  z-index: 14;
+  right: 10px;
+  bottom: 27px;
+  left: 10px;
+  border-radius: 22px;
+  box-shadow: 0 7px 24px rgb(0 0 0 / 12%);
+}
+.flare-messagebar :deep(.k-link) {
+  color: var(--flare);
+}
+.flare-messagebar :deep(.messages-messagebar__tools .k-link) {
+  color: var(--flare-text);
+}
+.flare-messagebar :deep(.messages-messagebar__tools .k-link.active) {
+  background: rgb(255 56 92 / 13%);
+  color: var(--flare);
+}
+.flare-media-picker > header button,
+.flare-media-picker .messages-gif-more,
+.flare-media-picker .messages-gif-error button {
+  color: var(--flare) !important;
+}
+
+.flare-tabbar {
+  z-index: 30;
+  color: var(--flare-muted);
+}
+.flare-tabbar :deep(.flare-tabbar__inner) {
+  width: 100% !important;
+  max-width: none !important;
+  gap: 0 !important;
+  padding-right: 7px;
+  padding-left: 7px;
+}
+.flare-tabbar :deep(.flare-tab-pane) {
+  width: 100% !important;
+  border-radius: 24px;
+}
+.flare-tabbar :deep(.flare-tab-link) {
+  min-width: 0;
+  padding-right: 2px !important;
+  padding-left: 2px !important;
+}
+.flare-tabbar :deep(.flare-tab-link > span > span:last-child) {
+  font-size: 9px;
+}
+.flare-tabbar :deep(.flare-tab-link svg) {
+  width: 22px;
+  height: 22px;
+}
+.flare-tabbar :deep(.k-tabbar-link-active) {
+  color: var(--flare) !important;
+}
+.flare-tab-icon {
+  position: relative;
+}
+.flare-tab-icon :deep(.k-badge) {
+  position: absolute;
+  top: -7px;
+  right: -8px;
+  border: 2px solid var(--flare-surface);
+  background: var(--flare);
+}
+
+.flare-match-reveal {
+  position: absolute;
+  z-index: 80;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 30px;
+  color: #fff;
+  text-align: center;
+  background: radial-gradient(circle at 50% 30%, #ff6a62, #ef2f78 55%, #9d1669);
+}
+.flare-match-reveal__close {
+  position: absolute;
+  top: 24px;
+  right: 18px;
+  width: 42px;
+  height: 42px;
+  display: grid;
+  place-items: center;
+  border: 0;
+  border-radius: 50%;
+  color: #fff;
+  background: rgb(0 0 0 / 18%);
+}
+.flare-match-reveal__flame {
+  width: 58px;
+  height: 58px;
+}
+.flare-match-reveal h2 {
+  margin: 6px 0 3px;
+  font-size: 37px;
+  font-weight: 900;
+  letter-spacing: -1.8px;
+}
+.flare-match-reveal p {
+  margin: 0;
+  opacity: 0.88;
+}
+.flare-match-pair {
+  display: flex;
+  align-items: center;
+  margin: 28px 0;
+}
+.flare-match-pair i {
+  width: 104px;
+  height: 104px;
+  border: 4px solid #fff;
+  border-radius: 50%;
+  background-repeat: no-repeat;
+  box-shadow: 0 12px 30px rgb(70 0 30 / 28%);
+}
+.flare-match-pair span {
+  z-index: 1;
+  width: 45px;
+  height: 45px;
+  display: grid;
+  margin: 0 -8px;
+  place-items: center;
+  border-radius: 50%;
+  color: var(--flare);
+  background: #fff;
+}
+.flare-match-actions {
+  width: min(100%, 320px);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+}
+.flare-match-actions :deep(.flare-match-primary) {
+  width: 100%;
+  color: var(--flare);
+  background: #fff;
+  box-shadow: 0 10px 24px rgb(84 0 34 / 18%);
+}
+.flare-match-actions :deep(.flare-match-secondary) {
+  width: auto;
+  padding-right: 18px;
+  padding-left: 18px;
+  color: #fff;
+}
+:global(.phone-app.dark .flare-page) {
+  --flare-ink: #f5f5f7;
+  --flare-muted: #98989f;
+  --flare-surface: #08080a;
+}
+:global(.phone-app.dark .flare-page) {
+  --flare-panel: #18181b;
+}
+:global(.phone-app.dark .flare-action) {
+  box-shadow: none;
+}
+</style>
diff --git a/frontend/testserver/index.cjs b/frontend/testserver/index.cjs
index e14ea34..cad4cc7 100644
--- a/frontend/testserver/index.cjs
+++ b/frontend/testserver/index.cjs
@@ -1194,6 +1194,133 @@ function counts() {
   }
 }
 
+let flareProfile = {
+  id: 1,
+  name: 'Alex',
+  age: 27,
+  bio: 'Late-night drives, good coffee, and plans that turn into stories.',
+  gender: 'nonbinary',
+  interestedIn: 'everyone',
+  minAge: 21,
+  maxAge: 39,
+  avatar: 5,
+  interests: ['Night drives', 'Music', 'Coffee'],
+  lookingFor: 'dates',
+  discoverable: true,
+  photoMediaIds: [],
+  photoUrls: [],
+}
+let flareSuggestions = [
+  {
+    id: 11,
+    name: 'Maya',
+    age: 26,
+    bio: 'Ocean air, rooftop sunsets and always up for finding the best tacos in the city.',
+    gender: 'woman',
+    avatar: 0,
+    interests: ['Beach days', 'Food spots', 'Art'],
+    lookingFor: 'longTerm',
+    photoUrls: [],
+  },
+  {
+    id: 12,
+    name: 'Noah',
+    age: 29,
+    bio: 'Architect by day, terrible karaoke singer by night.',
+    gender: 'man',
+    avatar: 1,
+    interests: ['Architecture', 'Karaoke', 'Travel'],
+    lookingFor: 'dates',
+    photoUrls: [],
+  },
+  {
+    id: 13,
+    name: 'Sofia',
+    age: 25,
+    bio: 'Tell me your favorite hidden corner of Los Santos.',
+    gender: 'woman',
+    avatar: 2,
+    interests: ['Coffee', 'Photography', 'Dogs'],
+    lookingFor: 'friends',
+    photoUrls: [],
+  },
+  {
+    id: 14,
+    name: 'Leo',
+    age: 28,
+    bio: 'Desert roads, classic cars and a playlist for every mood.',
+    gender: 'man',
+    avatar: 3,
+    interests: ['Cars', 'Road trips', 'Vinyl'],
+    lookingFor: 'longTerm',
+    photoUrls: [],
+  },
+  {
+    id: 15,
+    name: 'Jade',
+    age: 24,
+    bio: 'Usually somewhere near the water with an iced coffee.',
+    gender: 'woman',
+    avatar: 4,
+    interests: ['Sailing', 'Fitness', 'Brunch'],
+    lookingFor: 'dates',
+    photoUrls: [],
+  },
+]
+const flareMatches = [
+  {
+    id: 'flare-match-demo-0000-0000-0000000001',
+    profile: {
+      id: 16,
+      name: 'Marcus',
+      age: 30,
+      bio: 'Live music and late dinners.',
+      gender: 'man',
+      avatar: 5,
+      interests: ['Live music', 'Cooking'],
+      lookingFor: 'dates',
+      photoUrls: [],
+    },
+    lastMessage: 'That place sounds perfect. Friday?',
+    lastMessageAt: isoTime(-38 * 60 * 1000),
+    lastMessageType: 'text',
+    unread: 1,
+  },
+]
+let flareLikes = [{ ...flareSuggestions[0], superLiked: true }]
+let flareLastSwipe = null
+const flareMessages = {
+  'flare-match-demo-0000-0000-0000000001': [
+    {
+      id: 'flare-message-1',
+      direction: 'sent',
+      body: 'Have you tried the little jazz bar in Vinewood?',
+      createdAt: isoTime(-55 * 60 * 1000),
+      mediaDurationMs: null,
+      mediaUrl: null,
+      messageType: 'text',
+    },
+    {
+      id: 'flare-message-2',
+      direction: 'received',
+      body: 'That place sounds perfect. Friday?',
+      createdAt: isoTime(-38 * 60 * 1000),
+      mediaDurationMs: null,
+      mediaUrl: null,
+      messageType: 'text',
+    },
+  ],
+}
+
+function flareBootstrap() {
+  return {
+    profile: flareProfile,
+    suggestions: flareProfile.discoverable ? flareSuggestions : [],
+    likes: flareLikes,
+    matches: flareMatches,
+  }
+}
+
 app.post('/api/:endpoint', (request, response) => {
   console.log(`[NUI] ${request.params.endpoint}`, request.body)
   const endpoint = request.params.endpoint
@@ -1263,6 +1390,164 @@ app.post('/api/:endpoint', (request, response) => {
     playerName: 'Alex Morgan',
     transactions: mockBankTransactions,
   })
+  if (endpoint === 'flare:bootstrap') {
+    response.json({ success: true, data: flareBootstrap() })
+    return
+  }
+  if (endpoint === 'flare:save-profile') {
+    const requestedPhotoIds = request.body.photoMediaIds
+    let photoUpdate = {}
+    if (requestedPhotoIds !== undefined) {
+      const validIds =
+        Array.isArray(requestedPhotoIds) &&
+        requestedPhotoIds.length <= 6 &&
+        new Set(requestedPhotoIds).size === requestedPhotoIds.length &&
+        requestedPhotoIds.every((id) => Number.isInteger(id) && id > 0)
+      const photos = validIds
+        ? requestedPhotoIds.map((id) =>
+            mockMedia.find(
+              (item) => item.id === id && item.mediaType === 'photo',
+            ),
+          )
+        : []
+      if (!validIds || photos.some((photo) => !photo)) {
+        response.json({ success: false, error: 'invalid_profile_photos' })
+        return
+      }
+      photoUpdate = {
+        photoMediaIds: [...requestedPhotoIds],
+        photoUrls: photos.map((photo) => photo.url),
+      }
+    }
+    flareProfile = {
+      ...flareProfile,
+      ...request.body,
+      discoverable: flareProfile.discoverable,
+      ...photoUpdate,
+    }
+    response.json({ success: true, data: flareBootstrap() })
+    return
+  }
+  if (endpoint === 'flare:set-discovery') {
+    if (typeof request.body.enabled !== 'boolean') {
+      response.json({ success: false, error: 'invalid_discovery' })
+      return
+    }
+    flareProfile.discoverable = request.body.enabled
+    response.json({ success: true, data: flareBootstrap() })
+    return
+  }
+  if (endpoint === 'flare:swipe') {
+    if (!flareProfile.discoverable) {
+      response.json({ success: false, error: 'discovery_disabled' })
+      return
+    }
+    const target = flareSuggestions.find(
+      (profile) => profile.id === Number(request.body.targetId),
+    )
+    flareLastSwipe = target
+      ? { choice: request.body.choice, profile: target }
+      : null
+    flareSuggestions = flareSuggestions.filter(
+      (profile) => profile.id !== Number(request.body.targetId),
+    )
+    flareLikes = flareLikes.filter(
+      (profile) => profile.id !== Number(request.body.targetId),
+    )
+    let match = null
+    if (
+      target &&
+      ['like', 'superlike'].includes(request.body.choice) &&
+      target.id === 11
+    ) {
+      match = {
+        id: 'flare-match-maya-0000-0000-0000000001',
+        profile: target,
+        lastMessage: '',
+        lastMessageAt: null,
+        lastMessageType: null,
+        unread: 0,
+      }
+      flareMatches.unshift(match)
+      flareMessages[match.id] = []
+    }
+    response.json({ success: true, data: { match } })
+    return
+  }
+  if (endpoint === 'flare:rewind') {
+    if (!flareLastSwipe) {
+      response.json({ success: false, error: 'nothing_to_rewind' })
+      return
+    }
+    const hasMatch = flareMatches.some(
+      (match) => match.profile.id === flareLastSwipe.profile.id,
+    )
+    if (hasMatch) {
+      response.json({ success: false, error: 'cannot_rewind_match' })
+      return
+    }
+    flareSuggestions.unshift(flareLastSwipe.profile)
+    flareLastSwipe = null
+    response.json({ success: true, data: flareBootstrap() })
+    return
+  }
+  if (endpoint === 'flare:unmatch') {
+    const index = flareMatches.findIndex(
+      (match) => match.id === request.body.matchId,
+    )
+    if (index < 0) {
+      response.json({ success: false, error: 'match_not_found' })
+      return
+    }
+    flareMatches.splice(index, 1)
+    delete flareMessages[request.body.matchId]
+    response.json({ success: true, data: { matches: flareMatches } })
+    return
+  }
+  if (endpoint === 'flare:thread') {
+    const match = flareMatches.find((item) => item.id === request.body.matchId)
+    if (!match) {
+      response.json({ success: false, error: 'match_not_found' })
+      return
+    }
+    match.unread = 0
+    response.json({
+      success: true,
+      data: { messages: flareMessages[match.id] ?? [] },
+    })
+    return
+  }
+  if (endpoint === 'flare:send') {
+    const match = flareMatches.find((item) => item.id === request.body.matchId)
+    const messageType = request.body.messageType ?? 'text'
+    const body = String(request.body.body ?? '').trim()
+    const mediaUrl = String(request.body.mediaAssetId ?? '')
+    if (
+      !match ||
+      (messageType === 'text'
+        ? !body
+        : !['image', 'gif', 'video'].includes(messageType) || !mediaUrl)
+    ) {
+      response.json({ success: false, error: 'invalid_message' })
+      return
+    }
+    const message = {
+      id: `flare-message-${Date.now()}`,
+      direction: 'sent',
+      body: messageType === 'text' ? body : '',
+      createdAt: Date.now(),
+      mediaDurationMs: request.body.mediaDurationMs ?? null,
+      mediaUrl: messageType === 'text' ? null : mediaUrl,
+      messageType,
+    }
+    flareMessages[match.id] ??= []
+    flareMessages[match.id].push(message)
+    match.lastMessage = message.body
+    match.lastMessageAt = message.createdAt
+    match.lastMessageType = messageType
+    response.json({ success: true, data: message })
+    return
+  }
   if (endpoint === 'fliptok:bootstrap') {
     if (!flipTokAuthenticated) {
       response.json({
diff --git a/sky_phone/config/locales/en.lua b/sky_phone/config/locales/en.lua
index 71d0749..244c088 100644
--- a/sky_phone/config/locales/en.lua
+++ b/sky_phone/config/locales/en.lua
@@ -72,6 +72,36 @@ Locales["en"] = {
             },
         },
         Apps = {
+            flare = {
+                name = "Flare", signInTitle = "Sign in to Flare", signInBody = "Flare profiles and matches are linked to your private iFruit account.",
+                createProfile = "Create your profile", welcome = "Find your spark", welcomeBody = "Build a profile and meet people across Los Santos.",
+                photo = "Profile photo", profilePhotos = "Profile photos", profilePhotosBody = "Choose up to six photos from Gallery. Your first photo is shown first.", addPhotos = "Add photos", choosePhotos = "Choose from Gallery", primaryPhoto = "Main", removePhoto = "Remove photo {number}",
+                yourName = "Your name", namePlaceholder = "What should people call you?", age = "Age", bio = "About you", bioPlaceholder = "A short line that starts a conversation...",
+                gender = "I am", showMe = "Show me", woman = "Woman", man = "Man", nonbinary = "Non-binary", women = "Women", men = "Men", nonbinaryPeople = "Non-binary people", everyone = "Everyone",
+                minimumAge = "Minimum age", maximumAge = "Maximum age", start = "Start exploring", saveProfile = "Save profile", editProfileBody = "Keep your profile fresh and unmistakably you.",
+                navigation = "Flare navigation", discover = "Discover", matches = "Matches", profile = "Profile",
+                tabs = { discover = "Swipe", explore = "Explore", likes = "Likes", matches = "Chat", profile = "Profile" },
+                filters = "Discovery settings", nearby = "Nearby", rewind = "Rewind", superLike = "Super Like", explore = "Explore", clearExploreFilter = "Show all profiles",
+                exploreTitle = "Explore", exploreBody = "Find people who are into the same things.",
+                exploreModes = { forYou = "For You", dateNight = "Date Night", freeTonight = "Free Tonight", longTerm = "Long-term thing", newFriends = "New Friends", weekend = "Weekend plans" },
+                likesTitle = "Likes You", likesBody = "See who already likes you, then make your choice.", matched = "Matched", newMatches = "New Matches", messages = "Messages",
+                settings = "Settings", editProfile = "Edit profile", profileGoalBody = "Shown on your discovery card.", like = "Like", pass = "Pass",
+                relationshipGoal = "Relationship goal", interests = "Interests", interestsPlaceholder = "Music, travel, coffee", interestsHint = "Separate up to five interests with commas.",
+                discoverySettings = "Discovery", discoveryPreferences = "Who you want to meet", showProfile = "Show me on Flare", showProfileBody = "Let new people discover your profile.",
+                discoveryPrivacyNote = "Turning Discovery off hides you from new people. Your existing matches and chats stay available.",
+                discoveryOffTitle = "Discovery is off", discoveryOffBody = "Your profile is hidden from new people. Your existing matches and chats stay available.", discoveryOffShort = "Only existing matches can still reach you.", enableDiscovery = "Enable Discovery", saveSettings = "Save settings",
+                likedYou = "Likes you", superLikedYou = "Super Liked you", noLikes = "No new likes", noLikesBody = "People who like you before you decide will appear here.",
+                matchActions = "Match actions", unmatch = "Unmatch", unmatchTitle = "Unmatch this person?", unmatchBody = "You and {name} will disappear from each other's match lists. This cannot be undone.",
+                messagePhoto = "Photo", gif = "GIF", video = "Video", attachPhoto = "Attach Photo", takePhoto = "Take Photo", emoji = "Emoji", attachGif = "Attach GIF", attachVideo = "Attach Video", gifs = "GIFs", searchGifs = "Search GIPHY", loadMore = "Load More", retryGifs = "Try Again", moreActions = "More Actions",
+                noProfiles = "You're all caught up", noProfilesBody = "Come back later when new people join Flare.", yourMatches = "Your matches", matchesBody = "A spark goes both ways.", newMatch = "You matched — say hello!", noMatches = "No sparks yet", noMatchesBody = "When someone likes you back, they will appear here.",
+                messagePlaceholder = "Write a message", itsAMatch = "It's a spark!", matchBody = "You and {name} liked each other.", sayHello = "Say hello", keepSwiping = "Keep exploring", newMatchNotification = "You and {sender} found a spark!", newMessageNotification = "New message from {sender}",
+                lookingFor = { longTerm = "Long-term connection", dates = "Good dates", friends = "New friends" },
+                errors = {
+                    invalid_profile = "Check your name, age and profile text.", invalid_profile_photos = "Choose up to six photos from your own Gallery.", request_failed = "Flare could not save those changes. Try again.", invalid_target = "This profile is no longer available.", invalid_choice = "That swipe could not be saved.", invalid_discovery = "That Discovery setting is invalid.", discovery_disabled = "Enable Discovery before swiping.",
+                    nothing_to_rewind = "There is no recent swipe to rewind.", cannot_rewind_match = "A swipe that created a match cannot be rewound.",
+                    match_not_found = "This match is no longer available.", invalid_message = "Write a message before sending.", invalid_attachment = "This attachment is unavailable.", gif_provider_unconfigured = "GIF search is not configured.", gif_provider_unauthorized = "The GIF provider key is invalid.", gif_provider_rate_limited = "GIF search is busy. Try again shortly.", gif_provider_failed = "GIFs are temporarily unavailable.", rate_limited = "Slow down for a moment and try again.", default = "Flare could not complete the request.",
+                },
+            },
             fliptok = {
                 name = "FlipTok", loading = "Loading FlipTok", following = "Following", forYou = "For You", verified = "Verified account",
                 originalSound = "original sound", save = "Save", home = "Home", discover = "Discover", create = "Create", activity = "Activity", profile = "Profile",
diff --git a/sky_phone/fxmanifest.lua b/sky_phone/fxmanifest.lua
index a9839bd..f1dd2e2 100644
--- a/sky_phone/fxmanifest.lua
+++ b/sky_phone/fxmanifest.lua
@@ -51,6 +51,7 @@ server_scripts {
     'source/server/media.lua',
     'source/server/messages.lua',
     'source/server/darkchat.lua',
+    'source/server/flare.lua',
     'source/server/notes.lua',
     'source/server/mail.lua',
     'source/server/banking.lua',
diff --git a/sky_phone/source/client/main.lua b/sky_phone/source/client/main.lua
index 725b1de..3aad653 100644
--- a/sky_phone/source/client/main.lua
+++ b/sky_phone/source/client/main.lua
@@ -121,6 +121,14 @@ local server_callbacks = {
     "darkchat:block",
     "darkchat:report",
     "darkchat:clear",
+    "flare:bootstrap",
+    "flare:save-profile",
+    "flare:set-discovery",
+    "flare:swipe",
+    "flare:rewind",
+    "flare:unmatch",
+    "flare:thread",
+    "flare:send",
     "gallery:list",
     "media:config",
 }
@@ -470,6 +478,20 @@ RegisterNetEvent("sky_phone:calendar:reminder", function(data)
     SendNUIMessage({ type = "calendar:reminder", data = data })
 end)
 
+RegisterNetEvent("sky_phone:flare:match", function(data)
+    local flare_locale = get_locale().Nui.Apps.flare
+    data.title = flare_locale.name
+    data.text = flare_locale.newMatchNotification:gsub("{sender}", tostring(data.sender))
+    SendNUIMessage({ type = "flare:new-match", data = data })
+end)
+
+RegisterNetEvent("sky_phone:flare:message", function(data)
+    local flare_locale = get_locale().Nui.Apps.flare
+    data.title = flare_locale.name
+    data.text = flare_locale.newMessageNotification:gsub("{sender}", tostring(data.sender))
+    SendNUIMessage({ type = "flare:new-message", data = data })
+end)
+
 RegisterNetEvent("sky_phone:sim:picker", function(data)
     sim_picker_open = true
     SetNuiFocus(true, true)
diff --git a/sky_phone/source/server/db_migrate.lua b/sky_phone/source/server/db_migrate.lua
index f743b5f..aa61d1f 100644
--- a/sky_phone/source/server/db_migrate.lua
+++ b/sky_phone/source/server/db_migrate.lua
@@ -1097,9 +1097,144 @@ local schema = {
         },
         tableOptions = "ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci",
     },
+    {
+        name = "sky_phone_flare_profiles",
+        columns = {
+            { name = "id", type = "BIGINT UNSIGNED NOT NULL AUTO_INCREMENT" },
+            { name = "account_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "name", type = "VARCHAR(32) NOT NULL" },
+            { name = "age", type = "TINYINT UNSIGNED NOT NULL" },
+            { name = "bio", type = "VARCHAR(300) NOT NULL DEFAULT ''" },
+            { name = "gender", type = "ENUM('woman', 'man', 'nonbinary') NOT NULL" },
+            { name = "interested_in", type = "ENUM('woman', 'man', 'nonbinary', 'everyone') NOT NULL DEFAULT 'everyone'" },
+            { name = "min_age", type = "TINYINT UNSIGNED NOT NULL DEFAULT 18" },
+            { name = "max_age", type = "TINYINT UNSIGNED NOT NULL DEFAULT 99" },
+            { name = "avatar", type = "TINYINT UNSIGNED NOT NULL DEFAULT 0" },
+            { name = "interests", type = "JSON NOT NULL" },
+            { name = "looking_for", type = "ENUM('longTerm', 'dates', 'friends') NOT NULL DEFAULT 'longTerm'" },
+            { name = "discoverable", type = "TINYINT(1) NOT NULL DEFAULT 1" },
+            { name = "created_at", type = "DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP" },
+            { name = "updated_at", type = "DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP" },
+        },
+        primaryKey = "id",
+        uniqueKeys = {
+            { name = "uniq_sky_phone_flare_profile_account", columns = "(`account_id`)" },
+        },
+        indexes = {
+            { name = "idx_sky_phone_flare_discovery", columns = "(`gender`, `age`, `updated_at`)" },
+        },
+        foreignKeys = {
+            { column = "account_id", references = "`sky_phone_accounts` (`id`) ON DELETE CASCADE" },
+        },
+        tableOptions = "ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci",
+    },
+    {
+        name = "sky_phone_flare_profile_photos",
+        columns = {
+            { name = "id", type = "BIGINT UNSIGNED NOT NULL AUTO_INCREMENT" },
+            { name = "profile_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "media_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "sort_order", type = "TINYINT UNSIGNED NOT NULL" },
+        },
+        primaryKey = "id",
+        uniqueKeys = {
+            { name = "uniq_sky_phone_flare_photo_order", columns = "(`profile_id`, `sort_order`)" },
+            { name = "uniq_sky_phone_flare_photo_media", columns = "(`profile_id`, `media_id`)" },
+        },
+        indexes = {
+            { name = "idx_sky_phone_flare_photo_media", columns = "(`media_id`)" },
+        },
+        foreignKeys = {
+            {
+                column = "profile_id",
+                references = "`sky_phone_flare_profiles` (`id`) ON DELETE CASCADE",
+            },
+            {
+                column = "media_id",
+                references = "`sky_phone_media` (`id`) ON DELETE CASCADE",
+            },
+        },
+        tableOptions = "ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci",
+    },
+    {
+        name = "sky_phone_flare_swipes",
+        columns = {
+            { name = "id", type = "BIGINT UNSIGNED NOT NULL AUTO_INCREMENT" },
+            { name = "swiper_account_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "target_account_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "choice", type = "ENUM('like', 'pass', 'superlike') NOT NULL" },
+            { name = "created_at", type = "DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP" },
+            { name = "updated_at", type = "DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP" },
+        },
+        primaryKey = "id",
+        uniqueKeys = {
+            { name = "uniq_sky_phone_flare_swipe", columns = "(`swiper_account_id`, `target_account_id`)" },
+        },
+        indexes = {
+            { name = "idx_sky_phone_flare_swipe_target", columns = "(`target_account_id`, `choice`)" },
+        },
+        foreignKeys = {
+            { column = "swiper_account_id", references = "`sky_phone_accounts` (`id`) ON DELETE CASCADE" },
+            { column = "target_account_id", references = "`sky_phone_accounts` (`id`) ON DELETE CASCADE" },
+        },
+        tableOptions = "ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci",
+    },
+    {
+        name = "sky_phone_flare_matches",
+        columns = {
+            { name = "id", type = "CHAR(36) NOT NULL", characterSet = "ascii", collation = "ascii_bin" },
+            { name = "account_a_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "account_b_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "created_at", type = "DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP" },
+        },
+        primaryKey = "id",
+        uniqueKeys = {
+            { name = "uniq_sky_phone_flare_match_pair", columns = "(`account_a_id`, `account_b_id`)" },
+        },
+        indexes = {
+            { name = "idx_sky_phone_flare_match_b", columns = "(`account_b_id`, `created_at`)" },
+        },
+        foreignKeys = {
+            { column = "account_a_id", references = "`sky_phone_accounts` (`id`) ON DELETE CASCADE" },
+            { column = "account_b_id", references = "`sky_phone_accounts` (`id`) ON DELETE CASCADE" },
+        },
+        tableOptions = "ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci",
+    },
+    {
+        name = "sky_phone_flare_messages",
+        columns = {
+            { name = "id", type = "CHAR(36) NOT NULL", characterSet = "ascii", collation = "ascii_bin" },
+            { name = "match_id", type = "CHAR(36) NOT NULL", characterSet = "ascii", collation = "ascii_bin" },
+            { name = "sender_account_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "body", type = "VARCHAR(1000) NOT NULL" },
+            { name = "message_type", type = "ENUM('text', 'image', 'gif', 'video') NOT NULL DEFAULT 'text'" },
+            { name = "media_url", type = "VARCHAR(2048) NULL" },
+            { name = "media_duration_ms", type = "INT UNSIGNED NULL" },
+            { name = "read_at", type = "DATETIME NULL" },
+            { name = "created_at", type = "DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP" },
+        },
+        primaryKey = "id",
+        indexes = {
+            { name = "idx_sky_phone_flare_message_thread", columns = "(`match_id`, `created_at`, `id`)" },
+            { name = "idx_sky_phone_flare_message_unread", columns = "(`match_id`, `sender_account_id`, `read_at`)" },
+        },
+        foreignKeys = {
+            { column = "match_id", references = "`sky_phone_flare_matches` (`id`) ON DELETE CASCADE" },
+            { column = "sender_account_id", references = "`sky_phone_accounts` (`id`) ON DELETE CASCADE" },
+        },
+        tableOptions = "ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci",
+    },
 }
 
 Bridge.Database.Migrate("sky_phone", schema)
+Bridge.Database.Query([[
+    ALTER TABLE `sky_phone_flare_swipes`
+    MODIFY COLUMN `choice` ENUM('like', 'pass', 'superlike') NOT NULL
+]], {})
+Bridge.Database.Query([[
+    ALTER TABLE `sky_phone_flare_messages`
+    MODIFY COLUMN `message_type` ENUM('text', 'image', 'gif', 'video') NOT NULL DEFAULT 'text'
+]], {})
 Bridge.Database.Query([[
     ALTER TABLE `sky_phone_sms_messages`
     MODIFY COLUMN `message_type` ENUM('text', 'voice', 'image', 'gif', 'video') NOT NULL DEFAULT 'text'
diff --git a/sky_phone/source/server/flare.lua b/sky_phone/source/server/flare.lua
new file mode 100644
index 0000000..d6fbffb
--- /dev/null
+++ b/sky_phone/source/server/flare.lua
@@ -0,0 +1,734 @@
+Bridge.Database.AfterMigration("sky_phone", function()
+local genders = { woman = true, man = true, nonbinary = true }
+local interests = { woman = true, man = true, nonbinary = true, everyone = true }
+local looking_for = { longTerm = true, dates = true, friends = true }
+local message_types = { text = true, image = true, gif = true, video = true }
+
+local function allowed_gif_url(value)
+    if type(value) ~= "string" or #value == 0 or #value > Config.Media.UrlMaxLength then
+        return false
+    end
+    local host = value:lower():match("^https://([^/:?#]+)")
+    if not host then
+        return false
+    end
+    for _, allowed_host in ipairs(Config.Media.AllowedGifHosts) do
+        local suffix = "." .. allowed_host
+        if host == allowed_host or host:sub(-#suffix) == suffix then
+            return true
+        end
+    end
+    return false
+end
+
+local function is_enabled(value)
+    return value == true or tonumber(value) == 1
+end
+
+local function text_length(value)
+    return type(value) == "string" and utf8.len(value) or nil
+end
+
+local function trim(value)
+    if type(value) ~= "string" then
+        return nil
+    end
+    return value:match("^%s*(.-)%s*$")
+end
+
+local function affected_rows(result)
+    if type(result) == "number" then
+        return result
+    end
+    return type(result) == "table" and tonumber(result.affectedRows) or 0
+end
+
+local function uuid()
+    local rows = Bridge.Database.Query("SELECT UUID() AS `id`", {})
+    if not rows[1] or type(rows[1].id) ~= "string" then
+        error("[sky_phone] Database did not generate a Flare UUID.")
+    end
+    return rows[1].id
+end
+
+local function decode_interests(value)
+    if type(value) ~= "string" or value == "" then
+        return {}
+    end
+    local decoded = json.decode(value)
+    if type(decoded) ~= "table" then
+        error("[sky_phone] Invalid Flare interests JSON.")
+    end
+    local result = {}
+    for _, interest in ipairs(decoded) do
+        if type(interest) == "string" then
+            result[#result + 1] = interest
+        end
+    end
+    return result
+end
+
+local function attach_profile_photos(rows, id_field)
+    id_field = id_field or "id"
+    local profile_ids = {}
+    local seen = {}
+    for _, row in ipairs(rows) do
+        local profile_id = tonumber(row[id_field])
+        if profile_id and not seen[profile_id] then
+            seen[profile_id] = true
+            profile_ids[#profile_ids + 1] = profile_id
+        end
+    end
+    if #profile_ids == 0 then
+        return rows
+    end
+
+    local placeholders = {}
+    for index = 1, #profile_ids do
+        placeholders[index] = "?"
+    end
+    local photo_rows = Bridge.Database.Query(([[
+        SELECT photo.`profile_id`, photo.`media_id`, media.`url`
+        FROM `sky_phone_flare_profile_photos` photo
+        JOIN `sky_phone_flare_profiles` profile ON profile.`id` = photo.`profile_id`
+        JOIN `sky_phone_media` media
+            ON media.`id` = photo.`media_id`
+            AND media.`account_id` = profile.`account_id`
+            AND media.`media_type` = 'photo'
+        WHERE photo.`profile_id` IN (%s)
+            AND media.`url` LIKE 'https://%%'
+        ORDER BY photo.`profile_id`, photo.`sort_order`, photo.`id`
+    ]]):format(table.concat(placeholders, ", ")), profile_ids)
+    local photos_by_profile = {}
+    for _, photo in ipairs(photo_rows) do
+        local profile_id = tonumber(photo.profile_id)
+        if profile_id and type(photo.url) == "string" then
+            local bucket = photos_by_profile[profile_id]
+            if not bucket then
+                bucket = { media_ids = {}, urls = {} }
+                photos_by_profile[profile_id] = bucket
+            end
+            bucket.media_ids[#bucket.media_ids + 1] = tonumber(photo.media_id)
+            bucket.urls[#bucket.urls + 1] = photo.url
+        end
+    end
+    for _, row in ipairs(rows) do
+        local bucket = photos_by_profile[tonumber(row[id_field])] or { media_ids = {}, urls = {} }
+        row.photo_media_ids = bucket.media_ids
+        row.photo_urls = bucket.urls
+    end
+    return rows
+end
+
+local function profile_payload(row, include_preferences)
+    local payload = {
+        id = tonumber(row.id),
+        name = row.name,
+        age = tonumber(row.age),
+        bio = row.bio,
+        gender = row.gender,
+        avatar = tonumber(row.avatar),
+        interests = decode_interests(row.interests),
+        lookingFor = row.looking_for,
+        photoUrls = row.photo_urls or {},
+    }
+    if include_preferences then
+        payload.discoverable = is_enabled(row.discoverable)
+        payload.interestedIn = row.interested_in
+        payload.minAge = tonumber(row.min_age)
+        payload.maxAge = tonumber(row.max_age)
+        payload.photoMediaIds = row.photo_media_ids or {}
+    end
+    return payload
+end
+
+local function load_profile(account_id)
+    local rows = Bridge.Database.Query([[
+        SELECT `id`, `name`, `age`, `bio`, `gender`, `interested_in`, `min_age`, `max_age`,
+            `discoverable`,
+            `avatar`, `interests`, `looking_for`
+        FROM `sky_phone_flare_profiles`
+        WHERE `account_id` = ? LIMIT 1
+    ]], { account_id })
+    attach_profile_photos(rows)
+    return rows[1]
+end
+
+local function list_suggestions(account_id, profile)
+    if not profile or not is_enabled(profile.discoverable) then
+        return {}
+    end
+    local rows = Bridge.Database.Query([[
+        SELECT target.`id`, target.`name`, target.`age`, target.`bio`, target.`gender`,
+            target.`avatar`, target.`interests`, target.`looking_for`
+        FROM `sky_phone_flare_profiles` mine
+        JOIN `sky_phone_flare_profiles` target ON target.`account_id` <> mine.`account_id`
+        LEFT JOIN `sky_phone_flare_swipes` swipe
+            ON swipe.`swiper_account_id` = mine.`account_id`
+            AND swipe.`target_account_id` = target.`account_id`
+        LEFT JOIN `sky_phone_flare_matches` matched
+            ON (matched.`account_a_id` = mine.`account_id` AND matched.`account_b_id` = target.`account_id`)
+            OR (matched.`account_b_id` = mine.`account_id` AND matched.`account_a_id` = target.`account_id`)
+        WHERE mine.`account_id` = ?
+            AND mine.`discoverable` = 1
+            AND target.`discoverable` = 1
+            AND swipe.`id` IS NULL
+            AND matched.`id` IS NULL
+            AND target.`age` BETWEEN mine.`min_age` AND mine.`max_age`
+            AND mine.`age` BETWEEN target.`min_age` AND target.`max_age`
+            AND (mine.`interested_in` = 'everyone' OR mine.`interested_in` = target.`gender`)
+            AND (target.`interested_in` = 'everyone' OR target.`interested_in` = mine.`gender`)
+        ORDER BY target.`updated_at` DESC, target.`id`
+        LIMIT 30
+    ]], { account_id })
+    attach_profile_photos(rows)
+    local suggestions = {}
+    for _, row in ipairs(rows) do
+        suggestions[#suggestions + 1] = profile_payload(row, false)
+    end
+    return suggestions
+end
+
+local function list_likes(account_id)
+    local rows = Bridge.Database.Query([[
+        SELECT profile.`id`, profile.`name`, profile.`age`, profile.`bio`, profile.`gender`,
+            profile.`avatar`, profile.`interests`, profile.`looking_for`, incoming.`choice`
+        FROM `sky_phone_flare_swipes` incoming
+        JOIN `sky_phone_flare_profiles` profile
+            ON profile.`account_id` = incoming.`swiper_account_id`
+        LEFT JOIN `sky_phone_flare_swipes` response
+            ON response.`swiper_account_id` = incoming.`target_account_id`
+            AND response.`target_account_id` = incoming.`swiper_account_id`
+        LEFT JOIN `sky_phone_flare_matches` matched
+            ON (matched.`account_a_id` = incoming.`swiper_account_id`
+                AND matched.`account_b_id` = incoming.`target_account_id`)
+            OR (matched.`account_b_id` = incoming.`swiper_account_id`
+                AND matched.`account_a_id` = incoming.`target_account_id`)
+        WHERE incoming.`target_account_id` = ?
+            AND incoming.`choice` IN ('like', 'superlike')
+            AND response.`id` IS NULL
+            AND matched.`id` IS NULL
+        ORDER BY incoming.`choice` = 'superlike' DESC, incoming.`updated_at` DESC
+        LIMIT 100
+    ]], { account_id })
+    attach_profile_photos(rows)
+    local likes = {}
+    for _, row in ipairs(rows) do
+        local payload = profile_payload(row, false)
+        payload.superLiked = row.choice == "superlike"
+        likes[#likes + 1] = payload
+    end
+    return likes
+end
+
+local function list_matches(account_id)
+    local rows = Bridge.Database.Query([[
+        SELECT match_row.`id`, match_row.`created_at`,
+            profile.`id` AS `profile_id`, profile.`name`, profile.`age`, profile.`bio`,
+            profile.`gender`, profile.`avatar`, profile.`interests`, profile.`looking_for`,
+            latest.`body` AS `last_message`, latest.`message_type` AS `last_message_type`,
+            UNIX_TIMESTAMP(latest.`created_at`) * 1000 AS `last_message_at`,
+            (SELECT COUNT(*) FROM `sky_phone_flare_messages` unread
+                WHERE unread.`match_id` = match_row.`id`
+                    AND unread.`sender_account_id` <> ?
+                    AND unread.`read_at` IS NULL) AS `unread`
+        FROM `sky_phone_flare_matches` match_row
+        JOIN `sky_phone_flare_profiles` profile ON profile.`account_id` =
+            IF(match_row.`account_a_id` = ?, match_row.`account_b_id`, match_row.`account_a_id`)
+        LEFT JOIN `sky_phone_flare_messages` latest ON latest.`id` = (
+            SELECT message.`id` FROM `sky_phone_flare_messages` message
+            WHERE message.`match_id` = match_row.`id`
+            ORDER BY message.`created_at` DESC, message.`id` DESC LIMIT 1
+        )
+        WHERE match_row.`account_a_id` = ? OR match_row.`account_b_id` = ?
+        ORDER BY COALESCE(latest.`created_at`, match_row.`created_at`) DESC
+        LIMIT 100
+    ]], { account_id, account_id, account_id, account_id })
+    attach_profile_photos(rows, "profile_id")
+    local matches = {}
+    for _, row in ipairs(rows) do
+        matches[#matches + 1] = {
+            id = row.id,
+            profile = profile_payload({
+                id = row.profile_id,
+                name = row.name,
+                age = row.age,
+                bio = row.bio,
+                gender = row.gender,
+                avatar = row.avatar,
+                interests = row.interests,
+                looking_for = row.looking_for,
+                photo_urls = row.photo_urls,
+            }, false),
+            lastMessage = row.last_message or "",
+            lastMessageAt = tonumber(row.last_message_at),
+            lastMessageType = row.last_message_type,
+            unread = tonumber(row.unread) or 0,
+        }
+    end
+    return matches
+end
+
+local function bootstrap(account_id)
+    local profile = load_profile(account_id)
+    return {
+        profile = profile and profile_payload(profile, true) or nil,
+        suggestions = list_suggestions(account_id, profile),
+        likes = list_likes(account_id),
+        matches = list_matches(account_id),
+    }
+end
+
+local function validate_profile(source, data)
+    if type(data) ~= "table" then
+        return nil
+    end
+    local name = trim(data.name)
+    local bio = trim(data.bio) or ""
+    local name_length = text_length(name)
+    local bio_length = text_length(bio)
+    local age = math.floor(tonumber(data.age) or 0)
+    local min_age = math.floor(tonumber(data.minAge) or 0)
+    local max_age = math.floor(tonumber(data.maxAge) or 0)
+    local avatar = math.floor(tonumber(data.avatar) or -1)
+    if not name_length or name_length < 2 or name_length > 32
+        or not bio_length or bio_length > 300
+        or age < 18 or age > 99
+        or min_age < 18 or min_age > 99
+        or max_age < min_age or max_age > 99
+        or avatar < 0 or avatar > 5
+        or not genders[data.gender]
+        or not interests[data.interestedIn]
+        or not looking_for[data.lookingFor]
+    then
+        return nil
+    end
+    local clean_interests = {}
+    if type(data.interests) == "table" then
+        for _, value in ipairs(data.interests) do
+            local interest = trim(value)
+            local length = text_length(interest)
+            if length and length > 0 and length <= 24 and #clean_interests < 5 then
+                clean_interests[#clean_interests + 1] = interest
+            end
+        end
+    end
+    local photo_media_ids = nil
+    local replace_photos = data.photoMediaIds ~= nil
+    if replace_photos then
+        if type(data.photoMediaIds) ~= "table" or #data.photoMediaIds > 6 then
+            return nil, "invalid_profile_photos"
+        end
+        photo_media_ids = {}
+        local seen_media = {}
+        for key in pairs(data.photoMediaIds) do
+            if type(key) ~= "number" or key < 1 or key > #data.photoMediaIds
+                or key ~= math.floor(key)
+            then
+                return nil, "invalid_profile_photos"
+            end
+        end
+        for _, value in ipairs(data.photoMediaIds) do
+            local media_id = tonumber(value)
+            if not media_id or media_id < 1 or media_id ~= math.floor(media_id)
+                or seen_media[media_id]
+                or not SkyPhoneMedia.ResolveOwnedMedia(source, media_id, "photo")
+            then
+                return nil, "invalid_profile_photos"
+            end
+            seen_media[media_id] = true
+            photo_media_ids[#photo_media_ids + 1] = media_id
+        end
+    end
+    return {
+        name = name,
+        age = age,
+        bio = bio,
+        gender = data.gender,
+        interested_in = data.interestedIn,
+        min_age = min_age,
+        max_age = max_age,
+        avatar = avatar,
+        interests = json.encode(clean_interests),
+        looking_for = data.lookingFor,
+        photo_media_ids = photo_media_ids,
+        replace_photos = replace_photos,
+    }, nil
+end
+
+local function load_match(account_id, match_id)
+    if type(match_id) ~= "string" or #match_id ~= 36 then
+        return nil
+    end
+    local rows = Bridge.Database.Query([[
+        SELECT `id`, `account_a_id`, `account_b_id`
+        FROM `sky_phone_flare_matches`
+        WHERE `id` = ? AND (`account_a_id` = ? OR `account_b_id` = ?)
+        LIMIT 1
+    ]], { match_id, account_id, account_id })
+    return rows[1]
+end
+
+local function validate_message(source, data)
+    if type(data) ~= "table" then
+        return nil, "invalid_message"
+    end
+    local message_type = data.messageType or "text"
+    if not message_types[message_type] then
+        return nil, "invalid_message"
+    end
+    if message_type == "text" then
+        local body = trim(data.body)
+        local length = text_length(body)
+        if not length or length < 1 or length > 1000 then
+            return nil, "invalid_message"
+        end
+        return { body = body, message_type = message_type }
+    end
+
+    if type(data.mediaAssetId) ~= "string" then
+        return nil, "invalid_attachment"
+    end
+    local media_url
+    if message_type == "gif" then
+        if not allowed_gif_url(data.mediaAssetId) then
+            return nil, "invalid_attachment"
+        end
+        media_url = data.mediaAssetId
+    else
+        local media_id = tonumber(data.mediaAssetId)
+        local expected_type = message_type == "image" and "photo" or "video"
+        if not media_id or media_id < 1 or media_id ~= math.floor(media_id) then
+            return nil, "invalid_attachment"
+        end
+        media_url = SkyPhoneMedia.ResolveOwnedMedia(source, media_id, expected_type)
+        if type(media_url) ~= "string" or #media_url > Config.Media.UrlMaxLength
+            or not media_url:match("^https://")
+        then
+            Bridge.Debug("warn", ("[sky_phone] Rejected unowned Flare media from source %s."):format(tostring(source)))
+            return nil, "invalid_attachment"
+        end
+    end
+
+    local duration = nil
+    if message_type == "video" and data.mediaDurationMs ~= nil then
+        duration = tonumber(data.mediaDurationMs)
+        if not duration or duration < 1000 or duration > Config.Messages.VideoMaxDurationMs then
+            return nil, "invalid_attachment"
+        end
+        duration = math.floor(duration)
+    end
+    return {
+        body = "",
+        media_duration_ms = duration,
+        media_url = media_url,
+        message_type = message_type,
+    }
+end
+
+local function message_payload(row, account_id)
+    return {
+        id = row.id,
+        direction = tonumber(row.sender_account_id) == tonumber(account_id) and "sent" or "received",
+        body = row.body or "",
+        createdAt = tonumber(row.created_at_ms),
+        messageType = row.message_type or "text",
+        mediaUrl = row.media_url,
+        mediaDurationMs = tonumber(row.media_duration_ms),
+    }
+end
+
+Bridge.Callbacks.Register("sky_phone:flare:bootstrap", function(source)
+    local account, error_response = SkyPhone.RequireAccount(source)
+    if not account then
+        return error_response
+    end
+    return { success = true, data = bootstrap(account.id) }
+end)
+
+Bridge.Callbacks.Register("sky_phone:flare:save-profile", function(source, data)
+    if not SkyPhone.AllowOperation(source, "flare_profile", 12, 60) then
+        return { success = false, error = "rate_limited" }
+    end
+    local account, error_response = SkyPhone.RequireAccount(source)
+    if not account then
+        return error_response
+    end
+    local profile, validation_error = validate_profile(source, data)
+    if not profile then
+        return { success = false, error = validation_error or "invalid_profile" }
+    end
+    local statements = {{
+        query = [[
+            INSERT INTO `sky_phone_flare_profiles`
+                (`account_id`, `name`, `age`, `bio`, `gender`, `interested_in`, `min_age`, `max_age`,
+                    `avatar`, `interests`, `looking_for`)
+            VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
+            ON DUPLICATE KEY UPDATE
+                `name` = VALUES(`name`), `age` = VALUES(`age`), `bio` = VALUES(`bio`),
+                `gender` = VALUES(`gender`), `interested_in` = VALUES(`interested_in`),
+                `min_age` = VALUES(`min_age`), `max_age` = VALUES(`max_age`),
+                `avatar` = VALUES(`avatar`), `interests` = VALUES(`interests`),
+                `looking_for` = VALUES(`looking_for`)
+        ]],
+        params = {
+            account.id, profile.name, profile.age, profile.bio, profile.gender,
+            profile.interested_in, profile.min_age, profile.max_age, profile.avatar,
+            profile.interests, profile.looking_for,
+        },
+    }}
+    if profile.replace_photos then
+        statements[#statements + 1] = {
+            query = [[
+                DELETE photo FROM `sky_phone_flare_profile_photos` photo
+                JOIN `sky_phone_flare_profiles` profile ON profile.`id` = photo.`profile_id`
+                WHERE profile.`account_id` = ?
+            ]],
+            params = { account.id },
+        }
+        for index, media_id in ipairs(profile.photo_media_ids) do
+            statements[#statements + 1] = {
+                query = [[
+                    INSERT INTO `sky_phone_flare_profile_photos`
+                        (`profile_id`, `media_id`, `sort_order`)
+                    SELECT `id`, ?, ? FROM `sky_phone_flare_profiles` WHERE `account_id` = ?
+                ]],
+                params = { media_id, index, account.id },
+            }
+        end
+    end
+    if not Bridge.Database.Transaction(statements) then
+        return { success = false, error = "request_failed" }
+    end
+    return { success = true, data = bootstrap(account.id) }
+end)
+
+Bridge.Callbacks.Register("sky_phone:flare:set-discovery", function(source, data)
+    if not SkyPhone.AllowOperation(source, "flare_discovery", 20, 60) then
+        return { success = false, error = "rate_limited" }
+    end
+    local account, error_response = SkyPhone.RequireAccount(source)
+    if not account then
+        return error_response
+    end
+    if type(data) ~= "table" or type(data.enabled) ~= "boolean" then
+        return { success = false, error = "invalid_discovery" }
+    end
+    if not load_profile(account.id) then
+        return { success = false, error = "invalid_profile" }
+    end
+    Bridge.Database.Query([[
+        UPDATE `sky_phone_flare_profiles` SET `discoverable` = ? WHERE `account_id` = ?
+    ]], { data.enabled and 1 or 0, account.id })
+    return { success = true, data = bootstrap(account.id) }
+end)
+
+Bridge.Callbacks.Register("sky_phone:flare:swipe", function(source, data)
+    if not SkyPhone.AllowOperation(source, "flare_swipe", 120, 60) then
+        return { success = false, error = "rate_limited" }
+    end
+    local account, error_response = SkyPhone.RequireAccount(source)
+    if not account then
+        return error_response
+    end
+    local own_profile = load_profile(account.id)
+    if not own_profile then
+        return { success = false, error = "invalid_profile" }
+    end
+    if not is_enabled(own_profile.discoverable) then
+        return { success = false, error = "discovery_disabled" }
+    end
+    local target_id = math.floor(tonumber(data and data.targetId) or 0)
+    local choice = data and data.choice
+    if target_id <= 0 or (choice ~= "like" and choice ~= "pass" and choice ~= "superlike") then
+        return { success = false, error = "invalid_choice" }
+    end
+    local targets = Bridge.Database.Query([[
+        SELECT target.`account_id`
+        FROM `sky_phone_flare_profiles` mine
+        JOIN `sky_phone_flare_profiles` target ON target.`id` = ?
+        WHERE mine.`account_id` = ?
+            AND target.`account_id` <> mine.`account_id`
+            AND mine.`discoverable` = 1
+            AND target.`discoverable` = 1
+            AND target.`age` BETWEEN mine.`min_age` AND mine.`max_age`
+            AND mine.`age` BETWEEN target.`min_age` AND target.`max_age`
+            AND (mine.`interested_in` = 'everyone' OR mine.`interested_in` = target.`gender`)
+            AND (target.`interested_in` = 'everyone' OR target.`interested_in` = mine.`gender`)
+        LIMIT 1
+    ]], { target_id, account.id })
+    local target_account_id = targets[1] and tonumber(targets[1].account_id)
+    if not target_account_id then
+        return { success = false, error = "invalid_target" }
+    end
+    Bridge.Database.Query([[
+        INSERT INTO `sky_phone_flare_swipes` (`swiper_account_id`, `target_account_id`, `choice`)
+        VALUES (?, ?, ?)
+        ON DUPLICATE KEY UPDATE `choice` = VALUES(`choice`), `updated_at` = CURRENT_TIMESTAMP
+    ]], { account.id, target_account_id, choice })
+    if choice == "pass" then
+        return { success = true, data = { match = nil } }
+    end
+    local reciprocal = Bridge.Database.Query([[
+        SELECT `id` FROM `sky_phone_flare_swipes`
+        WHERE `swiper_account_id` = ? AND `target_account_id` = ?
+            AND `choice` IN ('like', 'superlike')
+        LIMIT 1
+    ]], { target_account_id, account.id })
+    if not reciprocal[1] then
+        return { success = true, data = { match = nil } }
+    end
+    local account_a = math.min(account.id, target_account_id)
+    local account_b = math.max(account.id, target_account_id)
+    local insert_result = Bridge.Database.Query([[
+        INSERT IGNORE INTO `sky_phone_flare_matches` (`id`, `account_a_id`, `account_b_id`)
+        VALUES (?, ?, ?)
+    ]], { uuid(), account_a, account_b })
+    local match_created = affected_rows(insert_result) > 0
+    local matches = list_matches(account.id)
+    local created_match = nil
+    for _, match in ipairs(matches) do
+        if tonumber(match.profile.id) == target_id then
+            created_match = match
+            break
+        end
+    end
+    if created_match and match_created then
+        SkyPhone.NotifyAccountDevices(target_account_id, "sky_phone:flare:match", {
+            matchId = created_match.id,
+            sender = own_profile.name,
+        })
+    end
+    return { success = true, data = { match = created_match } }
+end)
+
+Bridge.Callbacks.Register("sky_phone:flare:rewind", function(source)
+    if not SkyPhone.AllowOperation(source, "flare_rewind", 20, 60) then
+        return { success = false, error = "rate_limited" }
+    end
+    local account, error_response = SkyPhone.RequireAccount(source)
+    if not account then
+        return error_response
+    end
+    local rows = Bridge.Database.Query([[
+        SELECT `id`, `target_account_id`
+        FROM `sky_phone_flare_swipes`
+        WHERE `swiper_account_id` = ?
+        ORDER BY `updated_at` DESC, `id` DESC
+        LIMIT 1
+    ]], { account.id })
+    local swipe = rows[1]
+    if not swipe then
+        return { success = false, error = "nothing_to_rewind" }
+    end
+    local target_account_id = tonumber(swipe.target_account_id)
+    local matched = Bridge.Database.Query([[
+        SELECT `id` FROM `sky_phone_flare_matches`
+        WHERE (`account_a_id` = ? AND `account_b_id` = ?)
+            OR (`account_a_id` = ? AND `account_b_id` = ?)
+        LIMIT 1
+    ]], { account.id, target_account_id, target_account_id, account.id })
+    if matched[1] then
+        return { success = false, error = "cannot_rewind_match" }
+    end
+    Bridge.Database.Query([[
+        DELETE FROM `sky_phone_flare_swipes` WHERE `id` = ? AND `swiper_account_id` = ?
+    ]], { swipe.id, account.id })
+    return { success = true, data = bootstrap(account.id) }
+end)
+
+Bridge.Callbacks.Register("sky_phone:flare:unmatch", function(source, data)
+    if not SkyPhone.AllowOperation(source, "flare_unmatch", 20, 60) then
+        return { success = false, error = "rate_limited" }
+    end
+    local account, error_response = SkyPhone.RequireAccount(source)
+    if not account then
+        return error_response
+    end
+    local match = load_match(account.id, data and data.matchId)
+    if not match then
+        return { success = false, error = "match_not_found" }
+    end
+    Bridge.Database.Query([[
+        DELETE FROM `sky_phone_flare_matches`
+        WHERE `id` = ? AND (`account_a_id` = ? OR `account_b_id` = ?)
+    ]], { match.id, account.id, account.id })
+    return { success = true, data = { matches = list_matches(account.id) } }
+end)
+
+Bridge.Callbacks.Register("sky_phone:flare:thread", function(source, data)
+    local account, error_response = SkyPhone.RequireAccount(source)
+    if not account then
+        return error_response
+    end
+    local match = load_match(account.id, data and data.matchId)
+    if not match then
+        return { success = false, error = "match_not_found" }
+    end
+    Bridge.Database.Query([[
+        UPDATE `sky_phone_flare_messages` SET `read_at` = CURRENT_TIMESTAMP
+        WHERE `match_id` = ? AND `sender_account_id` <> ? AND `read_at` IS NULL
+    ]], { match.id, account.id })
+    local rows = Bridge.Database.Query([[
+        SELECT `id`, `sender_account_id`, `body`, `message_type`, `media_url`,
+            `media_duration_ms`, UNIX_TIMESTAMP(`created_at`) * 1000 AS `created_at_ms`
+        FROM `sky_phone_flare_messages`
+        WHERE `match_id` = ?
+        ORDER BY `created_at`, `id`
+        LIMIT 500
+    ]], { match.id })
+    local messages = {}
+    for _, row in ipairs(rows) do
+        messages[#messages + 1] = message_payload(row, account.id)
+    end
+    return { success = true, data = { messages = messages } }
+end)
+
+Bridge.Callbacks.Register("sky_phone:flare:send", function(source, data)
+    if not SkyPhone.AllowOperation(source, "flare_message", 60, 60) then
+        return { success = false, error = "rate_limited" }
+    end
+    local account, error_response = SkyPhone.RequireAccount(source)
+    if not account then
+        return error_response
+    end
+    local match = load_match(account.id, data and data.matchId)
+    if not match then
+        return { success = false, error = "match_not_found" }
+    end
+    local message, validation_error = validate_message(source, data)
+    if not message then
+        return { success = false, error = validation_error }
+    end
+    local id = uuid()
+    local own_profile = load_profile(account.id)
+    Bridge.Database.Query([[
+        INSERT INTO `sky_phone_flare_messages`
+            (`id`, `match_id`, `sender_account_id`, `body`, `message_type`, `media_url`,
+                `media_duration_ms`)
+        VALUES (?, ?, ?, ?, ?, ?, ?)
+    ]], {
+        id, match.id, account.id, message.body, message.message_type, message.media_url,
+        message.media_duration_ms,
+    })
+    local recipient_account_id = tonumber(match.account_a_id) == tonumber(account.id)
+        and tonumber(match.account_b_id) or tonumber(match.account_a_id)
+    SkyPhone.NotifyAccountDevices(recipient_account_id, "sky_phone:flare:message", {
+        matchId = match.id,
+        body = message.body,
+        sender = own_profile and own_profile.name or "",
+    })
+    return {
+        success = true,
+        data = message_payload({
+            id = id,
+            sender_account_id = account.id,
+            body = message.body,
+            created_at_ms = os.time() * 1000,
+            message_type = message.message_type,
+            media_url = message.media_url,
+            media_duration_ms = message.media_duration_ms,
+        }, account.id),
+    }
+end)
+end)
diff --git a/sky_phone/sql/install.sql b/sky_phone/sql/install.sql
index 67ed4ef..6a92bf3 100644
--- a/sky_phone/sql/install.sql
+++ b/sky_phone/sql/install.sql
@@ -345,3 +345,81 @@ CREATE TABLE IF NOT EXISTS `sky_phone_fliptok_blocks` (
     FOREIGN KEY (`blocker_id`) REFERENCES `sky_phone_fliptok_profiles` (`id`) ON DELETE CASCADE,
     FOREIGN KEY (`blocked_id`) REFERENCES `sky_phone_fliptok_profiles` (`id`) ON DELETE CASCADE
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+CREATE TABLE IF NOT EXISTS `sky_phone_flare_profiles` (
+    `id` BIGINT UNSIGNED NOT NULL AUTO_INCREMENT,
+    `account_id` BIGINT UNSIGNED NOT NULL,
+    `name` VARCHAR(32) NOT NULL,
+    `age` TINYINT UNSIGNED NOT NULL,
+    `bio` VARCHAR(300) NOT NULL DEFAULT '',
+    `gender` ENUM('woman', 'man', 'nonbinary') NOT NULL,
+    `interested_in` ENUM('woman', 'man', 'nonbinary', 'everyone') NOT NULL DEFAULT 'everyone',
+    `min_age` TINYINT UNSIGNED NOT NULL DEFAULT 18,
+    `max_age` TINYINT UNSIGNED NOT NULL DEFAULT 99,
+    `avatar` TINYINT UNSIGNED NOT NULL DEFAULT 0,
+    `interests` JSON NOT NULL,
+    `looking_for` ENUM('longTerm', 'dates', 'friends') NOT NULL DEFAULT 'longTerm',
+    `discoverable` TINYINT(1) NOT NULL DEFAULT 1,
+    `created_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    `updated_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+    PRIMARY KEY (`id`),
+    UNIQUE KEY `uniq_sky_phone_flare_profile_account` (`account_id`),
+    KEY `idx_sky_phone_flare_discovery` (`gender`, `age`, `updated_at`),
+    FOREIGN KEY (`account_id`) REFERENCES `sky_phone_accounts` (`id`) ON DELETE CASCADE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+CREATE TABLE IF NOT EXISTS `sky_phone_flare_profile_photos` (
+    `id` BIGINT UNSIGNED NOT NULL AUTO_INCREMENT,
+    `profile_id` BIGINT UNSIGNED NOT NULL,
+    `media_id` BIGINT UNSIGNED NOT NULL,
+    `sort_order` TINYINT UNSIGNED NOT NULL,
+    PRIMARY KEY (`id`),
+    UNIQUE KEY `uniq_sky_phone_flare_photo_order` (`profile_id`, `sort_order`),
+    UNIQUE KEY `uniq_sky_phone_flare_photo_media` (`profile_id`, `media_id`),
+    KEY `idx_sky_phone_flare_photo_media` (`media_id`),
+    FOREIGN KEY (`profile_id`) REFERENCES `sky_phone_flare_profiles` (`id`) ON DELETE CASCADE,
+    FOREIGN KEY (`media_id`) REFERENCES `sky_phone_media` (`id`) ON DELETE CASCADE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+CREATE TABLE IF NOT EXISTS `sky_phone_flare_swipes` (
+    `id` BIGINT UNSIGNED NOT NULL AUTO_INCREMENT,
+    `swiper_account_id` BIGINT UNSIGNED NOT NULL,
+    `target_account_id` BIGINT UNSIGNED NOT NULL,
+    `choice` ENUM('like', 'pass', 'superlike') NOT NULL,
+    `created_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    `updated_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+    PRIMARY KEY (`id`),
+    UNIQUE KEY `uniq_sky_phone_flare_swipe` (`swiper_account_id`, `target_account_id`),
+    KEY `idx_sky_phone_flare_swipe_target` (`target_account_id`, `choice`),
+    FOREIGN KEY (`swiper_account_id`) REFERENCES `sky_phone_accounts` (`id`) ON DELETE CASCADE,
+    FOREIGN KEY (`target_account_id`) REFERENCES `sky_phone_accounts` (`id`) ON DELETE CASCADE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+CREATE TABLE IF NOT EXISTS `sky_phone_flare_matches` (
+    `id` CHAR(36) CHARACTER SET ascii COLLATE ascii_bin NOT NULL,
+    `account_a_id` BIGINT UNSIGNED NOT NULL,
+    `account_b_id` BIGINT UNSIGNED NOT NULL,
+    `created_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    PRIMARY KEY (`id`),
+    UNIQUE KEY `uniq_sky_phone_flare_match_pair` (`account_a_id`, `account_b_id`),
+    KEY `idx_sky_phone_flare_match_b` (`account_b_id`, `created_at`),
+    FOREIGN KEY (`account_a_id`) REFERENCES `sky_phone_accounts` (`id`) ON DELETE CASCADE,
+    FOREIGN KEY (`account_b_id`) REFERENCES `sky_phone_accounts` (`id`) ON DELETE CASCADE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+CREATE TABLE IF NOT EXISTS `sky_phone_flare_messages` (
+    `id` CHAR(36) CHARACTER SET ascii COLLATE ascii_bin NOT NULL,
+    `match_id` CHAR(36) CHARACTER SET ascii COLLATE ascii_bin NOT NULL,
+    `sender_account_id` BIGINT UNSIGNED NOT NULL,
+    `body` VARCHAR(1000) NOT NULL,
+    `message_type` ENUM('text', 'image', 'gif', 'video') NOT NULL DEFAULT 'text',
+    `media_url` VARCHAR(2048) NULL,
+    `media_duration_ms` INT UNSIGNED NULL,
+    `read_at` DATETIME NULL,
+    `created_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    PRIMARY KEY (`id`),
+    KEY `idx_sky_phone_flare_message_thread` (`match_id`, `created_at`, `id`),
+    KEY `idx_sky_phone_flare_message_unread` (`match_id`, `sender_account_id`, `read_at`),
+    FOREIGN KEY (`match_id`) REFERENCES `sky_phone_flare_matches` (`id`) ON DELETE CASCADE,
+    FOREIGN KEY (`sender_account_id`) REFERENCES `sky_phone_accounts` (`id`) ON DELETE CASCADE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;