diff --git a/src/assets/main.css b/src/assets/main.css
index 6be1eab..d2cb3f4 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -8,6 +8,21 @@
 	font-display: swap;
 }
 
+::-webkit-scrollbar {
+	width: 0.5rem;
+	height: 6px;
+	background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+	background: hsla(var(--overlay1) / 1);
+	border-radius: 3px;
+}
+
+::-webkit-scrollbar-track {
+	background: transparent;
+}
+
 *,
 *::before,
 *::after {
@@ -16,6 +31,9 @@
 	padding: 0;
 	font-weight: normal;
 
+	scrollbar-width: thin;
+	scrollbar-color: hsla(var(--overlay1) / 1) transparent;
+
 	--transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 	-webkit-tap-highlight-color: transparent;
 	outline: 2px solid transparent;
diff --git a/src/components/Feed/Embeds/ImageEmbed.vue b/src/components/Feed/Embeds/ImageEmbed.vue
index a517665..4369861 100644
--- a/src/components/Feed/Embeds/ImageEmbed.vue
+++ b/src/components/Feed/Embeds/ImageEmbed.vue
@@ -8,7 +8,6 @@ const props = defineProps<{
 
 const imageCount = computed(() => props.embed.images.length)
 
-// TODO)) lightbox.
 const lightboxOpen = ref(false)
 const activeImageIndex = ref(0)
 
@@ -16,111 +15,120 @@ const openLightbox = (index: number) => {
 	activeImageIndex.value = index
 	lightboxOpen.value = true
 }
+
+const getImageStyle = (image: AppBskyEmbedImages.ViewImage) => {
+	if (image.aspectRatio) {
+		return {
+			aspectRatio: `${image.aspectRatio.width} / ${image.aspectRatio.height}`,
+		}
+	}
+	return {}
+}
 </script>
 
 <template>
-	<div class="image-embed" :class="`count-${imageCount}`">
-		<div
-			v-for="(image, index) in embed.images"
-			:key="index"
-			class="image-container"
-			@click.stop="openLightbox(index)"
-		>
-			<img :src="image.thumb" :alt="image.alt" loading="lazy" />
+	<div class="image-embed__wrapper" :class="{ single: imageCount === 1, multi: imageCount > 1 }">
+		<div ref="scrollRow" class="image-embed__row">
+			<div
+				v-for="(image, index) in embed.images"
+				:key="index"
+				class="image-container"
+				@click.stop="openLightbox(index)"
+			>
+				<img
+					:src="image.thumb"
+					:alt="image.alt"
+					loading="lazy"
+					:draggable="false"
+					:style="getImageStyle(image)"
+				/>
+			</div>
 		</div>
 	</div>
 </template>
 
 <style lang="scss" scoped>
-.image-embed {
-	display: grid;
-	gap: 2px;
-	overflow: hidden;
-	margin-top: 0.5rem;
+.image-embed__row {
+	max-width: 100%;
+	display: flex;
+	gap: 0.5rem;
 	width: 100%;
-	aspect-ratio: 16 / 9;
+	transition: none !important;
 
-	.image-container {
-		position: relative;
-		width: 100%;
-		height: 100%;
-		overflow: hidden;
-		cursor: zoom-in;
-		border: 1px solid hsla(var(--surface2) / 0.3);
+	scroll-snap-type: x mandatory;
+	scroll-padding: var(--gutter-width);
 
-		img {
-			width: 100%;
-			height: 100%;
-			object-fit: contain;
-			object-fit: cover;
-			display: block;
-		}
+	&::before,
+	&::after {
+		content: '';
+		flex-shrink: 0;
+		min-width: calc(-0.5rem + var(--gutter-width));
+	}
+	&::after {
+		min-width: calc(-0.5rem + var(--gutter-width));
 	}
 }
 
-.count-1 {
-	display: block;
-	aspect-ratio: auto;
-	max-height: 600px;
+.image-container {
+	overflow: hidden;
+	cursor: zoom-in;
+	border-radius: 0.5rem;
+	background: hsl(var(--surface1));
+	display: flex;
+	align-items: center;
+	justify-content: center;
+
+	img {
+		display: block;
+	}
+}
 
+.image-embed__wrapper.single {
 	.image-container {
-		height: auto;
-		max-height: 600px;
-		border-radius: var(--radius-md);
+		width: fit-content;
+		max-width: 100%;
+		max-height: 60vh;
 
 		img {
+			object-fit: contain;
+			width: auto;
 			height: auto;
-			max-height: 600px;
-			object-fit: cover;
+			max-width: 100%;
+			max-height: 60vh;
 		}
 	}
 }
 
-.count-2 {
-	grid-template-columns: 1fr 1fr;
-	aspect-ratio: 2 / 1;
-
-	.image-container:nth-child(1) {
-		border-radius: var(--radius-md) var(--radius-xsm) var(--radius-xsm) var(--radius-md);
-	}
-	.image-container:nth-child(2) {
-		border-radius: var(--radius-xsm) var(--radius-md) var(--radius-md) var(--radius-xsm);
-	}
-}
+.image-embed__wrapper.multi {
+	.image-embed__row {
+		overflow-x: auto;
+		-webkit-overflow-scrolling: touch;
+		scrollbar-width: none;
+		cursor: grab;
 
-.count-3 {
-	grid-template-columns: 1fr 1fr;
-	grid-template-rows: 1fr 1fr;
-	aspect-ratio: 4 / 3;
+		&:active {
+			cursor: grabbing;
+		}
 
-	.image-container:nth-child(1) {
-		grid-row: 1 / -1;
-		border-radius: var(--radius-md) var(--radius-xsm) var(--radius-xsm) var(--radius-md);
-	}
-	.image-container:nth-child(2) {
-		border-radius: var(--radius-xsm) var(--radius-md) var(--radius-xsm) var(--radius-xsm);
-	}
-	.image-container:nth-child(3) {
-		border-radius: var(--radius-xsm) var(--radius-xsm) var(--radius-md) var(--radius-xsm);
+		&::-webkit-scrollbar {
+			display: none;
+		}
 	}
-}
 
-.count-4 {
-	grid-template-columns: 1fr 1fr;
-	grid-template-rows: 1fr 1fr;
-	aspect-ratio: 4 / 3;
+	.image-container {
+		flex: 0 0 auto;
+		scroll-snap-align: start;
+		height: 16rem;
+		max-width: 85vw;
+		min-width: 4rem;
 
-	.image-container:nth-child(1) {
-		border-radius: var(--radius-md) var(--radius-xsm) var(--radius-xsm) var(--radius-xsm);
-	}
-	.image-container:nth-child(2) {
-		border-radius: var(--radius-xsm) var(--radius-md) var(--radius-xsm) var(--radius-xsm);
-	}
-	.image-container:nth-child(3) {
-		border-radius: var(--radius-xsm) var(--radius-xsm) var(--radius-xsm) var(--radius-md);
-	}
-	.image-container:nth-child(4) {
-		border-radius: var(--radius-xsm) var(--radius-xsm) var(--radius-md) var(--radius-xsm);
+		img {
+			object-fit: contain;
+			width: auto;
+			height: 100%;
+			max-width: 100%;
+			pointer-events: none;
+		}
 	}
 }
 </style>
diff --git a/src/components/Feed/FeedItem.vue b/src/components/Feed/FeedItem.vue
index 8f09e1e..d32bcb4 100644
--- a/src/components/Feed/FeedItem.vue
+++ b/src/components/Feed/FeedItem.vue
@@ -8,10 +8,13 @@ import {
 	IconFavoriteOutlineRounded,
 	IconFavoriteRounded,
 	IconMoreVert,
-	IconSendRounded,
 	IconBookmarkRounded,
 	IconBookmarkAddedRounded,
 	IconFormatQuoteRounded,
+	IconContentCopyRounded,
+	IconLinkRounded,
+	IconOpenInNewRounded,
+	IconForwardRounded,
 } from '@iconify-prerendered/vue-material-symbols'
 
 import { useNavigationStore } from '@/stores/navigation'
@@ -108,6 +111,72 @@ const handleBookmark = () => {
 	}
 }
 
+const handleShare = () => {
+	if (displayPost.value) {
+		const url = `${window.location.origin}/profile/${displayPost.value.author.handle}/post/${rkey.value}`
+		if (navigator.share) {
+			navigator
+				.share({
+					title: 'Check out this post on Bluesky',
+					url,
+				})
+				.then(() => tap())
+				.catch((error) => console.error('Error sharing', error))
+			return
+		}
+		tap()
+	}
+}
+
+const share = {
+	systemShare: () => {
+		if (displayPost.value) {
+			const url = `${window.location.origin}/profile/${displayPost.value.author.handle}/post/${rkey.value}`
+			if (navigator.share) {
+				navigator
+					.share({
+						title: 'Check out this post on Bluesky',
+						url,
+					})
+					.then(() => tap())
+					.catch((error) => console.error('Error sharing', error))
+			}
+		}
+	},
+	copyLink: () => {
+		if (displayPost.value) {
+			const url = `${window.location.origin}/profile/${displayPost.value.author.handle}/post/${rkey.value}`
+			navigator.clipboard.writeText(url)
+			tap()
+		}
+	},
+	copyBlueskyLink: () => {
+		if (displayPost.value) {
+			const bskyUrl = `https://bsky.app/profile/${displayPost.value.author.did}/post/${rkey.value}`
+			navigator.clipboard.writeText(bskyUrl)
+			tap()
+		}
+	},
+	copyATUri: () => {
+		if (displayPost.value) {
+			navigator.clipboard.writeText(displayPost.value.uri)
+			tap()
+		}
+	},
+	copyDid: () => {
+		if (displayPost.value) {
+			navigator.clipboard.writeText(displayPost.value.author.did)
+			tap()
+		}
+	},
+	openInPDSls: () => {
+		if (displayPost.value) {
+			const url = `https://pds.ls/${displayPost.value.uri}`
+			window.open(url, '_blank')
+		}
+	},
+}
+
 const handleClick = (e: MouseEvent) => {
 	if (window.getSelection()?.toString().length) return
 	if (props.rootPost) return
@@ -207,166 +276,207 @@ onUnmounted(() => {
 		</div>
 
 		<div class="post-layout">
-			<AppLink name="user-profile" :params="{ id: displayPost.author.did }" class="post-avatar">
-				<img
-					v-if="displayPost.author.avatar"
-					:src="displayPost.author.avatar"
-					alt="avatar"
-					loading="lazy"
-				/>
-				<div v-else class="avatar-fallback"></div>
-			</AppLink>
-
-			<div class="post-content">
-				<div class="post-header">
-					<div class="post-header__part">
-						<AppLink
-							class="display-name"
-							name="user-profile"
-							:params="{ id: displayPost.author.did }"
-						>
-							{{ displayPost.author.displayName || displayPost.author.handle }}
-						</AppLink>
-
-						<p v-if="displayPost.author.pronouns" class="pronouns">
-							{{ displayPost.author.pronouns }}
-						</p>
-					</div>
-					<div class="post-header__part">
-						<p class="time" :title="new Date(displayPost.indexedAt).toLocaleString()">
-							{{ formatTime(displayPost.indexedAt) }}
-						</p>
+			<div class="post-top">
+				<AppLink name="user-profile" :params="{ id: displayPost.author.did }" class="post-avatar">
+					<img
+						v-if="displayPost.author.avatar"
+						:src="displayPost.author.avatar"
+						alt="avatar"
+						loading="lazy"
+					/>
+					<div v-else class="avatar-fallback"></div>
+				</AppLink>
+
+				<div class="not-gutter">
+					<div class="post-header">
+						<div class="post-header__part">
+							<AppLink
+								class="display-name"
+								name="user-profile"
+								:params="{ id: displayPost.author.did }"
+							>
+								{{ displayPost.author.displayName || displayPost.author.handle }}
+							</AppLink>
+
+							<p v-if="displayPost.author.pronouns" class="pronouns">
+								{{ displayPost.author.pronouns }}
+							</p>
+						</div>
+						<div class="post-header__part">
+							<p class="time" :title="new Date(displayPost.indexedAt).toLocaleString()">
+								{{ formatTime(displayPost.indexedAt) }}
+							</p>
+						</div>
 					</div>
-				</div>
 
-				<div class="post-text" v-if="displayPost.record?.text">
-					{{ displayPost.record.text }}
+					<div class="post-content">
+						<div class="post-text" v-if="displayPost.record?.text">
+							{{ displayPost.record.text }}
+						</div>
+					</div>
 				</div>
+			</div>
 
-				<div class="post-embeds" v-if="embed">
-					<ImageEmbed v-if="embed.$type === 'app.bsky.embed.images#view'" :embed="embed" />
-					<ExternalEmbed
-						v-else-if="embed.$type === 'app.bsky.embed.external#view'"
-						:embed="embed.external"
+			<div class="post-embeds" v-if="embed">
+				<ImageEmbed v-if="embed.$type === 'app.bsky.embed.images#view'" :embed="embed" />
+				<ExternalEmbed
+					v-else-if="embed.$type === 'app.bsky.embed.external#view'"
+					:embed="embed.external"
+				/>
+				<VideoEmbed v-else-if="embed.$type === 'app.bsky.embed.video#view'" :embed="embed" />
+				<template v-else-if="embed.$type === 'app.bsky.embed.record#view'">
+					<EmbedRecord v-if="!embedded" :embed="embed" />
+					<div v-else class="embedded-record">Post has nested quote.</div>
+				</template>
+				<template v-else-if="embed.$type === 'app.bsky.embed.recordWithMedia#view'">
+					<ImageEmbed
+						v-if="embed.media.$type === 'app.bsky.embed.images#view'"
+						:embed="embed.media"
 					/>
-					<VideoEmbed v-else-if="embed.$type === 'app.bsky.embed.video#view'" :embed="embed" />
-					<template v-else-if="embed.$type === 'app.bsky.embed.record#view'">
-						<EmbedRecord v-if="!embedded" :embed="embed" />
-						<div v-else class="embedded-record">Post has nested quote.</div>
-					</template>
-					<template v-else-if="embed.$type === 'app.bsky.embed.recordWithMedia#view'">
-						<ImageEmbed
-							v-if="embed.media.$type === 'app.bsky.embed.images#view'"
-							:embed="embed.media"
-						/>
-						<EmbedRecord
-							v-if="embed.record.$type === 'app.bsky.embed.record#view'"
-							:embed="embed.record"
-						/>
-					</template>
-				</div>
+					<EmbedRecord
+						v-if="embed.record.$type === 'app.bsky.embed.record#view'"
+						:embed="embed.record"
+					/>
+				</template>
+			</div>
 
-				<div class="post-footer" v-if="!embedded">
-					<div class="metrics row">
-						<AppLink
-							name="post-thread"
-							:params="{ identifier: displayPost.author.handle, rkey: rkey! }"
-							class="action-button reply"
-							aria-label="Reply"
-							@click.stop
-						>
-							<div class="icon-wrapper"><IconChatBubbleOutlineRounded /></div>
-							<span class="count" v-if="displayPost.replyCount && displayPost.replyCount > 0">
-								{{ formatCount(displayPost.replyCount) }}
-							</span>
-						</AppLink>
-
-						<BasePopover
-							:actions="[
-								{
-									label: !!displayPost.viewer?.repost ? 'Undo Repost' : 'Repost',
-									icon: IconRepeatRounded,
-									onClick: handleRepost,
-								},
-								{
-									label: 'Quote Post',
-									icon: IconFormatQuoteRounded,
-									onClick: () => {},
-								},
-							]"
-							align="right"
-						>
-							<template #trigger="{ triggerProps }">
-								<button
-									class="action-button repost more"
-									:class="{ 'is-active': !!displayPost.viewer?.repost }"
-									v-bind="triggerProps as any"
-								>
-									<div class="icon-wrapper"><IconRepeatRounded /></div>
-									<span class="count" v-if="displayPost.repostCount && displayPost.repostCount > 0">
-										{{ formatCount(displayPost.repostCount) }}
-									</span>
-								</button>
-							</template>
-						</BasePopover>
-
-						<button
-							class="action-button like"
-							:class="{ 'is-active': !!displayPost.viewer?.like }"
-							@click.stop="handleLike"
-							aria-label="Like"
-						>
-							<div class="icon-wrapper">
-								<IconFavoriteRounded v-if="!!displayPost.viewer?.like" />
-								<IconFavoriteOutlineRounded v-else />
-							</div>
-							<span class="count" v-if="displayPost.likeCount && displayPost.likeCount > 0">
-								{{ formatCount(displayPost.likeCount) }}
-							</span>
-						</button>
-					</div>
+			<div class="post-footer" v-if="!embedded">
+				<div class="metrics row">
+					<AppLink
+						name="post-thread"
+						:params="{ identifier: displayPost.author.handle, rkey: rkey! }"
+						class="action-button reply"
+						aria-label="Reply"
+						@click.stop
+					>
+						<div class="icon-wrapper"><IconChatBubbleOutlineRounded /></div>
+						<span class="count" v-if="displayPost.replyCount && displayPost.replyCount > 0">
+							{{ formatCount(displayPost.replyCount) }}
+						</span>
+					</AppLink>
+
+					<BasePopover
+						:actions="[
+							{
+								label: !!displayPost.viewer?.repost ? 'Undo Repost' : 'Repost',
+								icon: IconRepeatRounded,
+								onClick: handleRepost,
+							},
+							{
+								label: 'Quote Post',
+								icon: IconFormatQuoteRounded,
+								onClick: () => {},
+							},
+						]"
+						align="right"
+					>
+						<template #trigger="{ triggerProps }">
+							<button
+								class="action-button repost more"
+								:class="{ 'is-active': !!displayPost.viewer?.repost }"
+								v-bind="triggerProps as any"
+							>
+								<div class="icon-wrapper"><IconRepeatRounded /></div>
+								<span class="count" v-if="displayPost.repostCount && displayPost.repostCount > 0">
+									{{ formatCount(displayPost.repostCount) }}
+								</span>
+							</button>
+						</template>
+					</BasePopover>
+
+					<button
+						class="action-button like"
+						:class="{ 'is-active': !!displayPost.viewer?.like }"
+						@click.stop="handleLike"
+						aria-label="Like"
+					>
+						<div class="icon-wrapper">
+							<IconFavoriteRounded v-if="!!displayPost.viewer?.like" />
+							<IconFavoriteOutlineRounded v-else />
+						</div>
+						<span class="count" v-if="displayPost.likeCount && displayPost.likeCount > 0">
+							{{ formatCount(displayPost.likeCount) }}
+						</span>
+					</button>
+				</div>
 
-					<div class="footer-content row">
-						<BasePopover
-							:actions="[
-								{
-									actions: [
-										{ label: 'Share', icon: IconSendRounded, onClick: () => {} },
-										{
-											label: displayPost.viewer?.bookmarked ? 'Remove Bookmark' : 'Bookmark',
-											icon: displayPost.viewer?.bookmarked
-												? IconBookmarkAddedRounded
-												: IconBookmarkRounded,
-											onClick: handleBookmark,
-										},
-									],
-								},
-								{
-									label: 'awawa',
-									actions: [
-										{ label: 'Share', icon: IconSendRounded, onClick: () => {}, variant: 'danger' },
-										{
-											label: displayPost.viewer?.bookmarked ? 'Remove Bookmark' : 'Bookmark',
-											icon: displayPost.viewer?.bookmarked
-												? IconBookmarkAddedRounded
-												: IconBookmarkRounded,
-											onClick: handleBookmark,
-											disabled: true,
-										},
-									],
-								},
-							]"
-							align="right"
-						>
-							<template #trigger="{ triggerProps }">
-								<button class="action-button more" v-bind="triggerProps as any">
-									<div class="icon-wrapper">
-										<IconMoreVert />
-									</div>
-								</button>
-							</template>
-						</BasePopover>
-					</div>
+				<div class="footer-content row">
+					<BasePopover
+						:actions="[
+							{
+								actions: [
+									{ label: 'System share', icon: IconForwardRounded, onClick: handleShare },
+								],
+							},
+							{
+								actions: [
+									{
+										label: 'Copy Link',
+										icon: IconLinkRounded,
+										onClick: share.copyLink,
+									},
+									{
+										label: 'Copy Bluesky link',
+										icon: IconContentCopyRounded,
+										onClick: share.copyBlueskyLink,
+									},
+								],
+							},
+							{
+								actions: [
+									{
+										label: 'Copy AT URI',
+										icon: IconContentCopyRounded,
+										onClick: share.copyBlueskyLink,
+									},
+									{
+										label: 'Copy author DID',
+										icon: IconLinkRounded,
+										onClick: share.copyDid,
+									},
+									{
+										label: 'Open in PDSls',
+										icon: IconOpenInNewRounded,
+										onClick: share.openInPDSls,
+									},
+								],
+							},
+						]"
+						align="right"
+					>
+						<template #trigger="{ triggerProps }">
+							<button class="action-button more" v-bind="triggerProps as any">
+								<div class="icon-wrapper">
+									<IconForwardRounded />
+								</div>
+							</button>
+						</template>
+					</BasePopover>
+
+					<BasePopover
+						:actions="[
+							{
+								actions: [
+									{
+										label: displayPost.viewer?.bookmarked ? 'Remove Bookmark' : 'Bookmark',
+										icon: displayPost.viewer?.bookmarked
+											? IconBookmarkAddedRounded
+											: IconBookmarkRounded,
+										onClick: handleBookmark,
+									},
+								],
+							},
+						]"
+						align="right"
+					>
+						<template #trigger="{ triggerProps }">
+							<button class="action-button more" v-bind="triggerProps as any">
+								<div class="icon-wrapper">
+									<IconMoreVert />
+								</div>
+							</button>
+						</template>
+					</BasePopover>
 				</div>
 			</div>
 		</div>
@@ -375,10 +485,11 @@ onUnmounted(() => {
 
 <style lang="scss" scoped>
 .feed-item {
-	padding: 0.75rem 1rem;
 	display: flex;
 	flex-direction: column;
 	gap: 0.25rem;
+	padding-top: 0.5rem;
+	padding-bottom: 0.5rem;
 
 	opacity: 0;
 	filter: blur(4px);
@@ -465,8 +576,18 @@ onUnmounted(() => {
 }
 
 .post-layout {
+	--gutter-width: calc(2.75rem + 1rem);
 	display: flex;
-	gap: 0.75rem;
+	flex-direction: column;
+
+	.post-top {
+		padding: 0 0.75rem;
+		display: flex;
+		gap: 0.75rem;
+		.not-gutter {
+			width: 100%;
+		}
+	}
 
 	.post-avatar {
 		flex-shrink: 0;
@@ -490,57 +611,56 @@ onUnmounted(() => {
 		}
 	}
 
-	.post-content {
-		flex: 1;
-		min-width: 0;
+	.post-header {
 		display: flex;
-		flex-direction: column;
+		align-items: last baseline;
+		flex-direction: row;
+		justify-content: space-between;
 
-		.post-header {
+		gap: 0.5rem;
+		font-size: 1rem;
+		line-height: 1.3;
+
+		&__part {
 			display: flex;
-			align-items: last baseline;
 			flex-direction: row;
-			justify-content: space-between;
-
+			align-items: last baseline;
 			gap: 0.5rem;
-			font-size: 1rem;
-			line-height: 1.3;
-			margin-bottom: 0.125rem;
-
-			&__part {
-				display: flex;
-				flex-direction: row;
-				align-items: last baseline;
-				gap: 0.5rem;
-			}
-
-			* {
-				min-width: 0;
-				text-wrap: nowrap;
-				text-overflow: ellipsis;
-				overflow: hidden;
-			}
-
-			.display-name {
-				font-weight: 700;
-				color: hsl(var(--text));
-			}
+		}
 
-			p {
-				font-size: 0.85rem;
-				color: hsla(var(--overlay0) / 1);
-				font-weight: 700;
-			}
+		* {
+			min-width: 0;
+			text-wrap: nowrap;
+			text-overflow: ellipsis;
+			overflow: hidden;
 		}
 
-		.post-text {
+		.display-name {
+			font-weight: 700;
 			color: hsl(var(--text));
-			font-size: 0.95rem;
-			line-height: 1.4;
-			white-space: pre-wrap;
-			word-wrap: break-word;
 		}
 
+		p {
+			font-size: 0.85rem;
+			color: hsla(var(--overlay0) / 1);
+			font-weight: 700;
+		}
+	}
+
+	.post-text {
+		color: hsl(var(--text));
+		font-size: 0.95rem;
+		line-height: 1.4;
+		white-space: pre-wrap;
+		word-wrap: break-word;
+	}
+
+	.post-content {
+		flex: 1;
+		min-width: 0;
+		display: flex;
+		flex-direction: column;
+
 		.embedded-record {
 			padding: 0.5rem;
 			border: 1px solid hsla(var(--surface2) / 0.5);
@@ -553,12 +673,20 @@ onUnmounted(() => {
 	}
 }
 
+.post-embeds {
+	&:not(:has(.image-embed__wrapper)) {
+		padding: 0 0.75rem;
+		padding-left: calc(var(--gutter-width));
+	}
+}
+
 .post-footer {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	margin-top: 0.5rem;
-	margin-left: -0.5rem;
+	padding: 0 0.75rem;
+	margin-left: calc(-0.75rem + var(--gutter-width));
 
 	.row {
 		display: flex;
diff --git a/src/stores/posts.ts b/src/stores/posts.ts
index 775af0d..a4c4584 100644
--- a/src/stores/posts.ts
+++ b/src/stores/posts.ts
@@ -96,9 +96,6 @@ export const usePostStore = defineStore('posts', () => {
 		const originalBookmarked = post.viewer?.bookmarked
 		const originalCount = post.bookmarkCount || 0
 
-		console.log(post.viewer)
-		console.log('Toggling bookmark', { uri, originalBookmarked, originalCount })
-
 		if (!post.viewer) post.viewer = {}
 
 		if (originalBookmarked) {
diff --git a/src/utils/identity.ts b/src/utils/identity.ts
new file mode 100644
index 0000000..2d2c548
--- /dev/null
+++ b/src/utils/identity.ts
@@ -0,0 +1,69 @@
+import type { DidDocument } from '@atcute/identity'
+import {
+	CompositeDidDocumentResolver,
+	CompositeHandleResolver,
+	DohJsonHandleResolver,
+	PlcDidDocumentResolver,
+	WebDidDocumentResolver,
+	WellKnownHandleResolver,
+} from '@atcute/identity-resolver'
+import type { Handle } from '@atcute/lexicons'
+import { type AtprotoDid, isDid, isHandle } from '@atcute/lexicons/syntax'
+
+const handleResolver = new CompositeHandleResolver({
+	methods: {
+		dns: new DohJsonHandleResolver({
+			dohUrl: 'https://mozilla.cloudflare-dns.com/dns-query',
+		}),
+		http: new WellKnownHandleResolver(),
+	},
+})
+
+const didResolver = new CompositeDidDocumentResolver({
+	methods: {
+		plc: new PlcDidDocumentResolver(),
+		web: new WebDidDocumentResolver(),
+	},
+})
+
+export async function resolveHandle(handle: Handle): Promise<AtprotoDid> {
+	return handleResolver.resolve(handle)
+}
+
+type Identity = {
+	doc: DidDocument
+	handle?: string
+	pds?: string
+}
+export async function resolveDid(did: AtprotoDid): Promise<Identity> {
+	const doc = await didResolver.resolve(did)
+
+	const serviceEntry = doc.service?.find((service) => service.type === 'AtprotoPersonalDataServer')
+	let pds: string | undefined
+	if (serviceEntry) {
+		const endpoint = serviceEntry.serviceEndpoint
+
+		if (typeof endpoint === 'string') pds = endpoint
+		else if (Array.isArray(endpoint)) {
+			const firstString = endpoint.find((item) => typeof item === 'string')
+			if (typeof firstString === 'string') pds = firstString
+		}
+	}
+
+	let handle: string | undefined
+	const alsoKnown = doc.alsoKnownAs?.find((alsoKnown) => typeof alsoKnown === 'string')
+	if (alsoKnown) handle = alsoKnown
+
+	return { doc, pds, handle }
+}
+
+export async function getDid(input: string): Promise<AtprotoDid> {
+	if (isDid(input)) return input as AtprotoDid
+	else if (isHandle(input)) return resolveHandle(input)
+	else throw new Error('Invalid input')
+}
+
+export async function getIdentity(input: string): Promise<Identity> {
+	const did = await getDid(input)
+	return resolveDid(did)
+}