From 3757454f3abafd9ad7d6bc406a222e17241ef9e1 Mon Sep 17 00:00:00 2001
From: Dan <dan@unbo.lt>
Date: Sat, 21 Feb 2026 19:44:52 +0000
Subject: [PATCH] Tweaks, generating icons

---
 generate-icons.sh |  11 ++
 icon-192.png      | Bin 0 -> 5325 bytes
 icon-512.png      | Bin 0 -> 15565 bytes
 icon.svg          |  10 +-
 index.html        | 401 ++++++++++++++++++++++++++++++----------------
 manifest.json     |  16 +-
 script.js         | 278 +++++++++++++++++++-------------
 style.css         | 356 +++++++++++++++++++++++++++++-----------
 sw.js             |   2 +-
 9 files changed, 718 insertions(+), 356 deletions(-)
 create mode 100644 generate-icons.sh
 create mode 100644 icon-192.png
 create mode 100644 icon-512.png

diff --git a/generate-icons.sh b/generate-icons.sh
new file mode 100644
index 0000000..a44d775
--- /dev/null
+++ b/generate-icons.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/env bash
+# Generates PNG icons from icon.svg using rsvg-convert.
+# Run whenever icon.svg changes: bash generate-icons.sh
+set -euo pipefail
+
+cd "$(dirname "$0")"
+
+rsvg-convert -w 192  -h 192  icon.svg -o icon-192.png
+rsvg-convert -w 512  -h 512  icon.svg -o icon-512.png
+
+echo "Generated icon-192.png and icon-512.png"
diff --git a/icon-192.png b/icon-192.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea578a151ab27801768558fc023e8694ab4b5ef8
GIT binary patch
literal 5325
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

literal 0
HcmV?d00001

