diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4016074..9ea08f3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -18,6 +18,8 @@ Development line **Morse**. No GitHub Release until explicitly cut — see [`doc
 
 ### Added
 
+- **NestUI 1.0** — Settings → Appearance toggle for an alternate soft system design (`data-ui-skin=nest`) via `shared/floke-kit` tokens; layout unchanged; accent preserved.
+- **Chat Markdown** — GFM formatting in regular messages (bold/lists/code/links) via sanitized `marked` + DOMPurify; release notes sheet fills the window with improved tables/images.
 - **Vitest** core suite — UDP announce sign/verify round-trip, TCP line framing, EN/RU i18n key parity (`npm test` in CI).
 - **NSIS Setup wizard** — network tips page, richer welcome/finish, uninstall optional AppData wipe, publish repo `krwg/blip`.
 - **Release notes Markdown** — Settings → Updates renders GitHub release bodies (tables, images, links); click a release for a top sheet with the full notes.
diff --git a/main/config.js b/main/config.js
index 6a0754a..19776ef 100644
--- a/main/config.js
+++ b/main/config.js
@@ -123,6 +123,8 @@ const DEFAULT_CONFIG = {
 
   chatFontScale: 1,
 
+  uiSkin: 'pixel',
+
   typingSoundEnabled: false,
 
   idleAwayMinutes: 5,
diff --git a/renderer/appearance.js b/renderer/appearance.js
index 151f71b..ec98401 100644
--- a/renderer/appearance.js
+++ b/renderer/appearance.js
@@ -122,6 +122,12 @@ export function labelBg(id) {
   return label === key ? id : label;
 }
 
+export const UI_SKINS = ['pixel', 'nest'];
+
+export function normalizeUiSkin(raw) {
+  return raw === 'nest' ? 'nest' : 'pixel';
+}
+
 export function normalizeCustomAccentHex(raw) {
   const s = String(raw || '').trim();
   if (/^#[0-9A-Fa-f]{6}$/.test(s)) return s.toLowerCase();
@@ -150,11 +156,13 @@ export function applyAppearance(config) {
   const accent = normalizeAccentId(config?.accentId, config?.themeId);
   const bg = normalizeBgId(config?.animatedBgId);
   const effective = resolveEffectiveTheme(mode);
+  const skin = normalizeUiSkin(config?.uiSkin);
 
   html.dataset.themeMode = mode;
   html.dataset.theme = effective;
   html.dataset.accent = accent;
   html.dataset.animatedBg = bg;
+  html.dataset.uiSkin = skin;
   delete html.dataset.callWindow;
   html.dataset.reactiveBg =
     config?.reactiveBackground === true && bg !== 'none' ? '1' : '0';
@@ -189,6 +197,7 @@ export function applyCallWindowAppearance(config) {
   html.dataset.animatedBg = 'none';
   html.dataset.callWindow = '1';
   html.dataset.reactiveBg = '0';
+  html.dataset.uiSkin = normalizeUiSkin(config?.uiSkin);
   applyCustomAccentVars(html, config);
   syncReducedMotion(config);
 }
diff --git a/renderer/call-window.html b/renderer/call-window.html
index ae507f0..655d60b 100644
--- a/renderer/call-window.html
+++ b/renderer/call-window.html
@@ -7,6 +7,7 @@
   <title>BLIP — Call</title>
   <link rel="stylesheet" href="./themes.css" />
   <link rel="stylesheet" href="./styles.css" />
+  <link rel="stylesheet" href="./nest-ui.css" />
   <link rel="stylesheet" href="./trust.css" />
   <style>
     #call-shell { display: flex; flex-direction: column; height: 100%; }
diff --git a/renderer/chat-message-content.js b/renderer/chat-message-content.js
index 07cab45..a334d89 100644
--- a/renderer/chat-message-content.js
+++ b/renderer/chat-message-content.js
@@ -1,6 +1,7 @@
 
 import { t } from './i18n.js';
 import { appendLinkifiedText } from './linkify.js';
+import { chatMarkdownToHtml, bindMarkdownInteractions } from './release-markdown.js';
 import { formatFileSize } from './file-transfer.js';
 import { formatTransferSpeed } from './file-transfer-speed.js';
 import { isImageAttachment, isVideoAttachment, isMediaPlaceholderText } from './chat-attachments.js';
@@ -15,6 +16,70 @@ function openExternalUrl(url) {
   if (window.blip?.openExternal) void window.blip.openExternal(url);
 }
 
+function looksLikeMarkdown(text) {
+  const s = String(text || '');
+  if (!s.trim()) return false;
+  return /(^|\n)\s{0,3}(#{1,4}\s|[-*+]\s|\d+\.\s|>\s|```|~~~)|(\*\*|__|~~|`[^`]+`|\[[^\]]+\]\([^)]+\))/.test(
+    s,
+  );
+}
+
+function appendMarkdownOrPlain(parent, text) {
+  const src = String(text || '');
+  if (!src) return;
+  if (!looksLikeMarkdown(src)) {
+    appendLinkifiedText(parent, src, openExternalUrl);
+    return;
+  }
+  const html = chatMarkdownToHtml(src);
+  if (!html) {
+    appendLinkifiedText(parent, src, openExternalUrl);
+    return;
+  }
+  parent.classList.add('chat-md');
+  parent.innerHTML = html;
+  bindMarkdownInteractions(parent, { openExternal: openExternalUrl, allowImages: false });
+}
+
+function appendTextWithEmbeds(block, text) {
+  const src = String(text || '').trim();
+  if (!src) return;
+  const yts = findYoutubeInText(src);
+  if (!yts.length) {
+    const span = document.createElement('span');
+    span.className = 'chat-text';
+    appendMarkdownOrPlain(span, src);
+    block.appendChild(span);
+    return;
+  }
+
+  let last = 0;
+  for (const yt of yts) {
+    if (yt.index > last) {
+      const chunk = src.slice(last, yt.index).trim();
+      if (chunk) {
+        const span = document.createElement('span');
+        span.className = 'chat-text';
+        appendMarkdownOrPlain(span, chunk);
+        block.appendChild(span);
+      }
+    }
+    appendYoutubeEmbed(block, yt, {
+      onPlay: () => openYoutubeViewer(yt.id),
+    });
+    last = yt.index + yt.raw.length;
+  }
+  if (last < src.length) {
+    const tail = src.slice(last).trim();
+    if (tail) {
+      const span = document.createElement('span');
+      span.className = 'chat-text';
+      appendMarkdownOrPlain(span, tail);
+      block.appendChild(span);
+    }
+  }
+}
+
 export function appendForwardBlock(block, forwardFrom) {
   if (!forwardFrom) return;
   const box = document.createElement('div');
@@ -200,45 +265,6 @@ function appendVideoBubble(block, attachment) {
   block.appendChild(btn);
 }
 
-function appendTextWithEmbeds(block, text) {
-  const src = String(text || '').trim();
-  if (!src) return;
-  const yts = findYoutubeInText(src);
-  if (!yts.length) {
-    const span = document.createElement('span');
-    span.className = 'chat-text';
-    appendLinkifiedText(span, src, openExternalUrl);
-    block.appendChild(span);
-    return;
-  }
-
-  let last = 0;
-  for (const yt of yts) {
-    if (yt.index > last) {
-      const chunk = src.slice(last, yt.index).trim();
-      if (chunk) {
-        const span = document.createElement('span');
-        span.className = 'chat-text';
-        appendLinkifiedText(span, chunk, openExternalUrl);
-        block.appendChild(span);
-      }
-    }
-    appendYoutubeEmbed(block, yt, {
-      onPlay: () => openYoutubeViewer(yt.id),
-    });
-    last = yt.index + yt.raw.length;
-  }
-  if (last < src.length) {
-    const tail = src.slice(last).trim();
-    if (tail) {
-      const span = document.createElement('span');
-      span.className = 'chat-text';
-      appendLinkifiedText(span, tail, openExternalUrl);
-      block.appendChild(span);
-    }
-  }
-}
-
 export function appendChatMessageBody(block, m, opts = {}) {
   if (m.forwardFrom) appendForwardBlock(block, m.forwardFrom);
   if (m.forwardFrom) appendForwardSeedNotice(block, m.forwardFrom, opts);
diff --git a/renderer/group-call-window.html b/renderer/group-call-window.html
index af40000..7a26261 100644
--- a/renderer/group-call-window.html
+++ b/renderer/group-call-window.html
@@ -7,6 +7,7 @@
   <title>BLIP — Group call</title>
   <link rel="stylesheet" href="./themes.css" />
   <link rel="stylesheet" href="./styles.css" />
+  <link rel="stylesheet" href="./nest-ui.css" />
   <link rel="stylesheet" href="./groups-ui.css" />
   <link rel="stylesheet" href="./trust.css" />
   <style>
diff --git a/renderer/i18n.js b/renderer/i18n.js
index a36eec3..0bca2ce 100644
--- a/renderer/i18n.js
+++ b/renderer/i18n.js
@@ -284,6 +284,9 @@ const locales = {
     'settings.appearance': 'Look & background',
     'settings.appearance_theme': 'Theme',
     'settings.appearance_accent': 'Color accent',
+    'settings.nest_ui': 'NestUI 1.0',
+    'settings.nest_ui_hint':
+      'Alternate UI design: soft system look instead of the pixel mesh skin. Same layout and controls — only the visual language changes.',
     'settings.bg_animated': 'Animated background',
     'settings.bg_animated_mesh_hint': 'Ember and Rift scenes require MESH+.',
     'settings.bg_art': 'Art background',
@@ -1293,6 +1296,9 @@ const locales = {
     'settings.appearance': 'Внешний вид и фон',
     'settings.appearance_theme': 'Тема',
     'settings.appearance_accent': 'Цветовой акцент',
+    'settings.nest_ui': 'NestUI 1.0',
+    'settings.nest_ui_hint':
+      'Другой дизайн интерфейса: мягкий системный вид вместо пиксельной сетки. Раскладка и элементы те же — меняется только визуальный язык.',
     'settings.bg_animated': 'Анимированный фон',
     'settings.bg_animated_mesh_hint': 'Сцены «Угли» и «Разлом» — только с МЭШ ПЛЮС.',
     'settings.bg_art': 'Арт-фон',
diff --git a/renderer/index.html b/renderer/index.html
index 3bc9508..f0a6f70 100644
--- a/renderer/index.html
+++ b/renderer/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" data-ui-skin="pixel">
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -8,6 +8,7 @@
   <link rel="stylesheet" href="./themes.css" />
   <link rel="stylesheet" href="./wallpaper-art.css" />
   <link rel="stylesheet" href="./styles.css" />
+  <link rel="stylesheet" href="./nest-ui.css" />
   <link rel="stylesheet" href="./groups-ui.css" />
   <link rel="stylesheet" href="./trust.css" />
 </head>
diff --git a/renderer/nest-ui.css b/renderer/nest-ui.css
new file mode 100644
index 0000000..3b87e65
--- /dev/null
+++ b/renderer/nest-ui.css
@@ -0,0 +1,313 @@
+@import '../shared/floke-kit/theme-tokens.css';
+
+html[data-ui-skin='nest'] {
+  --blip-font: var(--floke-font-main);
+  --blip-mono: var(--floke-font-mono);
+  --nest-radius-sm: 10px;
+  --nest-radius-md: 14px;
+  --nest-radius-lg: 18px;
+  --nest-radius-xl: 24px;
+  --nest-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.03);
+  --nest-shadow-md: 0 4px 14px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);
+  --nest-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.14), 0 4px 12px rgba(0, 0, 0, 0.06);
+  --blip-bg: #f5f5f7;
+  --blip-text: var(--floke-text-primary);
+  --blip-muted: var(--floke-text-secondary);
+  --blip-danger: var(--floke-accent-red);
+  --blip-glass: rgba(255, 255, 255, 0.72);
+  --blip-chat-incoming: rgba(255, 255, 255, 0.88);
+  --blip-toast-bg: rgba(255, 255, 255, 0.92);
+  --blip-input-bg: rgba(255, 255, 255, 0.55);
+  --blip-bg-layer-opacity: 0.28;
+  --blip-on-accent: #ffffff;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-smooth: always;
+  text-rendering: optimizeLegibility;
+}
+
+html[data-ui-skin='nest'][data-theme='light'] {
+  --blip-bg: #f5f5f7;
+  --blip-glass: rgba(255, 255, 255, 0.72);
+  --blip-chat-incoming: rgba(255, 255, 255, 0.9);
+  --blip-toast-bg: rgba(255, 255, 255, 0.94);
+  --blip-input-bg: rgba(255, 255, 255, 0.62);
+  --nest-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.03);
+  --nest-shadow-md: 0 4px 14px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);
+  --nest-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.05);
+}
+
+html[data-ui-skin='nest'][data-theme='dark'] {
+  --blip-bg: #000000;
+  --blip-text: #f5f5f7;
+  --blip-muted: #98989d;
+  --blip-glass: rgba(28, 28, 30, 0.72);
+  --blip-chat-incoming: rgba(44, 44, 46, 0.92);
+  --blip-toast-bg: rgba(28, 28, 30, 0.94);
+  --blip-input-bg: rgba(44, 44, 46, 0.7);
+  --nest-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
+  --nest-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
+  --nest-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.55);
+}
+
+html[data-ui-skin='nest'],
+html[data-ui-skin='nest'] body {
+  font-family: var(--floke-font-main);
+  letter-spacing: -0.015em;
+  line-height: 1.45;
+  font-weight: 400;
+}
+
+html[data-ui-skin='nest'] .btn,
+html[data-ui-skin='nest'] .input,
+html[data-ui-skin='nest'] .blip-select,
+html[data-ui-skin='nest'] .glass,
+html[data-ui-skin='nest'] .card,
+html[data-ui-skin='nest'] .settings-panel,
+html[data-ui-skin='nest'] .settings-list-panel,
+html[data-ui-skin='nest'] .settings-release-card,
+html[data-ui-skin='nest'] .peer-row,
+html[data-ui-skin='nest'] .chat-block,
+html[data-ui-skin='nest'] .nav-btn,
+html[data-ui-skin='nest'] .side-nav,
+html[data-ui-skin='nest'] .titlebar,
+html[data-ui-skin='nest'] .toast,
+html[data-ui-skin='nest'] .blip-modal,
+html[data-ui-skin='nest'] .blip-modal-backdrop .glass,
+html[data-ui-skin='nest'] .call-overlay,
+html[data-ui-skin='nest'] .id-cell,
+html[data-ui-skin='nest'] .pixel-toggle,
+html[data-ui-skin='nest'] .pixel-hint-btn,
+html[data-ui-skin='nest'] .settings-dropdown,
+html[data-ui-skin='nest'] .chat-input-row input,
+html[data-ui-skin='nest'] .chat-input-row textarea,
+html[data-ui-skin='nest'] button,
+html[data-ui-skin='nest'] input,
+html[data-ui-skin='nest'] select,
+html[data-ui-skin='nest'] textarea {
+  border-radius: var(--nest-radius-md) !important;
+  font-family: var(--floke-font-main);
+  transition:
+    background 180ms var(--floke-ease),
+    border-color 180ms var(--floke-ease),
+    color 180ms var(--floke-ease),
+    box-shadow 220ms var(--floke-ease),
+    transform 180ms var(--floke-ease),
+    opacity 180ms var(--floke-ease);
+}
+
+html[data-ui-skin='nest'] .btn,
+html[data-ui-skin='nest'] .nav-btn,
+html[data-ui-skin='nest'] .pixel-toggle,
+html[data-ui-skin='nest'] .pixel-hint-btn {
+  border-width: 0.5px;
+  border-color: color-mix(in srgb, var(--blip-accent) 28%, transparent);
+  font-weight: 510;
+  letter-spacing: -0.01em;
+  text-transform: none;
+  box-shadow: var(--nest-shadow-sm);
+}
+
+html[data-ui-skin='nest'] .btn:hover,
+html[data-ui-skin='nest'] .nav-btn:hover {
+  box-shadow: var(--nest-shadow-md);
+  transform: translateY(-0.5px);
+}
+
+html[data-ui-skin='nest'] .btn:active,
+html[data-ui-skin='nest'] .nav-btn:active {
+  transform: scale(0.98);
+  box-shadow: var(--nest-shadow-sm);
+}
+
+html[data-ui-skin='nest'] .nav-btn.active {
+  border-radius: 999px !important;
+  box-shadow: none;
+  font-weight: 600;
+}
+
+html[data-ui-skin='nest'] .glass {
+  border-width: 0.5px;
+  border-color: color-mix(in srgb, var(--floke-border-light) 55%, transparent);
+  backdrop-filter: blur(28px) saturate(1.45);
+  -webkit-backdrop-filter: blur(28px) saturate(1.45);
+  box-shadow: var(--nest-shadow-md);
+}
+
+html[data-ui-skin='nest'] .titlebar,
+html[data-ui-skin='nest'] .side-nav {
+  border-width: 0.5px;
+  border-color: color-mix(in srgb, var(--floke-border-light) 65%, transparent);
+  backdrop-filter: blur(24px) saturate(1.35);
+  -webkit-backdrop-filter: blur(24px) saturate(1.35);
+}
+
+html[data-ui-skin='nest'] .settings-panel,
+html[data-ui-skin='nest'] .settings-list-panel {
+  border-width: 0.5px;
+  box-shadow: var(--nest-shadow-sm);
+}
+
+html[data-ui-skin='nest'] .peer-row,
+html[data-ui-skin='nest'] .chat-block {
+  border-width: 0.5px;
+  box-shadow: none;
+}
+
+html[data-ui-skin='nest'] .chat-block {
+  border-radius: var(--nest-radius-lg) !important;
+}
+
+html[data-ui-skin='nest'] .input,
+html[data-ui-skin='nest'] .blip-select,
+html[data-ui-skin='nest'] .settings-dropdown,
+html[data-ui-skin='nest'] input,
+html[data-ui-skin='nest'] select,
+html[data-ui-skin='nest'] textarea {
+  border-width: 0.5px;
+  border-color: color-mix(in srgb, var(--floke-border-medium) 70%, transparent);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02);
+}
+
+html[data-ui-skin='nest'] .input:focus,
+html[data-ui-skin='nest'] .blip-select:focus,
+html[data-ui-skin='nest'] input:focus,
+html[data-ui-skin='nest'] select:focus,
+html[data-ui-skin='nest'] textarea:focus {
+  border-color: color-mix(in srgb, var(--blip-accent) 70%, transparent);
+  box-shadow:
+    0 0 0 3px color-mix(in srgb, var(--blip-accent) 22%, transparent),
+    inset 0 1px 1px rgba(0, 0, 0, 0.02);
+  outline: none;
+}
+
+html[data-ui-skin='nest'] .blip-modal {
+  border-width: 0.5px;
+  border-radius: var(--nest-radius-xl) !important;
+  box-shadow: var(--nest-shadow-lg);
+  backdrop-filter: blur(32px) saturate(1.5);
+  -webkit-backdrop-filter: blur(32px) saturate(1.5);
+}
+
+html[data-ui-skin='nest'] .toast {
+  border-width: 0.5px;
+  border-radius: var(--nest-radius-xl) !important;
+  box-shadow: var(--nest-shadow-lg);
+  backdrop-filter: blur(28px) saturate(1.4);
+  -webkit-backdrop-filter: blur(28px) saturate(1.4);
+}
+
+html[data-ui-skin='nest'] .release-notes-sheet {
+  height: 100%;
+  max-height: 100%;
+  border-width: 0;
+  border-radius: 0 !important;
+  box-shadow: none;
+  backdrop-filter: blur(28px) saturate(1.4);
+  -webkit-backdrop-filter: blur(28px) saturate(1.4);
+}
+
+html[data-ui-skin='nest'] .section-subtitle,
+html[data-ui-skin='nest'] .settings-panel-title,
+html[data-ui-skin='nest'] .settings-field-label {
+  font-weight: 600;
+  letter-spacing: -0.02em;
+  text-transform: none;
+}
+
+html[data-ui-skin='nest'] .settings-panel-title {
+  font-size: 1.15em;
+  font-weight: 700;
+}
+
+html[data-ui-skin='nest'] .hint,
+html[data-ui-skin='nest'] .settings-release-date {
+  color: var(--floke-text-tertiary);
+  letter-spacing: -0.01em;
+}
+
+html[data-ui-skin='nest'] .pixel-glyph--file,
+html[data-ui-skin='nest'] .pixel-glyph--upload,
+html[data-ui-skin='nest'] .pixel-glyph--reply,
+html[data-ui-skin='nest'] .pixel-glyph--play,
+html[data-ui-skin='nest'] .pixel-glyph--pause {
+  border: none !important;
+  box-shadow: none !important;
+  background: currentColor;
+  transform: none !important;
+  border-radius: 4px !important;
+  opacity: 0.92;
+}
+
+html[data-ui-skin='nest'] .pixel-glyph--file {
+  width: 14px;
+  height: 16px;
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm1 7V3.5L19.5 9H15z'/%3E%3C/svg%3E")
+    center / contain no-repeat;
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm1 7V3.5L19.5 9H15z'/%3E%3C/svg%3E")
+    center / contain no-repeat;
+}
+
+html[data-ui-skin='nest'] .pixel-glyph--upload {
+  width: 14px;
+  height: 14px;
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 3l5 5h-3v6h-4V8H7l5-5zm-7 14h14v2H5v-2z'/%3E%3C/svg%3E")
+    center / contain no-repeat;
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 3l5 5h-3v6h-4V8H7l5-5zm-7 14h14v2H5v-2z'/%3E%3C/svg%3E")
+    center / contain no-repeat;
+}
+
+html[data-ui-skin='nest'] .pixel-glyph--reply {
+  width: 14px;
+  height: 14px;
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11z'/%3E%3C/svg%3E")
+    center / contain no-repeat;
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11z'/%3E%3C/svg%3E")
+    center / contain no-repeat;
+}
+
+html[data-ui-skin='nest'] .pixel-glyph--play {
+  width: 14px;
+  height: 14px;
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8 5v14l11-7L8 5z'/%3E%3C/svg%3E")
+    center / contain no-repeat;
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8 5v14l11-7L8 5z'/%3E%3C/svg%3E")
+    center / contain no-repeat;
+}
+
+html[data-ui-skin='nest'] .pixel-glyph--pause {
+  width: 14px;
+  height: 14px;
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 5h4v14H6V5zm8 0h4v14h-4V5z'/%3E%3C/svg%3E")
+    center / contain no-repeat;
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 5h4v14H6V5zm8 0h4v14h-4V5z'/%3E%3C/svg%3E")
+    center / contain no-repeat;
+}
+
+html[data-ui-skin='nest'] .id-cell {
+  border-radius: var(--nest-radius-xl) !important;
+  border-width: 0.5px;
+  box-shadow: var(--nest-shadow-sm);
+}
+
+html[data-ui-skin='nest'] .avatar,
+html[data-ui-skin='nest'] .peer-avatar,
+html[data-ui-skin='nest'] img.avatar {
+  border-radius: var(--floke-radius-full) !important;
+  box-shadow: 0 0 0 0.5px color-mix(in srgb, var(--floke-border-light) 80%, transparent);
+}
+
+html[data-ui-skin='nest'][data-theme='dark'] .glass,
+html[data-ui-skin='nest'][data-theme='dark'] .titlebar,
+html[data-ui-skin='nest'][data-theme='dark'] .side-nav {
+  border-color: color-mix(in srgb, #48484a 70%, transparent);
+}
+
+html[data-ui-skin='nest'][data-theme='dark'] .input,
+html[data-ui-skin='nest'][data-theme='dark'] .blip-select,
+html[data-ui-skin='nest'][data-theme='dark'] input,
+html[data-ui-skin='nest'][data-theme='dark'] select,
+html[data-ui-skin='nest'][data-theme='dark'] textarea {
+  border-color: color-mix(in srgb, #48484a 80%, transparent);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
+}
diff --git a/renderer/release-markdown.js b/renderer/release-markdown.js
index 4066a67..eefe9ab 100644
--- a/renderer/release-markdown.js
+++ b/renderer/release-markdown.js
@@ -6,35 +6,102 @@ marked.setOptions({
   breaks: true,
 });
 
-const PURIFY = {
+const RELEASE_PURIFY = {
   USE_PROFILES: { html: true },
-  FORBID_TAGS: ['style', 'script', 'iframe', 'object', 'embed', 'form', 'input', 'button'],
-  FORBID_ATTR: ['style', 'onerror', 'onload', 'onclick'],
+  FORBID_TAGS: ['style', 'script', 'iframe', 'object', 'embed', 'form', 'input', 'button', 'textarea'],
+  FORBID_ATTR: ['style', 'onerror', 'onload', 'onclick', 'onmouseover', 'onfocus'],
   ALLOW_DATA_ATTR: false,
+  ADD_ATTR: ['target', 'rel', 'loading', 'decoding', 'referrerpolicy'],
   ALLOWED_URI_REGEXP:
     /^(?:(?:(?:f|ht)tps?|mailto|tel):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i,
 };
 
-export function releaseMarkdownToHtml(markdown) {
+const CHAT_PURIFY = {
+  ALLOWED_TAGS: [
+    'p',
+    'br',
+    'strong',
+    'b',
+    'em',
+    'i',
+    'del',
+    's',
+    'code',
+    'pre',
+    'ul',
+    'ol',
+    'li',
+    'blockquote',
+    'a',
+    'hr',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+  ],
+  ALLOWED_ATTR: ['href', 'title', 'rel', 'target'],
+  ALLOW_DATA_ATTR: false,
+  ALLOWED_URI_REGEXP: /^(?:(?:https?|mailto|tel|blip):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i,
+  FORBID_TAGS: ['img', 'style', 'script', 'iframe', 'object', 'embed', 'form', 'input', 'button'],
+  FORBID_ATTR: ['style', 'onerror', 'onload', 'onclick'],
+};
+
+function sanitize(dirty, profile) {
+  const cfg = profile === 'chat' ? CHAT_PURIFY : RELEASE_PURIFY;
+  if (typeof window === 'undefined') return String(dirty);
+  return DOMPurify.sanitize(String(dirty), cfg);
+}
+
+export function markdownToSafeHtml(markdown, profile = 'release') {
   const raw = typeof markdown === 'string' ? markdown : '';
   if (!raw.trim()) return '';
   const dirty = marked.parse(raw, { async: false });
-  if (typeof window === 'undefined') {
-    return String(dirty);
-  }
-  return DOMPurify.sanitize(String(dirty), PURIFY);
+  return sanitize(dirty, profile);
 }
 
-export function bindReleaseMarkdownLinks(root, openExternal) {
-  if (!root || typeof openExternal !== 'function') return;
+export function releaseMarkdownToHtml(markdown) {
+  return markdownToSafeHtml(markdown, 'release');
+}
+
+export function chatMarkdownToHtml(markdown) {
+  return markdownToSafeHtml(markdown, 'chat');
+}
+
+function isSafeHttpUrl(href) {
+  return typeof href === 'string' && /^https?:\/\//i.test(href);
+}
+
+function isBlipSeedUrl(href) {
+  return typeof href === 'string' && /^blip:\/\/seed\//i.test(href);
+}
+
+export function bindMarkdownInteractions(root, opts = {}) {
+  const openExternal = opts.openExternal;
+  const allowImages = opts.allowImages !== false;
+  if (!root) return;
+
   root.querySelectorAll('a[href]').forEach((a) => {
+    a.rel = 'noopener noreferrer';
     a.addEventListener('click', (e) => {
       e.preventDefault();
       e.stopPropagation();
-      const href = a.getAttribute('href');
-      if (href && /^https?:\/\//i.test(href)) openExternal(href);
+      const href = a.getAttribute('href') || '';
+      if (isBlipSeedUrl(href)) {
+        const seedId = href.replace(/^blip:\/\/seed\//i, '').slice(0, 64);
+        window.dispatchEvent(
+          new CustomEvent('blip-open-beacon-seed', { detail: { seedId } }),
+        );
+        return;
+      }
+      if (isSafeHttpUrl(href) && typeof openExternal === 'function') openExternal(href);
     });
   });
+
+  if (!allowImages) {
+    root.querySelectorAll('img').forEach((img) => img.remove());
+    return;
+  }
+
   root.querySelectorAll('img[src]').forEach((img) => {
     const src = img.getAttribute('src') || '';
     if (!/^https:\/\//i.test(src)) {
@@ -42,6 +109,33 @@ export function bindReleaseMarkdownLinks(root, openExternal) {
       return;
     }
     img.loading = 'lazy';
+    img.decoding = 'async';
     img.referrerPolicy = 'no-referrer';
+    img.removeAttribute('width');
+    img.removeAttribute('height');
+    img.classList.add('release-md__img');
+    img.addEventListener('error', () => {
+      const ph = document.createElement('span');
+      ph.className = 'release-md__img-error hint';
+      ph.textContent = src;
+      img.replaceWith(ph);
+    });
+    img.addEventListener('click', (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (typeof openExternal === 'function') openExternal(src);
+    });
+  });
+
+  root.querySelectorAll('table').forEach((table) => {
+    if (table.parentElement?.classList?.contains('release-md__table-wrap')) return;
+    const wrap = document.createElement('div');
+    wrap.className = 'release-md__table-wrap';
+    table.parentNode.insertBefore(wrap, table);
+    wrap.appendChild(table);
   });
 }
+
+export function bindReleaseMarkdownLinks(root, openExternal) {
+  bindMarkdownInteractions(root, { openExternal, allowImages: true });
+}
diff --git a/renderer/settings-panels/appearance.js b/renderer/settings-panels/appearance.js
new file mode 100644
index 0000000..63e55f6
--- /dev/null
+++ b/renderer/settings-panels/appearance.js
@@ -0,0 +1,218 @@
+import {
+  THEME_MODES,
+  ACCENT_IDS,
+  ANIMATED_BACKGROUNDS,
+  STATIC_ART_BACKGROUNDS,
+  applyAppearance,
+  labelThemeMode,
+  labelAccent,
+  labelBg,
+  normalizeThemeMode,
+  normalizeAccentId,
+  normalizeBgId,
+  normalizeUiSkin,
+  applyUiPreferences,
+} from '../appearance.js';
+import {
+  buildThemedSelect,
+  fillSettingsDropdown,
+  buildSectionSubtitleRow,
+  createPixelToggle,
+  createPixelHintIcon,
+} from '../settings-ui.js';
+import {
+  fillPremiumGatedDropdown,
+  markPremiumGatedOptions,
+  MESH_PLUS_FEATURES,
+} from '../mesh-plus.js';
+import { appendAppIconPickerSections } from '../app-icon-picker.js';
+import { appendThemeEditorSection } from '../theme-editor.js';
+import { applyReactiveWallpaperConfig } from '../reactive-wallpaper.js';
+
+function appendAppearanceControl(parent, controlEl) {
+  const wrap = document.createElement('div');
+  wrap.className = 'settings-appearance-control';
+  wrap.appendChild(controlEl);
+  parent.appendChild(wrap);
+}
+
+export function buildAppearanceSection({ getState, saveConfig }) {
+  const state = getState();
+  const block = document.createElement('div');
+  block.className = 'settings-appearance-wrap';
+  const curMode = normalizeThemeMode(state.config.themeMode, state.config.themeId);
+  const curAccent = normalizeAccentId(state.config.accentId, state.config.themeId);
+  const curBg = normalizeBgId(state.config.animatedBgId);
+  const curSkin = normalizeUiSkin(state.config.uiSkin);
+
+  const nestToggle = createPixelToggle({
+    checked: curSkin === 'nest',
+    labelKey: 'settings.nest_ui',
+    onChange: async (checked) => {
+      const next = await saveConfig({ uiSkin: checked ? 'nest' : 'pixel' });
+      state.config = next;
+      applyAppearance(state.config);
+    },
+  });
+  const nestRow = document.createElement('div');
+  nestRow.className = 'settings-toggle-with-hint';
+  nestRow.appendChild(nestToggle.el);
+  nestRow.appendChild(createPixelHintIcon('settings.nest_ui_hint'));
+  block.appendChild(nestRow);
+
+  block.appendChild(buildSectionSubtitleRow('settings.appearance_theme'));
+  const modeOpts = THEME_MODES.map((id) => ({ value: id, label: labelThemeMode(id) }));
+  const modeSelect = buildThemedSelect();
+  fillSettingsDropdown(modeSelect, modeOpts, curMode, async (id) => {
+    state.config = await saveConfig({ themeMode: id });
+    applyAppearance(state.config);
+  });
+  appendAppearanceControl(block, modeSelect);
+
+  const accentGroup = document.createElement('div');
+  accentGroup.className = 'settings-appearance-accent-group settings-list-panel';
+  accentGroup.appendChild(buildSectionSubtitleRow('settings.appearance_accent'));
+
+  const accentOpts = ACCENT_IDS.map((id) => ({ value: id, label: labelAccent(id) }));
+  const accentSelect = buildThemedSelect();
+  fillSettingsDropdown(accentSelect, accentOpts, curAccent, async (id) => {
+    state.config = await saveConfig({ accentId: id });
+    applyAppearance(state.config);
+  });
+  appendAppearanceControl(accentGroup, accentSelect);
+
+  appendThemeEditorSection(accentGroup, () => state.config, async (patch) => {
+    state.config = await saveConfig(patch);
+    return state.config;
+  });
+  block.appendChild(accentGroup);
+
+  block.appendChild(
+    buildSectionSubtitleRow('settings.bg_animated', 'settings.bg_animated_mesh_hint'),
+  );
+  const animOpts = markPremiumGatedOptions(
+    ANIMATED_BACKGROUNDS.map((id) => ({ value: id, label: labelBg(id) })),
+    MESH_PLUS_FEATURES.animated_bg,
+    state.config,
+  );
+  const animSelect = buildThemedSelect();
+  fillPremiumGatedDropdown(
+    animSelect,
+    animOpts,
+    ANIMATED_BACKGROUNDS.includes(curBg) ? curBg : 'none',
+    MESH_PLUS_FEATURES.animated_bg,
+    state.config,
+    async (id) => {
+      state.config = await saveConfig({ animatedBgId: normalizeBgId(id) });
+      applyAppearance(state.config);
+      applyReactiveWallpaperConfig(state.config);
+    },
+  );
+  appendAppearanceControl(block, animSelect);
+
+  block.appendChild(buildSectionSubtitleRow('settings.bg_art'));
+  const artOpts = STATIC_ART_BACKGROUNDS.map((id) => ({ value: id, label: labelBg(id) }));
+  const artSelect = buildThemedSelect();
+  const artCurrent = STATIC_ART_BACKGROUNDS.includes(curBg) ? curBg : 'none';
+  fillSettingsDropdown(artSelect, artOpts, artCurrent, async (id) => {
+    state.config = await saveConfig({ animatedBgId: normalizeBgId(id) });
+    applyAppearance(state.config);
+    applyReactiveWallpaperConfig(state.config);
+  });
+  appendAppearanceControl(block, artSelect);
+
+  const reactiveToggle = createPixelToggle({
+    checked: !!state.config.reactiveBackground,
+    labelKey: 'settings.reactive_background',
+    onChange: async (checked) => {
+      state.config = await saveConfig({ reactiveBackground: checked });
+      applyAppearance(state.config);
+      applyReactiveWallpaperConfig(state.config);
+    },
+  });
+  const reactiveRow = document.createElement('div');
+  reactiveRow.className = 'settings-toggle-with-hint';
+  reactiveRow.appendChild(reactiveToggle.el);
+  reactiveRow.appendChild(createPixelHintIcon('settings.reactive_background_hint'));
+  block.appendChild(reactiveRow);
+
+  const motionToggle = createPixelToggle({
+    checked: !!state.config.reduceMotion,
+    labelKey: 'settings.reduce_motion',
+    onChange: async (checked) => {
+      state.config = await saveConfig({ reduceMotion: checked });
+      applyAppearance(state.config);
+    },
+  });
+  const motionRow = document.createElement('div');
+  motionRow.className = 'settings-toggle-with-hint';
+  motionRow.appendChild(motionToggle.el);
+  motionRow.appendChild(createPixelHintIcon('settings.motion_hint'));
+  block.appendChild(motionRow);
+
+  const compactToggle = createPixelToggle({
+    checked: state.config.uiDensity === 'compact',
+    labelKey: 'settings.ui_compact',
+    onChange: async (checked) => {
+      state.config = await saveConfig({ uiDensity: checked ? 'compact' : 'comfortable' });
+      applyAppearance(state.config);
+    },
+  });
+  block.appendChild(compactToggle.el);
+
+  block.appendChild(buildSectionSubtitleRow('settings.ui_font_scale'));
+  const uiFontRow = document.createElement('div');
+  uiFontRow.className = 'settings-sound-volume-row';
+  const uiFontRange = document.createElement('input');
+  uiFontRange.type = 'range';
+  uiFontRange.min = '85';
+  uiFontRange.max = '125';
+  uiFontRange.step = '5';
+  uiFontRange.className = 'settings-sound-range';
+  const uiFontPct = Math.round((Number(state.config.uiFontScale) || 1) * 100);
+  uiFontRange.value = String(uiFontPct);
+  const uiFontVal = document.createElement('span');
+  uiFontVal.className = 'settings-sound-volume-val';
+  uiFontVal.textContent = `${uiFontPct}%`;
+  uiFontRange.addEventListener('input', () => {
+    uiFontVal.textContent = `${uiFontRange.value}%`;
+    applyUiPreferences({ ...state.config, uiFontScale: Number(uiFontRange.value) / 100 });
+  });
+  uiFontRange.addEventListener('change', async () => {
+    state.config = await saveConfig({ uiFontScale: Number(uiFontRange.value) / 100 });
+    applyAppearance(state.config);
+  });
+  uiFontRow.appendChild(uiFontRange);
+  uiFontRow.appendChild(uiFontVal);
+  appendAppearanceControl(block, uiFontRow);
+
+  block.appendChild(buildSectionSubtitleRow('settings.chat_font_scale'));
+  const chatFontRow = document.createElement('div');
+  chatFontRow.className = 'settings-sound-volume-row';
+  const chatFontRange = document.createElement('input');
+  chatFontRange.type = 'range';
+  chatFontRange.min = '85';
+  chatFontRange.max = '135';
+  chatFontRange.step = '5';
+  chatFontRange.className = 'settings-sound-range';
+  const chatFontPct = Math.round((Number(state.config.chatFontScale) || 1) * 100);
+  chatFontRange.value = String(chatFontPct);
+  const chatFontVal = document.createElement('span');
+  chatFontVal.className = 'settings-sound-volume-val';
+  chatFontVal.textContent = `${chatFontPct}%`;
+  chatFontRange.addEventListener('input', () => {
+    chatFontVal.textContent = `${chatFontRange.value}%`;
+    applyUiPreferences({ ...state.config, chatFontScale: Number(chatFontRange.value) / 100 });
+  });
+  chatFontRange.addEventListener('change', async () => {
+    state.config = await saveConfig({ chatFontScale: Number(chatFontRange.value) / 100 });
+    applyAppearance(state.config);
+  });
+  chatFontRow.appendChild(chatFontRange);
+  chatFontRow.appendChild(chatFontVal);
+  appendAppearanceControl(block, chatFontRow);
+
+  appendAppIconPickerSections(block, state, saveConfig);
+
+  return block;
+}
diff --git a/renderer/styles.css b/renderer/styles.css
index 1a6cf98..f6ffff4 100644
--- a/renderer/styles.css
+++ b/renderer/styles.css
@@ -31,6 +31,11 @@
 *::before,
 *::after {
   box-sizing: border-box;
+}
+
+html:not([data-ui-skin='nest']) *,
+html:not([data-ui-skin='nest']) *::before,
+html:not([data-ui-skin='nest']) *::after {
   border-radius: 0 !important;
 }
 
@@ -1719,6 +1724,7 @@ select.blip-select:focus {
 .release-md {
   color: var(--blip-fg, inherit);
   word-break: break-word;
+  overflow-wrap: anywhere;
 }
 
 .release-md > :first-child {
@@ -1736,24 +1742,36 @@ select.blip-select:focus {
   margin: 0.85em 0 0.4em;
   color: var(--blip-accent);
   font-size: 13px;
-  line-height: 1.3;
+  line-height: 1.35;
   text-transform: none;
+  font-weight: 700;
+  letter-spacing: -0.01em;
 }
 
 .release-md h1 {
-  font-size: 15px;
+  font-size: 17px;
 }
 
 .release-md h2 {
-  font-size: 14px;
+  font-size: 15px;
+}
+
+.release-md h3 {
+  font-size: 13px;
+}
+
+.release-md h4 {
+  font-size: 12px;
+  opacity: 0.95;
 }
 
 .release-md p,
 .release-md ul,
 .release-md ol,
 .release-md blockquote,
-.release-md pre {
-  margin: 0.55em 0;
+.release-md pre,
+.release-md details {
+  margin: 0.65em 0;
 }
 
 .release-md ul,
@@ -1762,7 +1780,17 @@ select.blip-select:focus {
 }
 
 .release-md li + li {
-  margin-top: 0.2em;
+  margin-top: 0.25em;
+}
+
+.release-md li > ul,
+.release-md li > ol {
+  margin: 0.25em 0;
+}
+
+.release-md input[type='checkbox'] {
+  margin-right: 0.4em;
+  vertical-align: middle;
 }
 
 .release-md a {
@@ -1771,66 +1799,104 @@ select.blip-select:focus {
   text-underline-offset: 2px;
 }
 
-.release-md img {
+.release-md img,
+.release-md .release-md__img {
   display: block;
-  max-width: 100%;
+  max-width: min(100%, 720px);
+  max-height: min(56vh, 480px);
+  width: auto;
   height: auto;
+  object-fit: contain;
+  margin: 0.85em 0;
+  border: 1px solid color-mix(in srgb, var(--blip-glass-border) 35%, transparent);
+  background: color-mix(in srgb, var(--blip-glass-border) 8%, transparent);
+  cursor: zoom-in;
+}
+
+.release-md .release-md__img-error {
+  display: block;
+  margin: 0.5em 0;
+  font-size: 11px;
+  word-break: break-all;
+}
+
+.release-md__table-wrap {
+  width: 100%;
+  overflow-x: auto;
   margin: 0.75em 0;
-  border: 1px solid color-mix(in srgb, var(--blip-glass-border) 40%, transparent);
+  -webkit-overflow-scrolling: touch;
 }
 
 .release-md table {
-  width: 100%;
+  width: max-content;
+  min-width: 100%;
   border-collapse: collapse;
-  margin: 0.75em 0;
-  font-size: 11px;
-  overflow-x: auto;
-  display: block;
+  margin: 0;
+  font-size: 12px;
+  display: table;
 }
 
 .release-md th,
 .release-md td {
-  border: 1px solid color-mix(in srgb, var(--blip-glass-border) 55%, transparent);
-  padding: 6px 8px;
+  border: 1px solid color-mix(in srgb, var(--blip-glass-border) 50%, transparent);
+  padding: 8px 10px;
   text-align: left;
   vertical-align: top;
 }
 
 .release-md th {
   color: var(--blip-accent);
-  background: color-mix(in srgb, var(--blip-accent) 8%, transparent);
+  background: color-mix(in srgb, var(--blip-accent) 10%, transparent);
+  font-weight: 600;
 }
 
 .release-md code {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-family: var(--blip-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
   font-size: 0.92em;
-  padding: 0.1em 0.35em;
-  background: color-mix(in srgb, var(--blip-glass-border) 28%, transparent);
+  padding: 0.12em 0.4em;
+  background: color-mix(in srgb, var(--blip-glass-border) 22%, transparent);
+  border: 1px solid color-mix(in srgb, var(--blip-glass-border) 28%, transparent);
 }
 
 .release-md pre {
   overflow-x: auto;
-  padding: 10px 12px;
-  background: color-mix(in srgb, var(--blip-glass-border) 22%, transparent);
-  border: 1px solid color-mix(in srgb, var(--blip-glass-border) 40%, transparent);
+  padding: 12px 14px;
+  background: color-mix(in srgb, var(--blip-glass-border) 16%, transparent);
+  border: 1px solid color-mix(in srgb, var(--blip-glass-border) 32%, transparent);
+  line-height: 1.45;
 }
 
 .release-md pre code {
   padding: 0;
   background: none;
+  border: none;
+  font-size: 12px;
 }
 
 .release-md blockquote {
   margin-left: 0;
-  padding-left: 12px;
+  padding: 0.35em 0 0.35em 14px;
   border-left: 3px solid var(--blip-accent);
   color: var(--blip-muted);
+  background: color-mix(in srgb, var(--blip-accent) 5%, transparent);
 }
 
 .release-md hr {
   border: none;
   border-top: 1px solid color-mix(in srgb, var(--blip-glass-border) 45%, transparent);
-  margin: 1em 0;
+  margin: 1.1em 0;
+}
+
+.release-md details {
+  padding: 8px 10px;
+  border: 1px solid color-mix(in srgb, var(--blip-glass-border) 40%, transparent);
+  background: color-mix(in srgb, var(--blip-glass-border) 8%, transparent);
+}
+
+.release-md summary {
+  cursor: pointer;
+  color: var(--blip-accent);
+  font-weight: 600;
 }
 
 .release-notes-backdrop {
@@ -1840,7 +1906,7 @@ select.blip-select:focus {
   display: flex;
   flex-direction: column;
   align-items: stretch;
-  justify-content: flex-start;
+  justify-content: stretch;
   background: rgba(0, 0, 0, 0.55);
   padding: 0;
   animation: release-notes-fade 160ms ease-out;
@@ -1848,14 +1914,17 @@ select.blip-select:focus {
 
 .release-notes-sheet {
   width: 100%;
-  max-height: min(88vh, 920px);
+  height: 100%;
+  max-height: 100%;
+  min-height: 0;
+  flex: 1;
   display: flex;
   flex-direction: column;
-  border-bottom: 2px solid var(--blip-accent);
-  border-radius: 0 0 10px 10px;
+  border-bottom: none;
+  border-radius: 0;
   padding: 14px 16px 16px;
   animation: release-notes-slide 200ms ease-out;
-  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
+  box-shadow: none;
 }
 
 .release-notes-sheet__head {
@@ -1897,8 +1966,65 @@ select.blip-select:focus {
   min-height: 0;
   overflow: auto;
   padding-right: 4px;
-  font-size: 12px;
-  line-height: 1.5;
+  font-size: 13px;
+  line-height: 1.55;
+}
+
+.chat-text.chat-md {
+  display: block;
+  line-height: 1.45;
+}
+
+.chat-text.chat-md > :first-child {
+  margin-top: 0;
+}
+
+.chat-text.chat-md > :last-child {
+  margin-bottom: 0;
+}
+
+.chat-text.chat-md p,
+.chat-text.chat-md ul,
+.chat-text.chat-md ol,
+.chat-text.chat-md blockquote,
+.chat-text.chat-md pre {
+  margin: 0.35em 0;
+}
+
+.chat-text.chat-md ul,
+.chat-text.chat-md ol {
+  padding-left: 1.2em;
+}
+
+.chat-text.chat-md a {
+  color: var(--blip-accent);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.chat-text.chat-md code {
+  font-family: var(--blip-mono, ui-monospace, Menlo, Consolas, monospace);
+  font-size: 0.92em;
+  padding: 0.05em 0.3em;
+  background: color-mix(in srgb, var(--blip-glass-border) 22%, transparent);
+}
+
+.chat-text.chat-md pre {
+  overflow-x: auto;
+  padding: 8px 10px;
+  background: color-mix(in srgb, var(--blip-glass-border) 16%, transparent);
+}
+
+.chat-text.chat-md pre code {
+  padding: 0;
+  background: none;
+}
+
+.chat-text.chat-md blockquote {
+  margin-left: 0;
+  padding-left: 10px;
+  border-left: 2px solid var(--blip-accent);
+  color: var(--blip-muted);
 }
 
 @keyframes release-notes-fade {
@@ -1912,8 +2038,8 @@ select.blip-select:focus {
 
 @keyframes release-notes-slide {
   from {
-    transform: translateY(-18px);
-    opacity: 0.85;
+    transform: translateY(-10px);
+    opacity: 0.9;
   }
   to {
     transform: translateY(0);
diff --git a/renderer/ui.js b/renderer/ui.js
index 0f1705e..526daea 100644
--- a/renderer/ui.js
+++ b/renderer/ui.js
@@ -119,12 +119,11 @@ import {
   MESH_PLUS_FEATURES,
 } from './mesh-plus.js';
 import { buildSettingsMeshPlusPanel } from './mesh-plus-settings.js';
-import { appendAppIconPickerSections } from './app-icon-picker.js';
-import { appendThemeEditorSection } from './theme-editor.js';
 import { recordCallStarted, recordFileSent, recordPeersOnline, setAchievementConfigProvider } from './session-stats.js';
 import { buildSettingsAchievementsPanel } from './achievements-settings-panel.js';
 import { appendSessionStatsSection } from './session-stats-panel.js';
 import { syncAchievements } from './achievements-tracker.js';
+import { buildAppearanceSection } from './settings-panels/appearance.js';
 import {
   startClipboardSync,
   stopClipboardSync,
@@ -164,19 +163,8 @@ import {
   getBlockedPeerIds,
 } from './peer-trust.js';
 import {
-  THEME_MODES,
-  ACCENT_IDS,
-  ANIMATED_BACKGROUNDS,
-  STATIC_ART_BACKGROUNDS,
   applyAppearance,
   listenReducedMotion,
-  labelThemeMode,
-  labelAccent,
-  labelBg,
-  normalizeThemeMode,
-  normalizeAccentId,
-  normalizeBgId,
-  applyUiPreferences,
 } from './appearance.js';
 import { initReactiveWallpaper, applyReactiveWallpaperConfig } from './reactive-wallpaper.js';
 
@@ -1689,175 +1677,17 @@ function buildCloseToTraySection() {
   return block;
 }
 
-function appendAppearanceControl(parent, controlEl) {
+function buildAppearancePanelWithTitle() {
   const wrap = document.createElement('div');
-  wrap.className = 'settings-appearance-control';
-  wrap.appendChild(controlEl);
-  parent.appendChild(wrap);
-}
-
-function buildAppearanceSection() {
-  const block = document.createElement('div');
-  block.className = 'settings-appearance-wrap';
-  const curMode = normalizeThemeMode(state.config.themeMode, state.config.themeId);
-  const curAccent = normalizeAccentId(state.config.accentId, state.config.themeId);
-  const curBg = normalizeBgId(state.config.animatedBgId);
-
-  block.appendChild(buildSectionSubtitleRow('settings.appearance_theme'));
-  const modeOpts = THEME_MODES.map((id) => ({ value: id, label: labelThemeMode(id) }));
-  const modeSelect = buildThemedSelect();
-  fillSettingsDropdown(modeSelect, modeOpts, curMode, async (id) => {
-    state.config = await api.saveConfig({ themeMode: id });
-    applyAppearance(state.config);
-  });
-  appendAppearanceControl(block, modeSelect);
-
-  const accentGroup = document.createElement('div');
-  accentGroup.className = 'settings-appearance-accent-group settings-list-panel';
-  accentGroup.appendChild(buildSectionSubtitleRow('settings.appearance_accent'));
-
-  const accentOpts = ACCENT_IDS.map((id) => ({ value: id, label: labelAccent(id) }));
-  const accentSelect = buildThemedSelect();
-  fillSettingsDropdown(accentSelect, accentOpts, curAccent, async (id) => {
-    state.config = await api.saveConfig({ accentId: id });
-    applyAppearance(state.config);
-  });
-  appendAppearanceControl(accentGroup, accentSelect);
-
-  appendThemeEditorSection(accentGroup, () => state.config, async (patch) => {
-    state.config = await api.saveConfig(patch);
-    return state.config;
-  });
-  block.appendChild(accentGroup);
-
-  block.appendChild(
-    buildSectionSubtitleRow('settings.bg_animated', 'settings.bg_animated_mesh_hint')
-  );
-  const animOpts = markPremiumGatedOptions(
-    ANIMATED_BACKGROUNDS.map((id) => ({ value: id, label: labelBg(id) })),
-    MESH_PLUS_FEATURES.animated_bg,
-    state.config
-  );
-  const animSelect = buildThemedSelect();
-  fillPremiumGatedDropdown(
-    animSelect,
-    animOpts,
-    ANIMATED_BACKGROUNDS.includes(curBg) ? curBg : 'none',
-    MESH_PLUS_FEATURES.animated_bg,
-    state.config,
-    async (id) => {
-      state.config = await api.saveConfig({ animatedBgId: normalizeBgId(id) });
-      applyAppearance(state.config);
-      applyReactiveWallpaperConfig(state.config);
-    }
+  wrap.className = 'settings-panel';
+  appendSettingsPanelHeader(wrap, 'settings.section_appearance');
+  wrap.appendChild(
+    buildAppearanceSection({
+      getState: () => state,
+      saveConfig: (patch) => api.saveConfig(patch),
+    }),
   );
-  appendAppearanceControl(block, animSelect);
-
-  block.appendChild(buildSectionSubtitleRow('settings.bg_art'));
-  const artOpts = STATIC_ART_BACKGROUNDS.map((id) => ({ value: id, label: labelBg(id) }));
-  const artSelect = buildThemedSelect();
-  const artCurrent = STATIC_ART_BACKGROUNDS.includes(curBg) ? curBg : 'none';
-  fillSettingsDropdown(artSelect, artOpts, artCurrent, async (id) => {
-    state.config = await api.saveConfig({ animatedBgId: normalizeBgId(id) });
-    applyAppearance(state.config);
-    applyReactiveWallpaperConfig(state.config);
-  });
-  appendAppearanceControl(block, artSelect);
-
-  const reactiveToggle = createPixelToggle({
-    checked: !!state.config.reactiveBackground,
-    labelKey: 'settings.reactive_background',
-    onChange: async (checked) => {
-      state.config = await api.saveConfig({ reactiveBackground: checked });
-      applyAppearance(state.config);
-      applyReactiveWallpaperConfig(state.config);
-    },
-  });
-  const reactiveRow = document.createElement('div');
-  reactiveRow.className = 'settings-toggle-with-hint';
-  reactiveRow.appendChild(reactiveToggle.el);
-  reactiveRow.appendChild(createPixelHintIcon('settings.reactive_background_hint'));
-  block.appendChild(reactiveRow);
-
-  const motionToggle = createPixelToggle({
-    checked: !!state.config.reduceMotion,
-    labelKey: 'settings.reduce_motion',
-    onChange: async (checked) => {
-      state.config = await api.saveConfig({ reduceMotion: checked });
-      applyAppearance(state.config);
-    },
-  });
-  const motionRow = document.createElement('div');
-  motionRow.className = 'settings-toggle-with-hint';
-  motionRow.appendChild(motionToggle.el);
-  motionRow.appendChild(createPixelHintIcon('settings.motion_hint'));
-  block.appendChild(motionRow);
-
-  const compactToggle = createPixelToggle({
-    checked: state.config.uiDensity === 'compact',
-    labelKey: 'settings.ui_compact',
-    onChange: async (checked) => {
-      state.config = await api.saveConfig({ uiDensity: checked ? 'compact' : 'comfortable' });
-      applyAppearance(state.config);
-    },
-  });
-  block.appendChild(compactToggle.el);
-
-  block.appendChild(buildSectionSubtitleRow('settings.ui_font_scale'));
-  const uiFontRow = document.createElement('div');
-  uiFontRow.className = 'settings-sound-volume-row';
-  const uiFontRange = document.createElement('input');
-  uiFontRange.type = 'range';
-  uiFontRange.min = '85';
-  uiFontRange.max = '125';
-  uiFontRange.step = '5';
-  uiFontRange.className = 'settings-sound-range';
-  const uiFontPct = Math.round((Number(state.config.uiFontScale) || 1) * 100);
-  uiFontRange.value = String(uiFontPct);
-  const uiFontVal = document.createElement('span');
-  uiFontVal.className = 'settings-sound-volume-val';
-  uiFontVal.textContent = `${uiFontPct}%`;
-  uiFontRange.addEventListener('input', () => {
-    uiFontVal.textContent = `${uiFontRange.value}%`;
-    applyUiPreferences({ ...state.config, uiFontScale: Number(uiFontRange.value) / 100 });
-  });
-  uiFontRange.addEventListener('change', async () => {
-    state.config = await api.saveConfig({ uiFontScale: Number(uiFontRange.value) / 100 });
-    applyAppearance(state.config);
-  });
-  uiFontRow.appendChild(uiFontRange);
-  uiFontRow.appendChild(uiFontVal);
-  appendAppearanceControl(block, uiFontRow);
-
-  block.appendChild(buildSectionSubtitleRow('settings.chat_font_scale'));
-  const chatFontRow = document.createElement('div');
-  chatFontRow.className = 'settings-sound-volume-row';
-  const chatFontRange = document.createElement('input');
-  chatFontRange.type = 'range';
-  chatFontRange.min = '85';
-  chatFontRange.max = '135';
-  chatFontRange.step = '5';
-  chatFontRange.className = 'settings-sound-range';
-  const chatFontPct = Math.round((Number(state.config.chatFontScale) || 1) * 100);
-  chatFontRange.value = String(chatFontPct);
-  const chatFontVal = document.createElement('span');
-  chatFontVal.className = 'settings-sound-volume-val';
-  chatFontVal.textContent = `${chatFontPct}%`;
-  chatFontRange.addEventListener('input', () => {
-    chatFontVal.textContent = `${chatFontRange.value}%`;
-    applyUiPreferences({ ...state.config, chatFontScale: Number(chatFontRange.value) / 100 });
-  });
-  chatFontRange.addEventListener('change', async () => {
-    state.config = await api.saveConfig({ chatFontScale: Number(chatFontRange.value) / 100 });
-    applyAppearance(state.config);
-  });
-  chatFontRow.appendChild(chatFontRange);
-  chatFontRow.appendChild(chatFontVal);
-  appendAppearanceControl(block, chatFontRow);
-
-  appendAppIconPickerSections(block, state, (patch) => api.saveConfig(patch));
-
-  return block;
+  return wrap;
 }
 
 function applySoundPrefsFromConfig(cfg = state.config) {
@@ -3493,14 +3323,6 @@ function buildSettingsSystemPanel() {
   return frag;
 }
 
-function buildAppearancePanelWithTitle() {
-  const wrap = document.createElement('div');
-  wrap.className = 'settings-panel';
-  appendSettingsPanelHeader(wrap, 'settings.section_appearance');
-  wrap.appendChild(buildAppearanceSection());
-  return wrap;
-}
-
 function formatUpdateStatusText() {
   const u = lastUpdateStatus;
   if (!u) return t('settings.updates_status_idle');
diff --git a/shared/floke-kit/README.md b/shared/floke-kit/README.md
new file mode 100644
index 0000000..1d0d761
--- /dev/null
+++ b/shared/floke-kit/README.md
@@ -0,0 +1,5 @@
+# floke-kit (in-repo)
+
+Shared Floke Studio design tokens. First consumer: BLIP NestUI (`renderer/nest-ui.css`).
+
+Token file: [`theme-tokens.css`](./theme-tokens.css) — Cultiva-derived surface, type, radius, and motion values as `--floke-*` CSS custom properties.
diff --git a/shared/floke-kit/theme-tokens.css b/shared/floke-kit/theme-tokens.css
new file mode 100644
index 0000000..dfc0691
--- /dev/null
+++ b/shared/floke-kit/theme-tokens.css
@@ -0,0 +1,48 @@
+:root {
+  --floke-bg-primary: #ffffff;
+  --floke-bg-secondary: #f5f5f7;
+  --floke-bg-tertiary: #efeff4;
+  --floke-bg-quaternary: #e5e5ea;
+  --floke-text-primary: #1d1d1f;
+  --floke-text-secondary: #6e6e73;
+  --floke-text-tertiary: #aeaeb2;
+  --floke-accent-blue: #0071e3;
+  --floke-accent-blue-hover: #0077ed;
+  --floke-accent-green: #34c759;
+  --floke-accent-red: #ff3b30;
+  --floke-accent-orange: #ff9500;
+  --floke-accent-purple: #af52de;
+  --floke-accent-pink: #ff2d55;
+  --floke-border-light: #d2d2d7;
+  --floke-border-medium: #c6c6c8;
+  --floke-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
+  --floke-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
+  --floke-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
+  --floke-radius-xs: 6px;
+  --floke-radius-sm: 8px;
+  --floke-radius-md: 12px;
+  --floke-radius-lg: 16px;
+  --floke-radius-xl: 20px;
+  --floke-radius-full: 9999px;
+  --floke-font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue',
+    system-ui, sans-serif;
+  --floke-font-mono: 'SF Mono', ui-monospace, Menlo, Consolas, monospace;
+  --floke-ease: cubic-bezier(0.4, 0, 0.2, 1);
+  --floke-duration-fast: 150ms;
+  --floke-duration-normal: 250ms;
+}
+
+html[data-theme='dark'] {
+  --floke-bg-primary: #000000;
+  --floke-bg-secondary: #1c1c1e;
+  --floke-bg-tertiary: #2c2c2e;
+  --floke-bg-quaternary: #3a3a3c;
+  --floke-text-primary: #f5f5f7;
+  --floke-text-secondary: #98989d;
+  --floke-text-tertiary: #6e6e73;
+  --floke-border-light: #38383a;
+  --floke-border-medium: #48484a;
+  --floke-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
+  --floke-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
+  --floke-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.55);
+}
diff --git a/tests/release-markdown.test.js b/tests/release-markdown.test.js
index 3754951..4f32f15 100644
--- a/tests/release-markdown.test.js
+++ b/tests/release-markdown.test.js
@@ -5,21 +5,54 @@ import createDOMPurify from 'dompurify';
 
 marked.setOptions({ gfm: true, breaks: true });
 
-function sanitize(markdown) {
+function sanitizeRelease(markdown) {
   const dirty = marked.parse(markdown, { async: false });
   const { window } = new JSDOM('<!DOCTYPE html><html><body></body></html>');
   const purify = createDOMPurify(window);
   return purify.sanitize(String(dirty), {
     USE_PROFILES: { html: true },
-    FORBID_TAGS: ['style', 'script', 'iframe', 'object', 'embed', 'form', 'input', 'button'],
+    FORBID_TAGS: ['style', 'script', 'iframe', 'object', 'embed', 'form', 'input', 'button', 'textarea'],
     FORBID_ATTR: ['style', 'onerror', 'onload', 'onclick'],
     ALLOW_DATA_ATTR: false,
   });
 }
 
+function sanitizeChat(markdown) {
+  const dirty = marked.parse(markdown, { async: false });
+  const { window } = new JSDOM('<!DOCTYPE html><html><body></body></html>');
+  const purify = createDOMPurify(window);
+  return purify.sanitize(String(dirty), {
+    ALLOWED_TAGS: [
+      'p',
+      'br',
+      'strong',
+      'b',
+      'em',
+      'i',
+      'del',
+      's',
+      'code',
+      'pre',
+      'ul',
+      'ol',
+      'li',
+      'blockquote',
+      'a',
+      'hr',
+      'h1',
+      'h2',
+      'h3',
+      'h4',
+    ],
+    ALLOWED_ATTR: ['href', 'title', 'rel', 'target'],
+    ALLOW_DATA_ATTR: false,
+    FORBID_TAGS: ['img', 'style', 'script', 'iframe'],
+  });
+}
+
 describe('release markdown', () => {
   it('renders GFM tables', () => {
-    const html = sanitize(`
+    const html = sanitizeRelease(`
 | A | B |
 | - | - |
 | 1 | 2 |
@@ -30,7 +63,7 @@ describe('release markdown', () => {
   });
 
   it('renders images and links', () => {
-    const html = sanitize(
+    const html = sanitizeRelease(
       '![shot](https://example.com/a.png)\n\n[docs](https://example.com/docs)',
     );
     expect(html).toMatch(/<img[^>]+src="https:\/\/example\.com\/a\.png"/);
@@ -38,8 +71,22 @@ describe('release markdown', () => {
   });
 
   it('strips script payloads', () => {
-    const html = sanitize('hi <script>alert(1)</script>\n\n**ok**');
+    const html = sanitizeRelease('hi <script>alert(1)</script>\n\n**ok**');
     expect(html.toLowerCase()).not.toContain('<script');
     expect(html).toContain('<strong>ok</strong>');
   });
 });
+
+describe('chat markdown', () => {
+  it('keeps basic formatting', () => {
+    const html = sanitizeChat('**bold** and `code`');
+    expect(html).toContain('<strong>bold</strong>');
+    expect(html).toContain('<code>code</code>');
+  });
+
+  it('strips images and scripts', () => {
+    const html = sanitizeChat('x ![x](https://example.com/a.png) <script>1</script>');
+    expect(html.toLowerCase()).not.toContain('<img');
+    expect(html.toLowerCase()).not.toContain('<script');
+  });
+});