diff --git a/src/app/settings/page.test.tsx b/src/app/settings/page.test.tsx
index a30224c..dc4a0d4 100644
--- a/src/app/settings/page.test.tsx
+++ b/src/app/settings/page.test.tsx
@@ -3,7 +3,7 @@
  */
 
 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
-import { render, screen, waitFor } from '@testing-library/react'
+import { render, screen, waitFor, within } from '@testing-library/react'
 import { axe } from 'vitest-axe'
 import SettingsPage from './page'
 
@@ -23,6 +23,7 @@ vi.mock('@/hooks/use-auth', () => {
       handle: 'alice.bsky.social',
       displayName: 'Alice',
       avatarUrl: null,
+      role: 'user' as const,
     },
     isAuthenticated: true,
     isLoading: false,
@@ -81,6 +82,13 @@ describe('SettingsPage', () => {
     expect(screen.getByLabelText(/maturity level/i)).toBeInTheDocument()
   })
 
+  it('renders age bracket dropdown', async () => {
+    render(<SettingsPage />)
+    await waitFor(() => {
+      expect(screen.getByLabelText(/age bracket/i)).toBeInTheDocument()
+    })
+  })
+
   it('renders muted words input', async () => {
     render(<SettingsPage />)
     await waitFor(() => {
@@ -88,6 +96,16 @@ describe('SettingsPage', () => {
     })
   })
 
+  it('renders blocked users section with handle-based input', async () => {
+    render(<SettingsPage />)
+    await waitFor(() => {
+      expect(screen.getByText('Blocked users')).toBeInTheDocument()
+    })
+    const safetyFieldset = screen.getByText('Content Safety').closest('fieldset')!
+    expect(within(safetyFieldset).getByLabelText('Handle to block')).toBeInTheDocument()
+    expect(within(safetyFieldset).getByText('No users blocked.')).toBeInTheDocument()
+  })
+
   it('renders cross-posting section', async () => {
     render(<SettingsPage />)
     await waitFor(() => {
diff --git a/src/app/settings/page.tsx b/src/app/settings/page.tsx
index b0162b2..e567455 100644
--- a/src/app/settings/page.tsx
+++ b/src/app/settings/page.tsx
@@ -35,6 +35,7 @@ export default function SettingsPage() {
     values,
     setValues,
     loading,
+    declaredAge,
     savingCommunity,
     communityError,
     communitySuccess,
@@ -45,6 +46,9 @@ export default function SettingsPage() {
     showCrossPostAuthDialog,
     setShowCrossPostAuthDialog,
     crossPostScopesGranted,
+    handleBlockUser,
+    handleUnblockUser,
+    handleAgeChange,
     handleSaveCommunitySettings,
     handleSaveGlobalSettings,
     handleAgeConfirm,
@@ -187,11 +191,14 @@ export default function SettingsPage() {
               <form onSubmit={handleSaveGlobalSettings} className="mt-6 space-y-8" noValidate>
                 <ContentSafetySection
                   maturityLevel={values.maturityLevel}
+                  declaredAge={declaredAge}
                   mutedWords={values.mutedWords}
-                  blockedDids={values.blockedDids}
+                  blockedUsers={values.blockedUsers}
                   onMaturityChange={(level) => setValues({ ...values, maturityLevel: level })}
+                  onAgeChange={handleAgeChange}
                   onMutedWordsChange={(words) => setValues({ ...values, mutedWords: words })}
-                  onBlockedDidsChange={(dids) => setValues({ ...values, blockedDids: dids })}
+                  onBlockUser={handleBlockUser}
+                  onUnblockUser={handleUnblockUser}
                 />
 
                 <div className="flex justify-end">
diff --git a/src/components/age-gate-dialog.tsx b/src/components/age-gate-dialog.tsx
index 544db1a..745ea0f 100644
--- a/src/components/age-gate-dialog.tsx
+++ b/src/components/age-gate-dialog.tsx
@@ -9,19 +9,10 @@
 
 import { useState } from 'react'
 import { cn } from '@/lib/utils'
+import { AGE_OPTIONS } from '@/lib/constants'
 import { declareAge } from '@/lib/api/client'
 import { useAuth } from '@/hooks/use-auth'
 
-/** Valid age bracket options. 0 = "Rather not say". */
-const AGE_OPTIONS = [
-  { value: 0, label: 'Rather not say' },
-  { value: 13, label: '13+' },
-  { value: 14, label: '14+' },
-  { value: 15, label: '15+' },
-  { value: 16, label: '16+' },
-  { value: 18, label: '18+' },
-] as const
-
 interface AgeGateDialogProps {
   open: boolean
   onConfirm: (declaredAge: number) => void
diff --git a/src/components/onboarding-field-input.tsx b/src/components/onboarding-field-input.tsx
index 2fe438a..7c1862b 100644
--- a/src/components/onboarding-field-input.tsx
+++ b/src/components/onboarding-field-input.tsx
@@ -4,15 +4,7 @@
  */
 
 import type { OnboardingField } from '@/lib/api/types'
-
-const AGE_OPTIONS = [
-  { value: 0, label: 'Rather not say' },
-  { value: 13, label: '13+' },
-  { value: 14, label: '14+' },
-  { value: 15, label: '15+' },
-  { value: 16, label: '16+' },
-  { value: 18, label: '18+' },
-] as const
+import { AGE_OPTIONS } from '@/lib/constants'
 
 const INPUT_CLASS =
   'mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground'
diff --git a/src/components/settings/content-safety-section.tsx b/src/components/settings/content-safety-section.tsx
index 024ca9a..216f930 100644
--- a/src/components/settings/content-safety-section.tsx
+++ b/src/components/settings/content-safety-section.tsx
@@ -1,35 +1,72 @@
 /**
- * ContentSafetySection - Maturity level selector, muted words, blocked users.
+ * ContentSafetySection - Age bracket, maturity level, muted words, blocked users.
  * @see specs/prd-web.md Section M8
  */
 
 'use client'
 
 import { cn } from '@/lib/utils'
+import { AGE_OPTIONS } from '@/lib/constants'
+import { UserBlockList } from './user-block-list'
+import type { AuthorProfile } from '@/lib/api/types'
 
 type MaturityLevel = 'sfw' | 'sfw-mature'
 
 interface ContentSafetySectionProps {
   maturityLevel: MaturityLevel
+  declaredAge: number | null
   mutedWords: string
-  blockedDids: string
+  blockedUsers: AuthorProfile[]
   onMaturityChange: (level: MaturityLevel) => void
+  onAgeChange: (age: number) => void
   onMutedWordsChange: (words: string) => void
-  onBlockedDidsChange: (dids: string) => void
+  onBlockUser: (handle: string) => Promise<void>
+  onUnblockUser: (did: string) => void
 }
 
 export function ContentSafetySection({
   maturityLevel,
+  declaredAge,
   mutedWords,
-  blockedDids,
+  blockedUsers,
   onMaturityChange,
+  onAgeChange,
   onMutedWordsChange,
-  onBlockedDidsChange,
+  onBlockUser,
+  onUnblockUser,
 }: ContentSafetySectionProps) {
   return (
     <fieldset className="space-y-4 rounded-lg border border-border p-4">
       <legend className="px-2 text-sm font-semibold text-foreground">Content Safety</legend>
 
+      <div className="space-y-1">
+        <label htmlFor="age-bracket" className="block text-sm font-medium text-foreground">
+          Age bracket
+        </label>
+        <select
+          id="age-bracket"
+          value={declaredAge ?? ''}
+          onChange={(e) => onAgeChange(Number(e.target.value))}
+          className={cn(
+            'block w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground',
+            'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'
+          )}
+        >
+          <option value="" disabled>
+            Select your age bracket
+          </option>
+          {AGE_OPTIONS.map((opt) => (
+            <option key={opt.value} value={opt.value}>
+              {opt.label}
+            </option>
+          ))}
+        </select>
+        <p className="text-xs text-muted-foreground">
+          Your age bracket determines which content is available. Selecting &quot;Rather not
+          say&quot; restricts you to safe content only.
+        </p>
+      </div>
+
       <div className="space-y-1">
         <label htmlFor="maturity-level" className="block text-sm font-medium text-foreground">
           Maturity level
@@ -71,25 +108,13 @@ export function ContentSafetySection({
         </p>
       </div>
 
-      <div className="space-y-1">
-        <label htmlFor="blocked-users" className="block text-sm font-medium text-foreground">
-          Blocked users
-        </label>
-        <textarea
-          id="blocked-users"
-          value={blockedDids}
-          onChange={(e) => onBlockedDidsChange(e.target.value)}
-          placeholder="Enter user handles separated by commas"
-          rows={2}
-          className={cn(
-            'block w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground',
-            'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'
-          )}
-        />
-        <p className="text-xs text-muted-foreground">
-          Users blocked here are hidden across all communities. Comma-separated DIDs.
-        </p>
-      </div>
+      <UserBlockList
+        users={blockedUsers}
+        onAdd={onBlockUser}
+        onRemove={onUnblockUser}
+        label="Blocked users"
+        description="Users blocked here are hidden across all communities."
+      />
     </fieldset>
   )
 }
diff --git a/src/components/settings/user-block-list.tsx b/src/components/settings/user-block-list.tsx
new file mode 100644
index 0000000..d02a75e
--- /dev/null
+++ b/src/components/settings/user-block-list.tsx
@@ -0,0 +1,154 @@
+/**
+ * UserBlockList - handle-based blocked user management.
+ * Displays blocked users as chips with avatars and allows adding/removing.
+ */
+
+'use client'
+
+import { useId, useState } from 'react'
+import Image from 'next/image'
+import { User, X } from '@phosphor-icons/react'
+import { cn } from '@/lib/utils'
+import type { AuthorProfile } from '@/lib/api/types'
+
+interface UserBlockListProps {
+  users: AuthorProfile[]
+  onAdd: (handle: string) => Promise<void>
+  onRemove: (did: string) => void
+  label: string
+  description: string
+}
+
+export function UserBlockList({
+  users,
+  onAdd,
+  onRemove,
+  label,
+  description,
+}: UserBlockListProps) {
+  const instanceId = useId()
+  const errorId = `block-error-${instanceId}`
+  const [handleInput, setHandleInput] = useState('')
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+
+  async function handleAdd() {
+    const handle = handleInput.trim()
+    if (!handle) return
+
+    setLoading(true)
+    setError(null)
+    try {
+      await onAdd(handle)
+      setHandleInput('')
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to resolve handle')
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div className="space-y-2">
+      <label className="block text-sm font-medium text-foreground">{label}</label>
+      <p className="text-xs text-muted-foreground">{description}</p>
+
+      {users.length > 0 && (
+        <ul className="flex flex-wrap gap-2" aria-label={`${label} list`}>
+          {users.map((user) => (
+            <li key={user.did}>
+              <div className="flex items-center gap-1.5 rounded-full border border-border bg-muted/50 py-1 pl-1 pr-2 text-sm">
+                <div className="relative flex h-5 w-5 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted">
+                  {user.avatarUrl ? (
+                    <Image
+                      src={user.avatarUrl}
+                      alt=""
+                      fill
+                      className="object-cover"
+                      sizes="20px"
+                    />
+                  ) : (
+                    <User size={12} className="text-muted-foreground" aria-hidden="true" />
+                  )}
+                </div>
+                <span className="max-w-[200px] truncate text-foreground">
+                  {user.displayName ? (
+                    <>
+                      <span className="font-medium">{user.displayName}</span>{' '}
+                      <span className="text-muted-foreground">@{user.handle}</span>
+                    </>
+                  ) : (
+                    <span className="font-medium">@{user.handle}</span>
+                  )}
+                </span>
+                <button
+                  type="button"
+                  onClick={() => onRemove(user.did)}
+                  className={cn(
+                    'ml-0.5 flex h-4 w-4 items-center justify-center rounded-full',
+                    'text-muted-foreground hover:bg-destructive/10 hover:text-destructive',
+                    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'
+                  )}
+                  aria-label={`Unblock ${user.displayName ?? user.handle}`}
+                >
+                  <X size={10} aria-hidden="true" />
+                </button>
+              </div>
+            </li>
+          ))}
+        </ul>
+      )}
+
+      {users.length === 0 && (
+        <p className="text-xs italic text-muted-foreground">No users blocked.</p>
+      )}
+
+      <div className="flex gap-2">
+        <input
+          type="text"
+          value={handleInput}
+          onChange={(e) => {
+            setHandleInput(e.target.value)
+            if (error) setError(null)
+          }}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault()
+              handleAdd()
+            }
+          }}
+          placeholder="Add user by handle (e.g. jay.bsky.team)"
+          disabled={loading}
+          className={cn(
+            'flex-1 rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground placeholder:text-muted-foreground',
+            'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
+            'disabled:cursor-not-allowed disabled:opacity-50',
+            error && 'border-destructive'
+          )}
+          aria-label="Handle to block"
+          aria-invalid={error ? 'true' : undefined}
+          aria-describedby={error ? errorId : undefined}
+        />
+        <button
+          type="button"
+          onClick={handleAdd}
+          disabled={loading || !handleInput.trim()}
+          className={cn(
+            'rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground',
+            'hover:bg-primary-hover',
+            'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
+            'disabled:cursor-not-allowed disabled:opacity-50'
+          )}
+        >
+          {loading ? 'Adding...' : 'Block'}
+        </button>
+      </div>
+
+      {error && (
+        <p id={errorId} className="text-xs text-destructive" role="alert">
+          {error}
+        </p>
+      )}
+    </div>
+  )
+}
diff --git a/src/hooks/use-settings-form.ts b/src/hooks/use-settings-form.ts
index ab2735d..671b507 100644
--- a/src/hooks/use-settings-form.ts
+++ b/src/hooks/use-settings-form.ts
@@ -7,7 +7,13 @@
 'use client'
 
 import { useState, useEffect, useCallback } from 'react'
-import { getPreferences, updatePreferences } from '@/lib/api/client'
+import {
+  getPreferences,
+  updatePreferences,
+  resolveHandles,
+  declareAge,
+} from '@/lib/api/client'
+import type { AuthorProfile } from '@/lib/api/types'
 import { useAuth } from '@/hooks/use-auth'
 
 export type MaturityLevel = 'sfw' | 'sfw-mature'
@@ -15,7 +21,7 @@ export type MaturityLevel = 'sfw' | 'sfw-mature'
 export interface SettingsValues {
   maturityLevel: MaturityLevel
   mutedWords: string
-  blockedDids: string
+  blockedUsers: AuthorProfile[]
   crossPostBluesky: boolean
   crossPostFrontpage: boolean
   notifyReplies: boolean
@@ -26,7 +32,7 @@ export interface SettingsValues {
 const INITIAL_VALUES: SettingsValues = {
   maturityLevel: 'sfw',
   mutedWords: '',
-  blockedDids: '',
+  blockedUsers: [],
   crossPostBluesky: true,
   crossPostFrontpage: false,
   notifyReplies: true,
@@ -62,7 +68,7 @@ export function useSettingsForm() {
         setValues({
           maturityLevel: prefs.maturityLevel === 'mature' ? 'sfw-mature' : 'sfw',
           mutedWords: prefs.mutedWords.join(', '),
-          blockedDids: prefs.blockedDids.join(', '),
+          blockedUsers: prefs.blockedProfiles ?? [],
           crossPostBluesky: prefs.crossPostBluesky,
           crossPostFrontpage: prefs.crossPostFrontpage,
           notifyReplies: true,
@@ -78,6 +84,42 @@ export function useSettingsForm() {
       .finally(() => setLoading(false))
   }, [getAccessToken])
 
+  const handleBlockUser = useCallback(
+    async (handle: string) => {
+      const token = getAccessToken()
+      if (!token) throw new Error('Not authenticated')
+      const { users } = await resolveHandles([handle], token)
+      if (users.length === 0) throw new Error(`Could not find user "${handle}"`)
+      const profile = users[0]!
+      setValues((prev) => {
+        if (prev.blockedUsers.some((u) => u.did === profile.did)) return prev
+        return { ...prev, blockedUsers: [...prev.blockedUsers, profile] }
+      })
+    },
+    [getAccessToken]
+  )
+
+  const handleUnblockUser = useCallback((did: string) => {
+    setValues((prev) => ({
+      ...prev,
+      blockedUsers: prev.blockedUsers.filter((u) => u.did !== did),
+    }))
+  }, [])
+
+  const handleAgeChange = useCallback(
+    async (age: number) => {
+      const token = getAccessToken()
+      if (!token) return
+      try {
+        await declareAge(age, token)
+        setDeclaredAge(age)
+      } catch {
+        setGlobalError('Failed to update age bracket')
+      }
+    },
+    [getAccessToken]
+  )
+
   const handleSaveCommunitySettings = useCallback(
     async (e: React.FormEvent) => {
       e.preventDefault()
@@ -136,10 +178,7 @@ export function useSettingsForm() {
           .map((w) => w.trim())
           .filter(Boolean)
 
-        const blockedDids = values.blockedDids
-          .split(',')
-          .map((d) => d.trim())
-          .filter(Boolean)
+        const blockedDids = values.blockedUsers.map((u) => u.did)
 
         await updatePreferences(
           {
@@ -182,6 +221,7 @@ export function useSettingsForm() {
     values,
     setValues,
     loading,
+    declaredAge,
     savingCommunity,
     communityError,
     communitySuccess,
@@ -192,6 +232,9 @@ export function useSettingsForm() {
     showCrossPostAuthDialog,
     setShowCrossPostAuthDialog,
     crossPostScopesGranted,
+    handleBlockUser,
+    handleUnblockUser,
+    handleAgeChange,
     handleSaveCommunitySettings,
     handleSaveGlobalSettings,
     handleAgeConfirm,
diff --git a/src/lib/api/client.ts b/src/lib/api/client.ts
index 3513817..53e821e 100644
--- a/src/lib/api/client.ts
+++ b/src/lib/api/client.ts
@@ -6,6 +6,7 @@
 
 import type {
   AgeDeclarationResponse,
+  AuthorProfile,
   AuthSession,
   AuthUser,
   CategoriesResponse,
@@ -635,6 +636,18 @@ export function declareAge(
   })
 }
 
+export function resolveHandles(
+  handles: string[],
+  accessToken: string,
+  options?: FetchOptions
+): Promise<{ users: AuthorProfile[] }> {
+  const qs = encodeURIComponent(handles.join(','))
+  return apiFetch<{ users: AuthorProfile[] }>(`/api/users/resolve-handles?handles=${qs}`, {
+    ...options,
+    headers: { ...options?.headers, Authorization: `Bearer ${accessToken}` },
+  })
+}
+
 // --- Per-Community Preference endpoints ---
 
 export function getCommunityPreferences(
diff --git a/src/lib/api/types.ts b/src/lib/api/types.ts
index b6c12c2..a2dfb38 100644
--- a/src/lib/api/types.ts
+++ b/src/lib/api/types.ts
@@ -465,6 +465,7 @@ export interface UserPreferences {
   declaredAge: number | null
   mutedWords: string[]
   blockedDids: string[]
+  blockedProfiles: AuthorProfile[]
   mutedDids: string[]
   crossPostBluesky: boolean
   crossPostFrontpage: boolean
@@ -488,6 +489,7 @@ export interface CommunityPreferenceOverride {
   maturityLevel: 'inherit' | 'sfw' | 'mature'
   mutedWords: string[]
   blockedDids: string[]
+  blockedProfiles: AuthorProfile[]
 }
 
 export interface CommunityPreferencesResponse {
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
new file mode 100644
index 0000000..9bafc17
--- /dev/null
+++ b/src/lib/constants.ts
@@ -0,0 +1,13 @@
+/**
+ * Shared constants used across multiple components.
+ */
+
+/** Valid age bracket options for age declaration. */
+export const AGE_OPTIONS = [
+  { value: 0, label: 'Rather not say' },
+  { value: 13, label: '13+' },
+  { value: 14, label: '14+' },
+  { value: 15, label: '15+' },
+  { value: 16, label: '16+' },
+  { value: 18, label: '18+' },
+] as const
diff --git a/src/mocks/data.ts b/src/mocks/data.ts
index 5b4c5ee..ea2859d 100644
--- a/src/mocks/data.ts
+++ b/src/mocks/data.ts
@@ -901,6 +901,7 @@ export const mockUserPreferences: UserPreferences = {
   declaredAge: null,
   mutedWords: ['spam', 'offensive'],
   blockedDids: [],
+  blockedProfiles: [],
   mutedDids: [],
   crossPostBluesky: true,
   crossPostFrontpage: false,
diff --git a/src/mocks/handlers.ts b/src/mocks/handlers.ts
index 8ba8b2b..6d8b3a0 100644
--- a/src/mocks/handlers.ts
+++ b/src/mocks/handlers.ts
@@ -529,6 +529,23 @@ export const handlers = [
     return new HttpResponse(null, { status: 204 })
   }),
 
+  // GET /api/users/resolve-handles
+  http.get(`${API_URL}/api/users/resolve-handles`, ({ request }) => {
+    const auth = request.headers.get('Authorization')
+    if (!auth?.startsWith('Bearer ')) {
+      return HttpResponse.json({ error: 'Unauthorized' }, { status: 401 })
+    }
+    const url = new URL(request.url)
+    const handles = (url.searchParams.get('handles') ?? '').split(',').filter(Boolean)
+    const users = handles.map((handle) => ({
+      did: `did:plc:resolved-${handle.replace(/\./g, '-')}`,
+      handle,
+      displayName: handle.split('.')[0] ?? handle,
+      avatarUrl: null,
+    }))
+    return HttpResponse.json({ users })
+  }),
+
   // GET /api/users/me/preferences
   http.get(`${API_URL}/api/users/me/preferences`, ({ request }) => {
     const auth = request.headers.get('Authorization')