diff --git a/icon-512.png b/icon-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..1817bb2edcd93740c1c0799662db2de7fc823cee
GIT binary patch
literal 15565
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
V@aX$<LJ0gP^Grb^@9E3;{|6sB>plPg

literal 0
HcmV?d00001

diff --git a/icon.svg b/icon.svg
index 892c17d..fd006da 100644
--- a/icon.svg
+++ b/icon.svg
@@ -1,5 +1,9 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-  <rect width="512" height="512" rx="115" fill="#7c3aed"/>
-  <!-- 4-pointed star (✦) -->
-  <path d="M256 76 L299 214 L436 256 L299 298 L256 436 L213 298 L76 256 L213 214 Z" fill="white"/>
+  <rect width="512" height="512" rx="115" fill="#ad7f58"/>
+  <!-- Thought bubble – main body -->
+  <rect x="72" y="52" width="368" height="252" rx="90" fill="white"/>
+  <!-- Thought bubble – trailing dots -->
+  <circle cx="240" cy="350" r="38" fill="white"/>
+  <circle cx="196" cy="413" r="26" fill="white"/>
+  <circle cx="163" cy="458" r="17" fill="white"/>
 </svg>
diff --git a/index.html b/index.html
index 275581f..3c01d60 100644
--- a/index.html
+++ b/index.html
@@ -1,147 +1,274 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
-  <meta name="description" content="Post status updates to status.lol">
-  <meta name="theme-color" content="#7c3aed" media="(prefers-color-scheme: light)">
-  <meta name="theme-color" content="#a78bfa" media="(prefers-color-scheme: dark)">
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-status-bar-style" content="default">
-  <meta name="apple-mobile-web-app-title" content="Status Poster">
-  <link rel="manifest" href="manifest.json">
-  <link rel="stylesheet" href="style.css">
-  <title>Status Poster</title>
-
-</head>
-<body>
-
-<div class="app">
-  <header>
-    <div class="logo">
-      <div class="logo-mark">✦</div>
-      Status Poster
-    </div>
-    <button class="settings-btn" id="settings-btn" aria-label="Open settings">⚙</button>
-  </header>
-
-  <main>
-    <!-- Emoji picker -->
-    <div class="emoji-section">
-      <div
-        class="emoji-display"
-        id="emoji-display"
-        role="button"
-        tabindex="0"
-        aria-label="Current emoji — click to change"
-      >
-        <span id="emoji-show">📝</span>
-      </div>
-      <input
-        type="text"
-        id="emoji-input"
-        class="emoji-picker-input"
-        placeholder="Type or paste an emoji…"
-        autocomplete="off"
-        autocorrect="off"
-        autocapitalize="none"
-        spellcheck="false"
-        aria-label="Emoji input"
-      >
-      <span class="emoji-hint" id="emoji-hint">Click to change emoji</span>
-    </div>
-
-    <!-- Status text -->
-    <div class="field">
-      <label for="status-text">Status</label>
-      <textarea
-        id="status-text"
-        placeholder="What's on your mind?"
-        maxlength="5000"
-        rows="4"
-        aria-label="Status text"
-      ></textarea>
-      <div class="char-count" id="char-count" aria-live="polite">0 / 5000</div>
-    </div>
-
-    <!-- Optional URL -->
-    <div class="field">
-      <label for="status-url">
-        Link <span style="font-weight:400;text-transform:none;letter-spacing:0;font-size:0.88em">(optional)</span>
-      </label>
-      <input
-        type="url"
-        id="status-url"
-        placeholder="https://example.com"
-        autocorrect="off"
-        autocapitalize="none"
-        spellcheck="false"
-      >
-    </div>
-
-    <!-- Post button -->
-    <button class="post-btn" id="post-btn">
-      <div class="spinner" aria-hidden="true"></div>
-      <span class="btn-label">Post Status</span>
-    </button>
-  </main>
-</div>
-
-<!-- Toast notification -->
-<div id="toast" role="status" aria-live="polite" aria-atomic="true"></div>
-
-<!-- Settings modal -->
-<div class="overlay" id="overlay" role="dialog" aria-modal="true" aria-labelledby="modal-title">
-  <div class="modal">
-    <div class="modal-grip" aria-hidden="true"></div>
-
-    <div class="modal-header">
-      <span class="modal-title" id="modal-title">Settings</span>
-      <button class="close-btn" id="modal-close" aria-label="Close settings">✕</button>
-    </div>
-
-    <div class="modal-body">
-      <div class="privacy-notice" role="note">
-        <span class="privacy-icon">🔒</span>
-        <span>
-          Your username and API key are stored <strong>only in this browser's local storage</strong>
-          and are never sent anywhere except <strong>api.omg.lol</strong> when you post a status.
-        </span>
-      </div>
-
-      <div class="field">
-        <label for="s-username">omg.lol username</label>
-        <input
-          type="text"
-          id="s-username"
-          placeholder="yourname"
-          autocomplete="username"
-          autocorrect="off"
-          autocapitalize="none"
-          spellcheck="false"
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, viewport-fit=cover"
+    />
+    <meta name="description" content="Post status updates to status.lol" />
+    <meta
+      name="theme-color"
+      content="#ad7f58"
+      media="(prefers-color-scheme: light)"
+    />
+    <meta
+      name="theme-color"
+      content="#ad7f58"
+      media="(prefers-color-scheme: dark)"
+    />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+    <meta name="apple-mobile-web-app-title" content="Status Poster" />
+    <link rel="manifest" href="manifest.json" />
+    <link rel="apple-touch-icon" href="icon-192.png" />
+    <link rel="stylesheet" href="style.css" />
+    <title>Post → status.lol</title>
+  </head>
+  <body>
+    <div class="app">
+      <header>
+        <div class="logo">
+          <img
+            src="icon.svg"
+            class="logo-mark"
+            alt=""
+            aria-hidden="true"
+            width="30"
+            height="30"
+          />
+          Post → status.lol
+        </div>
+        <button
+          class="settings-btn"
+          id="settings-btn"
+          aria-label="Open settings"
         >
-      </div>
+          ⚙
+        </button>
+      </header>
 
-      <div class="field">
-        <label for="s-apikey">API key</label>
-        <div class="input-wrap">
-          <input
-            type="password"
-            id="s-apikey"
-            placeholder="Your omg.lol API key"
-            autocomplete="current-password"
-            spellcheck="false"
+      <main>
+        <!-- Emoji picker -->
+        <div class="emoji-section">
+          <div
+            class="emoji-display"
+            id="emoji-display"
+            role="button"
+            tabindex="0"
+            aria-label="Current emoji — click to change"
           >
-          <button class="eye-btn" id="eye-btn" aria-label="Show API key">👁</button>
+            <span id="emoji-show">💬</span>
+          </div>
+          <input
+            type="text"
+            id="emoji-input"
+            class="emoji-picker-input"
+            placeholder="Type or paste an emoji…"
+            autocomplete="off"
+            autocorrect="off"
+            autocapitalize="none"
+            spellcheck="false"
+            aria-label="Emoji input"
+          />
+          <span class="emoji-hint" id="emoji-hint">Click to change emoji</span>
+        </div>
+
+        <!-- Status text -->
+        <div class="field">
+          <label for="status-text">Status</label>
+          <textarea
+            id="status-text"
+            placeholder="What's on your mind?"
+            maxlength="5000"
+            rows="4"
+            aria-label="Status text"
+          ></textarea>
+          <div class="char-count" id="char-count" aria-live="polite">
+            0 / 5000
+          </div>
+        </div>
+
+        <!-- Optional URL -->
+        <div class="field">
+          <label for="status-url">
+            Link
+            <span
+              style="
+                font-weight: 400;
+                text-transform: none;
+                letter-spacing: 0;
+                font-size: 0.88em;
+              "
+              >(optional)</span
+            >
+          </label>
+          <input
+            type="url"
+            id="status-url"
+            placeholder="https://example.com"
+            autocorrect="off"
+            autocapitalize="none"
+            spellcheck="false"
+          />
+        </div>
+
+        <!-- Mastodon toggle -->
+        <div class="field toggle-row">
+          <label class="toggle-label" for="mastodon-toggle">
+            <input type="checkbox" id="mastodon-toggle" />
+            Post to Mastodon
+          </label>
+        </div>
+
+        <!-- Post button -->
+        <button class="post-btn" id="post-btn">
+          <div class="spinner" aria-hidden="true"></div>
+          <span class="btn-label">Post Status</span>
+        </button>
+      </main>
+
+      <footer>
+        <button class="footer-link" id="privacy-link" type="button">🔒 Privacy</button>
+        <a class="footer-link" href="https://git.bkr.im/ritual/status-poster" target="_blank" rel="noopener">🧑‍💻 Source Code</a>
+        <a class="footer-link" href="https://ritual.sh" target="_blank" rel="noopener">🖥️ By Ritual</a>
+      </footer>
+    </div>
+
+    <!-- Privacy modal -->
+    <div
+      class="overlay"
+      id="privacy-overlay"
+      role="dialog"
+      aria-modal="true"
+      aria-labelledby="privacy-modal-title"
+    >
+      <div class="modal">
+        <div class="modal-grip" aria-hidden="true"></div>
+        <div class="modal-header">
+          <span class="modal-title" id="privacy-modal-title">Privacy</span>
+          <button
+            class="close-btn"
+            id="privacy-modal-close"
+            aria-label="Close privacy notice"
+          >
+            ✕
+          </button>
+        </div>
+        <div class="modal-body">
+          <p style="font-size: 0.95rem; line-height: 1.7; margin: 0">
+            This app stores your <strong>omg.lol username</strong> and
+            <strong>API key</strong>
+            only in your browser's local storage. They are never sent to any
+            server other than
+            <strong>api.omg.lol</strong> at the moment you post a status.
+          </p>
+          <p style="font-size: 0.95rem; line-height: 1.7; margin: 0">
+            No analytics, no tracking, no third-party requests. The
+            <a href="https://git.bkr.im/ritual/status-poster"
+              >source code is available online</a
+            >
+            and you can take it and host your version if you want!
+          </p>
         </div>
       </div>
-
-      <button class="save-btn" id="save-btn">Save Settings</button>
     </div>
-  </div>
-</div>
 
-<script src="script.js"></script>
+    <!-- Toast notification -->
+    <div id="toast" role="status" aria-live="polite" aria-atomic="true"></div>
 
-</body>
+    <!-- Settings modal -->
+    <div
+      class="overlay"
+      id="overlay"
+      role="dialog"
+      aria-modal="true"
+      aria-labelledby="modal-title"
+    >
+      <div class="modal">
+        <div class="modal-grip" aria-hidden="true"></div>
+
+        <div class="modal-header">
+          <span class="modal-title" id="modal-title">Settings</span>
+          <button
+            class="close-btn"
+            id="modal-close"
+            aria-label="Close settings"
+          >
+            ✕
+          </button>
+        </div>
+
+        <div class="modal-body">
+          <div class="field">
+            <label for="s-username">omg.lol username</label>
+            <input
+              type="text"
+              id="s-username"
+              placeholder="username"
+              autocomplete="username"
+              autocorrect="off"
+              autocapitalize="none"
+              spellcheck="false"
+            />
+          </div>
+
+          <div class="field">
+            <label for="s-apikey">API key</label>
+            <div class="input-wrap">
+              <input
+                type="password"
+                id="s-apikey"
+                placeholder="Your omg.lol API key"
+                autocomplete="current-password"
+                spellcheck="false"
+              />
+              <button class="eye-btn" id="eye-btn" aria-label="Show API key">
+                👁
+              </button>
+            </div>
+          </div>
+
+          <div class="field">
+            <label>Appearance</label>
+            <div
+              class="theme-toggle"
+              id="theme-toggle"
+              role="group"
+              aria-label="Color theme"
+            >
+              <button
+                class="theme-btn"
+                data-theme="light"
+                type="button"
+                aria-pressed="false"
+              >
+                ☀ Light
+              </button>
+              <button
+                class="theme-btn"
+                data-theme="auto"
+                type="button"
+                aria-pressed="true"
+              >
+                Auto
+              </button>
+              <button
+                class="theme-btn"
+                data-theme="dark"
+                type="button"
+                aria-pressed="false"
+              >
+                ☾ Dark
+              </button>
+            </div>
+          </div>
+
+          <button class="save-btn" id="save-btn">Save Settings</button>
+        </div>
+      </div>
+    </div>
+
+    <script src="script.js"></script>
+  </body>
 </html>
diff --git a/manifest.json b/manifest.json
index 4d31bbd..03900c8 100644
--- a/manifest.json
+++ b/manifest.json
@@ -6,19 +6,19 @@
   "display": "standalone",
   "orientation": "portrait",
   "background_color": "#ffffff",
-  "theme_color": "#7c3aed",
+  "theme_color": "#ad7f58",
   "icons": [
     {
-      "src": "icon.svg",
-      "sizes": "any",
-      "type": "image/svg+xml",
+      "src": "icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "icon.svg",
-      "sizes": "any",
-      "type": "image/svg+xml",
-      "purpose": "maskable"
+      "src": "icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
     }
   ]
 }
