diff --git a/README.md b/README.md
index 15ba3db..0930eba 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,25 @@
 # sky_phone
 
+## FlipTok verification
+
+FlipTok verification is server-authoritative and limited to the framework groups configured in
+`Config.FlipTok.AdminGroups`; no command ACE is required. Use
+`/fliptokverify <@handle> [on|off]`. Without `on` or `off`, the current blue-check state is toggled.
+The command name is configurable through `Config.FlipTok.VerifyCommand`.
+Verification command access uses `Config.FlipTok.AdminGroups`. The report moderation overview is
+server-authoritative and independently restricted through `Config.FlipTok.ReportAdminGroups`.
+
+## FlipTok music
+
+Licensed music can be exposed in the composer through `Config.FlipTok.MusicTracks`. Keep the IDs
+stable because published videos store the selected ID; URLs must be directly playable by the NUI.
+
+```lua
+MusicTracks = {
+    { Id = "night-drive", Title = "Night Drive", Artist = "Sky Radio", Url = "https://cdn.example.com/night-drive.ogg" },
+}
+```
+
 Standalone FiveM phone built with Vue 3, TypeScript, Pinia, Vue Router, Konsta UI 5, and Tailwind CSS 4. Each non-stackable `phone` item receives a unique 15-digit IMEI and owns its server-persisted device state. The phone opens through the usable item; `/phone` is disabled unless `Config.Phone.DevelopmentCommand` is enabled explicitly.
 
 An iFruit account is optional. Unlinked devices retain local settings, alarms, media, apps, notes, contacts, and recent calls. Linking from Mail or Settings moves local data into an empty cloud account; an existing cloud dataset wins over local contacts and recents. Signing out keeps an editable local snapshot without deleting cloud data.
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 4240fb8..20121d0 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 { useFlipTokStore } from '@/stores/fliptok'
 import { useMediaStore } from '@/stores/media'
 import { useMarketplaceStore } from '@/stores/marketplace'
 import { useAppStoreStore } from '@/stores/app-store'