diff --git a/script.js b/script.js
index 61ddd60..370834b 100644
--- a/script.js
+++ b/script.js
@@ -1,90 +1,146 @@
 // ── State ────────────────────────────────────────────────────────────────────
-let emoji    = '📝';
-let settings = { username: '', apiKey: '' };
+let emoji = "💬";
+let settings = { username: "", apiKey: "", theme: "auto", mastodonPost: false };
 
 // ── DOM ──────────────────────────────────────────────────────────────────────
-const $ = id => document.getElementById(id);
-const emojiDisplay  = $('emoji-display');
-const emojiShow     = $('emoji-show');
-const emojiInput    = $('emoji-input');
-const emojiSection  = emojiDisplay.closest('.emoji-section');
-const emojiHint     = $('emoji-hint');
-const statusText    = $('status-text');
-const statusUrl     = $('status-url');
-const charCount     = $('char-count');
-const postBtn       = $('post-btn');
-const toast         = $('toast');
-const settingsBtn   = $('settings-btn');
-const overlay       = $('overlay');
-const modalClose    = $('modal-close');
-const sUsername     = $('s-username');
-const sApikey       = $('s-apikey');
-const eyeBtn        = $('eye-btn');
-const saveBtn       = $('save-btn');
+const $ = (id) => document.getElementById(id);
+const emojiDisplay = $("emoji-display");
+const emojiShow = $("emoji-show");
+const emojiInput = $("emoji-input");
+const emojiSection = emojiDisplay.closest(".emoji-section");
+const emojiHint = $("emoji-hint");
+const statusText = $("status-text");
+const statusUrl = $("status-url");
+const charCount = $("char-count");
+const postBtn = $("post-btn");
+const toast = $("toast");
+const settingsBtn = $("settings-btn");
+const overlay = $("overlay");
+const modalClose = $("modal-close");
+const sUsername = $("s-username");
+const sApikey = $("s-apikey");
+const eyeBtn = $("eye-btn");
+const saveBtn = $("save-btn");
+const themeToggle = $("theme-toggle");
+const mastodonToggle = $("mastodon-toggle");
 
 // ── Settings ─────────────────────────────────────────────────────────────────
+function applyTheme(theme) {
+  if (theme === "auto") {
+    delete document.documentElement.dataset.theme;
+  } else {
+    document.documentElement.dataset.theme = theme;
+  }
+}
+
+function updateThemeToggle(theme) {
+  themeToggle.querySelectorAll(".theme-btn").forEach((btn) => {
+    const active = btn.dataset.theme === theme;
+    btn.classList.toggle("active", active);
+    btn.setAttribute("aria-pressed", active ? "true" : "false");
+  });
+}
+
 function loadSettings() {
   try {
-    const raw = localStorage.getItem('spo-settings');
+    const raw = localStorage.getItem("spo-settings");
     if (raw) settings = { ...settings, ...JSON.parse(raw) };
   } catch {}
+  applyTheme(settings.theme);
   updateBadge();
+  mastodonToggle.checked = settings.mastodonPost ?? false;
 }
 
 function saveSettings() {
-  settings.username = sUsername.value.trim().replace(/^@/, '');
-  settings.apiKey   = sApikey.value.trim();
+  settings.username = sUsername.value.trim().replace(/^@/, "");
+  settings.apiKey = sApikey.value.trim();
   try {
-    localStorage.setItem('spo-settings', JSON.stringify(settings));
+    localStorage.setItem("spo-settings", JSON.stringify(settings));
   } catch {
-    showToast('Could not save — storage unavailable', 'error');
+    showToast("Could not save — storage unavailable", "error");
     return;
   }
   updateBadge();
   closeModal();
-  showToast('Settings saved', 'success');
+  showToast("Settings saved", "success");
 }
 
 function updateBadge() {
-  settingsBtn.classList.toggle('needs-setup', !settings.username || !settings.apiKey);
+  settingsBtn.classList.toggle(
+    "needs-setup",
+    !settings.username || !settings.apiKey,
+  );
 }
 
 // ── Modal ────────────────────────────────────────────────────────────────────
 function openModal() {
   sUsername.value = settings.username;
-  sApikey.value   = settings.apiKey;
-  overlay.classList.add('open');
-  document.body.style.overflow = 'hidden';
+  sApikey.value = settings.apiKey;
+  updateThemeToggle(settings.theme);
+  overlay.classList.add("open");
+  document.body.style.overflow = "hidden";
   // Focus first empty field
   if (!settings.username) sUsername.focus();
   else if (!settings.apiKey) sApikey.focus();
 }
 
 function closeModal() {
-  overlay.classList.remove('open');
-  document.body.style.overflow = '';
+  overlay.classList.remove("open");
+  document.body.style.overflow = "";
 }
 
-settingsBtn.addEventListener('click', openModal);
-modalClose.addEventListener('click', closeModal);
-overlay.addEventListener('click', e => { if (e.target === overlay) closeModal(); });
-saveBtn.addEventListener('click', saveSettings);
+const privacyOverlay = $("privacy-overlay");
+
+function openPrivacy() {
+  privacyOverlay.classList.add("open");
+  document.body.style.overflow = "hidden";
+}
+
+function closePrivacy() {
+  privacyOverlay.classList.remove("open");
+  document.body.style.overflow = "";
+}
+
+settingsBtn.addEventListener("click", openModal);
+$("privacy-link").addEventListener("click", openPrivacy);
+$("privacy-modal-close").addEventListener("click", closePrivacy);
+privacyOverlay.addEventListener("click", (e) => {
+  if (e.target === privacyOverlay) closePrivacy();
+});
+modalClose.addEventListener("click", closeModal);
+overlay.addEventListener("click", (e) => {
+  if (e.target === overlay) closeModal();
+});
+saveBtn.addEventListener("click", saveSettings);
+
+mastodonToggle.addEventListener("change", () => {
+  settings.mastodonPost = mastodonToggle.checked;
+  try { localStorage.setItem("spo-settings", JSON.stringify(settings)); } catch {}
+});
+
+themeToggle.addEventListener("click", (e) => {
+  const btn = e.target.closest(".theme-btn");
+  if (!btn) return;
+  settings.theme = btn.dataset.theme;
+  applyTheme(settings.theme);
+  updateThemeToggle(settings.theme);
+});
 
 // Eye toggle for API key