@@ -60,6 +61,8 @@ type AppMessage = {
     | MarketplaceEventData
     | MessagesEventData
     | DarkChatEventData
+    | FlipTokVerificationData
+    | FlipTokNotificationData
     | PhoneCall
     | PhoneNotificationInput
     | PhoneOpenPayload
@@ -115,6 +118,20 @@ type CalendarReminderData = {
   text?: string
   title?: string
 }
+
+type FlipTokVerificationData = {
+  profileId: number
+  verified: boolean
+}
+
+type FlipTokNotificationData = {
+  actor?: string
+  device?: PhoneNotificationDevicePayload
+  kind?: 'like' | 'comment' | 'follow' | 'verified'
+  text?: string
+  title?: string
+  videoId?: string
+}
 const REFERENCE_VIEWPORT_WIDTH = 1920
 const REFERENCE_VIEWPORT_HEIGHT = 1080
 const PHONE_BASE_SCALE = 0.69
@@ -130,6 +147,7 @@ const banking = useBankingStore()
 const mail = useMailStore()
 const messages = useMessagesStore()
 const darkchat = useDarkChatStore()
+const fliptok = useFlipTokStore()
 const media = useMediaStore()
 const marketplace = useMarketplaceStore()
 const appStore = useAppStoreStore()
@@ -277,6 +295,32 @@ function onMessage(event: MessageEvent<AppMessage>): void {
   } else if (event.data?.type === 'marketplace:changed' && event.data.data) {
     const data = event.data.data as MarketplaceEventData
     if (data.counts) marketplace.setCounts(data.counts)
+  } else if (
+    event.data?.type === 'fliptok:verification-changed' &&
+    event.data.data
+  ) {
+    const data = event.data.data as FlipTokVerificationData
+    fliptok.applyVerification(Number(data.profileId), data.verified === true)
+  } else if (event.data?.type === 'fliptok:new' && event.data.data) {
+    const data = event.data.data as FlipTokNotificationData
+    const notification: PhoneNotificationInput = {
+      appId: 'fliptok',
+      subtitle: data.actor,
+      text: data.text ?? phone.t('Apps.fliptok.notifications.default'),
+      title: data.title ?? phone.t('Apps.fliptok.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)
+    if (phone.isOpen) void fliptok.loadActivities()
   } else if (
     event.data?.type === 'marketplace:new-message' &&
     event.data.data
diff --git a/frontend/src/assets/img/app-icons/fliptok.svg b/frontend/src/assets/img/app-icons/fliptok.svg
new file mode 100644
index 0000000..9cc1d98
--- /dev/null
+++ b/frontend/src/assets/img/app-icons/fliptok.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" role="img" aria-label="FlipTok">
+  <defs>
+    <linearGradient id="flip-bg" x1="18" y1="10" x2="112" y2="120" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#7471f2"/>
+      <stop offset="1" stop-color="#3532a8"/>
+    </linearGradient>
+    <linearGradient id="flip-card" x1="48" y1="30" x2="98" y2="106" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ffffff"/>
+      <stop offset="1" stop-color="#e8e7ff"/>
+    </linearGradient>
+  </defs>
+  <rect width="128" height="128" rx="29" fill="url(#flip-bg)"/>
+  <rect x="23" y="25" width="55" height="76" rx="14" transform="rotate(-9 23 25)" fill="#ffffff" fill-opacity=".23" stroke="#ffffff" stroke-opacity=".46" stroke-width="3"/>
+  <rect x="46" y="23" width="61" height="82" rx="16" fill="url(#flip-card)"/>
+  <path d="M69 50.5c0-3 3.3-4.8 5.8-3.1l21 14c2.2 1.5 2.2 4.7 0 6.2l-21 14c-2.5 1.7-5.8-.1-5.8-3.1v-28Z" fill="#403db7"/>
+  <path d="M24 89c7 18 24 27 44 27 13 0 25-4 34-12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round"/>
+  <path d="m94 101 11 1-2 11" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/src/assets/img/frames/red.webp b/frontend/src/assets/img/frames/red.webp
new file mode 100644
index 0000000..7b37070
Binary files /dev/null and b/frontend/src/assets/img/frames/red.webp differ
diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css
index 1bd1679..ed8945a 100644
--- a/frontend/src/assets/main.css
+++ b/frontend/src/assets/main.css
@@ -364,14 +364,16 @@ button {
   top: 0;
   left: 0;
   width: 100%;
-  height: 45px;
-  padding: 19px 42px 0;
+  height: 48px;
+  padding: 17px 30px 0;
   color: #fff;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
-  font-size: 12px;
-  font-weight: 500;
+  font-size: 17px;
+  font-weight: 600;
+  line-height: 20px;
+  letter-spacing: -0.25px;
   text-shadow: 0 1px 3px #0009;
   pointer-events: none;
 }
@@ -382,10 +384,10 @@ button {
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  gap: 3px;
-  width: 118px;
-  height: 45px;
-  padding: 11px 42px 0 0;
+  gap: 6px;
+  width: 120px;
+  height: 48px;
+  padding: 17px 30px 0 0;
   border: 0;
   color: inherit;
   background: transparent;
diff --git a/frontend/src/components/PhoneMediaCapture.vue b/frontend/src/components/PhoneMediaCapture.vue
index cbf6c2c..cf6f48d 100644
--- a/frontend/src/components/PhoneMediaCapture.vue
+++ b/frontend/src/components/PhoneMediaCapture.vue
@@ -23,6 +23,7 @@ let renderFrameId: number | undefined
 let lastRenderAt = 0
 let recorder: MediaRecorder | null = null
 let stream: MediaStream | null = null
+let microphoneStream: MediaStream | null = null
 let chunks: RecordingChunk[] = []
 let lastChunkAt = 0
 let lastChunkTimecode: number | null = null
@@ -95,7 +96,9 @@ function resetRecording(): void {
 
 function stopTracks(): void {
   stream?.getTracks().forEach((track) => track.stop())
+  microphoneStream?.getTracks().forEach((track) => track.stop())
   stream = null
+  microphoneStream = null
 }
 
 function cleanupRecording(): void {
@@ -109,7 +112,7 @@ function cleanupRecording(): void {
   postRecordState(false)
 }
 
-function startRecording(data: Record<string, unknown>): void {
+async function startRecording(data: Record<string, unknown>): Promise<void> {
   if (recorder) return
   if (typeof MediaRecorder === 'undefined') {
     window.postMessage(
@@ -127,13 +130,45 @@ function startRecording(data: Record<string, unknown>): void {
   }
   startRenderLoop()
   resetRecording()
-  stream = canvasRef.value?.captureStream(captureFps) ?? null
-  if (!stream) {
+  const videoStream = canvasRef.value?.captureStream(captureFps) ?? null
+  if (!videoStream) {
     cleanupRecording()
     return
   }
+  if (data.microphoneEnabled === true) {
+    try {
+      microphoneStream = await navigator.mediaDevices.getUserMedia({
+        audio: {
+          autoGainControl: true,
+          echoCancellation: true,
+          noiseSuppression: true,
+        },
+      })
+    } catch {
+      videoStream.getTracks().forEach((track) => track.stop())
+      cleanupRecording()
+      window.postMessage(
+        {
+          data: { error: 'microphone_unavailable', success: false },
+          type: 'camera:recordError',
+        },
+        '*',
+      )
+      return
+    }
+  }
+  stream = new MediaStream([
+    ...videoStream.getVideoTracks(),
+    ...(microphoneStream?.getAudioTracks() ?? []),
+  ])
+  const mimeType = [
+    'video/webm;codecs=vp8,opus',
+    'video/webm;codecs=vp8',
+    'video/webm',
+  ].find((type) => MediaRecorder.isTypeSupported(type))
   recorder = new MediaRecorder(stream, {
-    mimeType: 'video/webm',
+    ...(mimeType ? { mimeType } : {}),
+    audioBitsPerSecond: 128_000,
     videoBitsPerSecond: bitrateBps,
   })
   recorder.ondataavailable = (event) => {
@@ -311,7 +346,7 @@ function onMessage(event: MessageEvent): void {
     type?: string
   }
   if (message.type === 'camera:recordStart') {
-    startRecording(message.data ?? {})
+    void startRecording(message.data ?? {})
   } else if (message.type === 'camera:recordStop') {
     void stopRecording(message.data ?? {})
   } else if (message.type === 'camera:recordCancel') {
diff --git a/frontend/src/components/PhoneStatusBar.vue b/frontend/src/components/PhoneStatusBar.vue
index 74ae40d..73ff7d1 100644
--- a/frontend/src/components/PhoneStatusBar.vue
+++ b/frontend/src/components/PhoneStatusBar.vue
@@ -40,13 +40,13 @@ onBeforeUnmount(() => {
     >
       <Plane
         v-if="phone.preferences.settings.airplaneMode"
-        :size="12"
+        :size="18"
         :stroke-width="2.5"
         aria-hidden="true"
       />
       <Signal
         v-else-if="phone.preferences.settings.cellularEnabled"
-        :size="12"
+        :size="19"
         :stroke-width="2.5"
         aria-hidden="true"
       />
@@ -55,11 +55,11 @@ onBeforeUnmount(() => {
           phone.preferences.settings.wifiEnabled &&
           !phone.preferences.settings.airplaneMode
         "
-        :size="13"
+        :size="20"
         :stroke-width="2.5"
         aria-hidden="true"
       />
-      <BatteryMedium :size="16" :stroke-width="2.4" />
+      <BatteryMedium :size="26" :stroke-width="2.4" aria-hidden="true" />
     </button>
   </header>
 </template>
diff --git a/frontend/src/config/apps.test.ts b/frontend/src/config/apps.test.ts
index 7b98180..755acf4 100644
--- a/frontend/src/config/apps.test.ts
+++ b/frontend/src/config/apps.test.ts
@@ -124,7 +124,15 @@ describe('app registry', () => {
       PHONE_APPS.filter((app) => app.category === 'social').map(
         (app) => app.id,
       ),
-    ).toEqual(['local-pages', 'radio', 'phone', 'darkchat', 'banking', 'mail'])
+    ).toEqual([
+      'fliptok',
+      'radio',
+      'local-pages',
+      'phone',
+      'darkchat',
+      'banking',
+      'mail',
+    ])
     expect(
       PHONE_APPS.filter((app) => app.dockOrder !== null)
         .sort((a, b) => (a.dockOrder ?? 0) - (b.dockOrder ?? 0))
diff --git a/frontend/src/config/apps.ts b/frontend/src/config/apps.ts
index e52ce0b..01b9e02 100644
--- a/frontend/src/config/apps.ts
+++ b/frontend/src/config/apps.ts
@@ -54,6 +54,7 @@ import bankingIcon from '@/assets/img/app-icons/banking.svg'
 import garageIcon from '@/assets/img/app-icons/garage.svg'
 import citymarktIcon from '@/assets/img/app-icons/citymarkt.webp'
 import localPagesIcon from '@/assets/img/app-icons/local-pages.webp'
+import flipTokIcon from '@/assets/img/app-icons/fliptok.svg'
 import type {
   LaunchablePhoneAppDefinition,
   LaunchablePhoneAppId,
@@ -61,6 +62,20 @@ import type {
 } from '@/types/apps'
 
 export const PHONE_APPS: PhoneAppDefinition[] = [
+  {
+    category: 'social',
+    component: markRaw(
+      defineAsyncComponent(() => import('@/views/apps/FlipTokApp.vue')),
+    ),
+    dockOrder: null,
+    gridOrder: 22,
+    icon: markRaw(Blocks),
+    iconClass: 'app-icon--fliptok',
+    iconImage: flipTokIcon,
+    id: 'fliptok',
+    labelKey: 'Apps.fliptok.name',
+    route: '/apps/fliptok',
+  },
   {
     category: 'productivity',
     component: markRaw(
diff --git a/frontend/src/stores/fliptok.test.ts b/frontend/src/stores/fliptok.test.ts
new file mode 100644
index 0000000..a7f1dfd
--- /dev/null
+++ b/frontend/src/stores/fliptok.test.ts
@@ -0,0 +1,133 @@
+import { createPinia, setActivePinia } from 'pinia'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+
+import { useFlipTokStore } from '@/stores/fliptok'
+import type {
+  FlipTokActivity,
+  FlipTokComment,
+  FlipTokProfile,
+  FlipTokVideo,
+} from '@/types/fliptok'
+import { nuiCall } from '@/utils/nui'
+
+vi.mock('@/utils/nui', () => ({
+  nuiCall: vi.fn(),
+}))
+
+const profile: FlipTokProfile = {
+  account_type: 'person',
+  bio: '',
+  display_name: 'Nova',
+  followers: 1,
+  following: 2,
+  handle: 'nova',
+  id: 7,
+  is_following: false,
+  is_owner: true,
+  verified: false,
+  video_count: 1,
+}
+
+const video: FlipTokVideo = {
+  caption: 'Los Santos',
+  comment_count: 1,
+  comments_enabled: true,
+  created_at: 1,
+  display_name: 'Nova',
+  handle: 'nova',
+  id: 'video-1',
+  is_following: false,
+  is_liked: false,
+  is_owner: true,
+  is_saved: false,
+  like_count: 2,
+  location: '',
+  cover_time_ms: 0,
+  music_artist: '',
+  music_title: '',
+  music_track: '',
+  music_url: '',
+  music_volume: 0,
+  original_volume: 100,
+  profile_id: 7,
+  share_count: 0,
+  trim_end_ms: null,
+  trim_start_ms: 0,
+  url: 'https://example.com/video.webm',
+  verified: false,
+  view_count: 3,
+}
+
+const comment: FlipTokComment = {
+  body: 'Nice',
+  created_at: 1,
+  display_name: 'Nova',
+  handle: 'nova',
+  id: 'comment-1',
+  profile_id: 7,
+  verified: false,
+}
+
+const activity: FlipTokActivity = {
+  created_at: 1,
+  display_name: 'Nova',
+  handle: 'nova',
+  id: 'activity-1',
+  kind: 'follow',
+  profile_id: 7,
+  read_at: null,
+  verified: false,
+  video_id: null,
+}
+
+describe('FlipTok verification updates', () => {
+  beforeEach(() => {
+    setActivePinia(createPinia())
+    vi.mocked(nuiCall).mockReset()
+  })
+
+  it('updates the badge everywhere the profile is already visible', () => {
+    const store = useFlipTokStore()
+    store.profile = { ...profile }
+    store.feed = [{ ...video }]
+    store.searchResults = [{ ...video }]
+    store.comments = [{ ...comment }]
+    store.activities = [{ ...activity }]
+
+    store.applyVerification(7, true)
+
+    expect(store.profile.verified).toBe(true)
+    expect(store.feed[0].verified).toBe(true)
+    expect(store.searchResults[0].verified).toBe(true)
+    expect(store.comments[0].verified).toBe(true)
+    expect(store.activities[0].verified).toBe(true)
+  })
+
+  it('does not alter another profile', () => {
+    const store = useFlipTokStore()
+    store.feed = [{ ...video }]
+
+    store.applyVerification(99, true)
+
+    expect(store.feed[0].verified).toBe(false)
+  })
+
+  it('removes a blocked creator from every visible surface', async () => {
+    vi.mocked(nuiCall).mockResolvedValue({ success: true })
+    const store = useFlipTokStore()
+    store.feed = [{ ...video }]
+    store.searchResults = [{ ...video }]
+    store.profileVideos = [{ ...video }]
+    store.comments = [{ ...comment }]
+    store.activities = [{ ...activity }]
+    store.viewedProfile = { ...profile }
+
+    expect(await store.blockProfile(7)).toBe(true)
+    expect(store.feed).toEqual([])
+    expect(store.searchResults).toEqual([])
+    expect(store.profileVideos).toEqual([])
+    expect(store.comments).toEqual([])
+    expect(store.activities).toEqual([])
+    expect(store.viewedProfile).toBeNull()
+  })
+})
diff --git a/frontend/src/stores/fliptok.ts b/frontend/src/stores/fliptok.ts
new file mode 100644
index 0000000..022bc6f
--- /dev/null
+++ b/frontend/src/stores/fliptok.ts
@@ -0,0 +1,208 @@
+import { defineStore } from 'pinia'
+
+import type {
+  FlipTokActivity,
+  FlipTokComment,
+  FlipTokMusicTrack,
+  FlipTokPage,
+  FlipTokProfile,
+  FlipTokProfilePage,
+  FlipTokReport,
+  FlipTokVideo,
+} from '@/types/fliptok'
+import { nuiCall, type NuiResponse } from '@/utils/nui'
+
+export const useFlipTokStore = defineStore('fliptok', {
+  state: () => ({
+    activities: [] as FlipTokActivity[],
+    comments: [] as FlipTokComment[],
+    feed: [] as FlipTokVideo[],
+    isAdmin: false,
+    loading: false,
+    musicTracks: [] as FlipTokMusicTrack[],
+    mode: 'for-you' as 'for-you' | 'following',
+    profile: null as FlipTokProfile | null,
+    profileVideos: [] as FlipTokVideo[],
+    reports: [] as FlipTokReport[],
+    searchResults: [] as FlipTokVideo[],
+    viewedProfile: null as FlipTokProfile | null,
+  }),
+  actions: {
+    applyVerification(profileId: number, verified: boolean): void {
+      if (this.profile?.id === profileId) this.profile.verified = verified
+      if (this.viewedProfile?.id === profileId)
+        this.viewedProfile.verified = verified
+      this.feed
+        .filter((video) => video.profile_id === profileId)
+        .forEach((video) => {
+          video.verified = verified
+        })
+      this.searchResults
+        .filter((video) => video.profile_id === profileId)
+        .forEach((video) => {
+          video.verified = verified
+        })
+      this.profileVideos
+        .filter((video) => video.profile_id === profileId)
+        .forEach((video) => {
+          video.verified = verified
+        })
+      this.comments
+        .filter((comment) => comment.profile_id === profileId)
+        .forEach((comment) => {
+          comment.verified = verified
+        })
+      this.activities
+        .filter((activity) => activity.profile_id === profileId)
+        .forEach((activity) => {
+          activity.verified = verified
+        })
+    },
+    async bootstrap(): Promise<boolean> {
+      this.loading = true
+      const response = await nuiCall<{
+        feed: FlipTokPage
+        isAdmin: boolean
+        musicTracks: FlipTokMusicTrack[]
+        profile: FlipTokProfile
+      }>('fliptok:bootstrap')
+      this.loading = false
+      if (!response.success || !response.data) return false
+      this.profile = response.data.profile
+      this.feed = response.data.feed.items
+      this.isAdmin = response.data.isAdmin === true
+      this.musicTracks = response.data.musicTracks ?? []
+      return true
+    },
+    async loadFeed(mode?: 'for-you' | 'following'): Promise<boolean> {
+      mode ??= this.mode
+      this.mode = mode
+      this.loading = true
+      const response = await nuiCall<FlipTokPage>('fliptok:feed', {
+        mode,
+        offset: 0,
+      })
+      this.loading = false
+      if (!response.success || !response.data) return false
+      this.feed = response.data.items
+      return true
+    },
+    async discover(search: string): Promise<FlipTokVideo[]> {
+      const response = await nuiCall<FlipTokVideo[]>('fliptok:discover', {
+        search,
+      })
+      this.searchResults =
+        response.success && response.data ? response.data : []
+      return this.searchResults
+    },
+    async react(video: FlipTokVideo, kind: 'like' | 'save'): Promise<void> {
+      const key = kind === 'like' ? 'is_liked' : 'is_saved'
+      const next = !video[key]
+      video[key] = next
+      if (kind === 'like') video.like_count += next ? 1 : -1
+      const response = await nuiCall('fliptok:react', {
+        active: next,
+        id: video.id,
+        kind,
+      })
+      if (!response.success) {
+        video[key] = !next
+        if (kind === 'like') video.like_count += next ? -1 : 1
+      }
+    },
+    async follow(video: FlipTokVideo): Promise<void> {
+      const next = !video.is_following
+      const response = await nuiCall('fliptok:follow', {
+        active: next,
+        profileId: video.profile_id,
+      })
+      if (response.success)
+        this.feed
+          .filter((item) => item.profile_id === video.profile_id)
+          .forEach((item) => {
+            item.is_following = next
+          })
+    },
+    async followProfile(profile: FlipTokProfile): Promise<void> {
+      const next = !profile.is_following
+      const response = await nuiCall('fliptok:follow', {
+        active: next,
+        profileId: profile.id,
+      })
+      if (!response.success) return
+      profile.is_following = next
+      profile.followers += next ? 1 : -1
+      this.feed
+        .filter((item) => item.profile_id === profile.id)
+        .forEach((item) => {
+          item.is_following = next
+        })
+    },
+    async loadProfile(query: {
+      handle?: string
+      profileId?: number
+    }): Promise<boolean> {
+      const response = await nuiCall<FlipTokProfilePage>(
+        'fliptok:profile',
+        query,
+      )
+      if (!response.success || !response.data) return false
+      this.viewedProfile = response.data.profile
+      this.profileVideos = response.data.videos
+      return true
+    },
+    showOwnProfile(): void {
+      this.viewedProfile = null
+      this.profileVideos = this.feed.filter((item) => item.is_owner)
+    },
+    async blockProfile(profileId: number): Promise<boolean> {
+      const response = await nuiCall('fliptok:block', { profileId })
+      if (!response.success) return false
+      this.feed = this.feed.filter((video) => video.profile_id !== profileId)
+      this.searchResults = this.searchResults.filter(
+        (video) => video.profile_id !== profileId,
+      )
+      this.comments = this.comments.filter(
+        (comment) => comment.profile_id !== profileId,
+      )
+      this.activities = this.activities.filter(
+        (activity) => activity.profile_id !== profileId,
+      )
+      this.profileVideos = this.profileVideos.filter(
+        (video) => video.profile_id !== profileId,
+      )
+      if (this.viewedProfile?.id === profileId) this.viewedProfile = null
+      return true
+    },
+    async loadComments(id: string): Promise<void> {
+      const response = await nuiCall<FlipTokComment[]>('fliptok:comments', {
+        id,
+      })
+      this.comments = response.success && response.data ? response.data : []
+    },
+    async comment(id: string, body: string): Promise<NuiResponse> {
+      return nuiCall('fliptok:comment', { body, id })
+    },
+    async loadActivities(): Promise<void> {
+      const response = await nuiCall<FlipTokActivity[]>('fliptok:activities')
+      this.activities = response.success && response.data ? response.data : []
+      if (response.success) await nuiCall('fliptok:mark-activities')
+    },
+    async loadReports(): Promise<boolean> {
+      const response = await nuiCall<FlipTokReport[]>('fliptok:admin-reports')
+      this.reports = response.success && response.data ? response.data : []
+      return response.success
+    },
+    async resolveReport(
+      id: string,
+      action: 'dismiss' | 'remove',
+    ): Promise<boolean> {
+      const response = await nuiCall('fliptok:admin-resolve-report', {
+        action,
+        id,
+      })
+      if (response.success) await this.loadReports()
+      return response.success
+    },
+  },
+})
diff --git a/frontend/src/stores/phone.ts b/frontend/src/stores/phone.ts
index c7f0103..26d5637 100644
--- a/frontend/src/stores/phone.ts
+++ b/frontend/src/stores/phone.ts
@@ -40,6 +40,121 @@ const namespaceQueues = new Map<string, Promise<void>>()
 
 const defaultLocales: LocaleTree = {
   Apps: {
+    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',
+      emptyFeed: 'No videos yet',
+      emptyFeedBody: 'Follow creators or post the first FlipTok.',
+      searchPlaceholder: 'Search creators and videos',
+      noActivity: 'No activity yet',
+      followers: 'Followers',
+      videos: 'Videos',
+      emptyBio: 'No bio yet.',
+      editProfile: 'Edit profile',
+      newVideo: 'New FlipTok',
+      chooseVideo: 'Choose a video',
+      chooseVideoHint: 'Select one from Gallery',
+      changeVideo: 'Change',
+      captionPlaceholder: 'Write a caption...',
+      location: 'Add location',
+      whoCanWatch: 'Who can watch',
+      public: 'Everyone',
+      followersOnly: 'Followers',
+      private: 'Only me',
+      allowComments: 'Allow comments',
+      saveDraft: 'Drafts',
+      publishing: 'Posting...',
+      post: 'Post',
+      draftSaved: 'Draft saved.',
+      published: 'Your FlipTok is live.',
+      linkCopied: 'Video link copied.',
+      reported: 'Report submitted.',
+      blocked: 'Creator blocked.',
+      comments: 'Comments',
+      noComments: 'No comments yet',
+      addComment: 'Add comment...',
+      report: 'Report video',
+      reportReason: 'Reason',
+      reportDetails: 'Additional details (optional)',
+      submitReport: 'Submit report',
+      reportReasons: {
+        spam: 'Spam or misleading',
+        harassment: 'Harassment or bullying',
+        dangerous: 'Dangerous activity',
+        illegal: 'Illegal content',
+        other: 'Something else',
+      },
+      block: 'Block creator',
+      follow: 'Follow',
+      unfollow: 'Following',
+      backToProfile: 'Back',
+      sounds: 'Sound',
+      chooseSound: 'Choose music',
+      originalOnly: 'Original sound only',
+      noMusic: 'No music tracks are configured.',
+      trimAndCover: 'Trim & cover',
+      trimStart: 'Start',
+      trimEnd: 'End',
+      coverFrame: 'Cover',
+      originalVolume: 'Original sound',
+      musicVolume: 'Music',
+      moderation: 'Moderation',
+      reports: 'Open reports',
+      noReports: 'No open reports',
+      removeVideo: 'Remove video',
+      dismissReport: 'Dismiss',
+      cancel: 'Cancel',
+      done: 'Done',
+      displayName: 'Name',
+      username: 'Username',
+      bio: 'Bio',
+      accountType: 'Account type',
+      accountTypes: {
+        person: 'Person',
+        business: 'Business',
+        organization: 'Organization',
+        media: 'Media',
+        event: 'Event',
+      },
+      activityKinds: {
+        like: 'liked your video',
+        comment: 'commented on your video',
+        follow: 'started following you',
+        verified: 'verification changed',
+      },
+      notifications: {
+        like: '{actor} liked your video.',
+        comment: '{actor} commented on your video.',
+        follow: '{actor} started following you.',
+        verified: 'Your FlipTok account is now verified.',
+        default: 'You have new FlipTok activity.',
+      },
+      errors: {
+        invalid_video: 'Check the video details.',
+        invalid_media: 'Choose a video from this phone.',
+        invalid_comment: 'Enter a valid comment.',
+        comments_disabled: 'Comments are disabled.',
+        invalid_profile: 'Check your profile details.',
+        handle_taken: 'This username is already taken.',
+        video_not_found: 'This video is unavailable.',
+        rate_limited: 'Too many actions. Try again shortly.',
+        not_authenticated: 'Sign in to iFruit first.',
+        blocked: 'This account is blocked.',
+        not_authorized: 'You do not have moderation access.',
+        report_not_found: 'This report is no longer open.',
+        default: 'FlipTok could not complete the request.',
+      },
+    },
     darkchat: {
       name: 'DarkChat',
       newMessage: 'New DarkChat message from {sender}',
@@ -1070,6 +1185,8 @@ const defaultLocales: LocaleTree = {
       portrait: 'Switch to portrait',
       photo: 'Photo',
       video: 'Video',
+      microphoneOn: 'Microphone on',
+      microphoneOff: 'Microphone muted',
       focusHelp: 'Space for movement',
       returnHelp: 'Space to return',
       uploading: '{count} uploading',
@@ -1087,6 +1204,8 @@ const defaultLocales: LocaleTree = {
         invalid_upload: 'The upload could not be verified.',
         invalid_upload_token: 'The upload session is no longer valid.',
         missing_config: 'Camera uploads are not configured.',
+        microphone_unavailable:
+          'Allow microphone access or mute the microphone before recording.',
         not_found: 'The media item no longer exists.',
         operation_in_progress:
           'Another media operation is already in progress.',
@@ -1544,6 +1663,7 @@ const defaultLocales: LocaleTree = {
     send: 'Send',
     start: 'Start',
     stop: 'Stop',
+    use: 'Use',
   },
   Notifications: { now: 'now' },
   LockScreen: {
diff --git a/frontend/src/types/apps.ts b/frontend/src/types/apps.ts
index a95006d..ca8516e 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'
+  | 'fliptok'
 
 export type LaunchablePhoneAppId = PhoneAppId
 
diff --git a/frontend/src/types/fliptok.ts b/frontend/src/types/fliptok.ts
new file mode 100644
index 0000000..29e790b
--- /dev/null
+++ b/frontend/src/types/fliptok.ts
@@ -0,0 +1,97 @@
+export type FlipTokProfile = {
+  account_type: 'person' | 'business' | 'organization' | 'media' | 'event'
+  bio: string
+  display_name: string
+  followers: number
+  following: number
+  handle: string
+  id: number
+  is_following: boolean
+  is_owner: boolean
+  verified: boolean
+  video_count: number
+}
+
+export type FlipTokVideo = {
+  caption: string
+  comment_count: number
+  comments_enabled: boolean
+  created_at: number
+  display_name: string
+  handle: string
+  id: string
+  is_following: boolean
+  is_liked: boolean
+  is_owner: boolean
+  is_saved: boolean
+  like_count: number
+  location: string
+  cover_time_ms: number
+  music_artist: string
+  music_title: string
+  music_track: string
+  music_url: string
+  music_volume: number
+  original_volume: number
+  profile_id: number
+  share_count: number
+  trim_end_ms: number | null
+  trim_start_ms: number
+  url: string
+  verified: boolean
+  view_count: number
+}
+
+export type FlipTokMusicTrack = {
+  artist: string
+  id: string
+  title: string
+  url: string
+}
+
+export type FlipTokReport = {
+  caption: string
+  created_at: number
+  creator_display_name: string
+  creator_handle: string
+  details: string
+  id: string
+  reason: 'spam' | 'harassment' | 'dangerous' | 'illegal' | 'other'
+  reporter_display_name: string
+  reporter_handle: string
+  url: string
+  video_id: string
+}
+
+export type FlipTokProfilePage = {
+  profile: FlipTokProfile
+  videos: FlipTokVideo[]
+}
+
+export type FlipTokComment = {
+  body: string
+  created_at: number
+  display_name: string
+  handle: string
+  id: string
+  profile_id: number
+  verified: boolean
+}
+
+export type FlipTokActivity = {
+  created_at: number
+  display_name: string
+  handle: string
+  id: string
+  kind: 'like' | 'comment' | 'follow' | 'verified'
+  profile_id: number
+  read_at: string | null
+  verified: boolean
+  video_id: string | null
+}
+
+export type FlipTokPage = {
+  hasMore: boolean
+  items: FlipTokVideo[]
+  offset: number
+}
diff --git a/frontend/src/utils/preferences.ts b/frontend/src/utils/preferences.ts
index 5942536..17d6eda 100644
--- a/frontend/src/utils/preferences.ts
+++ b/frontend/src/utils/preferences.ts
@@ -68,6 +68,7 @@ const DEFAULT_APP_NOTIFICATIONS: Record<
   'neon-drop': { enabled: true, sounds: true },
   citymarkt: { enabled: true, sounds: true },
   'local-pages': { enabled: true, sounds: true },
+  fliptok: { enabled: true, sounds: true },
   camera: { enabled: true, sounds: true },
   clock: { enabled: true, sounds: true },
   calendar: { enabled: true, sounds: true },
diff --git a/frontend/src/views/apps/CameraApp.vue b/frontend/src/views/apps/CameraApp.vue
index 43f7487..c1e604e 100644
--- a/frontend/src/views/apps/CameraApp.vue
+++ b/frontend/src/views/apps/CameraApp.vue
@@ -1,14 +1,10 @@
 <script setup lang="ts">
-import {
-  kFab,
-  kNavbar,
-  kPage,
-  kSegmented,
-  kSegmentedButton,
-} from 'konsta/vue'
+import { kFab, kNavbar, kPage, kSegmented, kSegmentedButton } from 'konsta/vue'
 import {
   ArrowLeft,
   Images,
+  Mic,
+  MicOff,
   RefreshCw,
   RotateCcwSquare,
   Video,
@@ -45,6 +41,7 @@ const requestedMessageMedia = computed<MediaType | null>(() => {
 const mode = ref<MediaType>(requestedMessageMedia.value ?? 'photo')
 const selectedZoom = ref<(typeof zoomLevels)[number]>(1)
 const flashEnabled = ref(false)
+const microphoneEnabled = ref(true)
 const frontCamera = ref(false)
 const shutterActive = ref(false)
 const focused = ref(true)
@@ -63,6 +60,8 @@ let recordingTimer: number | undefined
 let gameView: GameView | null = null
 let renderFrameId: number | undefined
 let resizeObserver: ResizeObserver | null = null
+let wheelDelta = 0
+let wheelResetTimer: number | undefined
 
 const pendingCount = computed(
   () =>
@@ -88,6 +87,12 @@ const flashColors = computed(() => ({
     ? 'text-yellow-500 dark:text-yellow-300'
     : controlColors.textIos,
 }))
+const microphoneColors = computed(() => ({
+  ...controlColors,
+  textIos: microphoneEnabled.value
+    ? 'text-white'
+    : 'text-red-400',
+}))
 
 function correlationId(): string {
   return `${Date.now()}-${crypto.randomUUID()}`
@@ -156,15 +161,31 @@ async function requestPhoto(): Promise<void> {
 
 function startRecording(): void {
   if (savingVideo.value) return
+  if (isDevelopment) {
+    recording.value = true
+    recordingStartedAt.value = Date.now()
+    updateRecordingTimer()
+    if (recordingTimer !== undefined) window.clearInterval(recordingTimer)
+    recordingTimer = window.setInterval(updateRecordingTimer, 250)
+    return
+  }
   window.postMessage(
     {
-      data: { bitrateKbps: videoBitrateKbps.value },
+      data: {
+        bitrateKbps: videoBitrateKbps.value,
+        microphoneEnabled: microphoneEnabled.value,
+      },
       type: 'camera:recordStart',
     },
     '*',
   )
 }
 
+function toggleMicrophone(): void {
+  if (recording.value || savingVideo.value) return
+  microphoneEnabled.value = !microphoneEnabled.value
+}
+
 function stopRecording(): void {
   if (!recording.value || savingVideo.value) return
   const id = correlationId()
@@ -172,6 +193,8 @@ function stopRecording(): void {
   if (isDevelopment) {
     recording.value = false
     savingVideo.value = true
+    if (recordingTimer !== undefined) window.clearInterval(recordingTimer)
+    recordingTimer = undefined
     window.setTimeout(() => {
       window.dispatchEvent(
         new MessageEvent('message', {
@@ -247,6 +270,26 @@ function setZoom(zoom: (typeof zoomLevels)[number]): void {
   void nuiCall('camera:setZoom', { zoom })
 }
 
+function zoomWithWheel(event: WheelEvent): void {
+  wheelDelta += event.deltaY
+  if (wheelResetTimer !== undefined) window.clearTimeout(wheelResetTimer)
+  wheelResetTimer = window.setTimeout(() => {
+    wheelDelta = 0
+    wheelResetTimer = undefined
+  }, 140)
+  if (Math.abs(wheelDelta) < 35) return
+
+  const currentIndex = zoomLevels.indexOf(selectedZoom.value)
+  const nextIndex = Math.min(
+    zoomLevels.length - 1,
+    Math.max(0, currentIndex + (wheelDelta < 0 ? 1 : -1)),
+  )
+  wheelDelta = 0
+  const nextZoom = zoomLevels[nextIndex]
+  if (nextZoom !== undefined && nextZoom !== selectedZoom.value)
+    setZoom(nextZoom)
+}
+
 function resizeGameView(entry?: ResizeObserverEntry): void {
   if (!gameCanvas.value || !gameView) return
   const width = entry?.contentRect.width ?? gameCanvas.value.offsetWidth
@@ -379,6 +422,7 @@ onBeforeUnmount(() => {
   if (shutterTimer !== undefined) window.clearTimeout(shutterTimer)
   if (noticeTimer !== undefined) window.clearTimeout(noticeTimer)
   if (recordingTimer !== undefined) window.clearInterval(recordingTimer)
+  if (wheelResetTimer !== undefined) window.clearTimeout(wheelResetTimer)
   window.removeEventListener('keydown', onKeydown)
   window.removeEventListener('message', onMessage)
   if (renderFrameId !== undefined) window.cancelAnimationFrame(renderFrameId)
@@ -402,7 +446,7 @@ onBeforeUnmount(() => {
     :class="{ 'camera-page--landscape': phone.cameraLandscape }"
     :aria-label="phone.t('Apps.camera.name')"
   >
-    <div class="camera-viewport">
+    <div class="camera-viewport" @wheel.prevent="zoomWithWheel">
       <canvas
         v-if="!isDevelopment"
         ref="gameCanvas"
@@ -423,29 +467,53 @@ onBeforeUnmount(() => {
     </div>
 
     <header class="camera-topbar">
-      <button
-        v-if="requestedMessageMedia"
-        class="camera-picker-back"
-        type="button"
-        :aria-label="phone.t('Common.back')"
-        @click="cancelMediaSelection"
-      >
-        <ArrowLeft :size="20" />
-      </button>
-      <k-fab
-        v-if="!requestedMessageMedia"
-        component="button"
-        type="button"
-        class="camera-control"
-        :colors="flashColors"
-        :aria-label="phone.t('Apps.camera.flash')"
-        @click="toggleFlash"
-      >
-        <template #icon>
-          <Zap v-if="flashEnabled" :size="19" />
-          <ZapOff v-else :size="19" />
-        </template>
-      </k-fab>
+      <div class="camera-topbar-actions">
+        <button
+          v-if="requestedMessageMedia"
+          class="camera-picker-back"
+          type="button"
+          :aria-label="phone.t('Common.back')"
+          @click="cancelMediaSelection"
+        >
+          <ArrowLeft :size="20" />
+        </button>
+        <k-fab
+          v-else
+          component="button"
+          type="button"
+          class="camera-control"
+          :colors="flashColors"
+          :aria-label="phone.t('Apps.camera.flash')"
+          @click="toggleFlash"
+        >
+          <template #icon>
+            <Zap v-if="flashEnabled" :size="19" />
+            <ZapOff v-else :size="19" />
+          </template>
+        </k-fab>
+        <k-fab
+          v-if="mode === 'video'"
+          component="button"
+          type="button"
+          class="camera-control"
+          :colors="microphoneColors"
+          :disabled="recording || savingVideo"
+          :aria-label="
+            phone.t(
+              microphoneEnabled
+                ? 'Apps.camera.microphoneOn'
+                : 'Apps.camera.microphoneOff',
+            )
+          "
+          :aria-pressed="microphoneEnabled"
+          @click="toggleMicrophone"
+        >
+          <template #icon>
+            <Mic v-if="microphoneEnabled" :size="19" />
+            <MicOff v-else :size="19" />
+          </template>
+        </k-fab>
+      </div>
       <span
         v-if="noticeText"
         class="camera-focus-pill camera-focus-pill--notice"
@@ -455,11 +523,7 @@ onBeforeUnmount(() => {
       <span v-else-if="pendingCount" class="camera-upload-pill">
         {{ phone.t('Apps.camera.uploading', { count: String(pendingCount) }) }}
       </span>
-      <span v-else class="camera-focus-pill">
-        {{
-          phone.t(focused ? 'Apps.camera.focusHelp' : 'Apps.camera.returnHelp')
-        }}
-      </span>
+      <span v-else class="camera-topbar-spacer" aria-hidden="true"></span>
       <k-fab
         component="button"
         type="button"
@@ -595,7 +659,7 @@ onBeforeUnmount(() => {
 <style scoped>
 .camera-page {
   position: relative;
-  overflow: hidden;
+  overflow: clip;
   background: #000;
   color: #fff;
 }
@@ -684,9 +748,20 @@ onBeforeUnmount(() => {
   left: 18px;
   right: 18px;
   display: grid;
-  grid-template-columns: 44px 1fr 44px;
+  grid-template-columns: auto minmax(0, 1fr) 44px;
   align-items: center;
-  gap: 10px;
+  gap: 8px;
+}
+.camera-topbar-actions {
+  display: flex;
+  gap: 8px;
+}
+.camera-topbar-spacer {
+  min-width: 0;
+}
+.camera-topbar .camera-control {
+  width: 44px;
+  height: 44px;
 }
 .camera-control {
   --color-primary: transparent;
diff --git a/frontend/src/views/apps/FlipTokApp.vue b/frontend/src/views/apps/FlipTokApp.vue
new file mode 100644
index 0000000..31b5878
--- /dev/null
+++ b/frontend/src/views/apps/FlipTokApp.vue
@@ -0,0 +1,2473 @@
+<script setup lang="ts">
+import {
+  ArrowLeft,
+  Bell,
+  Bookmark,
+  Check,
+  ChevronDown,
+  Compass,
+  Heart,
+  Home,
+  MapPin,
+  MessageCircle,
+  MoreHorizontal,
+  Music2,
+  Play,
+  Plus,
+  Search,
+  ShieldAlert,
+  Send,
+  Share2,
+  UserRound,
+  Video,
+  X,
+} from 'lucide-vue-next'
+import {
+  kButton,
+  kGlass,
+  kLink,
+  kList,
+  kListItem,
+  kNavbar,
+  kPage,
+  kPreloader,
+  kRange,
+  kSearchbar,
+  kSheet,
+  kTabbar,
+  kTabbarLink,
+  kToggle,
+} from 'konsta/vue'
+import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
+
+import { useFlipTokStore } from '@/stores/fliptok'
+import { useMessageMediaStore } from '@/stores/messageMedia'
+import { usePhoneStore } from '@/stores/phone'
+import type {
+  FlipTokProfile,
+  FlipTokReport,
+  FlipTokVideo,
+} from '@/types/fliptok'
+import type { PhoneMedia } from '@/types/media'
+import { nuiCall } from '@/utils/nui'
+
+type Tab = 'feed' | 'discover' | 'create' | 'activity' | 'profile'
+
+const phone = usePhoneStore()
+const store = useFlipTokStore()
+const messageMedia = useMessageMediaStore()
+const router = useRouter()
+const tab = ref<Tab>('feed')
+const selectedVideo = ref<FlipTokVideo | null>(null)
+const selectedMedia = ref<PhoneMedia | null>(null)
+const commentsOpen = ref(false)
+const actionsOpen = ref(false)
+const visibilitySheetOpen = ref(false)
+const accountTypeSheetOpen = ref(false)
+const composeOpen = ref(false)
+const profileEditOpen = ref(false)
+const moderationOpen = ref(false)
+const musicSheetOpen = ref(false)
+const reportSheetOpen = ref(false)
+const search = ref('')
+const commentBody = ref('')
+const caption = ref('')
+const location = ref('')
+const visibility = ref<'public' | 'followers' | 'private'>('public')
+const commentsEnabled = ref(true)
+const trimStartMs = ref(0)
+const trimEndMs = ref(0)
+const coverTimeMs = ref(0)
+const originalVolume = ref(100)
+const musicVolume = ref(35)
+const musicTrack = ref('')
+const videoDurationMs = ref(0)
+const previewVideo = ref<HTMLVideoElement | null>(null)
+const composerMusic = ref<HTMLAudioElement | null>(null)
+const reportReason = ref<'spam' | 'harassment' | 'dangerous' | 'illegal' | 'other'>('spam')
+const reportDetails = ref('')
+const publishing = ref(false)
+const feedback = ref('')
+const likedPulseId = ref<string | null>(null)
+const reactionPulse = ref<{ id: string; kind: 'like' | 'save' } | null>(null)
+const profileDraft = ref({
+  accountType: 'person',
+  bio: '',
+  displayName: '',
+  handle: '',
+})
+const videoElements = new Map<string, HTMLVideoElement>()
+const musicElements = new Map<string, HTMLAudioElement>()
+let observer: IntersectionObserver | null = null
+let videoClickTimer: number | null = null
+let likePulseTimer: number | null = null
+let reactionPulseTimer: number | null = null
+const darkNavbarColors = { bgIos: 'bg-black', textIos: 'text-white' }
+const darkSheetColors = { bgIos: 'bg-[#151517]' }
+const draftButtonColors = {
+  tonalBgIos: 'bg-[#1c1c1e] active:bg-[#2c2c2e]',
+  tonalTextIos: 'text-[#64a8ff]',
+}
+const reportRemoveButtonColors = {
+  fillBgIos: 'bg-[#ff453a] active:bg-[#d93832]',
+  fillTextIos: 'text-white',
+}
+const visibilityOptions = ['public', 'followers', 'private'] as const
+const accountTypeOptions = [
+  'person',
+  'business',
+  'organization',
+  'media',
+  'event',
+] as const
+const reportReasonOptions = [
+  'spam',
+  'harassment',
+  'dangerous',
+  'illegal',
+  'other',
+] as const
+
+const currentProfile = computed(() => store.viewedProfile ?? store.profile)
+const selectedMusic = computed(() =>
+  store.musicTracks.find((track) => track.id === musicTrack.value),
+)
+const canPublish = computed(
+  () => Boolean(selectedMedia.value) && caption.value.length <= 500,
+)
+
+function t(key: string, values?: Record<string, string>): string {
+  return phone.t(`Apps.fliptok.${key}`, values)
+}
+
+function initials(name: string): string {
+  return name.trim().slice(0, 2).toUpperCase() || 'FT'
+}
+
+function compactCount(value: number): string {
+  return new Intl.NumberFormat('en', {
+    maximumFractionDigits: 1,
+    notation: 'compact',
+  }).format(value)
+}
+
+function notify(message: string): void {
+  feedback.value = message
+  window.setTimeout(() => {
+    feedback.value = ''
+  }, 2400)
+}
+
+function setVideoElement(id: string, element: unknown): void {
+  if (element instanceof HTMLVideoElement) videoElements.set(id, element)
+}
+
+function setMusicElement(id: string, element: unknown): void {
+  if (element instanceof HTMLAudioElement) musicElements.set(id, element)
+}
+
+function textParts(value: string): Array<{ kind: 'text' | 'hashtag' | 'mention'; value: string }> {
+  return value.split(/([#@][A-Za-z0-9._]+)/g).filter(Boolean).map((part) => ({
+    kind: part.startsWith('#') ? 'hashtag' : part.startsWith('@') ? 'mention' : 'text',
+    value: part,
+  }))
+}
+
+async function openTextLink(part: { kind: string; value: string }): Promise<void> {
+  if (part.kind === 'hashtag') {
+    search.value = part.value
+    tab.value = 'discover'
+    await runSearch()
+  } else if (part.kind === 'mention') {
+    await openProfile(undefined, part.value.slice(1))
+  }
+}
+
+function observeVideos(): void {
+  observer?.disconnect()
+  observer = new IntersectionObserver(
+    (entries) => {
+      entries.forEach((entry) => {
+        const video = entry.target as HTMLVideoElement
+        if (entry.isIntersecting && entry.intersectionRatio > 0.72) {
+          videoElements.forEach((item) => {
+            if (item !== video) {
+              item.pause()
+              const otherAudio = musicElements.get(item.dataset.id ?? '')
+              otherAudio?.pause()
+            }
+          })
+          void video.play().catch(() => undefined)
+          const id = video.dataset.id
+          const music = id ? musicElements.get(id) : undefined
+          if (music) void music.play().catch(() => undefined)
+          if (id) void nuiCall('fliptok:view', { id })
+        } else {
+          video.pause()
+          const id = video.dataset.id
+          if (id) musicElements.get(id)?.pause()
+        }
+      })
+    },
+    { threshold: [0.72] },
+  )
+  videoElements.forEach((video) => observer?.observe(video))
+}
+
+function togglePlayback(video: FlipTokVideo): void {
+  const element = videoElements.get(video.id)
+  if (!element) return
+  const music = musicElements.get(video.id)
+  if (element.paused) {
+    void element.play()
+    if (music) void music.play().catch(() => undefined)
+  } else {
+    element.pause()
+    music?.pause()
+  }
+}
+
+function prepareFeedVideo(video: FlipTokVideo, element: HTMLVideoElement): void {
+  element.volume = (Number(video.original_volume) || 0) / 100
+  const start = Math.min((Number(video.trim_start_ms) || 0) / 1000, element.duration || 0)
+  if (element.currentTime < start) element.currentTime = start
+}
+
+function enforceVideoTrim(video: FlipTokVideo, element: HTMLVideoElement): void {
+  const end = (video.trim_end_ms ?? Math.round(element.duration * 1000)) / 1000
+  if (element.currentTime < video.trim_start_ms / 1000 || element.currentTime >= end) {
+    element.currentTime = video.trim_start_ms / 1000
+    const music = musicElements.get(video.id)
+    if (music) music.currentTime = 0
+  } else {
+    const music = musicElements.get(video.id)
+    if (music?.duration) {
+      const expected = (element.currentTime - video.trim_start_ms / 1000) % music.duration
+      if (Math.abs(music.currentTime - expected) > 0.65) music.currentTime = expected
+    }
+  }
+}
+
+function prepareMusic(video: FlipTokVideo, element: HTMLAudioElement): void {
+  element.volume = video.music_volume / 100
+}
+
+function handleVideoClick(video: FlipTokVideo): void {
+  if (videoClickTimer !== null) window.clearTimeout(videoClickTimer)
+  videoClickTimer = window.setTimeout(() => {
+    videoClickTimer = null
+    togglePlayback(video)
+  }, 230)
+}
+
+async function handleVideoDoubleClick(video: FlipTokVideo): Promise<void> {
+  if (videoClickTimer !== null) {
+    window.clearTimeout(videoClickTimer)
+    videoClickTimer = null
+  }
+  if (!video.is_liked) await store.react(video, 'like')
+  likedPulseId.value = video.id
+  if (likePulseTimer !== null) window.clearTimeout(likePulseTimer)
+  likePulseTimer = window.setTimeout(() => {
+    likedPulseId.value = null
+    likePulseTimer = null
+  }, 650)
+}
+
+async function reactWithPulse(
+  video: FlipTokVideo,
+  kind: 'like' | 'save',
+): Promise<void> {
+  reactionPulse.value = null
+  await nextTick()
+  reactionPulse.value = { id: video.id, kind }
+  if (reactionPulseTimer !== null) window.clearTimeout(reactionPulseTimer)
+  reactionPulseTimer = window.setTimeout(() => {
+    reactionPulse.value = null
+    reactionPulseTimer = null
+  }, 480)
+  await store.react(video, kind)
+}
+
+async function changeMode(mode: 'for-you' | 'following'): Promise<void> {
+  await store.loadFeed(mode)
+  await nextTick()
+  observeVideos()
+}
+
+async function openComments(video: FlipTokVideo): Promise<void> {
+  selectedVideo.value = video
+  await store.loadComments(video.id)
+  commentsOpen.value = true
+}
+
+async function submitComment(): Promise<void> {
+  if (!selectedVideo.value || !commentBody.value.trim()) return
+  const response = await store.comment(
+    selectedVideo.value.id,
+    commentBody.value.trim(),
+  )
+  if (!response.success)
+    return notify(t(`errors.${response.error ?? 'default'}`))
+  commentBody.value = ''
+  selectedVideo.value.comment_count += 1
+  await store.loadComments(selectedVideo.value.id)
+}
+
+function chooseVideo(): void {
+  messageMedia.begin('fliptok:compose', 'video', '/apps/fliptok?compose=1', 1, {
+    caption: caption.value,
+    commentsEnabled: commentsEnabled.value,
+    location: location.value,
+    visibility: visibility.value,
+    trimStartMs: trimStartMs.value,
+    trimEndMs: trimEndMs.value,
+    coverTimeMs: coverTimeMs.value,
+    originalVolume: originalVolume.value,
+    musicVolume: musicVolume.value,
+    musicTrack: musicTrack.value,
+  })
+  void router.push({
+    path: '/apps/photos',
+    query: { mediaAttachment: 'video' },
+  })
+}
+
+async function publish(draft = false): Promise<void> {
+  if (!selectedMedia.value || publishing.value) return
+  publishing.value = true
+  const response = await nuiCall('fliptok:publish', {
+    caption: caption.value,
+    commentsEnabled: commentsEnabled.value,
+    draft,
+    location: location.value,
+    mediaId: selectedMedia.value.id,
+    trimStartMs: trimStartMs.value,
+    trimEndMs: trimEndMs.value || null,
+    coverTimeMs: coverTimeMs.value,
+    originalVolume: originalVolume.value,
+    musicVolume: musicTrack.value ? musicVolume.value : 0,
+    musicTrack: musicTrack.value,
+    visibility: visibility.value,
+  })
+  publishing.value = false
+  if (!response.success)
+    return notify(t(`errors.${response.error ?? 'default'}`))
+  resetComposer()
+  composeOpen.value = false
+  tab.value = 'feed'
+  await store.loadFeed('for-you')
+  await nextTick()
+  observeVideos()
+  notify(t(draft ? 'draftSaved' : 'published'))
+}
+
+function resetComposer(): void {
+  selectedMedia.value = null
+  caption.value = ''
+  location.value = ''
+  visibility.value = 'public'
+  commentsEnabled.value = true
+  trimStartMs.value = 0
+  trimEndMs.value = 0
+  coverTimeMs.value = 0
+  originalVolume.value = 100
+  musicVolume.value = 35
+  musicTrack.value = ''
+  videoDurationMs.value = 0
+}
+
+function rangeNumber(value: unknown): number {
+  if (typeof value === 'number') return value
+  if (value instanceof Event) return Number((value.target as HTMLInputElement).value)
+  return Number(value) || 0
+}
+
+function loadComposerVideo(event: Event): void {
+  const element = event.target as HTMLVideoElement
+  videoDurationMs.value = Math.max(1000, Math.floor(element.duration * 1000))
+  if (!trimEndMs.value || trimEndMs.value > videoDurationMs.value)
+    trimEndMs.value = videoDurationMs.value
+  coverTimeMs.value = Math.min(Math.max(coverTimeMs.value, trimStartMs.value), trimEndMs.value)
+  element.currentTime = coverTimeMs.value / 1000
+  element.volume = originalVolume.value / 100
+}
+
+function handleComposerPlayback(playing: boolean): void {
+  if (!composerMusic.value) return
+  if (playing) void composerMusic.value.play().catch(() => undefined)
+  else composerMusic.value.pause()
+}
+
+function enforceComposerTrim(event: Event): void {
+  const element = event.target as HTMLVideoElement
+  if (trimEndMs.value && element.currentTime * 1000 >= trimEndMs.value) {
+    element.currentTime = trimStartMs.value / 1000
+    if (composerMusic.value) composerMusic.value.currentTime = 0
+  }
+}
+
+function updateTrimStart(value: unknown): void {
+  trimStartMs.value = Math.min(rangeNumber(value), Math.max(0, trimEndMs.value - 500))
+  coverTimeMs.value = Math.max(coverTimeMs.value, trimStartMs.value)
+}
+
+function updateTrimEnd(value: unknown): void {
+  trimEndMs.value = Math.max(rangeNumber(value), trimStartMs.value + 500)
+  coverTimeMs.value = Math.min(coverTimeMs.value, trimEndMs.value)
+}
+
+function updateCover(value: unknown): void {
+  coverTimeMs.value = rangeNumber(value)
+  if (previewVideo.value) previewVideo.value.currentTime = coverTimeMs.value / 1000
+}
+
+function formatDuration(value: number): string {
+  const seconds = Math.max(0, Math.round(value / 1000))
+  return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, '0')}`
+}
+
+function setCommentsEnabled(event: Event): void {
+  commentsEnabled.value = (event.target as HTMLInputElement).checked
+}
+
+function chooseVisibility(value: (typeof visibilityOptions)[number]): void {
+  visibility.value = value
+  visibilitySheetOpen.value = false
+}
+
+function chooseAccountType(value: (typeof accountTypeOptions)[number]): void {
+  profileDraft.value.accountType = value
+  accountTypeSheetOpen.value = false
+}
+
+async function runSearch(): Promise<void> {
+  await store.discover(search.value)
+}
+
+function openDiscoveredVideo(video: FlipTokVideo): void {
+  store.feed = [video]
+  tab.value = 'feed'
+}
+
+async function openProfile(profileId?: number, handle?: string): Promise<void> {
+  const loaded = await store.loadProfile(handle ? { handle } : { profileId })
+  if (loaded) {
+    commentsOpen.value = false
+    actionsOpen.value = false
+    tab.value = 'profile'
+  }
+}
+
+async function openOwnProfile(): Promise<void> {
+  if (store.profile) {
+    await store.loadProfile({ profileId: store.profile.id })
+    store.viewedProfile = null
+  } else store.showOwnProfile()
+  tab.value = 'profile'
+}
+
+function openActions(video: FlipTokVideo): void {
+  selectedVideo.value = video
+  actionsOpen.value = true
+}
+
+async function shareVideo(video: FlipTokVideo): Promise<void> {
+  const response = await nuiCall('fliptok:share', { id: video.id })
+  if (response.success) video.share_count += 1
+  await navigator.clipboard?.writeText(`fliptok://video/${video.id}`)
+  notify(t('linkCopied'))
+}
+
+async function reportVideo(): Promise<void> {
+  if (!selectedVideo.value) return
+  const response = await nuiCall('fliptok:report', {
+    details: reportDetails.value.trim(),
+    id: selectedVideo.value.id,
+    reason: reportReason.value,
+  })
+  if (!response.success) return notify(t(`errors.${response.error ?? 'default'}`))
+  actionsOpen.value = false
+  reportSheetOpen.value = false
+  reportDetails.value = ''
+  notify(t('reported'))
+}
+
+function openReport(): void {
+  actionsOpen.value = false
+  reportSheetOpen.value = true
+}
+
+async function blockCreator(): Promise<void> {
+  if (!selectedVideo.value) return
+  const blocked = await store.blockProfile(selectedVideo.value.profile_id)
+  if (!blocked) return notify(t('errors.default'))
+  actionsOpen.value = false
+  notify(t('blocked'))
+}
+
+async function blockCurrentProfile(): Promise<void> {
+  if (!currentProfile.value || currentProfile.value.is_owner) return
+  if (await store.blockProfile(currentProfile.value.id)) {
+    openOwnProfile()
+    notify(t('blocked'))
+  }
+}
+
+async function openModeration(): Promise<void> {
+  if (!(await store.loadReports())) return notify(t('errors.not_authorized'))
+  moderationOpen.value = true
+}
+
+async function resolveReport(report: FlipTokReport, action: 'dismiss' | 'remove'): Promise<void> {
+  if (!(await store.resolveReport(report.id, action)))
+    notify(t('errors.default'))
+}
+
+function editProfile(): void {
+  if (!store.profile) return
+  profileDraft.value = {
+    accountType: store.profile.account_type,
+    bio: store.profile.bio,
+    displayName: store.profile.display_name,
+    handle: store.profile.handle,
+  }
+  profileEditOpen.value = true
+}
+
+async function saveProfile(): Promise<void> {
+  const response = await nuiCall<FlipTokProfile>(
+    'fliptok:update-profile',
+    profileDraft.value,
+  )
+  if (!response.success || !response.data)
+    return notify(t(`errors.${response.error ?? 'default'}`))
+  store.profile = response.data
+  profileEditOpen.value = false
+}
+
+watch(tab, async (value) => {
+  videoElements.forEach((video) => video.pause())
+  musicElements.forEach((audio) => audio.pause())
+  if (value === 'activity') await store.loadActivities()
+  if (value === 'discover' && store.searchResults.length === 0)
+    await runSearch()
+  if (value === 'feed') {
+    await nextTick()
+    observeVideos()
+  }
+})
+
+watch(search, () => {
+  window.clearTimeout((runSearch as unknown as { timer?: number }).timer)
+  ;(runSearch as unknown as { timer?: number }).timer = window.setTimeout(
+    runSearch,
+    250,
+  )
+})
+
+watch(originalVolume, (value) => {
+  if (previewVideo.value) previewVideo.value.volume = value / 100
+})
+
+watch(musicVolume, (value) => {
+  if (composerMusic.value) composerMusic.value.volume = value / 100
+})
+
+watch(musicTrack, async () => {
+  await nextTick()
+  if (!composerMusic.value) return
+  composerMusic.value.volume = musicVolume.value / 100
+  composerMusic.value.currentTime = 0
+  if (previewVideo.value && !previewVideo.value.paused)
+    void composerMusic.value.play().catch(() => undefined)
+})
+
+onMounted(async () => {
+  const selection = messageMedia.consumeMany<{
+    caption?: string
+    commentsEnabled?: boolean
+    location?: string
+    visibility?: 'public' | 'followers' | 'private'
+    trimStartMs?: number
+    trimEndMs?: number
+    coverTimeMs?: number
+    originalVolume?: number
+    musicVolume?: number
+    musicTrack?: string
+  }>('fliptok:compose')
+  if (selection?.media[0]) {
+    selectedMedia.value = selection.media[0]
+    caption.value = selection.context?.caption ?? ''
+    commentsEnabled.value = selection.context?.commentsEnabled ?? true
+    location.value = selection.context?.location ?? ''
+    visibility.value = selection.context?.visibility ?? 'public'
+    trimStartMs.value = selection.context?.trimStartMs ?? 0
+    trimEndMs.value = selection.context?.trimEndMs ?? 0
+    coverTimeMs.value = selection.context?.coverTimeMs ?? 0
+    originalVolume.value = selection.context?.originalVolume ?? 100
+    musicVolume.value = selection.context?.musicVolume ?? 35
+    musicTrack.value = selection.context?.musicTrack ?? ''
+    composeOpen.value = true
+  }
+  await store.bootstrap()
+  await nextTick()
+  observeVideos()
+})
+
+onBeforeUnmount(() => {
+  observer?.disconnect()
+  if (videoClickTimer !== null) window.clearTimeout(videoClickTimer)
+  if (likePulseTimer !== null) window.clearTimeout(likePulseTimer)
+  if (reactionPulseTimer !== null) window.clearTimeout(reactionPulseTimer)
+  videoElements.forEach((video) => video.pause())
+})
+</script>
+
+<template>
+  <k-page class="fliptok-page">
+    <div v-if="store.loading && !store.feed.length" class="state">
+      <k-preloader /><span>{{ t('loading') }}</span>
+    </div>
+
+    <template v-else-if="tab === 'feed'">
+      <header class="feed-header">
+        <button
+          :class="{ active: store.mode === 'following' }"
+          @click="changeMode('following')"
+        >
+          {{ t('following') }}
+        </button>
+        <button
+          :class="{ active: store.mode === 'for-you' }"
+          @click="changeMode('for-you')"
+        >
+          {{ t('forYou') }}
+        </button>
+      </header>
+      <k-link
+        component="button"
+        icon-only
+        class="feed-search"
+        :link-props="{ type: 'button' }"
+        :aria-label="t('discover')"
+        @click="tab = 'discover'"
+      >
+        <Search />
+      </k-link>
+      <main class="video-feed">
+        <article v-for="video in store.feed" :key="video.id" class="video-card">
+          <video
+            :ref="(el) => setVideoElement(video.id, el)"
+            :data-id="video.id"
+            :src="video.url"
+            loop
+            playsinline
+            preload="metadata"
+            @loadedmetadata="prepareFeedVideo(video, $event.target as HTMLVideoElement)"
+            @timeupdate="enforceVideoTrim(video, $event.target as HTMLVideoElement)"
+          />
+          <audio
+            v-if="video.music_url"
+            :ref="(el) => setMusicElement(video.id, el)"
+            :src="video.music_url"
+            loop
+            preload="metadata"
+            @loadedmetadata="prepareMusic(video, $event.target as HTMLAudioElement)"
+          />
+          <div
+            class="video-shade"
+            @click="handleVideoClick(video)"
+            @dblclick.prevent="handleVideoDoubleClick(video)"
+          />
+          <Transition name="double-like">
+            <Heart
+              v-if="likedPulseId === video.id"
+              class="double-like-heart"
+              fill="currentColor"
+            />
+          </Transition>
+          <section class="video-copy">
+            <div class="creator-line">
+              <button class="creator-link" @click="openProfile(video.profile_id)">
+                <strong>@{{ video.handle }}</strong>
+              </button
+              ><Check
+                v-if="video.verified"
+                class="verified"
+                :aria-label="t('verified')"
+              />
+            </div>
+            <p>
+              <template v-for="(part, index) in textParts(video.caption)" :key="`${video.id}-${index}`">
+                <button v-if="part.kind !== 'text'" class="caption-link" @click="openTextLink(part)">{{ part.value }}</button>
+                <template v-else>{{ part.value }}</template>
+              </template>
+            </p>
+            <div v-if="video.location" class="location">
+              <MapPin />{{ video.location }}
+            </div>
+            <div class="sound">
+              <Music2 />{{ video.music_title || video.display_name }} ·
+              {{ video.music_artist || t('originalSound') }}
+            </div>
+          </section>
+          <aside class="video-actions">
+            <button class="avatar" @click="openProfile(video.profile_id)">
+              {{ initials(video.display_name) }}
+            </button>
+            <button
+              v-if="!video.is_owner"
+              class="follow-dot"
+              @click="store.follow(video)"
+            >
+              <Check v-if="video.is_following" /><Plus v-else />
+            </button>
+            <button
+              :class="{
+                liked: video.is_liked,
+                'reaction-pop':
+                  reactionPulse?.id === video.id &&
+                  reactionPulse.kind === 'like',
+                'reaction-pop--like':
+                  reactionPulse?.id === video.id &&
+                  reactionPulse.kind === 'like',
+              }"
+              @click="reactWithPulse(video, 'like')"
+            >
+              <Heart fill="currentColor" /><span>{{
+                compactCount(video.like_count)
+              }}</span>
+            </button>
+            <button @click="openComments(video)">
+              <MessageCircle fill="currentColor" /><span>{{
+                compactCount(video.comment_count)
+              }}</span>
+            </button>
+            <button
+              :class="{
+                saved: video.is_saved,
+                'reaction-pop':
+                  reactionPulse?.id === video.id &&
+                  reactionPulse.kind === 'save',
+                'reaction-pop--save':
+                  reactionPulse?.id === video.id &&
+                  reactionPulse.kind === 'save',
+              }"
+              @click="reactWithPulse(video, 'save')"
+            >
+              <Bookmark fill="currentColor" /><span>{{ t('save') }}</span>
+            </button>
+            <button @click="shareVideo(video)">
+              <Share2 /><span>{{ compactCount(video.share_count) }}</span>
+            </button>
+            <button @click="openActions(video)"><MoreHorizontal /></button>
+          </aside>
+        </article>
+        <div v-if="!store.feed.length" class="empty-feed">
+          <Video /><strong>{{ t('emptyFeed') }}</strong
+          ><span>{{ t('emptyFeedBody') }}</span>
+        </div>
+      </main>
+    </template>
+
+    <template v-else-if="tab === 'discover'">
+      <k-navbar
+        class="fliptok-navbar"
+        :title="t('discover')"
+        :colors="darkNavbarColors"
+      />
+      <div class="light-screen discover-screen">
+        <k-searchbar v-model="search" :placeholder="t('searchPlaceholder')" />
+        <div class="trend-pills">
+          <button># LosSantos</button><button># Roleplay</button
+          ><button># Trending</button>
+        </div>
+        <div class="video-grid">
+          <button
+            v-for="video in store.searchResults"
+            :key="video.id"
+            @click="openDiscoveredVideo(video)"
+          >
+            <video
+              :src="video.url"
+              preload="metadata"
+              muted
+              @loadedmetadata="($event.target as HTMLVideoElement).currentTime = video.cover_time_ms / 1000"
+            /><span
+              ><Play />{{ compactCount(video.view_count) }}</span
+            >
+          </button>
+        </div>
+      </div>
+    </template>
+
+    <template v-else-if="tab === 'activity'">
+      <k-navbar
+        class="fliptok-navbar"
+        :title="t('activity')"
+        :colors="darkNavbarColors"
+      >
+        <template v-if="store.isAdmin" #right>
+          <button class="nav-button" :aria-label="t('moderation')" @click="openModeration">
+            <ShieldAlert />
+          </button>
+        </template>
+      </k-navbar>
+      <div class="light-screen activity-list">
+        <article v-for="activity in store.activities" :key="activity.id" @click="openProfile(activity.profile_id)">
+          <div class="activity-avatar">
+            {{ initials(activity.display_name) }}
+          </div>
+          <p>
+            <strong
+              >{{ activity.display_name }}
+              <Check v-if="activity.verified" class="verified" /></strong
+            ><span>{{ t(`activityKinds.${activity.kind}`) }}</span>
+          </p>
+        </article>
+        <div v-if="!store.activities.length" class="light-empty">
+          <Bell /><strong>{{ t('noActivity') }}</strong>
+        </div>
+      </div>
+    </template>
+
+    <template v-else-if="tab === 'profile'">
+      <k-navbar
+        class="fliptok-navbar"
+        :title="currentProfile ? `@${currentProfile.handle}` : t('profile')"
+        :colors="darkNavbarColors"
+      >
+        <template v-if="store.viewedProfile" #left>
+          <button class="nav-button" @click="openOwnProfile"><ArrowLeft /></button>
+        </template>
+      </k-navbar>
+      <div class="light-screen profile-screen" v-if="currentProfile">
+        <div class="profile-avatar">
+          {{ initials(currentProfile.display_name) }}
+        </div>
+        <h1>
+          {{ currentProfile.display_name }}
+          <Check v-if="currentProfile.verified" class="verified" />
+        </h1>
+        <p class="handle">@{{ currentProfile.handle }}</p>
+        <div class="profile-stats">
+          <div>
+            <strong>{{ currentProfile.following }}</strong
+            ><span>{{ t('following') }}</span>
+          </div>
+          <div>
+            <strong>{{ currentProfile.followers }}</strong
+            ><span>{{ t('followers') }}</span>
+          </div>
+          <div>
+            <strong>{{ currentProfile.video_count }}</strong
+            ><span>{{ t('videos') }}</span>
+          </div>
+        </div>
+        <p class="bio">{{ currentProfile.bio || t('emptyBio') }}</p>
+        <div class="profile-actions">
+          <k-button v-if="currentProfile.is_owner" rounded @click="editProfile">{{ t('editProfile') }}</k-button>
+          <template v-else>
+            <k-button rounded @click="store.followProfile(currentProfile)">
+              {{ currentProfile.is_following ? t('unfollow') : t('follow') }}
+            </k-button>
+            <k-button rounded tonal class="danger-button" @click="blockCurrentProfile">{{ t('block') }}</k-button>
+          </template>
+        </div>
+        <div class="profile-video-grid">
+          <button v-for="video in store.profileVideos" :key="video.id" @click="openDiscoveredVideo(video)">
+            <video
+              :src="video.url"
+              muted
+              playsinline
+              preload="metadata"
+              @loadedmetadata="($event.target as HTMLVideoElement).currentTime = video.cover_time_ms / 1000"
+            />
+            <span><Play />{{ compactCount(video.view_count) }}</span>
+          </button>
+        </div>
+      </div>
+    </template>
+
+    <k-tabbar
+      v-if="!composeOpen && !profileEditOpen && !moderationOpen"
+      class="main-tabs"
+      labels
+      icons
+    >
+      <k-tabbar-link
+        :active="tab === 'feed'"
+        :label="t('home')"
+        @click="tab = 'feed'"
+        ><template #icon><Home /></template
+      ></k-tabbar-link>
+      <k-tabbar-link
+        :active="tab === 'discover'"
+        :label="t('discover')"
+        @click="tab = 'discover'"
+        ><template #icon><Compass /></template
+      ></k-tabbar-link>
+      <k-tabbar-link
+        :active="false"
+        :label="t('create')"
+        @click="composeOpen = true"
+        ><template #icon
+          ><span class="create-icon" aria-hidden="true"><Play /></span></template
+      ></k-tabbar-link>
+      <k-tabbar-link
+        :active="tab === 'activity'"
+        :label="t('activity')"
+        @click="tab = 'activity'"
+        ><template #icon><Bell /></template
+      ></k-tabbar-link>
+      <k-tabbar-link
+        :active="tab === 'profile'"
+        :label="t('profile')"
+        @click="openOwnProfile"
+        ><template #icon><UserRound /></template
+      ></k-tabbar-link>
+    </k-tabbar>
+
+    <div v-if="composeOpen" class="overlay-screen compose-screen">
+      <k-navbar :title="t('newVideo')" :colors="darkNavbarColors"
+        ><template #left
+          ><button
+            class="nav-button"
+            :aria-label="t('cancel')"
+            @click="composeOpen = false"
+          >
+            <X /></button></template
+      ></k-navbar>
+      <div class="compose-body">
+        <button v-if="!selectedMedia" class="media-picker" @click="chooseVideo">
+          <Video /><strong>{{ t('chooseVideo') }}</strong
+          ><span>{{ t('chooseVideoHint') }}</span>
+        </button>
+        <div v-else class="media-preview">
+          <video
+            ref="previewVideo"
+            :src="selectedMedia.url"
+            controls
+            playsinline
+            @loadedmetadata="loadComposerVideo"
+            @play="handleComposerPlayback(true)"
+            @pause="handleComposerPlayback(false)"
+            @timeupdate="enforceComposerTrim"
+          /><button
+            @click="chooseVideo"
+          >
+            {{ t('changeVideo') }}
+          </button>
+          <audio
+            v-if="selectedMusic"
+            ref="composerMusic"
+            :src="selectedMusic.url"
+            loop
+            preload="metadata"
+          />
+        </div>
+        <section v-if="selectedMedia && videoDurationMs" class="editor-card">
+          <h3>{{ t('trimAndCover') }}</h3>
+          <label>
+            <span>{{ t('trimStart') }} <strong>{{ formatDuration(trimStartMs) }}</strong></span>
+            <k-range :value="trimStartMs" :min="0" :max="Math.max(0, trimEndMs - 500)" :step="100" @input="updateTrimStart" />
+          </label>
+          <label>
+            <span>{{ t('trimEnd') }} <strong>{{ formatDuration(trimEndMs) }}</strong></span>
+            <k-range :value="trimEndMs" :min="Math.min(videoDurationMs, trimStartMs + 500)" :max="videoDurationMs" :step="100" @input="updateTrimEnd" />
+          </label>
+          <label>
+            <span>{{ t('coverFrame') }} <strong>{{ formatDuration(coverTimeMs) }}</strong></span>
+            <k-range :value="coverTimeMs" :min="trimStartMs" :max="trimEndMs" :step="100" @input="updateCover" />
+          </label>
+        </section>
+        <section v-if="selectedMedia" class="editor-card">
+          <button class="sound-picker" type="button" @click="musicSheetOpen = true">
+            <span><Music2 />{{ t('sounds') }}</span>
+            <strong>{{ selectedMusic ? `${selectedMusic.title} · ${selectedMusic.artist}` : t('originalOnly') }}</strong>
+            <ChevronDown />
+          </button>
+          <label>
+            <span>{{ t('originalVolume') }} <strong>{{ originalVolume }}%</strong></span>
+            <k-range :value="originalVolume" :min="0" :max="100" :step="1" @input="originalVolume = rangeNumber($event)" />
+          </label>
+          <label :class="{ disabled: !musicTrack }">
+            <span>{{ t('musicVolume') }} <strong>{{ musicTrack ? `${musicVolume}%` : '—' }}</strong></span>
+            <k-range :value="musicVolume" :min="0" :max="100" :step="1" :disabled="!musicTrack" @input="musicVolume = rangeNumber($event)" />
+          </label>
+        </section>
+        <textarea
+          v-model="caption"
+          :placeholder="t('captionPlaceholder')"
+          maxlength="500"
+        />
+        <label class="field"
+          ><MapPin /><input
+            v-model="location"
+            :placeholder="t('location')"
+            maxlength="80"
+        /></label>
+        <button
+          class="field visibility-row"
+          type="button"
+          @click="visibilitySheetOpen = true"
+        >
+          <span>{{ t('whoCanWatch') }}</span
+          ><strong>{{
+            visibility === 'public'
+              ? t('public')
+              : visibility === 'followers'
+                ? t('followersOnly')
+                : t('private')
+          }}</strong
+          ><ChevronDown />
+        </button>
+        <label class="toggle-row"
+          ><span>{{ t('allowComments') }}</span
+          ><k-toggle :checked="commentsEnabled" @change="setCommentsEnabled"
+        /></label>
+        <div class="compose-actions">
+          <k-button
+            tonal
+            rounded
+            :colors="draftButtonColors"
+            :disabled="!canPublish"
+            @click="publish(true)"
+            >{{ t('saveDraft') }}</k-button
+          ><k-button
+            rounded
+            :disabled="!canPublish || publishing"
+            @click="publish(false)"
+            >{{ publishing ? t('publishing') : t('post') }}</k-button
+          >
+        </div>
+      </div>
+    </div>
+
+    <div v-if="profileEditOpen" class="overlay-screen profile-edit">
+      <k-navbar :title="t('editProfile')" :colors="darkNavbarColors"
+        ><template #left
+          ><button class="nav-button" @click="profileEditOpen = false">
+            <ArrowLeft /></button></template
+        ><template #right
+          ><button class="done-button" @click="saveProfile">
+            {{ t('done') }}
+          </button></template
+        ></k-navbar
+      >
+      <div class="form-card">
+        <label
+          >{{ t('displayName')
+          }}<input v-model="profileDraft.displayName" maxlength="40" /></label
+        ><label
+          >{{ t('username') }}
+          <div class="handle-field">
+            <span>@</span
+            ><input v-model="profileDraft.handle" maxlength="24" /></div></label
+        ><label
+          >{{ t('bio')
+          }}<textarea
+            v-model="profileDraft.bio"
+            maxlength="160"
+            spellcheck="false"
+          /></label
+        ><button
+          class="profile-select"
+          type="button"
+          @click="accountTypeSheetOpen = true"
+        >
+          <span
+            ><small>{{ t('accountType') }}</small
+            ><strong>{{
+              t(`accountTypes.${profileDraft.accountType}`)
+            }}</strong></span
+          ><ChevronDown />
+        </button>
+      </div>
+    </div>
+
+    <div v-if="moderationOpen" class="overlay-screen moderation-screen">
+      <k-navbar :title="t('moderation')" :colors="darkNavbarColors">
+        <template #left>
+          <button class="nav-button" @click="moderationOpen = false"><ArrowLeft /></button>
+        </template>
+      </k-navbar>
+      <div class="moderation-body">
+        <h2>{{ t('reports') }}</h2>
+        <article v-for="report in store.reports" :key="report.id" class="report-card">
+          <video :src="report.url" muted playsinline preload="metadata" />
+          <div>
+            <strong>@{{ report.creator_handle }}</strong>
+            <small>{{ t(`reportReasons.${report.reason}`) }} · @{{ report.reporter_handle }}</small>
+            <p>{{ report.details || report.caption }}</p>
+            <div class="report-actions">
+              <k-button small rounded tonal @click="resolveReport(report, 'dismiss')">{{ t('dismissReport') }}</k-button>
+              <k-button
+                small
+                rounded
+                :colors="reportRemoveButtonColors"
+                @click="resolveReport(report, 'remove')"
+              >{{ t('removeVideo') }}</k-button>
+            </div>
+          </div>
+        </article>
+        <div v-if="!store.reports.length" class="light-empty"><ShieldAlert /><strong>{{ t('noReports') }}</strong></div>
+      </div>
+    </div>
+
+    <k-sheet
+      v-if="commentsOpen"
+      :opened="commentsOpen"
+      class="fliptok-sheet"
+      :colors="darkSheetColors"
+      @backdropclick="commentsOpen = false"
+    >
+      <div class="sheet-handle" />
+      <div class="comments-sheet">
+        <header>
+          <strong>{{ t('comments') }}</strong
+          ><button @click="commentsOpen = false"><X /></button>
+        </header>
+        <div class="comments-list">
+          <article v-for="comment in store.comments" :key="comment.id" @click="openProfile(comment.profile_id)">
+            <div class="comment-avatar">
+              {{ initials(comment.display_name) }}
+            </div>
+            <p>
+              <strong
+                >{{ comment.display_name }}
+                <Check v-if="comment.verified" class="verified" /></strong
+              ><span>
+                <template v-for="(part, index) in textParts(comment.body)" :key="`${comment.id}-${index}`">
+                  <button v-if="part.kind !== 'text'" class="caption-link" @click.stop="openTextLink(part)">{{ part.value }}</button>
+                  <template v-else>{{ part.value }}</template>
+                </template>
+              </span>
+            </p>
+          </article>
+          <div v-if="!store.comments.length" class="light-empty">
+            {{ t('noComments') }}
+          </div>
+        </div>
+        <form @submit.prevent="submitComment">
+          <input
+            v-model="commentBody"
+            :placeholder="t('addComment')"
+            maxlength="300"
+          /><button><Send /></button>
+        </form>
+      </div>
+    </k-sheet>
+
+    <k-sheet
+      v-if="actionsOpen"
+      :opened="actionsOpen"
+      class="fliptok-sheet"
+      :colors="darkSheetColors"
+      @backdropclick="actionsOpen = false"
+      ><div class="sheet-handle" />
+      <div class="action-sheet">
+        <k-list inset strong
+          ><k-list-item
+            link
+            link-component="button"
+            :title="t('report')"
+            @click="openReport" /><k-list-item
+            link
+            link-component="button"
+            class="danger"
+            :title="t('block')"
+            @click="blockCreator" /></k-list
+        ><k-button large rounded tonal @click="actionsOpen = false">{{
+          t('cancel')
+        }}</k-button>
+      </div></k-sheet
+    >
+    <k-sheet
+      v-if="reportSheetOpen"
+      :opened="reportSheetOpen"
+      class="fliptok-sheet"
+      :colors="darkSheetColors"
+      @backdropclick="reportSheetOpen = false"
+    >
+      <div class="sheet-handle" />
+      <div class="selection-sheet report-sheet">
+        <h3>{{ t('report') }}</h3>
+        <k-list inset strong>
+          <k-list-item
+            v-for="reason in reportReasonOptions"
+            :key="reason"
+            link
+            link-component="button"
+            :title="t(`reportReasons.${reason}`)"
+            @click="reportReason = reason"
+          >
+            <template #after><Check v-if="reportReason === reason" class="selection-check" /></template>
+          </k-list-item>
+        </k-list>
+        <textarea v-model="reportDetails" :placeholder="t('reportDetails')" maxlength="500" />
+        <k-button large rounded @click="reportVideo">{{ t('submitReport') }}</k-button>
+        <k-button large rounded tonal @click="reportSheetOpen = false">{{ t('cancel') }}</k-button>
+      </div>
+    </k-sheet>
+    <k-sheet
+      v-if="musicSheetOpen"
+      :opened="musicSheetOpen"
+      class="fliptok-sheet"
+      :colors="darkSheetColors"
+      @backdropclick="musicSheetOpen = false"
+    >
+      <div class="sheet-handle" />
+      <div class="selection-sheet">
+        <h3>{{ t('chooseSound') }}</h3>
+        <k-list inset strong>
+          <k-list-item link link-component="button" :title="t('originalOnly')" @click="musicTrack = ''; musicSheetOpen = false">
+            <template #after><Check v-if="!musicTrack" class="selection-check" /></template>
+          </k-list-item>
+          <k-list-item
+            v-for="track in store.musicTracks"
+            :key="track.id"
+            link
+            link-component="button"
+            :title="track.title"
+            :after="track.artist"
+            @click="musicTrack = track.id; musicSheetOpen = false"
+          >
+            <template #after><Check v-if="musicTrack === track.id" class="selection-check" /><span v-else>{{ track.artist }}</span></template>
+          </k-list-item>
+        </k-list>
+        <p v-if="!store.musicTracks.length" class="sheet-note">{{ t('noMusic') }}</p>
+        <k-button large rounded tonal @click="musicSheetOpen = false">{{ t('cancel') }}</k-button>
+      </div>
+    </k-sheet>
+    <k-sheet
+      v-if="visibilitySheetOpen"
+      :opened="visibilitySheetOpen"
+      class="fliptok-sheet"
+      :colors="darkSheetColors"
+      @backdropclick="visibilitySheetOpen = false"
+      ><div class="sheet-handle" />
+      <div class="selection-sheet">
+        <h3>{{ t('whoCanWatch') }}</h3>
+        <k-list inset strong
+          ><k-list-item
+            v-for="option in visibilityOptions"
+            :key="option"
+            link
+            link-component="button"
+            :title="
+              option === 'public'
+                ? t('public')
+                : option === 'followers'
+                  ? t('followersOnly')
+                  : t('private')
+            "
+            @click="chooseVisibility(option)"
+            ><template #after
+              ><Check
+                v-if="visibility === option"
+                class="selection-check" /></template></k-list-item></k-list
+        ><k-button large rounded tonal @click="visibilitySheetOpen = false">{{
+          t('cancel')
+        }}</k-button>
+      </div></k-sheet
+    >
+    <k-sheet
+      v-if="accountTypeSheetOpen"
+      :opened="accountTypeSheetOpen"
+      class="fliptok-sheet"
+      :colors="darkSheetColors"
+      @backdropclick="accountTypeSheetOpen = false"
+      ><div class="sheet-handle" />
+      <div class="selection-sheet">
+        <h3>{{ t('accountType') }}</h3>
+        <k-list inset strong
+          ><k-list-item
+            v-for="option in accountTypeOptions"
+            :key="option"
+            link
+            link-component="button"
+            :title="t(`accountTypes.${option}`)"
+            @click="chooseAccountType(option)"
+            ><template #after
+              ><Check
+                v-if="profileDraft.accountType === option"
+                class="selection-check" /></template></k-list-item></k-list
+        ><k-button large rounded tonal @click="accountTypeSheetOpen = false">{{
+          t('cancel')
+        }}</k-button>
+      </div></k-sheet
+    >
+    <k-glass v-if="feedback" class="feedback">{{ feedback }}</k-glass>
+  </k-page>
+</template>
+
+<style scoped>
+.fliptok-page {
+  height: 100%;
+  overflow: hidden;
+  background: #000;
+  color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif;
+}
+.state,
+.light-empty,
+.empty-feed {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  height: 100%;
+  text-align: center;
+}
+.feed-header {
+  position: absolute;
+  z-index: 20;
+  top: 15px;
+  left: 50%;
+  display: flex;
+  gap: 18px;
+  transform: translateX(-50%);
+}
+.feed-header button {
+  border: 0;
+  background: none;
+  color: #aaa;
+  font-size: 13px;
+  font-weight: 650;
+  padding: 6px 0;
+}
+.feed-header button.active {
+  color: #fff;
+  border-bottom: 2px solid #fff;
+}
+.feed-search {
+  position: absolute;
+  z-index: 20;
+  top: 49px;
+  right: 14px;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: rgba(20, 20, 22, 0.56);
+  color: #fff !important;
+  backdrop-filter: blur(12px);
+}
+.feed-search svg {
+  width: 18px;
+  height: 18px;
+}
+.video-feed {
+  height: 100%;
+  overflow-y: auto;
+  scroll-snap-type: y mandatory;
+  scrollbar-width: none;
+}
+.video-card {
+  position: relative;
+  height: 100%;
+  scroll-snap-align: start;
+  background: #111;
+}
+.video-card video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.video-shade {
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(
+    180deg,
+    rgba(0, 0, 0, 0.18),
+    transparent 36%,
+    rgba(0, 0, 0, 0.74)
+  );
+}
+.video-copy {
+  position: absolute;
+  left: 13px;
+  right: 65px;
+  bottom: 76px;
+  text-shadow: 0 1px 3px #000;
+}
+.video-copy p {
+  margin: 2px 0;
+  font-size: 12px;
+  line-height: 1.35;
+}
+.creator-line {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.verified {
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  stroke-width: 3;
+  color: #0a84ff;
+  fill: #0a84ff;
+  stroke: #fff;
+}
+.location,
+.sound {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 10px;
+  margin-top: 1px;
+}
+.location svg,
+.sound svg {
+  width: 12px;
+}
+.video-actions {
+  position: absolute;
+  right: 8px;
+  bottom: 70px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+}
+.video-actions button {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  border: 0;
+  background: none;
+  color: #fff;
+  font-size: 9px;
+  text-shadow: 0 1px 3px #000;
+}
+.video-actions svg {
+  width: 25px;
+  height: 25px;
+  filter: drop-shadow(0 1px 2px #000);
+}
+.video-actions .avatar {
+  width: 38px;
+  height: 38px;
+  border-radius: 50%;
+  justify-content: center;
+  background: #fff;
+  color: #111;
+  font-weight: 800;
+  text-shadow: none;
+}
+.follow-dot {
+  width: 18px;
+  height: 18px !important;
+  border-radius: 50% !important;
+  background: #ff2d55 !important;
+  margin-top: -19px;
+}
+.follow-dot svg {
+  width: 12px !important;
+}
+.liked {
+  color: #ff2d55 !important;
+}
+.saved {
+  color: #ffd60a !important;
+}
+.main-tabs {
+  z-index: 30 !important;
+  background: rgba(8, 8, 8, 0.94) !important;
+  color: #fff !important;
+}
+.main-tabs svg {
+  width: 20px;
+}
+.create-icon {
+  position: relative;
+  display: block;
+  width: 32px;
+  height: 24px;
+  color: #fff;
+}
+.create-icon::before,
+.create-icon::after {
+  position: absolute;
+  content: '';
+  border: 1px solid rgba(255, 255, 255, 0.28);
+}
+.create-icon::before {
+  top: 4px;
+  left: 2px;
+  width: 23px;
+  height: 17px;
+  border-radius: 6px;
+  background: #44417f;
+  transform: rotate(-8deg);
+}
+.create-icon::after {
+  top: 2px;
+  left: 7px;
+  width: 24px;
+  height: 19px;
+  border-radius: 7px;
+  background: #625fca;
+}
+.create-icon svg {
+  position: absolute;
+  z-index: 1;
+  top: 7px;
+  left: 15px;
+  width: 9px !important;
+  height: 9px !important;
+  fill: currentColor;
+  stroke-width: 2.4;
+}
+.light-screen,
+.overlay-screen {
+  position: absolute;
+  inset: 0 0 50px;
+  background: #f2f2f7;
+  color: #111;
+  overflow-y: auto;
+  padding-top: 48px;
+}
+.discover-screen {
+  padding: 56px 10px 60px;
+}
+.trend-pills {
+  display: flex;
+  gap: 6px;
+  overflow: auto;
+  padding: 8px 2px;
+}
+.trend-pills button {
+  border: 0;
+  border-radius: 18px;
+  background: #fff;
+  padding: 7px 10px;
+  font-size: 10px;
+  white-space: nowrap;
+}
+.video-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 2px;
+}
+.video-grid button {
+  position: relative;
+  aspect-ratio: 3/4;
+  border: 0;
+  padding: 0;
+  background: #ddd;
+  overflow: hidden;
+}
+.video-grid video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.video-grid span {
+  position: absolute;
+  left: 4px;
+  bottom: 4px;
+  display: flex;
+  color: #fff;
+  font-size: 9px;
+}
+.video-grid svg {
+  width: 10px;
+}
+.activity-list {
+  padding: 54px 12px;
+}
+.activity-list article,
+.comments-list article {
+  display: flex;
+  gap: 10px;
+  padding: 10px 2px;
+  border-bottom: 1px solid #ddd;
+}
+.activity-avatar,
+.comment-avatar {
+  display: grid;
+  place-items: center;
+  flex: 0 0 34px;
+  height: 34px;
+  border-radius: 50%;
+  background: #111;
+  color: #fff;
+  font-size: 10px;
+  font-weight: 700;
+}
+.activity-list p,
+.comments-list p {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  font-size: 11px;
+}
+.activity-list strong,
+.comments-list strong {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+}
+.activity-list p span {
+  color: #666;
+  margin-top: 2px;
+}
+.profile-screen {
+  padding: 72px 20px;
+  text-align: center;
+}
+.profile-avatar {
+  display: grid;
+  place-items: center;
+  width: 76px;
+  height: 76px;
+  margin: auto;
+  border-radius: 50%;
+  background: #111;
+  color: #fff;
+  font-weight: 800;
+  font-size: 22px;
+}
+.profile-screen h1 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 4px;
+  margin: 10px 0 2px;
+  font-size: 18px;
+}
+.handle {
+  color: #777;
+  font-size: 11px;
+}
+.profile-stats {
+  display: flex;
+  justify-content: center;
+  gap: 28px;
+  margin: 18px 0;
+}
+.profile-stats div {
+  display: flex;
+  flex-direction: column;
+}
+.profile-stats span {
+  font-size: 10px;
+  color: #777;
+}
+.bio {
+  font-size: 11px;
+  min-height: 20px;
+}
+.overlay-screen {
+  z-index: 40;
+  inset: 0;
+}
+.compose-body {
+  padding: 16px;
+}
+.media-picker {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 190px;
+  border: 1px dashed #aaa;
+  border-radius: 18px;
+  background: #fff;
+  color: #111;
+}
+.media-picker svg {
+  width: 38px;
+  height: 38px;
+  margin-bottom: 8px;
+}
+.media-picker span {
+  font-size: 10px;
+  color: #777;
+}
+.media-preview {
+  position: relative;
+  height: 220px;
+  border-radius: 18px;
+  overflow: hidden;
+  background: #000;
+}
+.media-preview video {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+.media-preview button {
+  position: absolute;
+  right: 8px;
+  bottom: 8px;
+  border: 0;
+  border-radius: 15px;
+  padding: 6px 10px;
+}
+.compose-body textarea,
+.form-card textarea {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 82px;
+  margin-top: 10px;
+  border: 0;
+  border-radius: 14px;
+  background: #fff;
+  padding: 12px;
+  font: inherit;
+}
+.field,
+.toggle-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 10px;
+  border-radius: 14px;
+  background: #fff;
+  padding: 11px;
+  font-size: 11px;
+}
+.field svg {
+  width: 16px;
+}
+.field input,
+.field select,
+.toggle-row select {
+  flex: 1;
+  border: 0;
+  outline: 0;
+  background: transparent;
+}
+.field span {
+  flex: 1;
+}
+.compose-actions {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+  margin-top: 15px;
+}
+.nav-button,
+.done-button {
+  border: 0;
+  background: none;
+  color: #0a84ff;
+}
+.nav-button svg {
+  width: 20px;
+}
+.profile-edit {
+  padding-top: 54px;
+}
+.form-card {
+  margin: 12px;
+  border-radius: 15px;
+  background: #fff;
+  overflow: hidden;
+}
+.form-card label {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  padding: 11px;
+  border-bottom: 1px solid #ddd;
+  color: #777;
+  font-size: 10px;
+}
+.form-card input,
+.form-card select {
+  border: 0;
+  outline: 0;
+  background: transparent;
+  color: #111;
+  font-size: 13px;
+}
+.form-card textarea {
+  margin: 0;
+  padding: 0;
+  min-height: 60px;
+}
+.handle-field {
+  display: flex;
+  color: #111;
+}
+.sheet-handle {
+  width: 34px;
+  height: 4px;
+  border-radius: 2px;
+  background: #aaa;
+  margin: 7px auto;
+}
+.comments-sheet {
+  height: min(62vh, 430px);
+  display: flex;
+  flex-direction: column;
+  padding: 0 12px 12px;
+  color: #111;
+}
+.comments-sheet header {
+  display: flex;
+  justify-content: center;
+  position: relative;
+  padding: 7px;
+}
+.comments-sheet header button {
+  position: absolute;
+  right: 0;
+  border: 0;
+  background: #ddd;
+  border-radius: 50%;
+  width: 25px;
+  height: 25px;
+}
+.comments-sheet header svg {
+  width: 14px;
+}
+.comments-list {
+  flex: 1;
+  overflow: auto;
+}
+.comments-sheet form {
+  display: flex;
+  gap: 7px;
+}
+.comments-sheet form input {
+  flex: 1;
+  border: 0;
+  border-radius: 20px;
+  background: #eee;
+  padding: 10px;
+}
+.comments-sheet form button {
+  border: 0;
+  border-radius: 50%;
+  background: #0a84ff;
+  color: #fff;
+  width: 36px;
+}
+.comments-sheet form svg {
+  width: 16px;
+}
+.action-sheet {
+  display: flex;
+  flex-direction: column;
+  padding: 8px 12px 18px;
+}
+.action-sheet button {
+  border: 0;
+  border-bottom: 1px solid #ddd;
+  background: #fff;
+  padding: 13px;
+  color: #0a84ff;
+}
+.action-sheet .danger {
+  color: #ff3b30;
+}
+.feedback {
+  position: absolute !important;
+  z-index: 90;
+  left: 50%;
+  bottom: 65px;
+  transform: translateX(-50%);
+  padding: 8px 13px !important;
+  border-radius: 18px !important;
+  white-space: nowrap;
+  font-size: 10px;
+}
+.empty-feed {
+  padding: 30px;
+}
+.empty-feed svg {
+  width: 42px;
+}
+.empty-feed span {
+  font-size: 11px;
+  color: #aaa;
+}
+.fliptok-page {
+  position: relative;
+}
+.feed-header {
+  top: 34px;
+}
+.main-tabs {
+  position: absolute !important;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 52px;
+}
+.main-tabs :deep(.gap-4) {
+  gap: 0 !important;
+  width: 100% !important;
+}
+.main-tabs :deep(a) {
+  flex: 1 1 0 !important;
+  width: auto !important;
+  min-width: 0 !important;
+}
+.verified {
+  box-sizing: border-box;
+  padding: 2px;
+  border-radius: 50%;
+  background: #0a84ff;
+  color: #fff;
+  fill: none;
+  stroke: #fff;
+}
+.feed-header {
+  top: 48px;
+}
+.video-copy {
+  bottom: 72px;
+}
+.video-actions {
+  bottom: 70px;
+}
+.main-tabs {
+  bottom: 0;
+  height: 68px;
+  padding: 0 8px 22px !important;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  background: rgba(0, 0, 0, 0.92) !important;
+  backdrop-filter: blur(20px);
+}
+.main-tabs :deep(.gap-4) {
+  height: 46px !important;
+}
+.main-tabs :deep(a) {
+  overflow: hidden;
+  font-size: 9px !important;
+}
+.main-tabs :deep(svg) {
+  width: 19px;
+  height: 19px;
+}
+.light-screen,
+.overlay-screen {
+  background: #000;
+  color: #f5f5f7;
+}
+.discover-screen {
+  padding-top: 66px;
+}
+.discover-screen :deep(input) {
+  color: #f5f5f7 !important;
+  background: #1c1c1e !important;
+}
+.discover-screen :deep(input::placeholder) {
+  color: #8e8e93 !important;
+}
+.trend-pills button {
+  border: 1px solid #2c2c2e;
+  background: #1c1c1e;
+  color: #f5f5f7;
+}
+.video-grid button {
+  background: #1c1c1e;
+}
+.activity-list {
+  padding-top: 66px;
+}
+.activity-list article,
+.comments-list article {
+  border-color: #2c2c2e;
+}
+.activity-list p span {
+  color: #a1a1a6;
+}
+.light-empty {
+  color: #8e8e93;
+}
+.profile-screen {
+  padding-top: 84px;
+}
+.profile-screen .handle,
+.profile-stats span {
+  color: #a1a1a6;
+}
+.profile-avatar,
+.activity-avatar,
+.comment-avatar {
+  background: #2c2c2e;
+  color: #fff;
+}
+.profile-screen :deep(button) {
+  border: 1px solid #3a3a3c;
+  background: #1c1c1e;
+  color: #f5f5f7;
+}
+.compose-screen,
+.profile-edit {
+  padding-top: 54px;
+}
+.compose-body {
+  padding: 18px 14px 36px;
+}
+.media-picker {
+  border-color: #48484a;
+  background: #1c1c1e;
+  color: #f5f5f7;
+}
+.media-picker span {
+  color: #a1a1a6;
+}
+.media-preview {
+  border: 1px solid #3a3a3c;
+}
+.media-preview button {
+  color: #fff;
+  background: rgba(28, 28, 30, 0.9);
+}
+.compose-body textarea,
+.form-card textarea {
+  border: 1px solid #3a3a3c;
+  background: #1c1c1e;
+  color: #f5f5f7;
+  outline: none;
+}
+.compose-body textarea::placeholder,
+.form-card textarea::placeholder,
+.field input::placeholder {
+  color: #8e8e93;
+}
+.compose-body textarea:focus,
+.field:focus-within {
+  border-color: #0a84ff;
+}
+.field,
+.toggle-row {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 50px;
+  border: 1px solid transparent;
+  background: #1c1c1e;
+  color: #f5f5f7;
+}
+.field input {
+  color: #f5f5f7;
+}
+.visibility-row {
+  justify-content: flex-start;
+  text-align: left;
+}
+.visibility-row span {
+  flex: 1;
+}
+.visibility-row strong {
+  font-size: 11px;
+  font-weight: 500;
+  color: #a1a1a6;
+}
+.visibility-row svg {
+  width: 15px;
+  color: #8e8e93;
+}
+.toggle-row {
+  justify-content: space-between;
+}
+.toggle-row :deep(input) {
+  cursor: pointer;
+}
+.compose-actions :deep(button) {
+  min-height: 42px;
+}
+.compose-actions :deep(button:disabled) {
+  color: #8e8e93 !important;
+  background: #1c1c1e !important;
+  opacity: 0.62;
+}
+.form-card {
+  border: 1px solid #2c2c2e;
+  background: #1c1c1e;
+}
+.form-card label {
+  border-color: #2c2c2e;
+  color: #a1a1a6;
+}
+.form-card input,
+.form-card select,
+.form-card textarea {
+  color: #f5f5f7;
+  background: transparent;
+}
+.nav-button {
+  display: grid;
+  width: 34px;
+  height: 34px;
+  place-items: center;
+  border: 0;
+  border-radius: 50%;
+  color: #0a84ff;
+  background: #1c1c1e;
+}
+.done-button {
+  font-weight: 650;
+}
+.fliptok-sheet {
+  color: #f5f5f7;
+}
+.sheet-handle {
+  background: rgba(255, 255, 255, 0.28);
+}
+.comments-sheet {
+  box-sizing: border-box;
+  height: min(66vh, 460px);
+  color: #f5f5f7;
+}
+.comments-sheet header button {
+  display: grid;
+  place-items: center;
+  color: #f5f5f7;
+  background: #2c2c2e;
+}
+.comments-list p span {
+  margin-top: 3px;
+  color: #d1d1d6;
+}
+.comments-sheet form {
+  padding-bottom: 4px;
+}
+.comments-sheet form input {
+  border: 1px solid #3a3a3c;
+  color: #f5f5f7;
+  background: #2c2c2e;
+  outline: none;
+}
+.comments-sheet form input::placeholder {
+  color: #8e8e93;
+}
+.comments-sheet form button {
+  display: grid;
+  place-items: center;
+  background: #0a84ff;
+}
+.action-sheet,
+.selection-sheet {
+  box-sizing: border-box;
+  padding: 0 12px 28px;
+  color: #f5f5f7;
+  background: #151517;
+}
+.action-sheet :deep(ul),
+.selection-sheet :deep(ul) {
+  background: #1c1c1e;
+}
+.action-sheet :deep([class*='title']),
+.selection-sheet :deep([class*='title']) {
+  color: #f5f5f7;
+}
+.action-sheet .danger :deep([class*='title']) {
+  color: #ff453a;
+}
+.action-sheet :deep(.k-button),
+.selection-sheet :deep(.k-button) {
+  margin-top: 10px;
+  color: #0a84ff;
+  background: #1c1c1e;
+}
+.selection-sheet h3 {
+  margin: 4px 0 12px;
+  text-align: center;
+  font-size: 16px;
+}
+.selection-check {
+  width: 18px;
+  color: #0a84ff;
+}
+.feedback {
+  color: #fff !important;
+  background: rgba(44, 44, 46, 0.94) !important;
+}
+.fliptok-navbar {
+  transform: translateY(24px);
+}
+.media-picker strong {
+  font-size: 14px;
+}
+.media-picker span {
+  font-size: 11px;
+}
+.compose-body textarea {
+  font-size: 13px;
+}
+.field,
+.toggle-row {
+  font-size: 12px;
+}
+.profile-select {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 58px;
+  padding: 10px 11px;
+  border: 0;
+  border-bottom: 1px solid #2c2c2e;
+  color: #f5f5f7;
+  background: #1c1c1e;
+  text-align: left;
+}
+.profile-select span {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 4px;
+}
+.profile-select small {
+  color: #a1a1a6;
+  font-size: 10px;
+}
+.profile-select strong {
+  font-size: 13px;
+  font-weight: 500;
+}
+.profile-select svg {
+  width: 16px;
+  color: #8e8e93;
+}
+.discover-screen {
+  padding-top: 100px;
+}
+.activity-list {
+  padding-top: 100px;
+}
+.profile-screen {
+  padding-top: 110px;
+}
+.video-shade {
+  cursor: pointer;
+  touch-action: manipulation;
+}
+.double-like-heart {
+  position: absolute;
+  z-index: 8;
+  top: 50%;
+  left: 50%;
+  width: 76px;
+  height: 76px;
+  color: #fff;
+  pointer-events: none;
+  filter: drop-shadow(0 3px 12px rgba(0, 0, 0, 0.45));
+  transform: translate(-50%, -50%) rotate(-9deg);
+}
+.double-like-enter-active,
+.double-like-leave-active {
+  transition:
+    opacity 0.2s ease,
+    transform 0.28s cubic-bezier(0.2, 0.85, 0.35, 1.25);
+}
+.double-like-enter-from,
+.double-like-leave-to {
+  opacity: 0;
+  transform: translate(-50%, -50%) scale(0.35) rotate(-18deg);
+}
+.video-actions button {
+  position: relative;
+}
+.reaction-pop--like {
+  color: #ff2d55 !important;
+}
+.reaction-pop--save {
+  color: #ffd60a !important;
+}
+.reaction-pop svg {
+  animation: reaction-button-pop 0.46s cubic-bezier(0.2, 0.9, 0.25, 1.3);
+}
+@keyframes reaction-button-pop {
+  0% {
+    filter: drop-shadow(0 0 0 currentColor);
+    transform: scale(1);
+  }
+  38% {
+    filter: drop-shadow(0 0 5px currentColor);
+    transform: scale(1.48) rotate(-9deg);
+  }
+  68% {
+    filter: drop-shadow(0 0 2px currentColor);
+    transform: scale(0.9) rotate(3deg);
+  }
+  100% {
+    filter: drop-shadow(0 0 0 currentColor);
+    transform: scale(1);
+  }
+}
+.creator-link,
+.caption-link {
+  display: inline;
+  border: 0;
+  padding: 0;
+  background: none;
+  color: inherit;
+  font: inherit;
+}
+.caption-link {
+  color: #8fc5ff;
+  font-weight: 650;
+}
+.profile-actions {
+  display: flex;
+  justify-content: center;
+  gap: 8px;
+}
+.danger-button {
+  color: #ff453a !important;
+}
+.profile-video-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 2px;
+  margin: 22px -20px 0;
+}
+.profile-video-grid button {
+  position: relative;
+  aspect-ratio: 3 / 4;
+  overflow: hidden;
+  border: 0;
+  padding: 0;
+  background: #1c1c1e;
+}
+.profile-video-grid video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.profile-video-grid span {
+  position: absolute;
+  bottom: 5px;
+  left: 5px;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  color: #fff;
+  font-size: 9px;
+}
+.profile-video-grid svg {
+  width: 10px;
+}
+.editor-card {
+  margin-top: 10px;
+  border: 1px solid #3a3a3c;
+  border-radius: 15px;
+  background: #1c1c1e;
+  padding: 12px;
+}
+.editor-card h3 {
+  margin: 0 0 9px;
+  font-size: 13px;
+}
+.editor-card label {
+  display: block;
+  padding: 6px 0;
+}
+.editor-card label > span {
+  display: flex;
+  justify-content: space-between;
+  color: #d1d1d6;
+  font-size: 10px;
+}
+.editor-card label.disabled {
+  opacity: 0.45;
+}
+.sound-picker {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  width: 100%;
+  border: 0;
+  border-bottom: 1px solid #3a3a3c;
+  padding: 0 0 10px;
+  background: none;
+  color: #fff;
+  text-align: left;
+}
+.sound-picker span {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  grid-column: 1;
+  font-size: 10px;
+  color: #a1a1a6;
+}
+.sound-picker strong {
+  grid-column: 1;
+  margin-top: 3px;
+  font-size: 12px;
+}
+.sound-picker svg {
+  width: 14px;
+}
+.sound-picker > svg {
+  grid-column: 2;
+  grid-row: 1 / 3;
+  align-self: center;
+}
+.report-sheet textarea {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 74px;
+  margin: 0 0 10px;
+  border: 1px solid #3a3a3c;
+  border-radius: 12px;
+  background: #1c1c1e;
+  color: #fff;
+  padding: 10px;
+}
+.sheet-note {
+  color: #a1a1a6;
+  padding: 0 12px;
+  font-size: 11px;
+}
+.moderation-screen {
+  z-index: 45;
+  padding-top: 78px;
+}
+.moderation-body {
+  padding: 12px;
+}
+.moderation-body h2 {
+  margin: 8px 2px 12px;
+  font-size: 20px;
+}
+.report-card {
+  display: grid;
+  grid-template-columns: 86px 1fr;
+  gap: 10px;
+  margin-bottom: 10px;
+  border-radius: 15px;
+  background: #1c1c1e;
+  padding: 9px;
+}
+.report-card video {
+  width: 86px;
+  height: 116px;
+  border-radius: 10px;
+  object-fit: cover;
+  background: #000;
+}
+.report-card small,
+.report-card p {
+  display: block;
+  margin: 4px 0;
+  color: #a1a1a6;
+  font-size: 10px;
+}
+.report-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  margin-top: 7px;
+}
+.report-actions :deep(button) {
+  width: 100%;
+  min-height: 28px;
+  font-size: 10px;
+  white-space: nowrap;
+}
+</style>
diff --git a/frontend/src/views/apps/GalleryApp.vue b/frontend/src/views/apps/GalleryApp.vue
index 486fc80..d24c848 100644
--- a/frontend/src/views/apps/GalleryApp.vue
+++ b/frontend/src/views/apps/GalleryApp.vue
@@ -45,7 +45,9 @@ const requestedMessageMedia = computed<GalleryFilter | null>(() => {
   return value === 'photo' || value === 'video' ? value : null
 })
 const multipleSelection = computed(
-  () => requestedMessageMedia.value !== null && (messageMedia.request?.maxSelection ?? 1) > 1,
+  () =>
+    requestedMessageMedia.value !== null &&
+    (messageMedia.request?.maxSelection ?? 1) > 1,
 )
 const selectedMediaIds = ref<number[]>([])
 const media = ref<PhoneMedia[]>([])
@@ -210,14 +212,14 @@ function openMedia(entry: PhoneMedia): void {
     if (multipleSelection.value) {
       const index = selectedMediaIds.value.indexOf(entry.id)
       if (index >= 0) selectedMediaIds.value.splice(index, 1)
-      else if (selectedMediaIds.value.length < (messageMedia.request?.maxSelection ?? 1)) {
+      else if (
+        selectedMediaIds.value.length <
+        (messageMedia.request?.maxSelection ?? 1)
+      ) {
         selectedMediaIds.value.push(entry.id)
       }
       return
     }
-    const returnPath = messageMedia.complete(entry)
-    if (returnPath) void router.replace(returnPath)
-    return
   }
   landscapeViewer.value = false
   phone.setCameraLandscape(false)
@@ -226,6 +228,12 @@ function openMedia(entry: PhoneMedia): void {
   imagePan.value = { x: 0, y: 0 }
 }
 
+function completeSingleSelection(): void {
+  if (!selected.value) return
+  const returnPath = messageMedia.complete(selected.value)
+  if (returnPath) void router.replace(returnPath)
+}
+
 function completeMultipleSelection(): void {
   const selectedMedia = selectedMediaIds.value.flatMap((id) => {
     const entry = media.value.find((item) => item.id === id)
@@ -405,7 +413,9 @@ onBeforeUnmount(() => {
           v-for="entry in media"
           :key="entry.id"
           class="gallery-tile"
-          :class="{ 'gallery-tile--selected': selectedMediaIds.includes(entry.id) }"
+          :class="{
+            'gallery-tile--selected': selectedMediaIds.includes(entry.id),
+          }"
           type="button"
           :aria-label="
             phone.t(
@@ -499,6 +509,14 @@ onBeforeUnmount(() => {
       </template>
       <template #right>
         <k-link
+          v-if="requestedMessageMedia"
+          component="button"
+          @click="completeSingleSelection"
+        >
+          {{ phone.t('Common.use') }}
+        </k-link>
+        <k-link
+          v-else
           component="button"
           icon-only
           class="text-red-500"
diff --git a/frontend/testserver/index.cjs b/frontend/testserver/index.cjs
index bc301fc..42b11a1 100644
--- a/frontend/testserver/index.cjs
+++ b/frontend/testserver/index.cjs
@@ -47,6 +47,126 @@ const radioData = {
 let mockBankBalance = 24787
 let mockCashBalance = 2350
 let nextBankTransactionId = 7
+const flipTokProfile = {
+  id: 1,
+  handle: 'skyline',
+  display_name: 'Skyline',
+  bio: 'Life around Los Santos.',
+  account_type: 'media',
+  verified: true,
+  is_following: false,
+  is_owner: true,
+  followers: 18400,
+  following: 128,
+  video_count: 2,
+}
+const flipTokMusicTracks = [
+  {
+    id: 'night-drive',
+    title: 'Night Drive',
+    artist: 'Los Santos Radio',
+    url: 'https://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga',
+  },
+]
+let flipTokVideos = [
+  {
+    id: 'fliptok-1',
+    profile_id: 2,
+    handle: 'novals',
+    display_name: 'Nova',
+    verified: true,
+    caption: 'A quiet minute above Vinewood. #LosSantos',
+    location: 'Vinewood Hills',
+    trim_start_ms: 0,
+    trim_end_ms: null,
+    cover_time_ms: 1200,
+    original_volume: 100,
+    music_volume: 0,
+    music_track: '',
+    music_title: '',
+    music_artist: '',
+    music_url: '',
+    url: 'https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4',
+    comments_enabled: true,
+    is_liked: false,
+    is_saved: false,
+    is_following: false,
+    is_owner: false,
+    like_count: 12840,
+    comment_count: 384,
+    view_count: 245100,
+    share_count: 932,
+    created_at: Date.now() - 3600000,
+  },
+  {
+    id: 'fliptok-2',
+    profile_id: 1,
+    handle: 'skyline',
+    display_name: 'Skyline',
+    verified: true,
+    caption: 'Tonight in the city.',
+    location: 'Downtown Los Santos',
+    trim_start_ms: 800,
+    trim_end_ms: 12000,
+    cover_time_ms: 2200,
+    original_volume: 70,
+    music_volume: 25,
+    music_track: 'night-drive',
+    music_title: 'Night Drive',
+    music_artist: 'Los Santos Radio',
+    music_url: flipTokMusicTracks[0].url,
+    url: 'https://media.w3.org/2010/05/sintel/trailer.mp4',
+    comments_enabled: true,
+    is_liked: true,
+    is_saved: true,
+    is_following: false,
+    is_owner: true,
+    like_count: 4921,
+    comment_count: 97,
+    view_count: 88300,
+    share_count: 220,
+    created_at: Date.now() - 7200000,
+  },
+]
+let flipTokComments = [
+  {
+    id: 'comment-1',
+    profile_id: 2,
+    handle: 'nova',
+    display_name: 'Nova',
+    verified: true,
+    body: 'This view is perfect.',
+    created_at: Date.now() - 300000,
+  },
+]
+let flipTokActivities = [
+  {
+    id: 'activity-1',
+    profile_id: 2,
+    handle: 'nova',
+    display_name: 'Nova',
+    verified: true,
+    kind: 'like',
+    video_id: 'fliptok-2',
+    read_at: null,
+    created_at: Date.now() - 240000,
+  },
+]
+let flipTokReports = [
+  {
+    id: 'report-1',
+    video_id: 'fliptok-1',
+    reason: 'dangerous',
+    details: 'Please review the driving shown in this clip.',
+    created_at: Date.now() - 600000,
+    caption: flipTokVideos[0].caption,
+    url: flipTokVideos[0].url,
+    reporter_handle: 'skyline',
+    reporter_display_name: 'Skyline',
+    creator_handle: 'novals',
+    creator_display_name: 'Nova',
+  },
+]
 const mockBankTransactions = [
   {
     id: 1,
@@ -1134,6 +1254,204 @@ app.post('/api/:endpoint', (request, response) => {
     playerName: 'Alex Morgan',
     transactions: mockBankTransactions,
   })
+  if (endpoint === 'fliptok:bootstrap') {
+    response.json({
+      success: true,
+      data: {
+        profile: flipTokProfile,
+        feed: { items: flipTokVideos, offset: 0, hasMore: false },
+        isAdmin: true,
+        musicTracks: flipTokMusicTracks,
+      },
+    })
+    return
+  }
+  if (endpoint === 'fliptok:feed') {
+    const items =
+      request.body.mode === 'following'
+        ? flipTokVideos.filter((video) => video.is_following)
+        : flipTokVideos
+    response.json({ success: true, data: { items, offset: 0, hasMore: false } })
+    return
+  }
+  if (endpoint === 'fliptok:discover') {
+    const search = String(request.body.search ?? '').toLowerCase()
+    response.json({
+      success: true,
+      data: flipTokVideos.filter((video) =>
+        `${video.handle} ${video.display_name} ${video.caption}`
+          .toLowerCase()
+          .includes(search),
+      ),
+    })
+    return
+  }
+  if (endpoint === 'fliptok:react') {
+    const video = flipTokVideos.find((item) => item.id === request.body.id)
+    if (video) {
+      const key = request.body.kind === 'like' ? 'is_liked' : 'is_saved'
+      video[key] = request.body.active
+    }
+    response.json({ success: true })
+    return
+  }
+  if (endpoint === 'fliptok:follow') {
+    flipTokVideos
+      .filter((video) => video.profile_id === request.body.profileId)
+      .forEach((video) => {
+        video.is_following = request.body.active
+      })
+    response.json({ success: true })
+    return
+  }
+  if (endpoint === 'fliptok:share') {
+    const video = flipTokVideos.find((item) => item.id === request.body.id)
+    if (video) video.share_count += 1
+    response.json({ success: true })
+    return
+  }
+  if (endpoint === 'fliptok:comments') {
+    response.json({ success: true, data: flipTokComments })
+    return
+  }
+  if (endpoint === 'fliptok:comment') {
+    flipTokComments.unshift({
+      id: `comment-${Date.now()}`,
+      profile_id: 1,
+      handle: flipTokProfile.handle,
+      display_name: flipTokProfile.display_name,
+      verified: flipTokProfile.verified,
+      body: request.body.body,
+      created_at: Date.now(),
+    })
+    response.json({ success: true })
+    return
+  }
+  if (endpoint === 'fliptok:activities') {
+    response.json({ success: true, data: flipTokActivities })
+    return
+  }
+  if (endpoint === 'fliptok:profile') {
+    const profileId = Number(request.body.profileId || 0)
+    const handle = String(request.body.handle || '').toLowerCase()
+    const own = profileId === flipTokProfile.id || handle === flipTokProfile.handle
+    const videos = own
+      ? flipTokVideos.filter((video) => video.profile_id === flipTokProfile.id)
+      : flipTokVideos.filter((video) =>
+          profileId ? video.profile_id === profileId : video.handle === handle,
+        )
+    const first = videos[0]
+    if (!first && !own) {
+      response.json({ success: false, error: 'profile_not_found' })
+      return
+    }
+    response.json({
+      success: true,
+      data: {
+        profile: own
+          ? { ...flipTokProfile }
+          : {
+              id: first.profile_id,
+              handle: first.handle,
+              display_name: first.display_name,
+              bio: 'Creator in Los Santos.',
+              account_type: 'person',
+              verified: first.verified,
+              is_following: first.is_following,
+              is_owner: false,
+              followers: 12840,
+              following: 91,
+              video_count: videos.length,
+            },
+        videos,
+      },
+    })
+    return
+  }
+  if (endpoint === 'fliptok:block') {
+    const profileId = Number(request.body.profileId)
+    flipTokVideos = flipTokVideos.filter((video) => video.profile_id !== profileId)
+    flipTokComments = flipTokComments.filter((comment) => comment.profile_id !== profileId)
+    flipTokActivities = flipTokActivities.filter((activity) => activity.profile_id !== profileId)
+    response.json({ success: true })
+    return
+  }
+  if (endpoint === 'fliptok:admin-reports') {
+    response.json({ success: true, data: flipTokReports })
+    return
+  }
+  if (endpoint === 'fliptok:admin-resolve-report') {
+    const selected = flipTokReports.find((report) => report.id === request.body.id)
+    if (selected && request.body.action === 'remove')
+      flipTokVideos = flipTokVideos.filter((video) => video.id !== selected.video_id)
+    flipTokReports = flipTokReports.filter((report) =>
+      request.body.action === 'remove'
+        ? report.video_id !== selected?.video_id
+        : report.id !== request.body.id,
+    )
+    response.json({ success: true })
+    return
+  }
+  if (endpoint === 'fliptok:update-profile') {
+    Object.assign(flipTokProfile, {
+      handle: request.body.handle,
+      display_name: request.body.displayName,
+      bio: request.body.bio,
+      account_type: request.body.accountType,
+    })
+    response.json({ success: true, data: flipTokProfile })
+    return
+  }
+  if (endpoint === 'fliptok:publish') {
+    const media = mockMedia.find(
+      (item) => item.id === request.body.mediaId && item.mediaType === 'video',
+    )
+    if (!media) {
+      response.json({ success: false, error: 'invalid_media' })
+      return
+    }
+    flipTokVideos.unshift({
+      id: `fliptok-${Date.now()}`,
+      profile_id: 1,
+      handle: flipTokProfile.handle,
+      display_name: flipTokProfile.display_name,
+      verified: flipTokProfile.verified,
+      caption: request.body.caption,
+      location: request.body.location,
+      trim_start_ms: request.body.trimStartMs || 0,
+      trim_end_ms: request.body.trimEndMs || null,
+      cover_time_ms: request.body.coverTimeMs || 0,
+      original_volume: request.body.originalVolume ?? 100,
+      music_volume: request.body.musicVolume || 0,
+      music_track: request.body.musicTrack || '',
+      music_title:
+        flipTokMusicTracks.find((track) => track.id === request.body.musicTrack)
+          ?.title || '',
+      music_artist:
+        flipTokMusicTracks.find((track) => track.id === request.body.musicTrack)
+          ?.artist || '',
+      music_url:
+        flipTokMusicTracks.find((track) => track.id === request.body.musicTrack)
+          ?.url || '',
+      url: media.url,
+      comments_enabled: request.body.commentsEnabled,
+      is_liked: false,
+      is_saved: false,
+      is_following: false,
+      is_owner: true,
+      like_count: 0,
+      comment_count: 0,
+      view_count: 0,
+      share_count: 0,
+      created_at: Date.now(),
+    })
+    response.json({ success: true, data: { id: flipTokVideos[0].id } })
+    return
+  }
+  if (endpoint.startsWith('fliptok:')) {
+    response.json({ success: true })
+    return
+  }
   if (endpoint === 'banking:overview') {
     response.json({ success: true, data: bankingOverview() })
     return
diff --git a/sky_phone/config/config.lua b/sky_phone/config/config.lua
index b82dabc..76fe9c7 100644
--- a/sky_phone/config/config.lua
+++ b/sky_phone/config/config.lua
@@ -268,6 +268,18 @@ Config.LocalPages = {
     CityMarktSharesPerDay = 1,
 }
 
+Config.FlipTok = {
+    PageSize = 12,
+    CaptionMaxLength = 500,
+    CommentMaxLength = 300,
+    BioMaxLength = 160,
+    MaxVideoDurationMs = 300000,
+    MusicTracks = {},
+    VerifyCommand = "fliptokverify",
+    AdminGroups = { "admin" },
+    ReportAdminGroups = { "admin" },
+}
+
 Config.Calendar = {
     TitleMaxLength = 120,
     NoteMaxLength = 2000,
diff --git a/sky_phone/config/locales/en.lua b/sky_phone/config/locales/en.lua
index 6f9893a..ad14f2b 100644
--- a/sky_phone/config/locales/en.lua
+++ b/sky_phone/config/locales/en.lua
@@ -1,5 +1,13 @@
 Locales["en"] = {
     CommandDescription = "Open your phone.",
+    FlipTokCommand = {
+        usage = "Usage: /{command} <@handle> [on|off]",
+        noPermission = "You do not have permission to manage FlipTok verification.",
+        notFound = "FlipTok profile @{handle} was not found.",
+        updated = "FlipTok @{handle} is now {state}.",
+        verified = "verified",
+        unverified = "unverified",
+    },
     DeviceErrors = {
         phone_slot_missing = "The used phone could not be identified. Make sure phones are not stacked.",
         phone_stacked = "Phones cannot be stacked.",
@@ -15,7 +23,7 @@ Locales["en"] = {
     },
     Nui = {
         Common = {
-            add = "Add", back = "Back", cancel = "Cancel", clear = "Clear", close = "Close", delete = "Delete", done = "Done", edit = "Edit", home = "Home", loading = "Loading", pause = "Pause",
+            add = "Add", back = "Back", cancel = "Cancel", clear = "Clear", close = "Close", delete = "Delete", done = "Done", edit = "Edit", home = "Home", loading = "Loading", pause = "Pause", use = "Use",
             phone = "Phone", phoneStatus = "Phone status", reset = "Reset",
             save = "Save", search = "Search", send = "Send", start = "Start", stop = "Stop",
         },
@@ -64,6 +72,28 @@ Locales["en"] = {
             },
         },
         Apps = {
+            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",
+                emptyFeed = "No videos yet", emptyFeedBody = "Follow creators or post the first FlipTok.", searchPlaceholder = "Search creators and videos",
+                noActivity = "No activity yet", followers = "Followers", videos = "Videos", emptyBio = "No bio yet.", editProfile = "Edit profile",
+                newVideo = "New FlipTok", chooseVideo = "Choose a video", chooseVideoHint = "Select one from Gallery", changeVideo = "Change",
+                captionPlaceholder = "Write a caption...", location = "Add location", whoCanWatch = "Who can watch", public = "Everyone",
+                followersOnly = "Followers", private = "Only me", allowComments = "Allow comments", saveDraft = "Drafts", publishing = "Posting...", post = "Post",
+                draftSaved = "Draft saved.", published = "Your FlipTok is live.", linkCopied = "Video link copied.", reported = "Report submitted.", blocked = "Creator blocked.",
+                comments = "Comments", noComments = "No comments yet", addComment = "Add comment...", report = "Report video", reportReason = "Reason",
+                reportDetails = "Additional details (optional)", submitReport = "Submit report",
+                reportReasons = { spam = "Spam or misleading", harassment = "Harassment or bullying", dangerous = "Dangerous activity", illegal = "Illegal content", other = "Something else" },
+                block = "Block creator", follow = "Follow", unfollow = "Following", backToProfile = "Back", cancel = "Cancel",
+                sounds = "Sound", chooseSound = "Choose music", originalOnly = "Original sound only", noMusic = "No music tracks are configured.",
+                trimAndCover = "Trim & cover", trimStart = "Start", trimEnd = "End", coverFrame = "Cover", originalVolume = "Original sound", musicVolume = "Music",
+                moderation = "Moderation", reports = "Open reports", noReports = "No open reports", removeVideo = "Remove video", dismissReport = "Dismiss",
+                done = "Done", displayName = "Name", username = "Username", bio = "Bio", accountType = "Account type",
+                accountTypes = { person = "Person", business = "Business", organization = "Organization", media = "Media", event = "Event" },
+                activityKinds = { like = "liked your video", comment = "commented on your video", follow = "started following you", verified = "verification changed" },
+                notifications = { like = "{actor} liked your video.", comment = "{actor} commented on your video.", follow = "{actor} started following you.", verified = "Your FlipTok account is now verified.", default = "You have new FlipTok activity." },
+                errors = { invalid_video = "Check the video details.", invalid_media = "Choose a video from this phone.", invalid_comment = "Enter a valid comment.", comments_disabled = "Comments are disabled.", invalid_profile = "Check your profile details.", handle_taken = "This username is already taken.", video_not_found = "This video is unavailable.", blocked = "This account is blocked.", not_authorized = "You do not have moderation access.", report_not_found = "This report is no longer open.", rate_limited = "Too many actions. Try again shortly.", not_authenticated = "Sign in to iFruit first.", default = "FlipTok could not complete the request." },
+            },
             darkchat = {
                 name = "DarkChat", newMessage = "New DarkChat message from {sender}", privateNotification = "New DarkChat message",
                 signInBody = "DarkChat identities are linked to your private iFruit account.", signInHint = "Sign in through Settings to continue.",
@@ -341,7 +371,7 @@ Locales["en"] = {
             },
             camera = {
                 name = "Camera", flash = "Flash", flip = "Flip camera", landscape = "Switch to landscape",
-                portrait = "Switch to portrait", photo = "Photo", video = "Video",
+                portrait = "Switch to portrait", photo = "Photo", video = "Video", microphoneOn = "Microphone on", microphoneOff = "Microphone muted",
                 focusHelp = "Space for movement", returnHelp = "Space to return", uploading = "{count} uploading",
                 saving = "Saving video...", openGallery = "Open Gallery", takePhoto = "Take photo",
                 startRecording = "Start recording", stopRecording = "Stop recording", saved = "Saved to Gallery.",
@@ -350,6 +380,7 @@ Locales["en"] = {
                     cancelled = "Capture cancelled.", capture_failed = "Unable to capture the game view.",
                     invalid_media_type = "The uploaded media type is invalid.", invalid_upload = "The upload could not be verified.",
                     invalid_upload_token = "The upload session is no longer valid.", missing_config = "Camera uploads are not configured.",
+                    microphone_unavailable = "Allow microphone access or mute the microphone before recording.",
                     not_found = "The media item no longer exists.", owner_changed = "The active phone account changed during upload.",
                     operation_in_progress = "Another media operation is already in progress.",
                     rate_limited = "Too many media actions. Try again shortly.", request_failed = "The camera request failed.",
diff --git a/sky_phone/fxmanifest.lua b/sky_phone/fxmanifest.lua
index e2b854a..ecdde4e 100644
--- a/sky_phone/fxmanifest.lua
+++ b/sky_phone/fxmanifest.lua
@@ -36,6 +36,7 @@ server_scripts {
     '@oxmysql/lib/MySQL.lua',
     'config/config.lua',
     'config/media.lua',
+    'config/locales/*.lua',
     'source/bridge/server/database.lua',
     'source/bridge/server/migrations.lua',
     'source/bridge/server/callbacks.lua',
@@ -56,6 +57,7 @@ server_scripts {
     'source/server/garage.lua',
     'source/server/marketplace.lua',
     'source/server/pages.lua',
+    'source/server/fliptok.lua',
     'source/server/calendar.lua',
     'source/server/radio.lua',
 }
diff --git a/sky_phone/source/bridge/server/frameworks/esx.lua b/sky_phone/source/bridge/server/frameworks/esx.lua
index 1661971..33658e1 100644
--- a/sky_phone/source/bridge/server/frameworks/esx.lua
+++ b/sky_phone/source/bridge/server/frameworks/esx.lua
@@ -21,6 +21,20 @@ function Bridge.Framework.GetIdentifier(source)
     return player and player.identifier or nil
 end
 
+function Bridge.Framework.HasAdminGroup(source, groups)
+    local player = get_player(source)
+    if not player then
+        return false
+    end
+    local player_group = player.getGroup()
+    for _, group in ipairs(groups) do
+        if player_group == group then
+            return true
+        end
+    end
+    return false
+end
+
 function Bridge.Framework.GetMoney(source, account)
     local player = get_player(source)
     if not player then
diff --git a/sky_phone/source/bridge/server/frameworks/qb.lua b/sky_phone/source/bridge/server/frameworks/qb.lua
index a2fb91a..f6608c4 100644
--- a/sky_phone/source/bridge/server/frameworks/qb.lua
+++ b/sky_phone/source/bridge/server/frameworks/qb.lua
@@ -21,6 +21,14 @@ function Bridge.Framework.GetIdentifier(source)
     return player and player.PlayerData and tostring(player.PlayerData.citizenid) or nil
 end
 
+function Bridge.Framework.HasAdminGroup(source, groups)
+    local player = get_player(source)
+    if not player then
+        return false
+    end
+    return QBCore.Functions.HasPermission(source, groups)
+end
+
 function Bridge.Framework.GetMoney(source, account)
     local player = get_player(source)
     return player and player.PlayerData and player.PlayerData.money[account] or nil
diff --git a/sky_phone/source/bridge/server/frameworks/qbox.lua b/sky_phone/source/bridge/server/frameworks/qbox.lua
index 7074ffc..f580ea3 100644
--- a/sky_phone/source/bridge/server/frameworks/qbox.lua
+++ b/sky_phone/source/bridge/server/frameworks/qbox.lua
@@ -19,6 +19,14 @@ function Bridge.Framework.GetIdentifier(source)
     return player and player.PlayerData and tostring(player.PlayerData.citizenid) or nil
 end
 
+function Bridge.Framework.HasAdminGroup(source, groups)
+    local player = get_player(source)
+    if not player then
+        return false
+    end
+    return exports.qbx_core:HasGroup(source, groups)
+end
+
 function Bridge.Framework.GetMoney(source, account)
     return exports.qbx_core:GetMoney(tonumber(source), account)
 end
diff --git a/sky_phone/source/client/main.lua b/sky_phone/source/client/main.lua
index 3c564b7..c95edab 100644
--- a/sky_phone/source/client/main.lua
+++ b/sky_phone/source/client/main.lua
@@ -60,6 +60,25 @@ local server_callbacks = {
     "pages:share-citymarkt",
     "pages:react",
     "pages:delete",
+    "fliptok:bootstrap",
+    "fliptok:feed",
+    "fliptok:discover",
+    "fliptok:publish",
+    "fliptok:react",
+    "fliptok:follow",
+    "fliptok:comments",
+    "fliptok:comment",
+    "fliptok:view",
+    "fliptok:share",
+    "fliptok:profile",
+    "fliptok:update-profile",
+    "fliptok:activities",
+    "fliptok:mark-activities",
+    "fliptok:report",
+    "fliptok:admin-reports",
+    "fliptok:admin-resolve-report",
+    "fliptok:block",
+    "fliptok:delete",
     "calendar:list",
     "calendar:create",
     "calendar:update",
@@ -388,6 +407,22 @@ RegisterNetEvent("sky_phone:marketplace:changed", function(data)
     SendNUIMessage({ type = "marketplace:changed", data = data })
 end)
 
+RegisterNetEvent("sky_phone:fliptok:command-feedback", function(data)
+    Bridge.Framework.Notify("FlipTok", data.message, data.notificationType, 5000)
+end)
+
+RegisterNetEvent("sky_phone:fliptok:verification-changed", function(data)
+    SendNUIMessage({ type = "fliptok:verification-changed", data = data })
+end)
+
+RegisterNetEvent("sky_phone:fliptok:new", function(data)
+    local fliptok_locale = get_locale().Nui.Apps.fliptok
+    local notification_text = fliptok_locale.notifications[data.kind] or fliptok_locale.notifications.default
+    data.title = fliptok_locale.name
+    data.text = notification_text:gsub("{actor}", tostring(data.actor or ""))
+    SendNUIMessage({ type = "fliptok:new", data = data })
+end)
+
 RegisterNetEvent("sky_phone:marketplace:new-message", function(data)
     local marketplace_locale = get_locale().Nui.Apps.citymarkt
     data.title = marketplace_locale.name
diff --git a/sky_phone/source/server/db_migrate.lua b/sky_phone/source/server/db_migrate.lua
index f5eda15..1e9bd25 100644
--- a/sky_phone/source/server/db_migrate.lua
+++ b/sky_phone/source/server/db_migrate.lua
@@ -881,6 +881,166 @@ local schema = {
         },
         tableOptions = "ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci",
     },
+    {
+        name = "sky_phone_fliptok_profiles",
+        columns = {
+            { name = "id", type = "BIGINT UNSIGNED NOT NULL AUTO_INCREMENT" },
+            { name = "account_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "handle", type = "VARCHAR(24) NOT NULL", characterSet = "ascii", collation = "ascii_general_ci" },
+            { name = "display_name", type = "VARCHAR(40) NOT NULL" },
+            { name = "bio", type = "VARCHAR(160) NOT NULL DEFAULT ''" },
+            { name = "account_type", type = "ENUM('person', 'business', 'organization', 'media', 'event') NOT NULL DEFAULT 'person'" },
+            { name = "verified", type = "TINYINT(1) NOT NULL DEFAULT 0" },
+            { 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_fliptok_account", columns = "(`account_id`)" },
+            { name = "uniq_sky_phone_fliptok_handle", columns = "(`handle`)" },
+        },
+        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_fliptok_videos",
+        columns = {
+            { name = "id", type = "CHAR(36) NOT NULL", characterSet = "ascii", collation = "ascii_bin" },
+            { name = "profile_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "media_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "caption", type = "VARCHAR(500) NOT NULL DEFAULT ''" },
+            { name = "location", type = "VARCHAR(80) NOT NULL DEFAULT ''" },
+            { name = "visibility", type = "ENUM('public', 'followers', 'private') NOT NULL DEFAULT 'public'" },
+            { name = "comments_enabled", type = "TINYINT(1) NOT NULL DEFAULT 1" },
+            { name = "trim_start_ms", type = "INT UNSIGNED NOT NULL DEFAULT 0" },
+            { name = "trim_end_ms", type = "INT UNSIGNED NULL" },
+            { name = "cover_time_ms", type = "INT UNSIGNED NOT NULL DEFAULT 0" },
+            { name = "original_volume", type = "TINYINT UNSIGNED NOT NULL DEFAULT 100" },
+            { name = "music_volume", type = "TINYINT UNSIGNED NOT NULL DEFAULT 0" },
+            { name = "music_track", type = "VARCHAR(64) NOT NULL DEFAULT ''", characterSet = "ascii", collation = "ascii_general_ci" },
+            { name = "status", type = "ENUM('draft', 'published', 'removed') NOT NULL DEFAULT 'published'" },
+            { name = "view_count", type = "INT UNSIGNED NOT NULL DEFAULT 0" },
+            { name = "share_count", type = "INT UNSIGNED NOT NULL DEFAULT 0" },
+            { 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",
+        indexes = {
+            { name = "idx_sky_phone_fliptok_feed", columns = "(`status`, `visibility`, `created_at`)" },
+            { name = "idx_sky_phone_fliptok_profile", columns = "(`profile_id`, `created_at`)" },
+        },
+        foreignKeys = {
+            { column = "profile_id", references = "`sky_phone_fliptok_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_fliptok_reactions",
+        columns = {
+            { name = "id", type = "BIGINT UNSIGNED NOT NULL AUTO_INCREMENT" },
+            { name = "video_id", type = "CHAR(36) NOT NULL", characterSet = "ascii", collation = "ascii_bin" },
+            { name = "profile_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "kind", type = "ENUM('like', 'save') NOT NULL" },
+            { name = "created_at", type = "DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP" },
+        },
+        primaryKey = "id",
+        uniqueKeys = {{ name = "uniq_sky_phone_fliptok_reaction", columns = "(`video_id`, `profile_id`, `kind`)" }},
+        foreignKeys = {
+            { column = "video_id", references = "`sky_phone_fliptok_videos` (`id`) ON DELETE CASCADE" },
+            { column = "profile_id", references = "`sky_phone_fliptok_profiles` (`id`) ON DELETE CASCADE" },
+        },
+        tableOptions = "ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci",
+    },
+    {
+        name = "sky_phone_fliptok_follows",
+        columns = {
+            { name = "id", type = "BIGINT UNSIGNED NOT NULL AUTO_INCREMENT" },
+            { name = "follower_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "following_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "created_at", type = "DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP" },
+        },
+        primaryKey = "id",
+        uniqueKeys = {{ name = "uniq_sky_phone_fliptok_follow", columns = "(`follower_id`, `following_id`)" }},
+        foreignKeys = {
+            { column = "follower_id", references = "`sky_phone_fliptok_profiles` (`id`) ON DELETE CASCADE" },
+            { column = "following_id", references = "`sky_phone_fliptok_profiles` (`id`) ON DELETE CASCADE" },
+        },
+        tableOptions = "ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci",
+    },
+    {
+        name = "sky_phone_fliptok_comments",
+        columns = {
+            { name = "id", type = "CHAR(36) NOT NULL", characterSet = "ascii", collation = "ascii_bin" },
+            { name = "video_id", type = "CHAR(36) NOT NULL", characterSet = "ascii", collation = "ascii_bin" },
+            { name = "profile_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "body", type = "VARCHAR(300) NOT NULL" },
+            { name = "status", type = "ENUM('visible', 'removed') NOT NULL DEFAULT 'visible'" },
+            { name = "created_at", type = "DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP" },
+        },
+        primaryKey = "id",
+        indexes = {{ name = "idx_sky_phone_fliptok_comments", columns = "(`video_id`, `created_at`)" }},
+        foreignKeys = {
+            { column = "video_id", references = "`sky_phone_fliptok_videos` (`id`) ON DELETE CASCADE" },
+            { column = "profile_id", references = "`sky_phone_fliptok_profiles` (`id`) ON DELETE CASCADE" },
+        },
+        tableOptions = "ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci",
+    },
+    {
+        name = "sky_phone_fliptok_notifications",
+        columns = {
+            { name = "id", type = "CHAR(36) NOT NULL", characterSet = "ascii", collation = "ascii_bin" },
+            { name = "recipient_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "actor_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "video_id", type = "CHAR(36) NULL", characterSet = "ascii", collation = "ascii_bin" },
+            { name = "kind", type = "ENUM('like', 'comment', 'follow', 'verified') NOT NULL" },
+            { name = "read_at", type = "DATETIME NULL" },
+            { name = "created_at", type = "DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP" },
+        },
+        primaryKey = "id",
+        indexes = {{ name = "idx_sky_phone_fliptok_activity", columns = "(`recipient_id`, `created_at`)" }},
+        foreignKeys = {
+            { column = "recipient_id", references = "`sky_phone_fliptok_profiles` (`id`) ON DELETE CASCADE" },
+            { column = "actor_id", references = "`sky_phone_fliptok_profiles` (`id`) ON DELETE CASCADE" },
+            { column = "video_id", references = "`sky_phone_fliptok_videos` (`id`) ON DELETE CASCADE" },
+        },
+        tableOptions = "ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci",
+    },
+    {
+        name = "sky_phone_fliptok_reports",
+        columns = {
+            { name = "id", type = "CHAR(36) NOT NULL", characterSet = "ascii", collation = "ascii_bin" },
+            { name = "reporter_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "video_id", type = "CHAR(36) NOT NULL", characterSet = "ascii", collation = "ascii_bin" },
+            { name = "reason", type = "ENUM('spam', 'harassment', 'dangerous', 'illegal', 'other') NOT NULL" },
+            { name = "details", type = "VARCHAR(500) NOT NULL DEFAULT ''" },
+            { name = "status", type = "ENUM('open', 'reviewed', 'dismissed') NOT NULL DEFAULT 'open'" },
+            { name = "created_at", type = "DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP" },
+        },
+        primaryKey = "id",
+        uniqueKeys = {{ name = "uniq_sky_phone_fliptok_report", columns = "(`reporter_id`, `video_id`)" }},
+        foreignKeys = {
+            { column = "reporter_id", references = "`sky_phone_fliptok_profiles` (`id`) ON DELETE CASCADE" },
+            { column = "video_id", references = "`sky_phone_fliptok_videos` (`id`) ON DELETE CASCADE" },
+        },
+        tableOptions = "ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci",
+    },
+    {
+        name = "sky_phone_fliptok_blocks",
+        columns = {
+            { name = "id", type = "BIGINT UNSIGNED NOT NULL AUTO_INCREMENT" },
+            { name = "blocker_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "blocked_id", type = "BIGINT UNSIGNED NOT NULL" },
+            { name = "created_at", type = "DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP" },
+        },
+        primaryKey = "id",
+        uniqueKeys = {{ name = "uniq_sky_phone_fliptok_block", columns = "(`blocker_id`, `blocked_id`)" }},
+        foreignKeys = {
+            { column = "blocker_id", references = "`sky_phone_fliptok_profiles` (`id`) ON DELETE CASCADE" },
+            { column = "blocked_id", references = "`sky_phone_fliptok_profiles` (`id`) ON DELETE CASCADE" },
+        },
+        tableOptions = "ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci",
+    },
 }
 
 Bridge.Database.Migrate("sky_phone", schema)
diff --git a/sky_phone/source/server/fliptok.lua b/sky_phone/source/server/fliptok.lua
new file mode 100644
index 0000000..af4f446
--- /dev/null
+++ b/sky_phone/source/server/fliptok.lua
@@ -0,0 +1,541 @@
+Bridge.Database.AfterMigration("sky_phone", function()
+local account_types = { person = true, business = true, organization = true, media = true, event = true }
+local visibilities = { public = true, followers = true, private = true }
+local report_reasons = { spam = true, harassment = true, dangerous = true, illegal = true, other = true }
+local report_actions = { dismiss = true, remove = true }
+local music_tracks = {}
+local music_track_list = {}
+
+for _, track in ipairs(Config.FlipTok.MusicTracks) do
+    local id = tostring(track.Id or track.id or "")
+    local title = tostring(track.Title or track.title or "")
+    local artist = tostring(track.Artist or track.artist or "")
+    local url = tostring(track.Url or track.url or "")
+    if id == "" or title == "" or artist == "" or url == "" then
+        error("[sky_phone] Every configured FlipTok music track requires Id, Title, Artist, and Url.")
+    end
+    local item = { id = id, title = title, artist = artist, url = url }
+    music_tracks[id] = item
+    music_track_list[#music_track_list + 1] = item
+end
+
+local function trim(value)
+    if type(value) ~= "string" then return nil end
+    return value:match("^%s*(.-)%s*$")
+end
+
+local function valid_text(value, minimum, maximum)
+    local length = type(value) == "string" and utf8.len(value) or nil
+    return length and length >= minimum and length <= maximum
+end
+
+local function affected_rows(result)
+    if type(result) == "number" then return result end
+    if type(result) == "table" then return tonumber(result.affectedRows) or tonumber(result.affected_rows) or 0 end
+    return 0
+end
+
+local function are_profiles_blocked(first_id, second_id)
+    return Bridge.Database.Query([[SELECT `id` FROM `sky_phone_fliptok_blocks` WHERE
+        (`blocker_id` = ? AND `blocked_id` = ?) OR (`blocker_id` = ? AND `blocked_id` = ?) LIMIT 1]], {
+        first_id, second_id, second_id, first_id,
+    })[1] ~= nil
+end
+
+local function new_id()
+    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 FlipTok id.")
+    end
+    return rows[1].id
+end
+
+local function profile_for_account(account)
+    local rows = Bridge.Database.Query("SELECT * FROM `sky_phone_fliptok_profiles` WHERE `account_id` = ? LIMIT 1", { account.id })
+    if rows[1] then return rows[1] end
+
+    local base = account.email:match("^([^@]+)") or "user"
+    base = base:lower():gsub("[^a-z0-9._]", ""):sub(1, 16)
+    if #base < 3 then base = "user" end
+    local handle = base
+    local suffix = 0
+    while Bridge.Database.Query("SELECT `id` FROM `sky_phone_fliptok_profiles` WHERE `handle` = ? LIMIT 1", { handle })[1] do
+        suffix = suffix + 1
+        handle = (base:sub(1, 18) .. tostring(account.id) .. tostring(suffix)):sub(1, 24)
+    end
+    Bridge.Database.Query([[INSERT INTO `sky_phone_fliptok_profiles`
+        (`account_id`, `handle`, `display_name`) VALUES (?, ?, ?)]], { account.id, handle, base })
+    return Bridge.Database.Query("SELECT * FROM `sky_phone_fliptok_profiles` WHERE `account_id` = ? LIMIT 1", { account.id })[1]
+end
+
+local function require_profile(source)
+    local account, error_response = SkyPhone.RequireAccount(source)
+    if not account then return nil, error_response end
+    return profile_for_account(account), nil
+end
+
+local function hydrate_profile(profile, viewer_id)
+    profile.id = tonumber(profile.id)
+    profile.verified = tonumber(profile.verified) == 1
+    profile.is_following = viewer_id and tonumber(profile.is_following) == 1 or false
+    profile.is_owner = viewer_id and profile.id == viewer_id or false
+    profile.followers = tonumber(profile.followers) or 0
+    profile.following = tonumber(profile.following) or 0
+    profile.video_count = tonumber(profile.video_count) or 0
+    return profile
+end
+
+local function load_profile(profile_id, viewer_id)
+    local rows = Bridge.Database.Query([[
+        SELECT p.*,
+            EXISTS(SELECT 1 FROM `sky_phone_fliptok_follows` f WHERE f.`follower_id` = ? AND f.`following_id` = p.`id`) AS `is_following`,
+            (SELECT COUNT(*) FROM `sky_phone_fliptok_follows` f WHERE f.`following_id` = p.`id`) AS `followers`,
+            (SELECT COUNT(*) FROM `sky_phone_fliptok_follows` f WHERE f.`follower_id` = p.`id`) AS `following`,
+            (SELECT COUNT(*) FROM `sky_phone_fliptok_videos` v WHERE v.`profile_id` = p.`id` AND v.`status` = 'published') AS `video_count`
+        FROM `sky_phone_fliptok_profiles` p WHERE p.`id` = ? LIMIT 1
+    ]], { viewer_id, profile_id })
+    return rows[1] and hydrate_profile(rows[1], viewer_id) or nil
+end
+
+local function notify_profile(recipient_id, actor_id, kind, video_id)
+    local rows = Bridge.Database.Query([[SELECT recipient.`account_id`, actor.`display_name` AS `actor_name`
+        FROM `sky_phone_fliptok_profiles` recipient
+        JOIN `sky_phone_fliptok_profiles` actor ON actor.`id` = ?
+        WHERE recipient.`id` = ? LIMIT 1]], { actor_id, recipient_id })
+    SkyPhone.NotifyAccountDevices(tonumber(rows[1].account_id), "sky_phone:fliptok:new", {
+        actor = rows[1].actor_name,
+        kind = kind,
+        videoId = video_id,
+    })
+end
+
+local function hydrate_videos(rows)
+    for _, video in ipairs(rows) do
+        video.profile_id = tonumber(video.profile_id)
+        video.verified = tonumber(video.verified) == 1
+        video.comments_enabled = tonumber(video.comments_enabled) == 1
+        video.is_liked = tonumber(video.is_liked) == 1
+        video.is_saved = tonumber(video.is_saved) == 1
+        video.is_following = tonumber(video.is_following) == 1
+        video.is_owner = tonumber(video.is_owner) == 1
+        video.like_count = tonumber(video.like_count) or 0
+        video.comment_count = tonumber(video.comment_count) or 0
+        video.view_count = tonumber(video.view_count) or 0
+        video.share_count = tonumber(video.share_count) or 0
+        video.trim_start_ms = tonumber(video.trim_start_ms) or 0
+        video.trim_end_ms = tonumber(video.trim_end_ms)
+        video.cover_time_ms = tonumber(video.cover_time_ms) or 0
+        video.original_volume = tonumber(video.original_volume) or 100
+        video.music_volume = tonumber(video.music_volume) or 0
+        local track = music_tracks[video.music_track]
+        video.music_title = track and track.title or ""
+        video.music_artist = track and track.artist or ""
+        video.music_url = track and track.url or ""
+        video.created_at = (tonumber(video.created_at_unix) or 0) * 1000
+        video.created_at_unix = nil
+    end
+    return rows
+end
+
+local function list_videos(viewer_id, where_clause, values, limit, offset, ranking)
+    local parameters = { viewer_id, viewer_id, viewer_id, viewer_id }
+    for _, value in ipairs(values) do parameters[#parameters + 1] = value end
+    parameters[#parameters + 1] = limit
+    parameters[#parameters + 1] = offset
+    return hydrate_videos(Bridge.Database.Query(([[
+        SELECT v.`id`, v.`profile_id`, v.`caption`, v.`location`, v.`comments_enabled`, v.`view_count`, v.`share_count`,
+            v.`trim_start_ms`, v.`trim_end_ms`, v.`cover_time_ms`, v.`original_volume`, v.`music_volume`, v.`music_track`,
+            m.`url`, UNIX_TIMESTAMP(v.`created_at`) AS `created_at_unix`, p.`handle`, p.`display_name`, p.`verified`,
+            (v.`profile_id` = ?) AS `is_owner`,
+            EXISTS(SELECT 1 FROM `sky_phone_fliptok_reactions` r WHERE r.`video_id` = v.`id` AND r.`profile_id` = ? AND r.`kind` = 'like') AS `is_liked`,
+            EXISTS(SELECT 1 FROM `sky_phone_fliptok_reactions` r WHERE r.`video_id` = v.`id` AND r.`profile_id` = ? AND r.`kind` = 'save') AS `is_saved`,
+            EXISTS(SELECT 1 FROM `sky_phone_fliptok_follows` f WHERE f.`follower_id` = ? AND f.`following_id` = v.`profile_id`) AS `is_following`,
+            (SELECT COUNT(*) FROM `sky_phone_fliptok_reactions` r WHERE r.`video_id` = v.`id` AND r.`kind` = 'like') AS `like_count`,
+            (SELECT COUNT(*) FROM `sky_phone_fliptok_comments` c WHERE c.`video_id` = v.`id` AND c.`status` = 'visible') AS `comment_count`
+        FROM `sky_phone_fliptok_videos` v
+        JOIN `sky_phone_fliptok_profiles` p ON p.`id` = v.`profile_id`
+        JOIN `sky_phone_media` m ON m.`id` = v.`media_id`
+        WHERE v.`status` = 'published' AND %s
+            AND NOT EXISTS(SELECT 1 FROM `sky_phone_fliptok_blocks` b WHERE
+                (b.`blocker_id` = ? AND b.`blocked_id` = v.`profile_id`) OR (b.`blocked_id` = ? AND b.`blocker_id` = v.`profile_id`))
+        ORDER BY %s LIMIT ? OFFSET ?
+    ]]):format(where_clause, ranking), parameters))
+end
+
+local function feed(source, data)
+    local profile, error_response = require_profile(source)
+    if not profile then return error_response end
+    data = type(data) == "table" and data or {}
+    local offset = math.max(0, math.floor(tonumber(data.offset) or 0))
+    local limit = Config.FlipTok.PageSize
+    local where = "v.`visibility` = 'public'"
+    local ranking = "(v.`view_count` + v.`share_count` * 8 + (SELECT COUNT(*) FROM `sky_phone_fliptok_reactions` rr WHERE rr.`video_id` = v.`id`) * 4) DESC, v.`created_at` DESC"
+    if data.mode == "following" then
+        where = "v.`visibility` IN ('public', 'followers') AND EXISTS(SELECT 1 FROM `sky_phone_fliptok_follows` ff WHERE ff.`follower_id` = ? AND ff.`following_id` = v.`profile_id`)"
+        ranking = "v.`created_at` DESC"
+    end
+    local values = data.mode == "following" and { profile.id, profile.id, profile.id } or { profile.id, profile.id }
+    local rows = list_videos(profile.id, where, values, limit + 1, offset, ranking)
+    local has_more = #rows > limit
+    if has_more then rows[#rows] = nil end
+    return { success = true, data = { items = rows, offset = offset, hasMore = has_more } }
+end
+
+Bridge.Callbacks.Register("sky_phone:fliptok:bootstrap", function(source)
+    local profile, error_response = require_profile(source)
+    if not profile then return error_response end
+    local result = feed(source, { mode = "for-you", offset = 0 })
+    if not result.success then return result end
+    return { success = true, data = {
+        profile = load_profile(profile.id, profile.id),
+        feed = result.data,
+        isAdmin = Bridge.Framework.HasAdminGroup(source, Config.FlipTok.ReportAdminGroups),
+        musicTracks = music_track_list,
+    } }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:feed", feed)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:discover", function(source, data)
+    local profile, error_response = require_profile(source)
+    if not profile then return error_response end
+    local search = type(data) == "table" and trim(data.search) or ""
+    if search and utf8.len(search) > 50 then return { success = false, error = "invalid_request" } end
+    local pattern = "%" .. (search or "") .. "%"
+    local rows = list_videos(profile.id, "v.`visibility` = 'public' AND (p.`handle` LIKE ? OR p.`display_name` LIKE ? OR v.`caption` LIKE ?)", { pattern, pattern, pattern, profile.id, profile.id }, Config.FlipTok.PageSize, 0, "v.`created_at` DESC")
+    return { success = true, data = rows }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:publish", function(source, data)
+    local profile, error_response = require_profile(source)
+    if not profile then return error_response end
+    if not SkyPhone.AllowOperation(source, "fliptok:publish", 6, 60) then return { success = false, error = "rate_limited" } end
+    if type(data) ~= "table" then return { success = false, error = "invalid_video" } end
+    local media_id = tonumber(data.mediaId)
+    local caption = trim(data.caption) or ""
+    local location = trim(data.location) or ""
+    local visibility = data.visibility or "public"
+    local trim_start_ms = math.floor(tonumber(data.trimStartMs) or 0)
+    local trim_end_ms = data.trimEndMs ~= nil and math.floor(tonumber(data.trimEndMs) or -1) or nil
+    local cover_time_ms = math.floor(tonumber(data.coverTimeMs) or 0)
+    local original_volume = math.floor(tonumber(data.originalVolume) or 100)
+    local music_volume = math.floor(tonumber(data.musicVolume) or 0)
+    local music_track = type(data.musicTrack) == "string" and data.musicTrack or ""
+    if not media_id or media_id < 1 or media_id ~= math.floor(media_id)
+        or not valid_text(caption, 0, Config.FlipTok.CaptionMaxLength)
+        or not valid_text(location, 0, 80) or not visibilities[visibility]
+        or type(data.commentsEnabled) ~= "boolean"
+        or trim_start_ms < 0 or trim_start_ms > Config.FlipTok.MaxVideoDurationMs
+        or (trim_end_ms and (trim_end_ms <= trim_start_ms or trim_end_ms > Config.FlipTok.MaxVideoDurationMs))
+        or cover_time_ms < trim_start_ms or (trim_end_ms and cover_time_ms > trim_end_ms)
+        or original_volume < 0 or original_volume > 100 or music_volume < 0 or music_volume > 100
+        or (music_track ~= "" and not music_tracks[music_track])
+    then return { success = false, error = "invalid_video" } end
+    if music_track == "" then music_volume = 0 end
+    if not SkyPhoneMedia.ResolveOwnedMedia(source, tostring(media_id), "video") then
+        return { success = false, error = "invalid_media" }
+    end
+    local id = new_id()
+    Bridge.Database.Query([[INSERT INTO `sky_phone_fliptok_videos`
+        (`id`, `profile_id`, `media_id`, `caption`, `location`, `visibility`, `comments_enabled`, `trim_start_ms`, `trim_end_ms`,
+            `cover_time_ms`, `original_volume`, `music_volume`, `music_track`, `status`)
+        VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)]], {
+        id, profile.id, media_id, caption, location, visibility, data.commentsEnabled and 1 or 0, trim_start_ms, trim_end_ms,
+        cover_time_ms, original_volume, music_volume, music_track, data.draft == true and "draft" or "published",
+    })
+    return { success = true, data = { id = id } }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:react", function(source, data)
+    local profile, error_response = require_profile(source)
+    if not profile then return error_response end
+    if not SkyPhone.AllowOperation(source, "fliptok:react", 60, 60) then return { success = false, error = "rate_limited" } end
+    if type(data) ~= "table" or type(data.id) ~= "string" or (data.kind ~= "like" and data.kind ~= "save") or type(data.active) ~= "boolean" then
+        return { success = false, error = "invalid_request" }
+    end
+    local videos = Bridge.Database.Query("SELECT `profile_id` FROM `sky_phone_fliptok_videos` WHERE `id` = ? AND `status` = 'published' LIMIT 1", { data.id })
+    if not videos[1] then return { success = false, error = "video_not_found" } end
+    local owner_id = tonumber(videos[1].profile_id)
+    if owner_id ~= profile.id and are_profiles_blocked(profile.id, owner_id) then
+        return { success = false, error = "blocked" }
+    end
+    if data.active then
+        local inserted = Bridge.Database.Query("INSERT IGNORE INTO `sky_phone_fliptok_reactions` (`video_id`, `profile_id`, `kind`) VALUES (?, ?, ?)", { data.id, profile.id, data.kind })
+        if affected_rows(inserted) > 0 and data.kind == "like" and owner_id ~= profile.id then
+            Bridge.Database.Query("INSERT INTO `sky_phone_fliptok_notifications` (`id`, `recipient_id`, `actor_id`, `video_id`, `kind`) VALUES (?, ?, ?, ?, 'like')", { new_id(), videos[1].profile_id, profile.id, data.id })
+            notify_profile(owner_id, profile.id, "like", data.id)
+        end
+    else
+        Bridge.Database.Query("DELETE FROM `sky_phone_fliptok_reactions` WHERE `video_id` = ? AND `profile_id` = ? AND `kind` = ?", { data.id, profile.id, data.kind })
+    end
+    return { success = true }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:follow", function(source, data)
+    local profile, error_response = require_profile(source)
+    if not profile then return error_response end
+    local target_id = type(data) == "table" and tonumber(data.profileId) or nil
+    if not target_id or target_id == profile.id or type(data.active) ~= "boolean" then return { success = false, error = "invalid_request" } end
+    if are_profiles_blocked(profile.id, target_id) then return { success = false, error = "blocked" } end
+    if data.active then
+        local inserted = Bridge.Database.Query("INSERT IGNORE INTO `sky_phone_fliptok_follows` (`follower_id`, `following_id`) SELECT ?, `id` FROM `sky_phone_fliptok_profiles` WHERE `id` = ?", { profile.id, target_id })
+        if affected_rows(inserted) > 0 then
+            Bridge.Database.Query("INSERT INTO `sky_phone_fliptok_notifications` (`id`, `recipient_id`, `actor_id`, `kind`) VALUES (?, ?, ?, 'follow')", { new_id(), target_id, profile.id })
+            notify_profile(target_id, profile.id, "follow")
+        end
+    else
+        Bridge.Database.Query("DELETE FROM `sky_phone_fliptok_follows` WHERE `follower_id` = ? AND `following_id` = ?", { profile.id, target_id })
+    end
+    return { success = true }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:comments", function(source, data)
+    local profile, error_response = require_profile(source)
+    if not profile then return error_response end
+    if type(data) ~= "table" or type(data.id) ~= "string" then return { success = false, error = "invalid_request" } end
+    local rows = Bridge.Database.Query([[SELECT c.`id`, c.`body`, UNIX_TIMESTAMP(c.`created_at`) * 1000 AS `created_at`,
+        p.`id` AS `profile_id`, p.`handle`, p.`display_name`, p.`verified`
+        FROM `sky_phone_fliptok_comments` c JOIN `sky_phone_fliptok_profiles` p ON p.`id` = c.`profile_id`
+        WHERE c.`video_id` = ? AND c.`status` = 'visible'
+            AND NOT EXISTS(SELECT 1 FROM `sky_phone_fliptok_blocks` b WHERE
+                (b.`blocker_id` = ? AND b.`blocked_id` = c.`profile_id`) OR (b.`blocked_id` = ? AND b.`blocker_id` = c.`profile_id`))
+        ORDER BY c.`created_at` DESC LIMIT 100]], { data.id, profile.id, profile.id })
+    for _, row in ipairs(rows) do row.verified = tonumber(row.verified) == 1 end
+    return { success = true, data = rows }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:comment", function(source, data)
+    local profile, error_response = require_profile(source)
+    if not profile then return error_response end
+    if not SkyPhone.AllowOperation(source, "fliptok:comment", 20, 60) then return { success = false, error = "rate_limited" } end
+    local body = type(data) == "table" and trim(data.body) or nil
+    if type(data) ~= "table" or type(data.id) ~= "string" or not valid_text(body, 1, Config.FlipTok.CommentMaxLength) then return { success = false, error = "invalid_comment" } end
+    local videos = Bridge.Database.Query("SELECT `profile_id` FROM `sky_phone_fliptok_videos` WHERE `id` = ? AND `status` = 'published' AND `comments_enabled` = 1 LIMIT 1", { data.id })
+    if not videos[1] then return { success = false, error = "comments_disabled" } end
+    local owner_id = tonumber(videos[1].profile_id)
+    if owner_id ~= profile.id and are_profiles_blocked(profile.id, owner_id) then
+        return { success = false, error = "blocked" }
+    end
+    Bridge.Database.Query("INSERT INTO `sky_phone_fliptok_comments` (`id`, `video_id`, `profile_id`, `body`) VALUES (?, ?, ?, ?)", { new_id(), data.id, profile.id, body })
+    if tonumber(videos[1].profile_id) ~= profile.id then
+        Bridge.Database.Query("INSERT INTO `sky_phone_fliptok_notifications` (`id`, `recipient_id`, `actor_id`, `video_id`, `kind`) VALUES (?, ?, ?, ?, 'comment')", { new_id(), videos[1].profile_id, profile.id, data.id })
+        notify_profile(owner_id, profile.id, "comment", data.id)
+    end
+    return { success = true }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:view", function(source, data)
+    local _, error_response = require_profile(source)
+    if error_response then return error_response end
+    if not SkyPhone.AllowOperation(source, "fliptok:view", 120, 60) then return { success = false, error = "rate_limited" } end
+    if type(data) ~= "table" or type(data.id) ~= "string" then return { success = false, error = "invalid_request" } end
+    Bridge.Database.Query("UPDATE `sky_phone_fliptok_videos` SET `view_count` = `view_count` + 1 WHERE `id` = ? AND `status` = 'published'", { data.id })
+    return { success = true }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:share", function(source, data)
+    local _, error_response = require_profile(source)
+    if error_response then return error_response end
+    if not SkyPhone.AllowOperation(source, "fliptok:share", 30, 60) then return { success = false, error = "rate_limited" } end
+    if type(data) ~= "table" or type(data.id) ~= "string" then return { success = false, error = "invalid_request" } end
+    Bridge.Database.Query("UPDATE `sky_phone_fliptok_videos` SET `share_count` = `share_count` + 1 WHERE `id` = ? AND `status` = 'published'", { data.id })
+    return { success = true }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:profile", function(source, data)
+    local viewer, error_response = require_profile(source)
+    if not viewer then return error_response end
+    local handle = type(data) == "table" and trim(data.handle) or nil
+    local id = type(data) == "table" and tonumber(data.profileId) or viewer.id
+    local rows = handle and Bridge.Database.Query("SELECT `id` FROM `sky_phone_fliptok_profiles` WHERE `handle` = ? LIMIT 1", { handle }) or { { id = id } }
+    if not rows[1] then return { success = false, error = "profile_not_found" } end
+    if tonumber(rows[1].id) ~= viewer.id and are_profiles_blocked(viewer.id, tonumber(rows[1].id)) then
+        return { success = false, error = "profile_not_found" }
+    end
+    local target = load_profile(tonumber(rows[1].id), viewer.id)
+    if not target then return { success = false, error = "profile_not_found" } end
+    local videos = list_videos(viewer.id, "v.`profile_id` = ? AND (v.`visibility` = 'public' OR v.`profile_id` = ?)", { target.id, viewer.id, viewer.id, viewer.id }, 60, 0, "v.`created_at` DESC")
+    return { success = true, data = { profile = target, videos = videos } }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:update-profile", function(source, data)
+    local profile, error_response = require_profile(source)
+    if not profile then return error_response end
+    local handle = type(data) == "table" and trim(data.handle) or nil
+    local display_name = type(data) == "table" and trim(data.displayName) or nil
+    local bio = type(data) == "table" and trim(data.bio) or nil
+    local account_type = type(data) == "table" and data.accountType or nil
+    if not handle or not handle:match("^[a-z0-9._]+$") or not valid_text(handle, 3, 24)
+        or not valid_text(display_name, 1, 40) or not valid_text(bio, 0, Config.FlipTok.BioMaxLength) or not account_types[account_type]
+    then return { success = false, error = "invalid_profile" } end
+    local duplicate = Bridge.Database.Query("SELECT `id` FROM `sky_phone_fliptok_profiles` WHERE `handle` = ? AND `id` <> ? LIMIT 1", { handle, profile.id })
+    if duplicate[1] then return { success = false, error = "handle_taken" } end
+    Bridge.Database.Query("UPDATE `sky_phone_fliptok_profiles` SET `handle` = ?, `display_name` = ?, `bio` = ?, `account_type` = ? WHERE `id` = ?", { handle, display_name, bio, account_type, profile.id })
+    return { success = true, data = load_profile(profile.id, profile.id) }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:activities", function(source)
+    local profile, error_response = require_profile(source)
+    if not profile then return error_response end
+    local rows = Bridge.Database.Query([[SELECT n.`id`, n.`kind`, n.`video_id`, n.`read_at`, UNIX_TIMESTAMP(n.`created_at`) * 1000 AS `created_at`,
+        p.`id` AS `profile_id`, p.`handle`, p.`display_name`, p.`verified`
+        FROM `sky_phone_fliptok_notifications` n JOIN `sky_phone_fliptok_profiles` p ON p.`id` = n.`actor_id`
+        WHERE n.`recipient_id` = ?
+            AND (n.`kind` = 'verified' OR NOT EXISTS(SELECT 1 FROM `sky_phone_fliptok_blocks` b WHERE
+                (b.`blocker_id` = n.`recipient_id` AND b.`blocked_id` = n.`actor_id`) OR
+                (b.`blocked_id` = n.`recipient_id` AND b.`blocker_id` = n.`actor_id`)))
+        ORDER BY n.`created_at` DESC LIMIT 100]], { profile.id })
+    for _, row in ipairs(rows) do row.verified = tonumber(row.verified) == 1 end
+    return { success = true, data = rows }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:mark-activities", function(source)
+    local profile, error_response = require_profile(source)
+    if not profile then return error_response end
+    Bridge.Database.Query("UPDATE `sky_phone_fliptok_notifications` SET `read_at` = NOW() WHERE `recipient_id` = ? AND `read_at` IS NULL", { profile.id })
+    return { success = true }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:report", function(source, data)
+    local profile, error_response = require_profile(source)
+    if not profile then return error_response end
+    if not SkyPhone.AllowOperation(source, "fliptok:report", 10, 60) then return { success = false, error = "rate_limited" } end
+    local reason = type(data) == "table" and data.reason or nil
+    local details = type(data) == "table" and trim(data.details) or ""
+    if type(data) ~= "table" or type(data.id) ~= "string" or not report_reasons[reason] or not valid_text(details, 0, 500) then return { success = false, error = "invalid_report" } end
+    local videos = Bridge.Database.Query([[SELECT v.`profile_id` FROM `sky_phone_fliptok_videos` v
+        WHERE v.`id` = ? AND v.`status` = 'published'
+            AND (v.`profile_id` = ? OR v.`visibility` = 'public' OR
+                (v.`visibility` = 'followers' AND EXISTS(SELECT 1 FROM `sky_phone_fliptok_follows` f
+                    WHERE f.`follower_id` = ? AND f.`following_id` = v.`profile_id`)))
+            AND NOT EXISTS(SELECT 1 FROM `sky_phone_fliptok_blocks` b WHERE
+                (b.`blocker_id` = ? AND b.`blocked_id` = v.`profile_id`) OR
+                (b.`blocked_id` = ? AND b.`blocker_id` = v.`profile_id`))
+        LIMIT 1]], { data.id, profile.id, profile.id, profile.id, profile.id })
+    if not videos[1] then return { success = false, error = "video_not_found" } end
+    Bridge.Database.Query("INSERT IGNORE INTO `sky_phone_fliptok_reports` (`id`, `reporter_id`, `video_id`, `reason`, `details`) VALUES (?, ?, ?, ?, ?)", { new_id(), profile.id, data.id, reason, details })
+    return { success = true }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:admin-reports", function(source)
+    local _, error_response = require_profile(source)
+    if error_response then return error_response end
+    if not Bridge.Framework.HasAdminGroup(source, Config.FlipTok.ReportAdminGroups) then
+        return { success = false, error = "not_authorized" }
+    end
+    local rows = Bridge.Database.Query([[SELECT r.`id`, r.`video_id`, r.`reason`, r.`details`,
+        UNIX_TIMESTAMP(r.`created_at`) * 1000 AS `created_at`, v.`caption`, m.`url`,
+        reporter.`handle` AS `reporter_handle`, reporter.`display_name` AS `reporter_display_name`,
+        creator.`handle` AS `creator_handle`, creator.`display_name` AS `creator_display_name`
+        FROM `sky_phone_fliptok_reports` r
+        JOIN `sky_phone_fliptok_videos` v ON v.`id` = r.`video_id`
+        JOIN `sky_phone_media` m ON m.`id` = v.`media_id`
+        JOIN `sky_phone_fliptok_profiles` reporter ON reporter.`id` = r.`reporter_id`
+        JOIN `sky_phone_fliptok_profiles` creator ON creator.`id` = v.`profile_id`
+        WHERE r.`status` = 'open' ORDER BY r.`created_at` ASC LIMIT 200]], {})
+    return { success = true, data = rows }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:admin-resolve-report", function(source, data)
+    local _, error_response = require_profile(source)
+    if error_response then return error_response end
+    if not Bridge.Framework.HasAdminGroup(source, Config.FlipTok.ReportAdminGroups) then
+        return { success = false, error = "not_authorized" }
+    end
+    local id = type(data) == "table" and data.id or nil
+    local action = type(data) == "table" and data.action or nil
+    if type(id) ~= "string" or not report_actions[action] then
+        return { success = false, error = "invalid_request" }
+    end
+    local reports = Bridge.Database.Query("SELECT `video_id` FROM `sky_phone_fliptok_reports` WHERE `id` = ? AND `status` = 'open' LIMIT 1", { id })
+    if not reports[1] then return { success = false, error = "report_not_found" } end
+    if action == "remove" then
+        Bridge.Database.Transaction({
+            { query = "UPDATE `sky_phone_fliptok_videos` SET `status` = 'removed' WHERE `id` = ?", params = { reports[1].video_id } },
+            { query = "UPDATE `sky_phone_fliptok_reports` SET `status` = 'reviewed' WHERE `video_id` = ? AND `status` = 'open'", params = { reports[1].video_id } },
+        })
+    else
+        Bridge.Database.Query("UPDATE `sky_phone_fliptok_reports` SET `status` = 'dismissed' WHERE `id` = ?", { id })
+    end
+    return { success = true }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:block", function(source, data)
+    local profile, error_response = require_profile(source)
+    if not profile then return error_response end
+    local target_id = type(data) == "table" and tonumber(data.profileId) or nil
+    if not target_id or target_id == profile.id then return { success = false, error = "invalid_request" } end
+    Bridge.Database.Transaction({
+        { query = "INSERT IGNORE INTO `sky_phone_fliptok_blocks` (`blocker_id`, `blocked_id`) VALUES (?, ?)", params = { profile.id, target_id } },
+        { query = "DELETE FROM `sky_phone_fliptok_follows` WHERE (`follower_id` = ? AND `following_id` = ?) OR (`follower_id` = ? AND `following_id` = ?)", params = { profile.id, target_id, target_id, profile.id } },
+    })
+    return { success = true }
+end)
+
+Bridge.Callbacks.Register("sky_phone:fliptok:delete", function(source, data)
+    local profile, error_response = require_profile(source)
+    if not profile then return error_response end
+    if type(data) ~= "table" or type(data.id) ~= "string" then return { success = false, error = "video_not_found" } end
+    local result = Bridge.Database.Query("UPDATE `sky_phone_fliptok_videos` SET `status` = 'removed' WHERE `id` = ? AND `profile_id` = ?", { data.id, profile.id })
+    local affected = type(result) == "number" and result or type(result) == "table" and tonumber(result.affectedRows) or 0
+    return affected > 0 and { success = true } or { success = false, error = "video_not_found" }
+end)
+
+RegisterCommand(Config.FlipTok.VerifyCommand, function(source, arguments)
+    local command_locale = (Locales[Config.Bridge.Locale] or Locales["en"]).FlipTokCommand
+    local function command_message(template, values)
+        return template:gsub("{(%w+)}", function(key) return values[key] or "" end)
+    end
+    local function send_command_feedback(message, notification_type)
+        if source == 0 then
+            print(message)
+            return
+        end
+
+        TriggerClientEvent("sky_phone:fliptok:command-feedback", source, {
+            message = message,
+            notificationType = notification_type,
+        })
+    end
+    if source ~= 0 and not Bridge.Framework.HasAdminGroup(source, Config.FlipTok.AdminGroups) then
+        send_command_feedback(command_locale.noPermission, "error")
+        print(("[sky_phone] Player %d attempted to use the FlipTok verification command without an admin group."):format(source))
+        return
+    end
+    local handle = type(arguments[1]) == "string" and arguments[1]:lower():gsub("^@", "") or ""
+    local requested = type(arguments[2]) == "string" and arguments[2]:lower() or nil
+    if handle == "" or (requested and requested ~= "on" and requested ~= "off") then
+        local message = command_message(command_locale.usage, { command = Config.FlipTok.VerifyCommand })
+        send_command_feedback(message, "error")
+        return
+    end
+    local rows = Bridge.Database.Query("SELECT `id`, `verified` FROM `sky_phone_fliptok_profiles` WHERE `handle` = ? LIMIT 1", { handle })
+    if not rows[1] then
+        local message = command_message(command_locale.notFound, { handle = handle })
+        send_command_feedback(message, "error")
+        return
+    end
+    local verified
+    if requested then
+        verified = requested == "on"
+    else
+        verified = tonumber(rows[1].verified) ~= 1
+    end
+    Bridge.Database.Query("UPDATE `sky_phone_fliptok_profiles` SET `verified` = ? WHERE `id` = ?", { verified and 1 or 0, rows[1].id })
+    if verified then
+        Bridge.Database.Query("INSERT INTO `sky_phone_fliptok_notifications` (`id`, `recipient_id`, `actor_id`, `kind`) VALUES (?, ?, ?, 'verified')", {
+            new_id(), rows[1].id, rows[1].id,
+        })
+        notify_profile(tonumber(rows[1].id), tonumber(rows[1].id), "verified")
+    end
+    TriggerClientEvent("sky_phone:fliptok:verification-changed", -1, {
+        profileId = tonumber(rows[1].id),
+        verified = verified,
+    })
+    local message = command_message(command_locale.updated, {
+        handle = handle,
+        state = verified and command_locale.verified or command_locale.unverified,
+    })
+    send_command_feedback(message, "success")
+end, false)
+end)
diff --git a/sky_phone/sql/install.sql b/sky_phone/sql/install.sql
index 579d639..70d7210 100644
--- a/sky_phone/sql/install.sql
+++ b/sky_phone/sql/install.sql
@@ -252,3 +252,78 @@ CREATE TABLE IF NOT EXISTS `sky_phone_radio_profiles` (
     `updated_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
     PRIMARY KEY (`identifier`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+CREATE TABLE IF NOT EXISTS `sky_phone_fliptok_profiles` (
+    `id` BIGINT UNSIGNED NOT NULL AUTO_INCREMENT, `account_id` BIGINT UNSIGNED NOT NULL,
+    `handle` VARCHAR(24) CHARACTER SET ascii COLLATE ascii_general_ci NOT NULL, `display_name` VARCHAR(40) NOT NULL,
+    `bio` VARCHAR(160) NOT NULL DEFAULT '', `account_type` ENUM('person','business','organization','media','event') NOT NULL DEFAULT 'person',
+    `verified` TINYINT(1) NOT NULL DEFAULT 0, `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_fliptok_account` (`account_id`), UNIQUE KEY `uniq_sky_phone_fliptok_handle` (`handle`),
+    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_fliptok_videos` (
+    `id` CHAR(36) CHARACTER SET ascii COLLATE ascii_bin NOT NULL, `profile_id` BIGINT UNSIGNED NOT NULL, `media_id` BIGINT UNSIGNED NOT NULL,
+    `caption` VARCHAR(500) NOT NULL DEFAULT '', `location` VARCHAR(80) NOT NULL DEFAULT '',
+    `visibility` ENUM('public','followers','private') NOT NULL DEFAULT 'public', `comments_enabled` TINYINT(1) NOT NULL DEFAULT 1,
+    `trim_start_ms` INT UNSIGNED NOT NULL DEFAULT 0, `trim_end_ms` INT UNSIGNED NULL, `cover_time_ms` INT UNSIGNED NOT NULL DEFAULT 0,
+    `original_volume` TINYINT UNSIGNED NOT NULL DEFAULT 100, `music_volume` TINYINT UNSIGNED NOT NULL DEFAULT 0,
+    `music_track` VARCHAR(64) CHARACTER SET ascii COLLATE ascii_general_ci NOT NULL DEFAULT '',
+    `status` ENUM('draft','published','removed') NOT NULL DEFAULT 'published', `view_count` INT UNSIGNED NOT NULL DEFAULT 0,
+    `share_count` INT UNSIGNED NOT NULL DEFAULT 0, `created_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    `updated_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+    PRIMARY KEY (`id`), KEY `idx_sky_phone_fliptok_feed` (`status`,`visibility`,`created_at`), KEY `idx_sky_phone_fliptok_profile` (`profile_id`,`created_at`),
+    FOREIGN KEY (`profile_id`) REFERENCES `sky_phone_fliptok_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_fliptok_reactions` (
+    `id` BIGINT UNSIGNED NOT NULL AUTO_INCREMENT, `video_id` CHAR(36) CHARACTER SET ascii COLLATE ascii_bin NOT NULL,
+    `profile_id` BIGINT UNSIGNED NOT NULL, `kind` ENUM('like','save') NOT NULL, `created_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    PRIMARY KEY (`id`), UNIQUE KEY `uniq_sky_phone_fliptok_reaction` (`video_id`,`profile_id`,`kind`),
+    FOREIGN KEY (`video_id`) REFERENCES `sky_phone_fliptok_videos` (`id`) ON DELETE CASCADE,
+    FOREIGN KEY (`profile_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_fliptok_follows` (
+    `id` BIGINT UNSIGNED NOT NULL AUTO_INCREMENT, `follower_id` BIGINT UNSIGNED NOT NULL, `following_id` BIGINT UNSIGNED NOT NULL,
+    `created_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP, PRIMARY KEY (`id`),
+    UNIQUE KEY `uniq_sky_phone_fliptok_follow` (`follower_id`,`following_id`),
+    FOREIGN KEY (`follower_id`) REFERENCES `sky_phone_fliptok_profiles` (`id`) ON DELETE CASCADE,
+    FOREIGN KEY (`following_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_fliptok_comments` (
+    `id` CHAR(36) CHARACTER SET ascii COLLATE ascii_bin NOT NULL, `video_id` CHAR(36) CHARACTER SET ascii COLLATE ascii_bin NOT NULL,
+    `profile_id` BIGINT UNSIGNED NOT NULL, `body` VARCHAR(300) NOT NULL, `status` ENUM('visible','removed') NOT NULL DEFAULT 'visible',
+    `created_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP, PRIMARY KEY (`id`), KEY `idx_sky_phone_fliptok_comments` (`video_id`,`created_at`),
+    FOREIGN KEY (`video_id`) REFERENCES `sky_phone_fliptok_videos` (`id`) ON DELETE CASCADE,
+    FOREIGN KEY (`profile_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_fliptok_notifications` (
+    `id` CHAR(36) CHARACTER SET ascii COLLATE ascii_bin NOT NULL, `recipient_id` BIGINT UNSIGNED NOT NULL, `actor_id` BIGINT UNSIGNED NOT NULL,
+    `video_id` CHAR(36) CHARACTER SET ascii COLLATE ascii_bin NULL, `kind` ENUM('like','comment','follow','verified') NOT NULL,
+    `read_at` DATETIME NULL, `created_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP, PRIMARY KEY (`id`),
+    KEY `idx_sky_phone_fliptok_activity` (`recipient_id`,`created_at`),
+    FOREIGN KEY (`recipient_id`) REFERENCES `sky_phone_fliptok_profiles` (`id`) ON DELETE CASCADE,
+    FOREIGN KEY (`actor_id`) REFERENCES `sky_phone_fliptok_profiles` (`id`) ON DELETE CASCADE,
+    FOREIGN KEY (`video_id`) REFERENCES `sky_phone_fliptok_videos` (`id`) ON DELETE CASCADE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+CREATE TABLE IF NOT EXISTS `sky_phone_fliptok_reports` (
+    `id` CHAR(36) CHARACTER SET ascii COLLATE ascii_bin NOT NULL, `reporter_id` BIGINT UNSIGNED NOT NULL,
+    `video_id` CHAR(36) CHARACTER SET ascii COLLATE ascii_bin NOT NULL, `reason` ENUM('spam','harassment','dangerous','illegal','other') NOT NULL,
+    `details` VARCHAR(500) NOT NULL DEFAULT '', `status` ENUM('open','reviewed','dismissed') NOT NULL DEFAULT 'open',
+    `created_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP, PRIMARY KEY (`id`), UNIQUE KEY `uniq_sky_phone_fliptok_report` (`reporter_id`,`video_id`),
+    FOREIGN KEY (`reporter_id`) REFERENCES `sky_phone_fliptok_profiles` (`id`) ON DELETE CASCADE,
+    FOREIGN KEY (`video_id`) REFERENCES `sky_phone_fliptok_videos` (`id`) ON DELETE CASCADE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+CREATE TABLE IF NOT EXISTS `sky_phone_fliptok_blocks` (
+    `id` BIGINT UNSIGNED NOT NULL AUTO_INCREMENT, `blocker_id` BIGINT UNSIGNED NOT NULL, `blocked_id` BIGINT UNSIGNED NOT NULL,
+    `created_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP, PRIMARY KEY (`id`), UNIQUE KEY `uniq_sky_phone_fliptok_block` (`blocker_id`,`blocked_id`),
+    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;