-eyeBtn.addEventListener('click', () => {
-  const show = sApikey.type === 'password';
-  sApikey.type = show ? 'text' : 'password';
-  eyeBtn.textContent = show ? '🙈' : '👁';
-  eyeBtn.setAttribute('aria-label', show ? 'Hide API key' : 'Show API key');
+eyeBtn.addEventListener("click", () => {
+  const show = sApikey.type === "password";
+  sApikey.type = show ? "text" : "password";
+  eyeBtn.textContent = show ? "🙈" : "👁";
+  eyeBtn.setAttribute("aria-label", show ? "Hide API key" : "Show API key");
 });
 
 // ── Emoji picker ─────────────────────────────────────────────────────────────
 function extractFirstEmoji(str) {
   if (!str) return null;
-  if (typeof Intl?.Segmenter === 'function') {
-    const seg = new Intl.Segmenter(undefined, { granularity: 'grapheme' });
+  if (typeof Intl?.Segmenter === "function") {
+    const seg = new Intl.Segmenter(undefined, { granularity: "grapheme" });
     for (const { segment } of seg.segment(str)) {
-      if (/\p{Emoji}/u.test(segment) && segment.trim() !== '') return segment;
+      if (/\p{Emoji}/u.test(segment) && segment.trim() !== "") return segment;
     }
     return null;
   }
@@ -93,28 +149,36 @@ function extractFirstEmoji(str) {
 }
 
 // Detect platform for hint text
-const isMac  = /Mac/.test(navigator.userAgent) && !/iPhone|iPad/.test(navigator.userAgent);
-const osHint = isMac ? ' · or ⌃⌘Space' : (navigator.userAgent.includes('Win') ? ' · or Win+.' : '');
+const isMac =
+  /Mac/.test(navigator.userAgent) && !/iPhone|iPad/.test(navigator.userAgent);
+const osHint = isMac
+  ? " · or ⌃⌘Space"
+  : navigator.userAgent.includes("Win")
+    ? " · or Win+."
+    : "";
 
 function openEmojiPicker() {
-  emojiSection.classList.add('picking');
-  emojiInput.value = '';
+  emojiSection.classList.add("picking");
+  emojiInput.value = "";
   emojiInput.focus();
   emojiHint.textContent = `Type, paste, or use your emoji keyboard${osHint}`;
 }
 
 function closeEmojiPicker() {
-  emojiSection.classList.remove('picking');
-  emojiHint.textContent = 'Click to change emoji';
+  emojiSection.classList.remove("picking");
+  emojiHint.textContent = "Click to change emoji";
 }
 
-emojiDisplay.addEventListener('click', openEmojiPicker);
+emojiDisplay.addEventListener("click", openEmojiPicker);
 
-emojiDisplay.addEventListener('keydown', e => {
-  if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openEmojiPicker(); }
+emojiDisplay.addEventListener("keydown", (e) => {
+  if (e.key === "Enter" || e.key === " ") {
+    e.preventDefault();
+    openEmojiPicker();
+  }
 });
 
-emojiInput.addEventListener('input', () => {
+emojiInput.addEventListener("input", () => {
   const found = extractFirstEmoji(emojiInput.value);
   if (found) {
     emoji = found;
@@ -123,126 +187,116 @@ emojiInput.addEventListener('input', () => {
   }
 });
 
-emojiInput.addEventListener('blur', () => {
+emojiInput.addEventListener("blur", () => {
   // Small delay so a click on the emoji-display doesn't flicker
-  setTimeout(() => { if (document.activeElement !== emojiInput) closeEmojiPicker(); }, 150);
+  setTimeout(() => {
+    if (document.activeElement !== emojiInput) closeEmojiPicker();
+  }, 150);
 });
 
 // ── Keyboard shortcuts ────────────────────────────────────────────────────────
-document.addEventListener('keydown', e => {
-  if (e.key === 'Escape') {
-    if (emojiSection.classList.contains('picking')) closeEmojiPicker();
-    else if (overlay.classList.contains('open')) closeModal();
+document.addEventListener("keydown", (e) => {
+  if (e.key === "Escape") {
+    if (emojiSection.classList.contains("picking")) closeEmojiPicker();
+    else if (overlay.classList.contains("open")) closeModal();
+    else if (privacyOverlay.classList.contains("open")) closePrivacy();
   }
 });
 
 // ── Character count ───────────────────────────────────────────────────────────
-statusText.addEventListener('input', () => {
+statusText.addEventListener("input", () => {
   const n = statusText.value.length;
   charCount.textContent = `${n} / 5000`;
-  charCount.classList.toggle('warn', n > 4800);
+  charCount.classList.toggle("warn", n > 4800);
 });
 
 // ── Post status ───────────────────────────────────────────────────────────────
 async function postStatus() {
   if (!settings.username || !settings.apiKey) {
-    showToast('Add your credentials in settings first', 'error');
+    showToast("Add your credentials in settings first", "error");
     openModal();
     return;
   }
 
   const content = statusText.value.trim();
   if (!content) {
-    showToast('Status text is required', 'error');
+    showToast("Status text is required", "error");
     statusText.focus();
     return;
   }
 
-  postBtn.classList.add('loading');
+  postBtn.classList.add("loading");
   postBtn.disabled = true;
 
   const body = { emoji, content };
-  const url  = statusUrl.value.trim();
+  const url = statusUrl.value.trim();
   if (url) body.external_url = url;
+  if (!mastodonToggle.checked) body.skip_mastodon_post = true;
 
   try {
     const res = await fetch(
       `https://api.omg.lol/address/${encodeURIComponent(settings.username)}/statuses/`,
       {
-        method:  'POST',
+        method: "POST",
         headers: {
-          'Authorization': `Bearer ${settings.apiKey}`,
-          'Content-Type':  'application/json',
+          Authorization: `Bearer ${settings.apiKey}`,
+          "Content-Type": "application/json",
         },
         body: JSON.stringify(body),
-      }
+      },
     );
 
     const data = await res.json().catch(() => ({}));
 
     if (res.ok || data?.request?.status_code === 200) {
-      const msg = data?.response?.message ?? 'Status posted!';
-      showToast(msg, 'success');
-      statusText.value      = '';
-      statusUrl.value       = '';
-      charCount.textContent = '0 / 5000';
-      charCount.classList.remove('warn');
-      emoji = '📝';
-      emojiShow.textContent = '📝';
+      const statusLink = data?.response?.url ?? null;
+      const msg = statusLink ? "Status posted · View ↗" : "Status posted";
+      showToast(msg, "success", statusLink);
+      statusText.value = "";
+      statusUrl.value = "";
+      charCount.textContent = "0 / 5000";
+      charCount.classList.remove("warn");
+      emoji = "📝";
+      emojiShow.textContent = "📝";
     } else {
       const msg = data?.response?.message ?? `Error ${res.status}`;
-      showToast(msg, 'error');
+      showToast(msg, "error");
     }
   } catch (err) {
-    const msg = err?.message === 'Failed to fetch'
-      ? 'Network error — check your connection'
-      : (err?.message ?? 'Something went wrong');
-    showToast(msg, 'error');
+    const msg =
+      err?.message === "Failed to fetch"
+        ? "Network error — check your connection"
+        : (err?.message ?? "Something went wrong");
+    showToast(msg, "error");
   } finally {
-    postBtn.classList.remove('loading');
+    postBtn.classList.remove("loading");
     postBtn.disabled = false;
   }
 }
 
-postBtn.addEventListener('click', postStatus);
+postBtn.addEventListener("click", postStatus);
 
 // Ctrl/Cmd + Enter to post from textarea
-statusText.addEventListener('keydown', e => {
-  if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) postStatus();
+statusText.addEventListener("keydown", (e) => {
+  if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) postStatus();
 });
 
 // ── Toast ────────────────────────────────────────────────────────────────────
 let toastTimer;
-function showToast(msg, type = '') {
+function showToast(msg, type = "", url = null) {
   clearTimeout(toastTimer);
   toast.textContent = msg;
-  toast.className   = `show ${type}`.trim();
-  toastTimer = setTimeout(() => { toast.className = ''; }, 4000);
+  toast.onclick = url ? () => window.open(url, "_blank", "noopener") : null;
+  toast.className = `show ${type}${url ? " clickable" : ""}`.trim();
+  toastTimer = setTimeout(() => {
+    toast.className = "";
+    toast.onclick = null;
+  }, 4000);
 }
 
-// ── Apple touch icon (generated at runtime — iOS doesn't support SVG icons) ──
-try {
-  const c = document.createElement('canvas');
-  c.width  = c.height = 192;
-  const ctx = c.getContext('2d');
-  ctx.fillStyle = '#7c3aed';
-  ctx.beginPath();
-  ctx.roundRect(0, 0, 192, 192, 38);
-  ctx.fill();
-  ctx.fillStyle    = 'white';
-  ctx.font         = '90px serif';
-  ctx.textAlign    = 'center';
-  ctx.textBaseline = 'middle';
-  ctx.fillText('✦', 96, 98);
-  const link = document.createElement('link');
-  link.rel   = 'apple-touch-icon';
-  link.href  = c.toDataURL('image/png');
-  document.head.appendChild(link);
-} catch {}
-
 // ── Service worker ────────────────────────────────────────────────────────────
-if ('serviceWorker' in navigator) {
-  navigator.serviceWorker.register('sw.js').catch(() => {});
+if ("serviceWorker" in navigator) {
+  navigator.serviceWorker.register("sw.js").catch(() => {});
 }
 
 // ── Init ──────────────────────────────────────────────────────────────────────
diff --git a/style.css b/style.css
index f394c4e..ec17422 100644
--- a/style.css
+++ b/style.css
@@ -1,46 +1,87 @@
 /* ── Design tokens ─────────────────────────────────────────────────────── */
+/* Colours: Radix Sand (neutrals) + Radix Brown (accent)                   */
 :root {
-  --bg:         #ffffff;
-  --surface:    #f4f4f7;
-  --border:     #e2e2ea;
-  --text:       #18181b;
-  --muted:      #71717a;
-  --accent:     #7c3aed;
-  --accent-dim: #ede9fe;
-  --accent-fg:  #ffffff;
-  --danger:     #dc2626;
-  --success:    #16a34a;
-  --r:          14px;
-  --r-sm:       8px;
-  --safe-t:     env(safe-area-inset-top, 0px);
-  --safe-b:     env(safe-area-inset-bottom, 0px);
+  --bg: #fdfdfc; /* sand-1  */
+  --surface: #f1f0ef; /* sand-3  */
+  --border: #dad9d6; /* sand-6  */
+  --text: #21201c; /* sand-12 */
+  --muted: #63635e; /* sand-11 */
+  --accent: #ad7f58; /* brown-9 */
+  --accent-dim: #f6eee7; /* brown-3 */
+  --accent-fg: #ffffff;
+  --danger: #dc2626;
+  --success: #16a34a;
+  --r: 14px;
+  --r-sm: 8px;
+  --safe-t: env(safe-area-inset-top, 0px);
+  --safe-b: env(safe-area-inset-bottom, 0px);
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --bg:         #0f0f13;
-    --surface:    #17171f;
-    --border:     #2a2a38;
-    --text:       #f0f0f8;
-    --muted:      #8b8ba0;
-    --accent:     #a78bfa;
-    --accent-dim: #2d1f5e;
-    --accent-fg:  #0f0f13;
-    --danger:     #f87171;
-    --success:    #4ade80;
+    --bg: #111110; /* sand-1  dark */
+    --surface: #222221; /* sand-3  dark */
+    --border: #3b3a37; /* sand-6  dark */
+    --text: #eeeeec; /* sand-12 dark */
+    --muted: #b5b3ad; /* sand-11 dark */
+    --accent: #ad7f58; /* brown-9 (same in light/dark) */
+    --accent-dim: #322922; /* brown-4 dark */
+    --accent-fg: #ffffff;
+    --danger: #f87171;
+    --success: #4ade80;
   }
 }
 
-/* ── Reset & base ──────────────────────────────────────────────────────── */
-*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+/* Explicit theme overrides (beat the media query via attribute specificity) */
+:root[data-theme="light"] {
+  --bg: #fdfdfc;
+  --surface: #f1f0ef;
+  --border: #dad9d6;
+  --text: #21201c;
+  --muted: #63635e;
+  --accent: #ad7f58;
+  --accent-dim: #f6eee7;
+  --accent-fg: #ffffff;
+  --danger: #dc2626;
+  --success: #16a34a;
+}
 
-html { height: 100%; }
+:root[data-theme="dark"] {
+  --bg: #111110;
+  --surface: #222221;
+  --border: #3b3a37;
+  --text: #eeeeec;
+  --muted: #b5b3ad;
+  --accent: #ad7f58;
+  --accent-dim: #322922;
+  --accent-fg: #ffffff;
+  --danger: #f87171;
+  --success: #4ade80;
+}
+
+/* ── Reset & base ──────────────────────────────────────────────────────── */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  height: 100%;
+}
 
 body {
   min-height: 100%;
   background: var(--bg);
   color: var(--text);
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  font-family:
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    sans-serif;
   font-size: 16px;
   line-height: 1.5;
   -webkit-font-smoothing: antialiased;
@@ -55,6 +96,30 @@ body {
   margin: 0 auto;
 }
 
+/* ── Footer ────────────────────────────────────────────────────────────── */
+footer {
+  padding: 12px 20px calc(12px + var(--safe-b));
+  display: flex;
+  justify-content: center;
+}
+
+.footer-link {
+  background: none;
+  border: none;
+  padding: 4px 8px;
+  font-size: 0.8rem;
+  font-weight: 700;
+  color: var(--muted);
+  cursor: pointer;
+  border-radius: 6px;
+  text-decoration: none;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.footer-link:hover {
+  color: var(--text);
+}
+
 /* ── Header ────────────────────────────────────────────────────────────── */
 header {
   display: flex;
@@ -80,13 +145,6 @@ header {
 .logo-mark {
   width: 30px;
   height: 30px;
-  background: var(--accent);
-  color: var(--accent-fg);
-  border-radius: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 0.9rem;
   flex-shrink: 0;
 }
 
@@ -102,16 +160,20 @@ header {
   cursor: pointer;
   font-size: 1.05rem;
   color: var(--muted);
-  transition: background 0.15s, color 0.15s;
+  transition:
+    background 0.15s,
+    color 0.15s;
   position: relative;
   -webkit-tap-highlight-color: transparent;
 }
 
-.settings-btn:active { background: var(--border); }
+.settings-btn:active {
+  background: var(--border);
+}
 
 /* Red dot when credentials missing */
 .settings-btn.needs-setup::after {
-  content: '';
+  content: "";
   position: absolute;
   top: -3px;
   right: -3px;
@@ -151,13 +213,21 @@ main {
   font-size: 3.25rem;
   cursor: pointer;
   user-select: none;
-  transition: transform 0.12s, border-color 0.15s, background 0.15s;
+  transition:
+    transform 0.12s,
+    border-color 0.15s,
+    background 0.15s;
   -webkit-tap-highlight-color: transparent;
   position: relative;
 }
 
-.emoji-display:active  { transform: scale(0.94); }
-.emoji-display:hover   { border-color: var(--accent); background: var(--accent-dim); }
+.emoji-display:active {
+  transform: scale(0.94);
+}
+.emoji-display:hover {
+  border-color: var(--accent);
+  background: var(--accent-dim);
+}
 
 /* Visible emoji text input — slides in when picking */
 .emoji-picker-input {
@@ -172,8 +242,11 @@ main {
   opacity: 0;
   pointer-events: none;
   border-color: transparent;
-  transition: max-height 0.2s ease, padding 0.18s ease,
-              opacity 0.15s ease, border-color 0.15s ease;
+  transition:
+    max-height 0.2s ease,
+    padding 0.18s ease,
+    opacity 0.15s ease,
+    border-color 0.15s ease;
 }
 
 .emoji-section.picking .emoji-picker-input {
@@ -198,6 +271,29 @@ main {
   gap: 7px;
 }
 
+.toggle-row {
+  padding-block: 2px;
+}
+.toggle-label {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  cursor: pointer;
+  font-size: 0.92rem;
+  font-weight: 400;
+  color: var(--text);
+  text-transform: none;
+  letter-spacing: 0;
+  user-select: none;
+}
+.toggle-label input[type="checkbox"] {
+  width: 20px;
+  height: 20px;
+  accent-color: var(--accent);
+  cursor: pointer;
+  flex-shrink: 0;
+}
+
 label {
   font-size: 0.78rem;
   font-weight: 600;
@@ -219,7 +315,9 @@ input[type="password"] {
   padding: 13px 15px;
   width: 100%;
   outline: none;
-  transition: border-color 0.15s, background 0.15s;
+  transition:
+    border-color 0.15s,
+    background 0.15s;
   -webkit-appearance: none;
 }
 
@@ -237,7 +335,9 @@ textarea {
 }
 
 textarea::placeholder,
-input::placeholder { color: var(--muted); }
+input::placeholder {
+  color: var(--muted);
+}
 
 .char-count {
   font-size: 0.78rem;
@@ -246,7 +346,9 @@ input::placeholder { color: var(--muted); }
   transition: color 0.15s;
 }
 
-.char-count.warn { color: var(--danger); }
+.char-count.warn {
+  color: var(--danger);
+}
 
 /* ── Post button ───────────────────────────────────────────────────────── */
 .post-btn {
@@ -264,12 +366,19 @@ input::placeholder { color: var(--muted); }
   align-items: center;
   justify-content: center;
   gap: 8px;
-  transition: opacity 0.15s, transform 0.1s;
+  transition:
+    opacity 0.15s,
+    transform 0.1s;
   -webkit-tap-highlight-color: transparent;
 }
 
-.post-btn:active:not(:disabled) { transform: scale(0.98); }
-.post-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+.post-btn:active:not(:disabled) {
+  transform: scale(0.98);
+}
+.post-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
 
 .spinner {
   width: 18px;
@@ -282,10 +391,18 @@ input::placeholder { color: var(--muted); }
   flex-shrink: 0;
 }
 
-.post-btn.loading .spinner   { display: block; }
-.post-btn.loading .btn-label { display: none; }
+.post-btn.loading .spinner {
+  display: block;
+}
+.post-btn.loading .btn-label {
+  display: none;
+}
 
-@keyframes spin { to { transform: rotate(360deg); } }
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
 
 /* ── Toast ─────────────────────────────────────────────────────────────── */
 #toast {
@@ -310,9 +427,23 @@ input::placeholder { color: var(--muted); }
   text-overflow: ellipsis;
 }
 
-#toast.show    { transform: translateX(-50%) translateY(0); }
-#toast.success { background: var(--success); color: #fff; }
-#toast.error   { background: var(--danger);  color: #fff; }
+#toast.show {
+  transform: translateX(-50%) translateY(0);
+}
+#toast.success {
+  background: var(--success);
+  color: #fff;
+}
+#toast.error {
+  background: var(--danger);
+  color: #fff;
+}
+#toast.show.clickable {
+  pointer-events: auto;
+  cursor: pointer;
+}
+
+#toast.show.clickable:hover { filter: brightness(1.1); }
 
 /* ── Settings modal ────────────────────────────────────────────────────── */
 .overlay {
@@ -321,10 +452,12 @@ input::placeholder { color: var(--muted); }
   background: rgba(0, 0, 0, 0.48);
   z-index: 50;
   display: flex;
-  align-items: flex-end;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
   opacity: 0;
   pointer-events: none;
-  transition: opacity 0.25s;
+  transition: opacity 0.2s;
 }
 
 .overlay.open {
@@ -334,25 +467,25 @@ input::placeholder { color: var(--muted); }
 
 .modal {
   background: var(--bg);
-  border-radius: 22px 22px 0 0;
+  border-radius: 22px;
   width: 100%;
-  max-width: 480px;
-  margin: 0 auto;
-  padding-bottom: calc(20px + var(--safe-b));
-  transform: translateY(100%);
-  transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1);
-  max-height: 92vh;
+  max-width: 440px;
+  max-height: 90vh;
   overflow-y: auto;
+  transform: scale(0.95) translateY(8px);
+  opacity: 0;
+  transition:
+    transform 0.25s cubic-bezier(0.34, 1.2, 0.64, 1),
+    opacity 0.2s;
 }
 
-.overlay.open .modal { transform: translateY(0); }
+.overlay.open .modal {
+  transform: scale(1) translateY(0);
+  opacity: 1;
+}
 
 .modal-grip {
-  width: 40px;
-  height: 4px;
-  background: var(--border);
-  border-radius: 2px;
-  margin: 10px auto 0;
+  display: none;
 }
 
 .modal-header {
@@ -382,7 +515,9 @@ input::placeholder { color: var(--muted); }
   -webkit-tap-highlight-color: transparent;
 }
 
-.close-btn:active { background: var(--border); }
+.close-btn:active {
+  background: var(--border);
+}
 
 .modal-body {
   padding: 20px;
@@ -405,7 +540,22 @@ input::placeholder { color: var(--muted); }
   line-height: 1.6;
 }
 
-.privacy-icon { font-size: 1.1rem; flex-shrink: 0; margin-top: 2px; }
+.privacy-icon {
+  font-size: 1.1rem;
+  flex-shrink: 0;
+  margin-top: 2px;
+}
+
+.modal-body a {
+  color: var(--accent);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  text-decoration-thickness: 1px;
+}
+
+.modal-body a:hover {
+  text-decoration-thickness: 2px;
+}
 
 /* API key with eye toggle */
 .input-wrap {
@@ -413,7 +563,9 @@ input::placeholder { color: var(--muted); }
   display: flex;
 }
 
-.input-wrap input { padding-right: 48px; }
+.input-wrap input {
+  padding-right: 48px;
+}
 
 .eye-btn {
   position: absolute;
@@ -445,26 +597,40 @@ input::placeholder { color: var(--muted); }
   -webkit-tap-highlight-color: transparent;
 }
 
-.save-btn:active { opacity: 0.8; }
-
-/* ── Tablet / desktop ──────────────────────────────────────────────────── */
-@media (min-width: 520px) {
-  .overlay { align-items: center; }
-
-  .modal {
-    border-radius: 22px;
-    margin: 20px;
-    width: calc(100% - 40px);
-    max-height: 80vh;
-    transform: scale(0.96) translateY(10px);
-    opacity: 0;
-    transition: transform 0.25s cubic-bezier(0.34, 1.2, 0.64, 1), opacity 0.2s;
-  }
-
-  .overlay.open .modal {
-    transform: scale(1) translateY(0);
-    opacity: 1;
-  }
-
-  .modal-grip { display: none; }
+.save-btn:active {
+  opacity: 0.8;
+}
+
+/* ── Theme segmented control ───────────────────────────────────────────── */
+.theme-toggle {
+  display: flex;
+  background: var(--surface);
+  border: 1.5px solid var(--border);
+  border-radius: var(--r);
+  padding: 3px;
+  gap: 3px;
+}
+
+.theme-btn {
+  flex: 1;
+  padding: 8px 10px;
+  border: none;
+  border-radius: calc(var(--r) - 5px);
+  background: transparent;
+  color: var(--muted);
+  font-family: inherit;
+  font-size: 0.875rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition:
+    background 0.15s,
+    color 0.15s,
+    box-shadow 0.15s;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.theme-btn.active {
+  background: var(--bg);
+  color: var(--text);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
 }
diff --git a/sw.js b/sw.js
index e589c90..3ff4729 100644
--- a/sw.js
+++ b/sw.js
@@ -1,4 +1,4 @@
-const CACHE = 'status-poster-v1';
+const CACHE = 'status-poster-v9';
 const PRECACHE = ['.', 'index.html', 'style.css', 'script.js', 'manifest.json', 'sw.js', 'icon.svg'];
 
 self.addEventListener('install', e => {