diff --git a/astro.config.mjs b/astro.config.mjs
index 6f57d75..a6a5cf3 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -27,34 +27,27 @@ export default defineConfig({
       description:
         'A calm, customizable dashboard for your services, designed to be useful without becoming another wall of data.',
       logo: {
-        light: './public/img/stackyard-wordmark-light.svg',
-        dark: './public/img/stackyard-wordmark-dark.svg',
+        light: './public/img/stackyard-wordmark-light-b3140d1e.svg',
+        dark: './public/img/stackyard-wordmark-dark-4680834d.svg',
         alt: '',
         replacesTitle: true,
       },
       favicon: '/favicon.svg',
-      components: { Head: './src/components/Head.astro' },
-      customCss: ['./src/styles/fonts.css', './src/styles/docs.css'],
+      components: {
+        Head: './src/components/Head.astro',
+        Sidebar: './src/components/Sidebar.astro',
+      },
+      customCss: ['./src/styles/docs.css'],
       head: [
-        {
-          tag: 'link',
-          attrs: {
-            rel: 'preload',
-            as: 'font',
-            type: 'font/woff2',
-            href: '/fonts/inter-latin.woff2',
-            crossorigin: true,
-          },
-        },
         { tag: 'link', attrs: { rel: 'apple-touch-icon', href: '/apple-touch-icon.png' } },
         { tag: 'link', attrs: { rel: 'manifest', href: '/manifest.webmanifest' } },
         { tag: 'meta', attrs: { name: 'theme-color', content: '#0d1117' } },
-        { tag: 'meta', attrs: { property: 'og:image', content: `${SITE}/img/og-64722d2b.jpg` } },
+        { tag: 'meta', attrs: { property: 'og:image', content: `${SITE}/img/og-48fdebbd.jpg` } },
         { tag: 'meta', attrs: { property: 'og:image:width', content: '1200' } },
         { tag: 'meta', attrs: { property: 'og:image:height', content: '630' } },
         { tag: 'meta', attrs: { property: 'og:site_name', content: 'Stackyard' } },
         { tag: 'meta', attrs: { name: 'twitter:card', content: 'summary_large_image' } },
-        { tag: 'meta', attrs: { name: 'twitter:image', content: `${SITE}/img/og-64722d2b.jpg` } },
+        { tag: 'meta', attrs: { name: 'twitter:image', content: `${SITE}/img/og-48fdebbd.jpg` } },
       ],
 
       expressiveCode: {
diff --git a/public/_headers b/public/_headers
index e7e92a6..d76250d 100644
--- a/public/_headers
+++ b/public/_headers
@@ -8,9 +8,6 @@
 /_astro/*
   Cache-Control: public, max-age=31536000, immutable
 
-/fonts/*
-  Cache-Control: public, max-age=31536000, immutable
-
 /img/*
   Cache-Control: public, max-age=31536000, immutable
 
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
index 1c10a51..20172d5 100644
Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-maskable.png b/public/favicon-maskable.png
index 845f0e2..0c0b5c5 100644
Binary files a/public/favicon-maskable.png and b/public/favicon-maskable.png differ
diff --git a/public/favicon.png b/public/favicon.png
index 75b328c..ade5d29 100644
Binary files a/public/favicon.png and b/public/favicon.png differ
diff --git a/public/favicon.svg b/public/favicon.svg
index 38f2d04..5903e9d 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024">
 <rect width="1024" height="1024" rx="230" fill="#0D1117"/>
-<g transform="translate(64.6,73.4) scale(0.846)"><g transform="translate(0,1024) scale(0.1,-0.1)"><path fill="#00D2E0" d="M4978 9180 c-75 -13 -146 -39 -233 -83 -112 -57 -244 -190 -302 -302 -70 -135 -88 -210 -88 -360 0 -150 18 -225 88 -360 58 -112 190 -244 302 -302 141 -72 193 -84 430 -93 354 -15 602 -64 885 -177 803 -319 1400 -1028 1569 -1863 39 -195 46 -272 46 -520 0 -155 -5 -278 -14 -335 -50 -332 -129 -578 -281 -870 -108 -207 -125 -266 -125 -430 0 -150 18 -225 88 -360 58 -112 190 -244 302 -302 135 -70 210 -88 360 -88 108 0 143 4 205 24 174 54 330 167 424 309 65 100 195 366 269 552 135 343 219 677 263 1055 13 111 18 226 18 445 0 318 -13 473 -60 730 -102 550 -309 1064 -617 1525 -668 1002 -1742 1656 -2937 1790 -169 19 -524 28 -592 15z"/><path fill="#F2F2F7" d="M2131 7549 c-287 -51 -529 -264 -623 -549 -29 -87 -32 -106 -32 -230 0 -111 3 -149 22 -213 55 -191 173 -354 330 -454 32 -21 426 -249 875 -508 707 -407 814 -472 799 -483 -9 -7 -396 -232 -861 -500 -747 -431 -852 -495 -917 -555 -314 -293 -338 -763 -56 -1104 85 -103 257 -210 402 -249 47 -13 102 -18 195 -18 146 0 214 14 330 69 39 18 441 247 894 509 453 262 826 476 828 476 1 0 3 -445 3 -989 0 -1079 -1 -1063 58 -1213 77 -199 249 -369 448 -444 470 -177 976 104 1070 593 12 63 14 339 14 1723 0 1064 -4 1685 -10 1751 -25 247 -119 435 -284 571 -61 51 -2844 1666 -3014 1749 -40 21 -104 45 -140 54 -79 20 -255 28 -331 14z"/></g></g>
+<g transform="translate(64.6,73.4) scale(0.846)"><path fill="#00D2E0" d="M512 105.5A406.5 406.5 0 0 1 864.04 715.25A75.5 75.5 0 0 1 733.27 639.75A255.5 255.5 0 0 0 512 256.5A75.5 75.5 0 0 1 512 105.5Z"/><path fill="#F2F2F7" d="M551.5 443.58L264.85 278.08A79 79 0 0 0 185.85 414.92L472.5 580.42A79 79 0 0 0 551.5 443.58ZM472.5 443.58L185.85 609.08A79 79 0 0 0 264.85 745.92L551.5 580.42A79 79 0 0 0 472.5 443.58ZM433 512L433 843A79 79 0 0 0 591 843L591 512A79 79 0 0 0 433 512Z"/></g>
 </svg>
diff --git a/public/fonts/inter-LICENSE.txt b/public/fonts/inter-LICENSE.txt
deleted file mode 100644
index 9b2ca37..0000000
--- a/public/fonts/inter-LICENSE.txt
+++ /dev/null
@@ -1,92 +0,0 @@
-Copyright (c) 2016 The Inter Project Authors (https://github.com/rsms/inter)
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded,
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION AND CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/public/fonts/inter-latin.woff2 b/public/fonts/inter-latin.woff2
deleted file mode 100644
index e57a265..0000000
Binary files a/public/fonts/inter-latin.woff2 and /dev/null differ
diff --git a/public/icons/authelia.svg b/public/icons/authelia.svg
new file mode 100644
index 0000000..02b12b9
--- /dev/null
+++ b/public/icons/authelia.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M256.7 128c67.4-1.9 128.3 52.3 128.6 127.9.3 72.7-58.1 128.6-129.3 128.5-70.2-.1-128.5-58.2-128-128.5.4-74.2 61.9-130.2 128.7-127.9m33.3 77.4c0-16.3-9.6-29.3-24.7-33.2-14.8-3.8-30.2 2.8-37.7 16-7.8 13.9-5.6 29.4 6.8 40.6 5.7 5.1 6.7 9.9 4.8 16.9-5.7 21.9-10.9 43.9-16.2 65.9-2 8.4.3 15.4 7.1 20.6 13.3 10.3 34.4 11.4 48.9 2.8 10.7-6.4 13.9-12.9 11.1-25-5.2-22.6-10.7-45.1-16.3-67.5-1.3-5.1-.7-8.4 3.8-11.9 7.9-6.3 13-14.5 12.4-25.2m-35.1 242.3C163.1 450.2 76.7 380.2 65 279.1c-7.6-65.8 12.4-122.5 62-167.3 11.8-10.7 26.3-18.7 40.1-27 9.8-5.9 18.6-3 23.9 5.9 5.4 9.3 3.1 17.8-6.7 24.5-9.7 6.7-20.1 12.6-29.1 20.2-32.7 27.4-50.9 62.7-54.9 105.1-3.6 38.7 5 74.9 28.2 106.3C158.8 387.9 200 410 251.3 412c45.7 1.7 85.1-14.5 116.6-46.9 12.8-13.2 21.7-30.3 31.8-46.1 5.4-8.5 12.7-13 20.8-10.9 11.2 3 17.2 12.7 11.9 23.9-7.2 15.2-15.2 30.6-25.6 43.7-33.4 42.1-78 65-131.1 71.7-.8.1-1.5.2-2.3.2-6.2.1-12.4.1-18.5.1M226.6 4.5c4.1 0 8.2.1 12.3 0 7.4-.1 13.2 2 15 10.2 1.7 7.7-1.7 16.9-8.5 19.7-5.3 2.2-11.3 3.2-17.1 4-41.8 5.5-79.6 20.8-112 47.8C71 124 43.4 172 36.9 231.2c-6.4 58.4 8.9 111 43.5 158.1 5.6 7.6 12.4 14.4 18.2 22 6.8 8.8 5.7 17-2.6 24.5-6.9 6.3-16.4 6.1-23.5-1.2-42-43.2-66.3-94.5-71.4-154.9-2.2-26.1-1.2-51.8 4.1-77.4 8.1-39 25.1-73.9 49.8-104.9 39-48.8 89.4-79.6 150.9-91.7 6.7-1.3 13.8-1.1 20.7-1.6zm56.2 503.3c-2.8 0-5.7.2-8.5 0-9.2-.8-15.5-6.5-16.4-14.6-1-8.7 4.4-16.6 13.7-18.8 7.2-1.7 14.7-2.4 22-3.7 68.3-12.6 120-48.6 154.5-109.2C466 330 475.4 295.9 476.3 260c.7-27.3-3.7-54.3-13.8-80.1-1.6-4-2.5-9.2-1.4-13.2 2.1-7.5 7.2-13.1 15.8-13.8 8-.6 14.9 3 17.9 11.8 4.9 14.3 9.7 28.8 12.5 43.7 10 53.6 4.1 105.5-19.3 155-19.1 40.2-46.7 73.6-83.1 99.5-32.4 23-68.1 38.1-107.5 44.1-1.8.3-3.5.8-5.3.9-3.1 0-6.2-.1-9.3-.1m161.7-292.3c0 11.9-5.2 18.6-14.3 20.3-8.8 1.6-16.2-2.9-19.6-12.3-4.5-12.3-8.1-25-13.6-36.8-14.9-32.2-39.1-55.6-70.8-71.3-2.8-1.4-5.6-2.6-8.2-4.2-8.4-5.2-11.6-14.9-7.8-23.4 4-9 12.9-13.8 22.3-9.2 14.5 7 29 14.6 41.8 24.3 34.8 26.3 57.1 61.4 68.5 103.4.9 3.7 1.4 7.5 1.7 9.2" style="fill:#fff"/></svg>
\ No newline at end of file
diff --git a/public/icons/authentik.svg b/public/icons/authentik.svg
deleted file mode 100644
index 9933084..0000000
--- a/public/icons/authentik.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" version="1.1" viewBox="-0.03 59.9 512.03 392.1"><style>.st0{fill:#fd4b2d}</style><path d="M279.9 141h17.9v51.2h-17.9zm46.6-2.2h17.9v40h-17.9zM65.3 197.3c-24 0-46 13.2-57.4 34.3h30.4c13.5-11.6 33-15 47.1 0h32.2c-12.6-17.1-31.4-34.3-52.3-34.3" class="st0"/><path d="M108.7 262.4C66.8 350-6.6 275.3 38.3 231.5H7.9C-15.9 273 17 329 65.3 327.8c37.4 0 68.2-55.5 68.2-65.3 0-4.3-6-17.6-16-31H85.4c10.7 9.7 20 23.7 23.3 30.9m1.1-2.6" class="st0"/><path d="M512 140.3v231.3c0 44.3-36.1 80.4-80.4 80.4h-34.1v-78.8h-163V452h-34.1c-44.4 0-80.4-36.1-80.4-80.4v-72.8h258.4v-139H253.6V238H119.9v-97.6c0-3.1.2-6.2.5-9.2.4-3.7 1.1-7.3 2-10.8.3-1.1.6-2.3 1-3.4.1-.3.2-.6.3-.8.2-.6.4-1.1.5-1.7.2-.5.4-1.1.6-1.7s.5-1.2.7-1.8.5-1.2.8-1.8c2-4.7 4.4-9.3 7.3-13.6l.1-.1c.7-1.1 1.5-2.1 2.3-3.2.7-.9 1.3-1.7 2-2.6.8-.9 1.6-1.9 2.4-2.8s1.6-1.8 2.4-2.6l.1-.1c.4-.5.9-.9 1.4-1.4 3-2.9 6.2-5.6 9.6-8 .9-.7 1.9-1.3 2.8-1.9 1.1-.7 2.2-1.4 3.3-2 2.1-1.2 4.2-2.4 6.5-3.4.7-.3 1.4-.7 2.1-1 3.1-1.3 6.2-2.5 9.4-3.4 1.2-.4 2.5-.7 3.7-1 .6-.2 1.2-.3 1.8-.4 3.6-.8 7.2-1.3 10.9-1.6l1.6-.1h.8c1.2-.1 2.4-.1 3.7-.1h231.3c1.2 0 2.5 0 3.7.1h.8l1.6.1c3.7.3 7.3.8 10.9 1.6.6.1 1.2.3 1.8.4 1.3.3 2.5.6 3.7 1 3.2.9 6.3 2.1 9.4 3.4.7.3 1.4.6 2.1 1 2.2 1 4.4 2.2 6.5 3.4 1.1.7 2.2 1.3 3.3 2 1 .6 1.9 1.3 2.8 1.9 3.9 2.8 7.6 6 11 9.4.8.8 1.7 1.7 2.4 2.6.8.9 1.6 1.9 2.4 2.8.7.8 1.3 1.7 2 2.6.8 1.1 1.5 2.1 2.3 3.2l.1.1c2.9 4.3 5.3 8.8 7.3 13.6.2.6.5 1.2.8 1.8.2.6.5 1.2.7 1.8.2.5.4 1.1.6 1.7s.4 1.1.5 1.7c.1.3.2.6.3.8.3 1.1.7 2.3 1 3.4.9 3.6 1.6 7.2 2 10.8 0 3.1.2 6.1.2 9.2" class="st0"/><path d="M498.3 95.5H133.5c14.9-22.2 40-35.6 66.7-35.6h231.3c26.9 0 51.9 13.4 66.8 35.6m13.2 35.6H120.4c1.4-12.8 6-25 13.1-35.6h364.8c7.2 10.6 11.7 22.9 13.2 35.6m.5 9.2v26.4H378.3v-6.9H253.6v6.9H119.9v-26.4c0-3.1.2-6.2.5-9.2h391.1c.3 3.1.5 6.1.5 9.2M119.9 166.7h133.7v35.6H119.9zm258.4 0H512v35.6H378.3zm-258.4 35.6h133.7v35.6H119.9zm258.4 0H512v35.6H378.3z" class="st0"/></svg>
diff --git a/public/icons/filebrowser-quantum.svg b/public/icons/filebrowser-quantum.svg
new file mode 100644
index 0000000..04e878c
--- /dev/null
+++ b/public/icons/filebrowser-quantum.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="5 8 23 17">
+  <!-- Back folder (orange, barely higher and left) -->
+  <path d="M5 8h6l2 2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2z" fill="#FF9800"/>
+  
+  <!-- Front folder (blue, almost same position) -->
+  <path d="M6 9h6l2 2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V11a2 2 0 0 1 2-2z" fill="#2196F3"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/immich.svg b/public/icons/immich.svg
deleted file mode 100644
index 5c758ff..0000000
--- a/public/icons/immich.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M238.8 155.5c33.5 29.7 60.5 61.5 77.9 91.5 29.9-53.4 49.8-116.9 50.1-157.3v-.8c0-59.8-59.7-83.1-111.1-83.1S144.6 29 144.6 88.8V92c28.7 12.8 62.6 35.6 94.2 63.5" style="fill:#fa2921"/><path d="M55.9 318.6c21-23.3 53.1-48.6 89.4-69.9 38.6-22.7 77.2-38.6 111.1-45.8-41.6-44.9-95.8-83.5-134.1-96.2-.3-.1-.5-.2-.7-.2-57-18.7-97.6 30.9-113.5 79.8S-4.1 299.1 52.8 317.6c.8.2 1.8.6 3.1 1" style="fill:#ed79b5"/><path d="M503.9 185.4C488 136.6 447.4 87 390.5 105.5c-.8.3-1.8.6-3.1 1-3.3 31.2-14.4 70.5-31.2 109.1-17.9 41.1-39.8 76.6-62.9 102.4 60 11.9 126.5 11.3 165.1-1 .3-.1.5-.2.7-.2 57-18.6 60.6-82.5 44.8-131.4" style="fill:#ffb400"/><path d="M205 366.3c-9.7-43.7-12.8-85.3-9.3-119.8-55.5 25.7-109 65.3-133 97.8-.2.2-.3.4-.5.6-35.2 48.4-.6 102.3 41 132.5s103.5 46.4 138.7-1.9c.5-.7 1.1-1.5 1.9-2.6-15.6-27.1-29.7-65.5-38.8-106.6" style="fill:#1e83f7"/><path d="M448.8 341.9c-30.7 6.5-71.5 8.1-113.4 4-44.6-4.3-85.1-14.2-116.8-28.2 7.2 60.8 28.4 123.8 51.9 156.7.2.2.3.4.5.6 35.2 48.4 97.1 32.2 138.7 1.9 41.6-30.2 76.2-84.1 41-132.5-.5-.6-1.1-1.4-1.9-2.5" style="fill:#18c249"/></svg>
\ No newline at end of file
diff --git a/public/icons/jellyfin.svg b/public/icons/jellyfin.svg
deleted file mode 100644
index c62f104..0000000
--- a/public/icons/jellyfin.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="a" x1="97.508" x2="522.069" y1="308.135" y2="63.019" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#aa5cc3"/><stop offset="1" style="stop-color:#00a4dc"/></linearGradient><path d="M256 196.2c-22.4 0-94.8 131.3-83.8 153.4s156.8 21.9 167.7 0-61.3-153.4-83.9-153.4" style="fill:url(#a)"/><linearGradient id="b" x1="94.193" x2="518.754" y1="302.394" y2="57.278" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#aa5cc3"/><stop offset="1" style="stop-color:#00a4dc"/></linearGradient><path d="M256 0C188.3 0-29.8 395.4 3.4 462.2s472.3 66 505.2 0S323.8 0 256 0m165.6 404.3c-21.6 43.2-309.3 43.8-331.1 0S211.7 101.4 256 101.4 443.2 361 421.6 404.3" style="fill:url(#b)"/></svg>
\ No newline at end of file
diff --git a/public/icons/pi-hole.svg b/public/icons/pi-hole.svg
deleted file mode 100644
index 5b023fc..0000000
--- a/public/icons/pi-hole.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" version="1.1" viewBox="82 0 348 512"><style>.st1{fill:#91180c}.st2{fill:#f42e1c}</style><linearGradient id="SVGID_1_" x1="313.659" x2="1028.964" y1="62.878" y2="62.878" gradientTransform="matrix(.3694 0 0 -.3694 -23.212 102.238)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#12b212"/><stop offset="1" style="stop-color:#0f0"/></linearGradient><path d="M226.1 157.3C162.1 150.5 97.7 102.2 92.7 0 191.8 0 244.9 58.7 250 151.8c18.8-111.6 106.7-98.5 106.7-98.5 4.2 63.2-47.8 101.6-106.7 104.8-16.5-35-115.7-120.5-115.7-120.5-.1-.1-.3-.1-.4 0q-.15.15 0 .3s95.7 83.4 92.2 119.4" style="fill:url(#SVGID_1_)"/><path d="M256 512c-6.2-.4-63.9-2.6-67.4-67.4-2.8-39.4 28.3-68.5 28.3-106.7-7.1-95.4-134.9-83.6-134.9 0-.1 20.9 8.2 40.9 23 55.7l95.2 95.3c14.8 14.8 34.8 23 55.7 23" class="st1"/><path d="M430 337.9c-.4 6.2-2.6 63.9-67.4 67.4-39.4 2.8-68.5-28.3-106.7-28.3-95.4 7.1-83.6 134.8 0 134.8 20.9.1 40.9-8.2 55.7-23l95.3-95.2c14.8-14.8 23-34.8 23-55.7" class="st2"/><path d="M256 163.9c6.2.4 63.9 2.6 67.4 67.4 2.8 39.4-28.3 68.5-28.3 106.7 7.1 95.4 134.8 83.6 134.8 0 .1-20.9-8.2-40.9-23-55.7L311.7 187c-14.8-14.8-34.8-23-55.7-23" class="st1"/><path d="M82.3 337.9c.4-6.2 2.6-63.9 67.4-67.4 39.4-2.8 68.5 28.3 106.7 28.3 95.4-7.2 83.6-134.8 0-134.8-20.9-.1-40.9 8.2-55.7 23l-95.3 95.3c-14.8 14.8-23 34.8-23 55.7" class="st2"/></svg>
\ No newline at end of file
diff --git a/public/icons/portainer.svg b/public/icons/portainer.svg
deleted file mode 100644
index 6e8805c..0000000
--- a/public/icons/portainer.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0.72 0 168.18 218.62">
-<g clip-path="url(#clip0_261_120684)">
-<path d="M0.724609 0H80.925C136.261 0 168.905 17.2947 168.905 73.6996V75.627C168.905 132.207 136.331 149.327 80.9951 149.327H63.4901V218.05H0.724609V0ZM77.2453 101.14C94.3823 101.14 103.406 94.7791 103.406 75.7672V73.5769C103.406 54.6526 94.3823 48.1693 77.2453 48.1693H63.5077V101.122H77.2453V101.14Z" fill="#F7F6F3"/>
-<path d="M117.222 167.329H168.642V218.618H117.222V167.329Z" fill="#FF80F2"/>
-</g>
-<defs>
-<clipPath id="clip0_261_120684">
-<rect width="168.414" height="218.719" fill="white" transform="translate(0.724609)"/>
-</clipPath>
-</defs>
-</svg>
\ No newline at end of file
diff --git a/public/icons/seerr-light.svg b/public/icons/seerr-light.svg
new file mode 100644
index 0000000..0ab3668
--- /dev/null
+++ b/public/icons/seerr-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0M64 256c0 11.8-9.6 21.3-21.3 21.3-11.8 0-21.3-9.6-21.3-21.3-.1-129.6 105-234.7 234.6-234.7 11.8 0 21.3 9.6 21.3 21.3 0 11.8-9.5 21.4-21.3 21.4-106 0-192 86-192 192m224.1 191.9c-88.4 0-160-71.6-160-160 0-1.3 0-2.7.1-4-.1-2.2-.2-4.4-.2-6.6 0-15.3 2.3-30.1 6.6-44 11.7 25.9 37.8 44 68.1 44 41.2 0 74.7-33.4 74.7-74.7 0-30.3-18-56.4-44-68.1 13.9-4.3 28.7-6.6 44-6.6 2.1 0 4.3.1 6.4.2-.4 0-.7 0-1.1-.1 1.8-.1 3.6-.1 5.4-.1 88.4 0 160 71.6 160 160s-71.6 160-160 160" style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"/></svg>
\ No newline at end of file
diff --git a/public/icons/seerr.svg b/public/icons/seerr.svg
deleted file mode 100644
index bf300a5..0000000
--- a/public/icons/seerr.svg
+++ /dev/null
@@ -1,40 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="Ebene_1" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 96 96">
-  <!-- Generator: Adobe Illustrator 29.8.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 2)  -->
-  <defs>
-    <style>
-      .st0, .st1 {
-        fill: #131928;
-      }
-
-      .st2 {
-        fill: url(#Unbenannter_Verlauf);
-      }
-
-      .st2, .st3, .st1 {
-        fill-rule: evenodd;
-      }
-
-      .st3 {
-        fill: url(#Unbenannter_Verlauf_2);
-      }
-
-      .st1 {
-        isolation: isolate;
-        opacity: .2;
-      }
-    </style>
-    <linearGradient id="Unbenannter_Verlauf" data-name="Unbenannter Verlauf" x1="24" y1="148" x2="93.5" y2="78.5" gradientTransform="translate(0 172) scale(1 -1)" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#c395fc"/>
-      <stop offset="1" stop-color="#4f65f5"/>
-    </linearGradient>
-    <linearGradient id="Unbenannter_Verlauf_2" data-name="Unbenannter Verlauf 2" x1="28" y1="164" x2="28" y2="124" gradientTransform="translate(0 172) scale(1 -1)" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#fff" stop-opacity=".4"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </linearGradient>
-  </defs>
-  <circle class="st0" cx="52" cy="52" r="28"/>
-  <path class="st2" d="M48,96c26.51,0,48-21.49,48-48S74.51,0,48,0,0,21.49,0,48s21.49,48,48,48ZM80,52c0,15.46-12.54,28-28,28s-28-12.54-28-28c0-2.87.43-5.64,1.23-8.25,2.19,4.86,7.09,8.25,12.77,8.25,7.73,0,14-6.27,14-14,0-5.68-3.38-10.57-8.25-12.77,2.61-.8,5.38-1.23,8.25-1.23,15.46,0,28,12.54,28,28Z"/>
-  <path class="st1" d="M80,52c0,15.46-12.54,28-28,28s-27.47-12.01-27.98-27.02c-.01.34-.02.68-.02,1.02,0,16.57,13.43,30,30,30s30-13.43,30-30-13.43-30-30-30c-.34,0-.68,0-1.02.02,15.01.52,27.02,12.85,27.02,27.98Z"/>
-  <path class="st3" d="M48,12c-19.88,0-36,16.12-36,36,0,2.21-1.79,4-4,4s-4-1.79-4-4C4,23.7,23.7,4,48,4c2.21,0,4,1.79,4,4s-1.79,4-4,4Z"/>
-</svg>
\ No newline at end of file
diff --git a/public/icons/settings-toggles.svg b/public/icons/settings-toggles.svg
new file mode 100644
index 0000000..4213c1a
--- /dev/null
+++ b/public/icons/settings-toggles.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="2" y="3" width="20" height="8" rx="4" fill="#00D2E0"/><rect x="10" y="5" width="10" height="4" rx="2" fill="#F2F2F7"/><rect x="2" y="13" width="20" height="8" rx="4" fill="#F2F2F7" fill-opacity=".4"/><rect x="4" y="15" width="10" height="4" rx="2" fill="#F2F2F7"/></svg>
diff --git a/public/icons/settings.svg b/public/icons/settings.svg
deleted file mode 100644
index c931fca..0000000
--- a/public/icons/settings.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="1024pt" height="1024pt" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
-<path fill="#f2f2f7" stroke="#f2f2f7" stroke-width="0.09375" opacity="1.00" d=" M 355.55 398.77 C 364.99 397.62 374.51 398.10 384.00 398.00 C 474.67 398.00 565.34 398.01 656.01 397.99 C 677.11 397.95 698.22 403.83 716.15 414.99 C 746.62 433.60 767.30 467.32 769.66 503.00 C 772.60 538.16 757.72 574.09 731.00 597.07 C 714.22 611.72 693.04 621.27 670.94 624.05 C 661.67 625.34 652.30 624.94 642.98 625.00 C 557.31 625.00 471.64 625.00 385.97 625.00 C 373.30 624.92 360.50 625.60 347.99 623.10 C 317.22 617.60 289.23 598.62 272.61 572.16 C 259.77 552.03 253.60 527.75 255.26 503.93 C 256.70 481.28 265.24 459.17 279.32 441.37 C 297.73 417.79 325.80 402.06 355.55 398.77 M 469.31 410.47 C 452.79 412.22 436.60 417.58 422.71 426.78 C 400.16 441.40 384.05 465.52 379.10 491.93 C 374.64 511.40 377.64 531.87 384.75 550.32 C 388.06 557.40 391.33 564.59 396.26 570.73 C 414.85 597.63 447.57 613.30 480.05 613.01 C 538.72 613.00 597.38 613.04 656.05 612.97 C 684.89 612.28 713.56 599.37 732.00 576.97 C 736.67 570.83 741.59 564.78 744.74 557.68 C 750.11 547.91 752.85 536.96 754.84 526.07 C 757.92 508.33 754.76 490.06 748.53 473.35 C 745.19 465.75 741.47 458.26 736.32 451.71 C 724.96 435.41 708.13 423.36 689.69 416.31 C 678.16 412.59 666.13 409.87 653.96 410.03 C 597.29 409.95 540.61 410.03 483.94 410.00 C 479.06 409.98 474.17 409.94 469.31 410.47 Z" />
-<path fill="#dfdfe4" stroke="#dfdfe4" stroke-width="0.09375" opacity="1.00" d=" M 469.31 410.47 C 474.17 409.94 479.06 409.98 483.94 410.00 C 540.61 410.03 597.29 409.95 653.96 410.03 C 666.13 409.87 678.16 412.59 689.69 416.31 C 708.13 423.36 724.96 435.41 736.32 451.71 C 741.47 458.26 745.19 465.75 748.53 473.35 C 754.76 490.06 757.92 508.33 754.84 526.07 C 752.85 536.96 750.11 547.91 744.74 557.68 C 741.59 564.78 736.67 570.83 732.00 576.97 C 713.56 599.37 684.89 612.28 656.05 612.97 C 597.38 613.04 538.72 613.00 480.05 613.01 C 447.57 613.30 414.85 597.63 396.26 570.73 C 391.33 564.59 388.06 557.40 384.75 550.32 C 377.64 531.87 374.64 511.40 379.10 491.93 C 384.05 465.52 400.16 441.40 422.71 426.78 C 436.60 417.58 452.79 412.22 469.31 410.47 M 467.48 422.66 C 436.68 426.13 408.74 447.08 396.50 475.51 C 387.77 495.27 386.58 518.21 393.21 538.76 C 398.72 556.16 409.75 571.75 424.30 582.76 C 439.04 594.07 457.39 600.51 475.95 601.00 C 532.32 601.00 588.69 601.00 645.06 601.00 C 652.19 600.94 659.37 601.33 666.46 600.22 C 683.16 598.08 699.14 590.95 712.02 580.11 C 728.58 566.32 739.89 546.32 743.00 524.98 C 745.86 506.65 742.76 487.46 734.34 470.94 C 726.74 455.97 714.84 443.23 700.41 434.63 C 685.94 425.88 668.92 421.54 652.03 421.99 C 595.66 422.01 539.29 422.00 482.91 422.00 C 477.76 421.94 472.59 421.94 467.48 422.66 Z" />
-<path fill="#387f95" stroke="#387f95" stroke-width="0.09375" opacity="1.00" d=" M 467.48 422.66 C 472.59 421.94 477.76 421.94 482.91 422.00 C 539.29 422.00 595.66 422.01 652.03 421.99 C 668.92 421.54 685.94 425.88 700.41 434.63 C 714.84 443.23 726.74 455.97 734.34 470.94 C 742.76 487.46 745.86 506.65 743.00 524.98 C 739.89 546.32 728.58 566.32 712.02 580.11 C 699.14 590.95 683.16 598.08 666.46 600.22 C 659.37 601.33 652.19 600.94 645.06 601.00 C 588.69 601.00 532.32 601.00 475.95 601.00 C 457.39 600.51 439.04 594.07 424.30 582.76 C 409.75 571.75 398.72 556.16 393.21 538.76 C 386.58 518.21 387.77 495.27 396.50 475.51 C 408.74 447.08 436.68 426.13 467.48 422.66 Z" />
-</svg>
diff --git a/public/img/admin/app-edit-badge-03598133.png b/public/img/admin/app-edit-badge-03598133.png
new file mode 100644
index 0000000..76fef8d
Binary files /dev/null and b/public/img/admin/app-edit-badge-03598133.png differ
diff --git a/public/img/admin/app-edit-badge-98d02665.png b/public/img/admin/app-edit-badge-98d02665.png
deleted file mode 100644
index bcb6d0a..0000000
Binary files a/public/img/admin/app-edit-badge-98d02665.png and /dev/null differ
diff --git a/public/img/admin/app-edit-badge-dark-adce9ae8.png b/public/img/admin/app-edit-badge-dark-adce9ae8.png
new file mode 100644
index 0000000..6eb58f5
Binary files /dev/null and b/public/img/admin/app-edit-badge-dark-adce9ae8.png differ
diff --git a/public/img/admin/app-edit-badge-dark-cee1d99a.png b/public/img/admin/app-edit-badge-dark-cee1d99a.png
deleted file mode 100644
index 1ac71c6..0000000
Binary files a/public/img/admin/app-edit-badge-dark-cee1d99a.png and /dev/null differ
diff --git a/public/img/admin/app-edit-basics-b3c6980e.png b/public/img/admin/app-edit-basics-b3c6980e.png
deleted file mode 100644
index 025f523..0000000
Binary files a/public/img/admin/app-edit-basics-b3c6980e.png and /dev/null differ
diff --git a/public/img/admin/app-edit-basics-dark-2910e8f5.png b/public/img/admin/app-edit-basics-dark-2910e8f5.png
deleted file mode 100644
index dc95d36..0000000
Binary files a/public/img/admin/app-edit-basics-dark-2910e8f5.png and /dev/null differ
diff --git a/public/img/admin/app-edit-labels-4eb0fb0b.png b/public/img/admin/app-edit-labels-4eb0fb0b.png
new file mode 100644
index 0000000..efc4659
Binary files /dev/null and b/public/img/admin/app-edit-labels-4eb0fb0b.png differ
diff --git a/public/img/admin/app-edit-labels-af3ec51a.png b/public/img/admin/app-edit-labels-af3ec51a.png
deleted file mode 100644
index e944963..0000000
Binary files a/public/img/admin/app-edit-labels-af3ec51a.png and /dev/null differ
diff --git a/public/img/admin/app-edit-labels-dark-07bd1535.png b/public/img/admin/app-edit-labels-dark-07bd1535.png
new file mode 100644
index 0000000..195fc6f
Binary files /dev/null and b/public/img/admin/app-edit-labels-dark-07bd1535.png differ
diff --git a/public/img/admin/app-edit-labels-dark-2ff5328b.png b/public/img/admin/app-edit-labels-dark-2ff5328b.png
deleted file mode 100644
index 12bc4a2..0000000
Binary files a/public/img/admin/app-edit-labels-dark-2ff5328b.png and /dev/null differ
diff --git a/public/img/admin/appearance-31fd5463.png b/public/img/admin/appearance-31fd5463.png
new file mode 100644
index 0000000..1bc096c
Binary files /dev/null and b/public/img/admin/appearance-31fd5463.png differ
diff --git a/public/img/admin/appearance-dark-449811e9.png b/public/img/admin/appearance-dark-449811e9.png
deleted file mode 100644
index 75c205b..0000000
Binary files a/public/img/admin/appearance-dark-449811e9.png and /dev/null differ
diff --git a/public/img/admin/appearance-dark-cb2e78c0.png b/public/img/admin/appearance-dark-cb2e78c0.png
new file mode 100644
index 0000000..e179287
Binary files /dev/null and b/public/img/admin/appearance-dark-cb2e78c0.png differ
diff --git a/public/img/admin/appearance-e9d99c15.png b/public/img/admin/appearance-e9d99c15.png
deleted file mode 100644
index 280d1af..0000000
Binary files a/public/img/admin/appearance-e9d99c15.png and /dev/null differ
diff --git a/public/img/admin/dashboard-apps-3dd6a50c.png b/public/img/admin/dashboard-apps-3dd6a50c.png
deleted file mode 100644
index 5b1bd0e..0000000
Binary files a/public/img/admin/dashboard-apps-3dd6a50c.png and /dev/null differ
diff --git a/public/img/admin/dashboard-apps-dark-34e8c0e1.png b/public/img/admin/dashboard-apps-dark-34e8c0e1.png
deleted file mode 100644
index 1c8684f..0000000
Binary files a/public/img/admin/dashboard-apps-dark-34e8c0e1.png and /dev/null differ
diff --git a/public/img/admin/dashboard-list-0d98d7b7.png b/public/img/admin/dashboard-list-0d98d7b7.png
deleted file mode 100644
index 023b3ad..0000000
Binary files a/public/img/admin/dashboard-list-0d98d7b7.png and /dev/null differ
diff --git a/public/img/admin/dashboard-list-dark-e87991d0.png b/public/img/admin/dashboard-list-dark-e87991d0.png
deleted file mode 100644
index 2df11d9..0000000
Binary files a/public/img/admin/dashboard-list-dark-e87991d0.png and /dev/null differ
diff --git a/public/img/admin/general-aeebf7aa.png b/public/img/admin/general-aeebf7aa.png
deleted file mode 100644
index 7cf9ef1..0000000
Binary files a/public/img/admin/general-aeebf7aa.png and /dev/null differ
diff --git a/public/img/dashboard-7d037291.jpg b/public/img/dashboard-7d037291.jpg
new file mode 100644
index 0000000..3bd2c36
Binary files /dev/null and b/public/img/dashboard-7d037291.jpg differ
diff --git a/public/img/dashboard-b3d50cc8.jpg b/public/img/dashboard-b3d50cc8.jpg
deleted file mode 100644
index c1d2170..0000000
Binary files a/public/img/dashboard-b3d50cc8.jpg and /dev/null differ
diff --git a/public/img/dashboard/badge-labels-c9fda069.png b/public/img/dashboard/badge-labels-c9fda069.png
deleted file mode 100644
index a4fbb01..0000000
Binary files a/public/img/dashboard/badge-labels-c9fda069.png and /dev/null differ
diff --git a/public/img/dashboard/badge-list-a6444739.png b/public/img/dashboard/badge-list-a6444739.png
deleted file mode 100644
index 4d3e7ac..0000000
Binary files a/public/img/dashboard/badge-list-a6444739.png and /dev/null differ
diff --git a/public/img/og-48fdebbd.jpg b/public/img/og-48fdebbd.jpg
new file mode 100644
index 0000000..714169b
Binary files /dev/null and b/public/img/og-48fdebbd.jpg differ
diff --git a/public/img/og-64722d2b.jpg b/public/img/og-64722d2b.jpg
deleted file mode 100644
index 8f50d38..0000000
Binary files a/public/img/og-64722d2b.jpg and /dev/null differ
diff --git a/public/img/stackyard-mark-0ce25219.svg b/public/img/stackyard-mark-0ce25219.svg
new file mode 100644
index 0000000..aa839f5
--- /dev/null
+++ b/public/img/stackyard-mark-0ce25219.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><path fill="#00D2E0" d="M512 105.5A406.5 406.5 0 0 1 864.04 715.25A75.5 75.5 0 0 1 733.27 639.75A255.5 255.5 0 0 0 512 256.5A75.5 75.5 0 0 1 512 105.5Z"/><path fill="#F2F2F7" d="M551.5 443.58L264.85 278.08A79 79 0 0 0 185.85 414.92L472.5 580.42A79 79 0 0 0 551.5 443.58ZM472.5 443.58L185.85 609.08A79 79 0 0 0 264.85 745.92L551.5 580.42A79 79 0 0 0 472.5 443.58ZM433 512L433 843A79 79 0 0 0 591 843L591 512A79 79 0 0 0 433 512Z"/></svg>
diff --git a/public/img/stackyard-mark-light-c3aadde5.svg b/public/img/stackyard-mark-light-c3aadde5.svg
new file mode 100644
index 0000000..635c805
--- /dev/null
+++ b/public/img/stackyard-mark-light-c3aadde5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><path fill="#00D2E0" d="M512 105.5A406.5 406.5 0 0 1 864.04 715.25A75.5 75.5 0 0 1 733.27 639.75A255.5 255.5 0 0 0 512 256.5A75.5 75.5 0 0 1 512 105.5Z"/><path fill="#1C1C1E" d="M551.5 443.58L264.85 278.08A79 79 0 0 0 185.85 414.92L472.5 580.42A79 79 0 0 0 551.5 443.58ZM472.5 443.58L185.85 609.08A79 79 0 0 0 264.85 745.92L551.5 580.42A79 79 0 0 0 472.5 443.58ZM433 512L433 843A79 79 0 0 0 591 843L591 512A79 79 0 0 0 433 512Z"/></svg>
diff --git a/public/img/stackyard-mark-light.svg b/public/img/stackyard-mark-light.svg
deleted file mode 100644
index 7fa62b2..0000000
--- a/public/img/stackyard-mark-light.svg
+++ /dev/null
@@ -1,36 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="1024pt" height="1024pt" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 502.44 105.49 C 572.29 102.71 642.38 120.33 704.02 153.02 C 773.70 190.45 832.35 248.40 869.86 318.10 C 919.42 408.60 932.23 518.50 904.98 618.00 C 896.62 650.60 883.05 681.63 867.23 711.24 C 855.72 732.24 834.06 747.52 810.17 750.29 C 778.38 755.22 744.83 736.36 731.97 707.00 C 721.73 685.26 722.72 658.74 735.10 638.05 C 757.74 598.43 769.15 552.59 768.08 506.99 C 767.50 429.33 728.19 353.27 665.80 307.20 C 629.80 279.93 586.48 262.39 541.54 257.54 C 522.90 254.44 503.25 258.67 485.32 251.59 C 463.35 243.99 445.35 225.64 438.62 203.33 C 429.91 177.59 437.07 147.42 456.19 128.19 C 468.12 115.30 485.08 107.45 502.44 105.49 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 217.31 269.06 C 217.04 267.16 220.30 266.86 220.74 268.58 C 219.63 268.95 218.47 269.15 217.31 269.06 Z" />
-<path fill="#1C1C1E" stroke="#1C1C1E" stroke-width="0.09375" opacity="1.00" d=" M 220.74 268.58 C 224.49 267.91 228.50 267.51 232.23 268.54 C 233.33 268.95 234.49 269.15 235.66 269.05 C 250.28 269.72 263.23 277.33 275.64 284.38 C 366.60 337.15 457.81 389.49 548.80 442.19 C 552.91 444.74 557.36 447.01 560.71 450.57 C 561.52 451.59 562.52 452.45 563.68 453.07 C 565.84 454.34 567.66 456.15 568.92 458.32 C 569.52 459.48 570.39 460.48 571.43 461.28 C 573.26 462.91 574.95 464.82 575.83 467.15 C 576.03 468.14 576.56 468.91 577.44 469.44 C 583.86 479.02 588.22 490.58 588.95 502.14 C 588.75 503.14 588.96 504.06 589.55 504.91 C 590.25 507.85 590.17 511.08 589.99 514.13 C 589.76 515.12 589.92 516.05 590.49 516.92 C 591.64 528.89 590.87 540.97 591.02 553.00 C 591.00 649.70 590.96 746.40 591.05 843.10 C 591.04 844.43 590.86 845.74 590.51 847.04 C 589.94 847.88 589.75 848.80 589.95 849.82 C 590.17 860.00 586.23 869.76 581.61 878.65 C 579.28 882.49 577.30 886.86 573.59 889.64 C 572.67 890.08 572.08 890.80 571.80 891.79 C 569.48 895.31 566.69 898.90 562.81 900.80 C 561.82 901.07 561.11 901.68 560.67 902.61 C 550.13 912.28 535.95 918.15 521.66 918.94 C 520.48 918.84 519.33 919.06 518.23 919.45 C 513.81 920.06 509.16 920.44 504.78 919.49 C 503.68 919.07 502.52 918.83 501.36 918.93 C 491.00 918.64 481.03 914.91 472.05 909.97 C 468.67 907.73 464.71 906.04 462.35 902.61 C 461.90 901.68 461.19 901.07 460.21 900.80 C 456.68 898.47 453.10 895.69 451.20 891.81 C 450.91 890.82 450.31 890.11 449.40 889.67 C 439.74 878.82 433.45 864.47 433.04 849.86 C 433.22 848.84 433.03 847.92 432.47 847.08 C 431.47 836.75 432.03 826.35 431.96 816.00 C 432.02 760.65 432.02 705.30 431.98 649.96 C 378.03 680.52 324.55 711.91 270.79 742.79 C 260.01 748.92 248.39 754.94 235.67 754.97 C 234.50 754.85 233.34 755.04 232.23 755.43 C 228.48 756.02 224.51 756.52 220.79 755.48 C 219.69 755.04 218.53 754.82 217.37 754.92 C 205.95 754.68 195.13 750.18 185.32 744.66 C 183.49 743.54 181.69 742.27 180.37 740.56 C 179.89 739.64 179.15 739.07 178.16 738.85 C 177.05 738.39 176.02 737.77 175.13 737.00 C 172.42 734.28 169.82 731.47 167.16 728.72 C 156.57 716.86 148.94 701.72 148.06 685.66 C 148.14 684.48 147.92 683.32 147.54 682.23 C 146.73 678.09 146.70 673.99 147.45 669.91 C 148.03 669.06 148.23 668.13 148.03 667.14 C 147.71 659.85 150.88 652.93 153.19 646.18 C 156.31 639.64 158.97 632.39 164.44 627.38 C 165.33 626.90 165.92 626.16 166.19 625.19 C 168.51 621.67 171.31 618.09 175.19 616.20 C 176.17 615.92 176.90 615.34 177.37 614.44 C 179.83 611.41 183.55 609.81 186.76 607.75 C 222.87 586.83 259.00 565.94 295.20 545.18 C 313.97 533.56 333.86 523.80 352.31 511.68 C 297.28 480.55 242.75 448.58 187.95 417.08 C 183.87 414.48 179.36 412.28 176.27 408.46 C 175.50 407.40 174.53 406.51 173.39 405.86 C 171.08 404.16 168.40 402.54 167.14 399.85 C 166.88 398.86 166.29 398.13 165.39 397.67 C 154.87 386.91 149.04 371.68 148.05 356.83 C 148.22 355.82 148.01 354.90 147.41 354.07 C 146.70 349.97 146.76 345.86 147.57 341.75 C 147.94 340.63 148.13 339.47 148.04 338.31 C 148.88 326.18 153.76 314.39 160.56 304.44 C 161.43 303.92 161.98 303.16 162.20 302.17 C 163.26 299.49 165.17 297.26 167.16 295.23 C 169.90 292.55 172.65 289.88 175.37 287.19 C 176.22 286.41 177.13 285.68 178.19 285.20 C 179.16 284.93 179.90 284.35 180.40 283.47 C 190.82 275.18 204.06 270.21 217.31 269.06 C 218.47 269.15 219.63 268.95 220.74 268.58 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 232.23 268.54 C 232.69 266.84 235.92 267.17 235.66 269.05 C 234.49 269.15 233.33 268.95 232.23 268.54 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 178.19 285.20 C 177.96 283.40 178.70 282.82 180.40 283.47 C 179.90 284.35 179.16 284.93 178.19 285.20 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 167.16 295.23 C 169.70 292.36 172.22 289.41 175.37 287.19 C 172.65 289.88 169.90 292.55 167.16 295.23 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 160.56 304.44 C 159.86 302.76 160.41 302.00 162.20 302.17 C 161.98 303.16 161.43 303.92 160.56 304.44 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 147.57 341.75 C 145.86 341.30 146.14 338.05 148.04 338.31 C 148.13 339.47 147.94 340.63 147.57 341.75 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 147.41 354.07 C 148.01 354.90 148.22 355.82 148.05 356.83 C 146.34 356.29 146.13 355.37 147.41 354.07 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 165.39 397.67 C 166.29 398.13 166.88 398.86 167.14 399.85 C 165.36 400.09 164.78 399.36 165.39 397.67 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 173.39 405.86 C 174.53 406.51 175.50 407.40 176.27 408.46 C 174.82 409.87 172.11 407.44 173.39 405.86 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 560.71 450.57 C 562.11 449.12 564.92 451.44 563.68 453.07 C 562.52 452.45 561.52 451.59 560.71 450.57 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 568.92 458.32 C 570.53 457.08 572.86 459.87 571.43 461.28 C 570.39 460.48 569.52 459.48 568.92 458.32 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 575.83 467.15 C 577.62 467.01 578.15 467.77 577.44 469.44 C 576.56 468.91 576.03 468.14 575.83 467.15 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 588.95 502.14 C 590.63 502.69 590.83 503.61 589.55 504.91 C 588.96 504.06 588.75 503.14 588.95 502.14 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 589.99 514.13 C 591.65 514.73 591.82 515.66 590.49 516.92 C 589.92 516.05 589.76 515.12 589.99 514.13 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 175.19 616.20 C 174.94 614.41 175.67 613.82 177.37 614.44 C 176.90 615.34 176.17 615.92 175.19 616.20 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 164.44 627.38 C 163.82 625.68 164.40 624.95 166.19 625.19 C 165.92 626.16 165.33 626.90 164.44 627.38 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 147.45 669.91 C 146.15 668.62 146.34 667.70 148.03 667.14 C 148.23 668.13 148.03 669.06 147.45 669.91 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 147.54 682.23 C 147.92 683.32 148.14 684.48 148.06 685.66 C 146.17 685.93 145.83 682.68 147.54 682.23 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 167.16 728.72 C 169.82 731.47 172.42 734.28 175.13 737.00 C 172.26 734.44 169.58 731.69 167.16 728.72 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 178.16 738.85 C 179.15 739.07 179.89 739.64 180.37 740.56 C 178.68 741.19 177.95 740.61 178.16 738.85 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 217.37 754.92 C 218.53 754.82 219.69 755.04 220.79 755.48 C 220.31 757.16 217.08 756.79 217.37 754.92 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 232.23 755.43 C 233.34 755.04 234.50 754.85 235.67 754.97 C 235.92 756.85 232.67 757.13 232.23 755.43 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 432.47 847.08 C 433.03 847.92 433.22 848.84 433.04 849.86 C 431.34 849.27 431.15 848.35 432.47 847.08 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 589.95 849.82 C 589.75 848.80 589.94 847.88 590.51 847.04 C 591.82 848.30 591.63 849.23 589.95 849.82 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 449.40 889.67 C 450.31 890.11 450.91 890.82 451.20 891.81 C 449.41 892.08 448.81 891.37 449.40 889.67 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 571.80 891.79 C 572.08 890.80 572.67 890.08 573.59 889.64 C 574.17 891.33 573.58 892.05 571.80 891.79 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 460.21 900.80 C 461.19 901.07 461.90 901.68 462.35 902.61 C 460.63 903.17 459.92 902.57 460.21 900.80 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 560.67 902.61 C 561.11 901.68 561.82 901.07 562.81 900.80 C 563.09 902.56 562.38 903.17 560.67 902.61 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 501.36 918.93 C 502.52 918.83 503.68 919.07 504.78 919.49 C 504.29 921.18 501.06 920.79 501.36 918.93 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 518.23 919.45 C 519.33 919.06 520.48 918.84 521.66 918.94 C 521.93 920.82 518.68 921.15 518.23 919.45 Z" />
-</svg>
diff --git a/public/img/stackyard-mark.svg b/public/img/stackyard-mark.svg
deleted file mode 100644
index 2e7fd7f..0000000
--- a/public/img/stackyard-mark.svg
+++ /dev/null
@@ -1,36 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="1024pt" height="1024pt" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 502.44 105.49 C 572.29 102.71 642.38 120.33 704.02 153.02 C 773.70 190.45 832.35 248.40 869.86 318.10 C 919.42 408.60 932.23 518.50 904.98 618.00 C 896.62 650.60 883.05 681.63 867.23 711.24 C 855.72 732.24 834.06 747.52 810.17 750.29 C 778.38 755.22 744.83 736.36 731.97 707.00 C 721.73 685.26 722.72 658.74 735.10 638.05 C 757.74 598.43 769.15 552.59 768.08 506.99 C 767.50 429.33 728.19 353.27 665.80 307.20 C 629.80 279.93 586.48 262.39 541.54 257.54 C 522.90 254.44 503.25 258.67 485.32 251.59 C 463.35 243.99 445.35 225.64 438.62 203.33 C 429.91 177.59 437.07 147.42 456.19 128.19 C 468.12 115.30 485.08 107.45 502.44 105.49 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 217.31 269.06 C 217.04 267.16 220.30 266.86 220.74 268.58 C 219.63 268.95 218.47 269.15 217.31 269.06 Z" />
-<path fill="#f2f2f7" stroke="#f2f2f7" stroke-width="0.09375" opacity="1.00" d=" M 220.74 268.58 C 224.49 267.91 228.50 267.51 232.23 268.54 C 233.33 268.95 234.49 269.15 235.66 269.05 C 250.28 269.72 263.23 277.33 275.64 284.38 C 366.60 337.15 457.81 389.49 548.80 442.19 C 552.91 444.74 557.36 447.01 560.71 450.57 C 561.52 451.59 562.52 452.45 563.68 453.07 C 565.84 454.34 567.66 456.15 568.92 458.32 C 569.52 459.48 570.39 460.48 571.43 461.28 C 573.26 462.91 574.95 464.82 575.83 467.15 C 576.03 468.14 576.56 468.91 577.44 469.44 C 583.86 479.02 588.22 490.58 588.95 502.14 C 588.75 503.14 588.96 504.06 589.55 504.91 C 590.25 507.85 590.17 511.08 589.99 514.13 C 589.76 515.12 589.92 516.05 590.49 516.92 C 591.64 528.89 590.87 540.97 591.02 553.00 C 591.00 649.70 590.96 746.40 591.05 843.10 C 591.04 844.43 590.86 845.74 590.51 847.04 C 589.94 847.88 589.75 848.80 589.95 849.82 C 590.17 860.00 586.23 869.76 581.61 878.65 C 579.28 882.49 577.30 886.86 573.59 889.64 C 572.67 890.08 572.08 890.80 571.80 891.79 C 569.48 895.31 566.69 898.90 562.81 900.80 C 561.82 901.07 561.11 901.68 560.67 902.61 C 550.13 912.28 535.95 918.15 521.66 918.94 C 520.48 918.84 519.33 919.06 518.23 919.45 C 513.81 920.06 509.16 920.44 504.78 919.49 C 503.68 919.07 502.52 918.83 501.36 918.93 C 491.00 918.64 481.03 914.91 472.05 909.97 C 468.67 907.73 464.71 906.04 462.35 902.61 C 461.90 901.68 461.19 901.07 460.21 900.80 C 456.68 898.47 453.10 895.69 451.20 891.81 C 450.91 890.82 450.31 890.11 449.40 889.67 C 439.74 878.82 433.45 864.47 433.04 849.86 C 433.22 848.84 433.03 847.92 432.47 847.08 C 431.47 836.75 432.03 826.35 431.96 816.00 C 432.02 760.65 432.02 705.30 431.98 649.96 C 378.03 680.52 324.55 711.91 270.79 742.79 C 260.01 748.92 248.39 754.94 235.67 754.97 C 234.50 754.85 233.34 755.04 232.23 755.43 C 228.48 756.02 224.51 756.52 220.79 755.48 C 219.69 755.04 218.53 754.82 217.37 754.92 C 205.95 754.68 195.13 750.18 185.32 744.66 C 183.49 743.54 181.69 742.27 180.37 740.56 C 179.89 739.64 179.15 739.07 178.16 738.85 C 177.05 738.39 176.02 737.77 175.13 737.00 C 172.42 734.28 169.82 731.47 167.16 728.72 C 156.57 716.86 148.94 701.72 148.06 685.66 C 148.14 684.48 147.92 683.32 147.54 682.23 C 146.73 678.09 146.70 673.99 147.45 669.91 C 148.03 669.06 148.23 668.13 148.03 667.14 C 147.71 659.85 150.88 652.93 153.19 646.18 C 156.31 639.64 158.97 632.39 164.44 627.38 C 165.33 626.90 165.92 626.16 166.19 625.19 C 168.51 621.67 171.31 618.09 175.19 616.20 C 176.17 615.92 176.90 615.34 177.37 614.44 C 179.83 611.41 183.55 609.81 186.76 607.75 C 222.87 586.83 259.00 565.94 295.20 545.18 C 313.97 533.56 333.86 523.80 352.31 511.68 C 297.28 480.55 242.75 448.58 187.95 417.08 C 183.87 414.48 179.36 412.28 176.27 408.46 C 175.50 407.40 174.53 406.51 173.39 405.86 C 171.08 404.16 168.40 402.54 167.14 399.85 C 166.88 398.86 166.29 398.13 165.39 397.67 C 154.87 386.91 149.04 371.68 148.05 356.83 C 148.22 355.82 148.01 354.90 147.41 354.07 C 146.70 349.97 146.76 345.86 147.57 341.75 C 147.94 340.63 148.13 339.47 148.04 338.31 C 148.88 326.18 153.76 314.39 160.56 304.44 C 161.43 303.92 161.98 303.16 162.20 302.17 C 163.26 299.49 165.17 297.26 167.16 295.23 C 169.90 292.55 172.65 289.88 175.37 287.19 C 176.22 286.41 177.13 285.68 178.19 285.20 C 179.16 284.93 179.90 284.35 180.40 283.47 C 190.82 275.18 204.06 270.21 217.31 269.06 C 218.47 269.15 219.63 268.95 220.74 268.58 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 232.23 268.54 C 232.69 266.84 235.92 267.17 235.66 269.05 C 234.49 269.15 233.33 268.95 232.23 268.54 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 178.19 285.20 C 177.96 283.40 178.70 282.82 180.40 283.47 C 179.90 284.35 179.16 284.93 178.19 285.20 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 167.16 295.23 C 169.70 292.36 172.22 289.41 175.37 287.19 C 172.65 289.88 169.90 292.55 167.16 295.23 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 160.56 304.44 C 159.86 302.76 160.41 302.00 162.20 302.17 C 161.98 303.16 161.43 303.92 160.56 304.44 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 147.57 341.75 C 145.86 341.30 146.14 338.05 148.04 338.31 C 148.13 339.47 147.94 340.63 147.57 341.75 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 147.41 354.07 C 148.01 354.90 148.22 355.82 148.05 356.83 C 146.34 356.29 146.13 355.37 147.41 354.07 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 165.39 397.67 C 166.29 398.13 166.88 398.86 167.14 399.85 C 165.36 400.09 164.78 399.36 165.39 397.67 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 173.39 405.86 C 174.53 406.51 175.50 407.40 176.27 408.46 C 174.82 409.87 172.11 407.44 173.39 405.86 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 560.71 450.57 C 562.11 449.12 564.92 451.44 563.68 453.07 C 562.52 452.45 561.52 451.59 560.71 450.57 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 568.92 458.32 C 570.53 457.08 572.86 459.87 571.43 461.28 C 570.39 460.48 569.52 459.48 568.92 458.32 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 575.83 467.15 C 577.62 467.01 578.15 467.77 577.44 469.44 C 576.56 468.91 576.03 468.14 575.83 467.15 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 588.95 502.14 C 590.63 502.69 590.83 503.61 589.55 504.91 C 588.96 504.06 588.75 503.14 588.95 502.14 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 589.99 514.13 C 591.65 514.73 591.82 515.66 590.49 516.92 C 589.92 516.05 589.76 515.12 589.99 514.13 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 175.19 616.20 C 174.94 614.41 175.67 613.82 177.37 614.44 C 176.90 615.34 176.17 615.92 175.19 616.20 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 164.44 627.38 C 163.82 625.68 164.40 624.95 166.19 625.19 C 165.92 626.16 165.33 626.90 164.44 627.38 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 147.45 669.91 C 146.15 668.62 146.34 667.70 148.03 667.14 C 148.23 668.13 148.03 669.06 147.45 669.91 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 147.54 682.23 C 147.92 683.32 148.14 684.48 148.06 685.66 C 146.17 685.93 145.83 682.68 147.54 682.23 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 167.16 728.72 C 169.82 731.47 172.42 734.28 175.13 737.00 C 172.26 734.44 169.58 731.69 167.16 728.72 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 178.16 738.85 C 179.15 739.07 179.89 739.64 180.37 740.56 C 178.68 741.19 177.95 740.61 178.16 738.85 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 217.37 754.92 C 218.53 754.82 219.69 755.04 220.79 755.48 C 220.31 757.16 217.08 756.79 217.37 754.92 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 232.23 755.43 C 233.34 755.04 234.50 754.85 235.67 754.97 C 235.92 756.85 232.67 757.13 232.23 755.43 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 432.47 847.08 C 433.03 847.92 433.22 848.84 433.04 849.86 C 431.34 849.27 431.15 848.35 432.47 847.08 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 589.95 849.82 C 589.75 848.80 589.94 847.88 590.51 847.04 C 591.82 848.30 591.63 849.23 589.95 849.82 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 449.40 889.67 C 450.31 890.11 450.91 890.82 451.20 891.81 C 449.41 892.08 448.81 891.37 449.40 889.67 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 571.80 891.79 C 572.08 890.80 572.67 890.08 573.59 889.64 C 574.17 891.33 573.58 892.05 571.80 891.79 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 460.21 900.80 C 461.19 901.07 461.90 901.68 462.35 902.61 C 460.63 903.17 459.92 902.57 460.21 900.80 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 560.67 902.61 C 561.11 901.68 561.82 901.07 562.81 900.80 C 563.09 902.56 562.38 903.17 560.67 902.61 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 501.36 918.93 C 502.52 918.83 503.68 919.07 504.78 919.49 C 504.29 921.18 501.06 920.79 501.36 918.93 Z" />
-<path fill="#00D2E0" stroke="#00D2E0" stroke-width="0.09375" opacity="1.00" d=" M 518.23 919.45 C 519.33 919.06 520.48 918.84 521.66 918.94 C 521.93 920.82 518.68 921.15 518.23 919.45 Z" />
-</svg>
diff --git a/public/img/stackyard-wordmark-dark-4680834d.svg b/public/img/stackyard-wordmark-dark-4680834d.svg
new file mode 100644
index 0000000..2fafe7f
--- /dev/null
+++ b/public/img/stackyard-wordmark-dark-4680834d.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1247.86 280.00" width="1247.86" height="280.00" role="img" aria-label="Stackyard"><g transform="matrix(0.34375 0 0 0.34375 -50.58 -36.23)"><path fill="#00D2E0" d="M512 105.5A406.5 406.5 0 0 1 864.04 715.25A75.5 75.5 0 0 1 733.27 639.75A255.5 255.5 0 0 0 512 256.5A75.5 75.5 0 0 1 512 105.5Z"/><path fill="#F2F2F7" d="M551.5 443.58L264.85 278.08A79 79 0 0 0 185.85 414.92L472.5 580.42A79 79 0 0 0 551.5 443.58ZM472.5 443.58L185.85 609.08A79 79 0 0 0 264.85 745.92L551.5 580.42A79 79 0 0 0 472.5 443.58ZM433 512L433 843A79 79 0 0 0 591 843L591 512A79 79 0 0 0 433 512Z"/></g><g transform="translate(360.56,209.44)"><path fill="#F2F2F7" d="M65.74 1.71C99.75 1.71 119.7 -13.49 119.7 -40.85C119.7 -60.230000000000004 108.68 -72.77 81.89 -80.18L56.43 -87.21000000000001C42.75 -91.01 39.71 -96.52 39.71 -103.17C39.71 -111.72 48.07 -117.23 61.37 -117.23C76.57000000000001 -117.23 86.83 -110.96000000000001 89.3 -97.66H117.42C114.95 -122.55 95.0 -138.89000000000001 63.08 -138.89000000000001C31.92 -138.89000000000001 11.59 -123.5 11.59 -98.8C11.59 -79.42 22.990000000000002 -66.88 49.21 -59.660000000000004L74.67 -52.63C87.02 -49.21 91.58 -44.08 91.58 -35.34C91.58 -25.84 82.84 -19.95 67.07000000000001 -19.95C47.69 -19.95 34.39 -29.07 32.68 -43.7H4.5600000000000005C8.17 -14.82 30.21 1.71 65.74 1.71Z M177.46 2.09C184.87 2.09 190.95 1.1400000000000001 194.37 -0.76V-22.42C191.14 -21.28 187.91 -20.52 184.11 -20.52C174.04 -20.52 169.29 -24.7 169.29 -33.44V-75.24H194.37V-96.9H169.29V-129.2L140.79 -118.56V-96.9H122.74V-75.24H140.79V-34.39C140.79 -9.69 152.57 2.09 177.46 2.09Z M233.89 1.9C248.51999999999998 1.9 259.53999999999996 -4.18 265.62 -15.77C265.81 -9.5 266.38 -4.5600000000000005 267.71 0.0H296.21C294.12 -7.41 293.36 -13.49 293.36 -19.95V-62.7C293.36 -86.07000000000001 278.15999999999997 -98.8 250.42 -98.8C223.44 -98.8 207.67 -86.07000000000001 205.2 -68.59H232.37C234.07999999999998 -74.86 239.78 -78.28 249.47 -78.28C259.53999999999996 -78.28 264.86 -73.53 264.86 -65.74V-60.8L240.92 -57.38C216.6 -53.96 202.35 -42.94 202.35 -24.89C202.35 -8.55 214.7 1.9 233.89 1.9ZM230.85 -28.69C230.85 -35.72 235.41 -39.71 245.67 -41.230000000000004L264.86 -44.08V-35.15C264.86 -26.6 255.35999999999999 -19.0 243.39 -19.0C235.79 -19.0 230.85 -22.42 230.85 -28.69Z M353.97 1.9C379.43 1.9 398.24 -12.92 402.04 -34.77H374.49C371.64 -25.46 363.85 -20.52 354.35 -20.52C340.48 -20.52 332.12 -31.35 332.12 -48.45C332.12 -65.55 340.48 -76.38 354.35 -76.38C363.85 -76.38 371.64 -71.44 374.49 -62.13H402.04C398.24 -83.98 379.43 -98.8 353.97 -98.8C323.57 -98.8 302.48 -77.71000000000001 302.48 -48.45C302.48 -19.19 323.57 1.9 353.97 1.9Z M414.01 0.0H442.51V-41.99L476.14 0.0H509.96000000000004L466.45000000000005 -51.11L508.06 -96.9H475.19L442.51 -58.14V-136.8H414.01Z M524.21 38.95H552.71L611.42 -96.9H581.02L559.17 -37.43L538.27 -96.9H507.49L543.78 -4.37Z M641.2500000000001 1.9C655.8800000000001 1.9 666.9000000000001 -4.18 672.98 -15.77C673.1700000000001 -9.5 673.74 -4.5600000000000005 675.07 0.0H703.57C701.48 -7.41 700.72 -13.49 700.72 -19.95V-62.7C700.72 -86.07000000000001 685.5200000000001 -98.8 657.7800000000001 -98.8C630.8000000000001 -98.8 615.0300000000001 -86.07000000000001 612.5600000000001 -68.59H639.73C641.44 -74.86 647.1400000000001 -78.28 656.83 -78.28C666.9000000000001 -78.28 672.22 -73.53 672.22 -65.74V-60.8L648.2800000000001 -57.38C623.96 -53.96 609.71 -42.94 609.71 -24.89C609.71 -8.55 622.0600000000001 1.9 641.2500000000001 1.9ZM638.21 -28.69C638.21 -35.72 642.7700000000001 -39.71 653.0300000000001 -41.230000000000004L672.22 -44.08V-35.15C672.22 -26.6 662.72 -19.0 650.7500000000001 -19.0C643.1500000000001 -19.0 638.21 -22.42 638.21 -28.69Z M719.72 0.0H748.22V-50.54C748.22 -66.31 756.58 -72.01 774.82 -72.01C778.0500000000001 -72.01 780.33 -71.82000000000001 781.6600000000001 -71.44V-98.04C780.33 -98.61 778.4300000000001 -98.8 776.34 -98.8C762.85 -98.8 752.97 -91.96000000000001 747.6500000000001 -79.04V-96.9H719.72Z M859.37 0.0H887.3V-136.8H858.8V-82.27C854.24 -92.72 843.41 -98.8 828.21 -98.8C801.42 -98.8 783.9399999999999 -78.85 783.9399999999999 -48.07C783.9399999999999 -17.67 800.66 1.9 827.45 1.9C842.27 1.9 854.43 -4.5600000000000005 859.37 -15.2ZM836.5699999999999 -20.9C822.89 -20.9 813.58 -30.59 813.58 -48.26C813.58 -65.93 822.89 -76.0 836.19 -76.0C849.87 -76.0 859.18 -66.12 859.18 -48.45C859.18 -30.78 849.87 -20.9 836.5699999999999 -20.9Z"/></g></svg>
diff --git a/public/img/stackyard-wordmark-dark.svg b/public/img/stackyard-wordmark-dark.svg
deleted file mode 100644
index 33a4b53..0000000
--- a/public/img/stackyard-wordmark-dark.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1247.86 280.00" width="1247.86" height="280.00" role="img" aria-label="Stackyard"><path fill="#00D2E0" d="M120.53721653458332 0.2102301266155564C117.95906866812261 0.6571090901354069 115.51842202120646 1.5508670171751646 112.52777049611201 3.063380432165445C108.677736348864 5.022772810675576 104.14019610389313 9.594688360532587 102.14642842049683 13.444722507780625C99.74015707846682 18.085388667409916 99.12140159051627 20.663536533870626 99.12140159051627 25.819832266792048C99.12140159051627 30.976127999713526 99.74015707846682 33.55427586617424 102.14642842049683 38.19494202580353C104.14019610389313 42.044976173051566 108.677736348864 46.58251641802241 112.52777049611201 48.57628410141871C117.37468848505817 51.051306053221026 119.1622043391376 51.46380971185471 127.3091515971535 51.77318745583C139.4780095268481 52.288817029122185 148.00308513861154 53.97320696854314 157.73129642139003 57.857616420677346C185.33466624496282 68.82333867935694 205.85672326199017 93.1954298436323 211.66614978774834 121.89880942356166C213.0067866783079 128.60199387635956 213.2474138125109 131.24889235259255 213.2474138125109 139.77396796435602C213.2474138125109 145.10214022170817 213.07553728808017 149.33030272270375 212.76615954410488 151.2896951012139C211.04739429979776 162.70229632341338 208.33174521379243 171.15862132540454 203.10669887109873 181.1962103521583C199.3941659433953 188.3118984635899 198.80978576033084 190.3400414518723 198.80978576033084 195.97759145319975C198.80978576033084 201.1338871861212 199.42854124828142 203.71203505258194 201.83481259031146 208.35270121221123C203.82858027370776 212.20273535945924 208.3661205186786 216.7402756044301 212.21615466592658 218.7340432878264C216.85682082555593 221.14031462985642 219.43496869201664 221.75907011780697 224.59126442493806 221.75907011780697C228.30379735264154 221.75907011780697 229.50693302365653 221.6215688982624 231.6382019265974 220.93406280053955C237.61950497678623 219.07779633668784 242.98205253902455 215.19338688455366 246.213331198322 210.31209359072136C248.44772601592132 206.8745631021071 252.91651565111988 197.73073200239304 255.46028821269448 191.33692529357046C260.10095437232377 179.54619571762342 262.98847998275977 168.06484388565167 264.50099339775005 155.07097863868964C264.9478723612699 151.25531979632777 265.11974888570063 147.3021597344213 265.11974888570063 139.77396796435602C265.11974888570063 128.84262101056254 264.6728699221808 123.51444875321039 263.05723059253205 114.67999539747166C259.55094949414547 95.77357771009301 252.43526138271386 78.10467099861552 241.84766747778184 62.25765544610363C218.88496381383834 27.813599950188348 181.9658863661208 5.332150554650866 140.88739702718 0.7258596999076872C135.07797050142182 0.07272890707099577 122.87473726684105 -0.23664883690429406 120.53721653458332 0.2102301266155564Z"/><path fill="#F2F2F7" d="M22.670723523734296 56.27635239591473C12.805011021411268 58.02949294510802 4.486187238964675 65.3514328858565 1.2549085796672301 75.14839477840724C0.2580247379690874 78.13904630350166 0.15489882331065985 78.79217709633838 0.15489882331065985 83.05471490222013C0.15489882331065985 86.870373744582 0.2580247379690874 88.17663533025541 0.9111555308058001 90.37665484296858C2.801797299543665 96.94233807622189 6.8580832761085375 102.54551277266319 12.255006143232983 105.98304326127749C13.35501589958956 106.70492466388649 26.89888602472989 114.54249417792707 42.333397918608085 123.44569814343811C66.63673847311115 137.4364472320983 70.31489609592846 139.67084204969757 69.79926652263632 140.04897040344517C69.48988877866103 140.28959753764815 56.18664578772369 148.0240411370303 40.20212901566721 157.23662284651664C14.523776265718425 172.05237925244427 10.91436925267341 174.2523987651574 8.679974435074115 176.314917058326C-2.1138712991747752 186.38688138996588 -2.93887861644221 202.54327468645306 6.75495736145011 214.26525365262782C9.676858276772258 217.80591005590054 15.589410717188855 221.48406767871785 20.573829925679576 222.8247045692774C22.189469255328305 223.27158353279728 24.08011102406617 223.44346005722798 27.27701437847746 223.44346005722798C32.295808891854335 223.44346005722798 34.63332962411205 222.962205788822 38.620864990904636 221.0715640200841C39.961501881464216 220.45280853213356 53.78037444569368 212.5808637132068 69.35238755911645 203.57453383303738C84.92440067253922 194.56820395286792 97.74638939507055 187.2118887072333 97.81514000484283 187.2118887072333C97.84951530972897 187.2118887072333 97.91826591950125 202.50889938156692 97.91826591950125 221.2090652396287C97.91826591950125 258.30001921177694 97.88389061461511 257.75001433359864 99.91203360289755 262.9063100665201C102.55893207913054 269.74699573886255 108.47148451954716 275.5907975695069 115.31217019188959 278.1689454359676C131.4685634883768 284.2533744008149 148.86246776076513 274.59391372780874 152.0937464200626 257.7843896384848C152.50625007869627 255.6187454306578 152.57500068846855 246.13116128208236 152.57500068846855 198.5557393196605C152.57500068846855 161.98041492080438 152.437499468924 140.63335058650958 152.23124763960715 138.36458046402416C151.37186501745356 129.87388015714683 148.14058635815616 123.41132283855197 142.46866105194255 118.73628137403651C140.3717674538878 116.98314082484322 44.70529395575194 61.467023433722346 38.861492125107645 58.613873128172486C37.486479929661925 57.89199172556346 35.28646041694877 57.06698440829604 34.048949441047625 56.75760666432075C31.333300355042326 56.07010056659789 25.28324669508116 55.795098127508766 22.670723523734296 56.27635239591473Z"/><g transform="translate(360.56,209.44)"><path fill="#F2F2F7" d="M65.74 1.71C99.75 1.71 119.7 -13.49 119.7 -40.85C119.7 -60.230000000000004 108.68 -72.77 81.89 -80.18L56.43 -87.21000000000001C42.75 -91.01 39.71 -96.52 39.71 -103.17C39.71 -111.72 48.07 -117.23 61.37 -117.23C76.57000000000001 -117.23 86.83 -110.96000000000001 89.3 -97.66H117.42C114.95 -122.55 95.0 -138.89000000000001 63.08 -138.89000000000001C31.92 -138.89000000000001 11.59 -123.5 11.59 -98.8C11.59 -79.42 22.990000000000002 -66.88 49.21 -59.660000000000004L74.67 -52.63C87.02 -49.21 91.58 -44.08 91.58 -35.34C91.58 -25.84 82.84 -19.95 67.07000000000001 -19.95C47.69 -19.95 34.39 -29.07 32.68 -43.7H4.5600000000000005C8.17 -14.82 30.21 1.71 65.74 1.71Z M177.46 2.09C184.87 2.09 190.95 1.1400000000000001 194.37 -0.76V-22.42C191.14 -21.28 187.91 -20.52 184.11 -20.52C174.04 -20.52 169.29 -24.7 169.29 -33.44V-75.24H194.37V-96.9H169.29V-129.2L140.79 -118.56V-96.9H122.74V-75.24H140.79V-34.39C140.79 -9.69 152.57 2.09 177.46 2.09Z M233.89 1.9C248.51999999999998 1.9 259.53999999999996 -4.18 265.62 -15.77C265.81 -9.5 266.38 -4.5600000000000005 267.71 0.0H296.21C294.12 -7.41 293.36 -13.49 293.36 -19.95V-62.7C293.36 -86.07000000000001 278.15999999999997 -98.8 250.42 -98.8C223.44 -98.8 207.67 -86.07000000000001 205.2 -68.59H232.37C234.07999999999998 -74.86 239.78 -78.28 249.47 -78.28C259.53999999999996 -78.28 264.86 -73.53 264.86 -65.74V-60.8L240.92 -57.38C216.6 -53.96 202.35 -42.94 202.35 -24.89C202.35 -8.55 214.7 1.9 233.89 1.9ZM230.85 -28.69C230.85 -35.72 235.41 -39.71 245.67 -41.230000000000004L264.86 -44.08V-35.15C264.86 -26.6 255.35999999999999 -19.0 243.39 -19.0C235.79 -19.0 230.85 -22.42 230.85 -28.69Z M353.97 1.9C379.43 1.9 398.24 -12.92 402.04 -34.77H374.49C371.64 -25.46 363.85 -20.52 354.35 -20.52C340.48 -20.52 332.12 -31.35 332.12 -48.45C332.12 -65.55 340.48 -76.38 354.35 -76.38C363.85 -76.38 371.64 -71.44 374.49 -62.13H402.04C398.24 -83.98 379.43 -98.8 353.97 -98.8C323.57 -98.8 302.48 -77.71000000000001 302.48 -48.45C302.48 -19.19 323.57 1.9 353.97 1.9Z M414.01 0.0H442.51V-41.99L476.14 0.0H509.96000000000004L466.45000000000005 -51.11L508.06 -96.9H475.19L442.51 -58.14V-136.8H414.01Z M524.21 38.95H552.71L611.42 -96.9H581.02L559.17 -37.43L538.27 -96.9H507.49L543.78 -4.37Z M641.2500000000001 1.9C655.8800000000001 1.9 666.9000000000001 -4.18 672.98 -15.77C673.1700000000001 -9.5 673.74 -4.5600000000000005 675.07 0.0H703.57C701.48 -7.41 700.72 -13.49 700.72 -19.95V-62.7C700.72 -86.07000000000001 685.5200000000001 -98.8 657.7800000000001 -98.8C630.8000000000001 -98.8 615.0300000000001 -86.07000000000001 612.5600000000001 -68.59H639.73C641.44 -74.86 647.1400000000001 -78.28 656.83 -78.28C666.9000000000001 -78.28 672.22 -73.53 672.22 -65.74V-60.8L648.2800000000001 -57.38C623.96 -53.96 609.71 -42.94 609.71 -24.89C609.71 -8.55 622.0600000000001 1.9 641.2500000000001 1.9ZM638.21 -28.69C638.21 -35.72 642.7700000000001 -39.71 653.0300000000001 -41.230000000000004L672.22 -44.08V-35.15C672.22 -26.6 662.72 -19.0 650.7500000000001 -19.0C643.1500000000001 -19.0 638.21 -22.42 638.21 -28.69Z M719.72 0.0H748.22V-50.54C748.22 -66.31 756.58 -72.01 774.82 -72.01C778.0500000000001 -72.01 780.33 -71.82000000000001 781.6600000000001 -71.44V-98.04C780.33 -98.61 778.4300000000001 -98.8 776.34 -98.8C762.85 -98.8 752.97 -91.96000000000001 747.6500000000001 -79.04V-96.9H719.72Z M859.37 0.0H887.3V-136.8H858.8V-82.27C854.24 -92.72 843.41 -98.8 828.21 -98.8C801.42 -98.8 783.9399999999999 -78.85 783.9399999999999 -48.07C783.9399999999999 -17.67 800.66 1.9 827.45 1.9C842.27 1.9 854.43 -4.5600000000000005 859.37 -15.2ZM836.5699999999999 -20.9C822.89 -20.9 813.58 -30.59 813.58 -48.26C813.58 -65.93 822.89 -76.0 836.19 -76.0C849.87 -76.0 859.18 -66.12 859.18 -48.45C859.18 -30.78 849.87 -20.9 836.5699999999999 -20.9Z"/></g></svg>
diff --git a/public/img/stackyard-wordmark-light-b3140d1e.svg b/public/img/stackyard-wordmark-light-b3140d1e.svg
new file mode 100644
index 0000000..a5c94c7
--- /dev/null
+++ b/public/img/stackyard-wordmark-light-b3140d1e.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1247.86 280.00" width="1247.86" height="280.00" role="img" aria-label="Stackyard"><g transform="matrix(0.34375 0 0 0.34375 -50.58 -36.23)"><path fill="#00D2E0" d="M512 105.5A406.5 406.5 0 0 1 864.04 715.25A75.5 75.5 0 0 1 733.27 639.75A255.5 255.5 0 0 0 512 256.5A75.5 75.5 0 0 1 512 105.5Z"/><path fill="#1C1C1E" d="M551.5 443.58L264.85 278.08A79 79 0 0 0 185.85 414.92L472.5 580.42A79 79 0 0 0 551.5 443.58ZM472.5 443.58L185.85 609.08A79 79 0 0 0 264.85 745.92L551.5 580.42A79 79 0 0 0 472.5 443.58ZM433 512L433 843A79 79 0 0 0 591 843L591 512A79 79 0 0 0 433 512Z"/></g><g transform="translate(360.56,209.44)"><path fill="#1C1C1E" d="M65.74 1.71C99.75 1.71 119.7 -13.49 119.7 -40.85C119.7 -60.230000000000004 108.68 -72.77 81.89 -80.18L56.43 -87.21000000000001C42.75 -91.01 39.71 -96.52 39.71 -103.17C39.71 -111.72 48.07 -117.23 61.37 -117.23C76.57000000000001 -117.23 86.83 -110.96000000000001 89.3 -97.66H117.42C114.95 -122.55 95.0 -138.89000000000001 63.08 -138.89000000000001C31.92 -138.89000000000001 11.59 -123.5 11.59 -98.8C11.59 -79.42 22.990000000000002 -66.88 49.21 -59.660000000000004L74.67 -52.63C87.02 -49.21 91.58 -44.08 91.58 -35.34C91.58 -25.84 82.84 -19.95 67.07000000000001 -19.95C47.69 -19.95 34.39 -29.07 32.68 -43.7H4.5600000000000005C8.17 -14.82 30.21 1.71 65.74 1.71Z M177.46 2.09C184.87 2.09 190.95 1.1400000000000001 194.37 -0.76V-22.42C191.14 -21.28 187.91 -20.52 184.11 -20.52C174.04 -20.52 169.29 -24.7 169.29 -33.44V-75.24H194.37V-96.9H169.29V-129.2L140.79 -118.56V-96.9H122.74V-75.24H140.79V-34.39C140.79 -9.69 152.57 2.09 177.46 2.09Z M233.89 1.9C248.51999999999998 1.9 259.53999999999996 -4.18 265.62 -15.77C265.81 -9.5 266.38 -4.5600000000000005 267.71 0.0H296.21C294.12 -7.41 293.36 -13.49 293.36 -19.95V-62.7C293.36 -86.07000000000001 278.15999999999997 -98.8 250.42 -98.8C223.44 -98.8 207.67 -86.07000000000001 205.2 -68.59H232.37C234.07999999999998 -74.86 239.78 -78.28 249.47 -78.28C259.53999999999996 -78.28 264.86 -73.53 264.86 -65.74V-60.8L240.92 -57.38C216.6 -53.96 202.35 -42.94 202.35 -24.89C202.35 -8.55 214.7 1.9 233.89 1.9ZM230.85 -28.69C230.85 -35.72 235.41 -39.71 245.67 -41.230000000000004L264.86 -44.08V-35.15C264.86 -26.6 255.35999999999999 -19.0 243.39 -19.0C235.79 -19.0 230.85 -22.42 230.85 -28.69Z M353.97 1.9C379.43 1.9 398.24 -12.92 402.04 -34.77H374.49C371.64 -25.46 363.85 -20.52 354.35 -20.52C340.48 -20.52 332.12 -31.35 332.12 -48.45C332.12 -65.55 340.48 -76.38 354.35 -76.38C363.85 -76.38 371.64 -71.44 374.49 -62.13H402.04C398.24 -83.98 379.43 -98.8 353.97 -98.8C323.57 -98.8 302.48 -77.71000000000001 302.48 -48.45C302.48 -19.19 323.57 1.9 353.97 1.9Z M414.01 0.0H442.51V-41.99L476.14 0.0H509.96000000000004L466.45000000000005 -51.11L508.06 -96.9H475.19L442.51 -58.14V-136.8H414.01Z M524.21 38.95H552.71L611.42 -96.9H581.02L559.17 -37.43L538.27 -96.9H507.49L543.78 -4.37Z M641.2500000000001 1.9C655.8800000000001 1.9 666.9000000000001 -4.18 672.98 -15.77C673.1700000000001 -9.5 673.74 -4.5600000000000005 675.07 0.0H703.57C701.48 -7.41 700.72 -13.49 700.72 -19.95V-62.7C700.72 -86.07000000000001 685.5200000000001 -98.8 657.7800000000001 -98.8C630.8000000000001 -98.8 615.0300000000001 -86.07000000000001 612.5600000000001 -68.59H639.73C641.44 -74.86 647.1400000000001 -78.28 656.83 -78.28C666.9000000000001 -78.28 672.22 -73.53 672.22 -65.74V-60.8L648.2800000000001 -57.38C623.96 -53.96 609.71 -42.94 609.71 -24.89C609.71 -8.55 622.0600000000001 1.9 641.2500000000001 1.9ZM638.21 -28.69C638.21 -35.72 642.7700000000001 -39.71 653.0300000000001 -41.230000000000004L672.22 -44.08V-35.15C672.22 -26.6 662.72 -19.0 650.7500000000001 -19.0C643.1500000000001 -19.0 638.21 -22.42 638.21 -28.69Z M719.72 0.0H748.22V-50.54C748.22 -66.31 756.58 -72.01 774.82 -72.01C778.0500000000001 -72.01 780.33 -71.82000000000001 781.6600000000001 -71.44V-98.04C780.33 -98.61 778.4300000000001 -98.8 776.34 -98.8C762.85 -98.8 752.97 -91.96000000000001 747.6500000000001 -79.04V-96.9H719.72Z M859.37 0.0H887.3V-136.8H858.8V-82.27C854.24 -92.72 843.41 -98.8 828.21 -98.8C801.42 -98.8 783.9399999999999 -78.85 783.9399999999999 -48.07C783.9399999999999 -17.67 800.66 1.9 827.45 1.9C842.27 1.9 854.43 -4.5600000000000005 859.37 -15.2ZM836.5699999999999 -20.9C822.89 -20.9 813.58 -30.59 813.58 -48.26C813.58 -65.93 822.89 -76.0 836.19 -76.0C849.87 -76.0 859.18 -66.12 859.18 -48.45C859.18 -30.78 849.87 -20.9 836.5699999999999 -20.9Z"/></g></svg>
diff --git a/public/img/stackyard-wordmark-light.svg b/public/img/stackyard-wordmark-light.svg
deleted file mode 100644
index b146d70..0000000
--- a/public/img/stackyard-wordmark-light.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1247.86 280.00" width="1247.86" height="280.00" role="img" aria-label="Stackyard"><path fill="#00D2E0" d="M120.53721653458332 0.2102301266155564C117.95906866812261 0.6571090901354069 115.51842202120646 1.5508670171751646 112.52777049611201 3.063380432165445C108.677736348864 5.022772810675576 104.14019610389313 9.594688360532587 102.14642842049683 13.444722507780625C99.74015707846682 18.085388667409916 99.12140159051627 20.663536533870626 99.12140159051627 25.819832266792048C99.12140159051627 30.976127999713526 99.74015707846682 33.55427586617424 102.14642842049683 38.19494202580353C104.14019610389313 42.044976173051566 108.677736348864 46.58251641802241 112.52777049611201 48.57628410141871C117.37468848505817 51.051306053221026 119.1622043391376 51.46380971185471 127.3091515971535 51.77318745583C139.4780095268481 52.288817029122185 148.00308513861154 53.97320696854314 157.73129642139003 57.857616420677346C185.33466624496282 68.82333867935694 205.85672326199017 93.1954298436323 211.66614978774834 121.89880942356166C213.0067866783079 128.60199387635956 213.2474138125109 131.24889235259255 213.2474138125109 139.77396796435602C213.2474138125109 145.10214022170817 213.07553728808017 149.33030272270375 212.76615954410488 151.2896951012139C211.04739429979776 162.70229632341338 208.33174521379243 171.15862132540454 203.10669887109873 181.1962103521583C199.3941659433953 188.3118984635899 198.80978576033084 190.3400414518723 198.80978576033084 195.97759145319975C198.80978576033084 201.1338871861212 199.42854124828142 203.71203505258194 201.83481259031146 208.35270121221123C203.82858027370776 212.20273535945924 208.3661205186786 216.7402756044301 212.21615466592658 218.7340432878264C216.85682082555593 221.14031462985642 219.43496869201664 221.75907011780697 224.59126442493806 221.75907011780697C228.30379735264154 221.75907011780697 229.50693302365653 221.6215688982624 231.6382019265974 220.93406280053955C237.61950497678623 219.07779633668784 242.98205253902455 215.19338688455366 246.213331198322 210.31209359072136C248.44772601592132 206.8745631021071 252.91651565111988 197.73073200239304 255.46028821269448 191.33692529357046C260.10095437232377 179.54619571762342 262.98847998275977 168.06484388565167 264.50099339775005 155.07097863868964C264.9478723612699 151.25531979632777 265.11974888570063 147.3021597344213 265.11974888570063 139.77396796435602C265.11974888570063 128.84262101056254 264.6728699221808 123.51444875321039 263.05723059253205 114.67999539747166C259.55094949414547 95.77357771009301 252.43526138271386 78.10467099861552 241.84766747778184 62.25765544610363C218.88496381383834 27.813599950188348 181.9658863661208 5.332150554650866 140.88739702718 0.7258596999076872C135.07797050142182 0.07272890707099577 122.87473726684105 -0.23664883690429406 120.53721653458332 0.2102301266155564Z"/><path fill="#1C1C1E" d="M22.670723523734296 56.27635239591473C12.805011021411268 58.02949294510802 4.486187238964675 65.3514328858565 1.2549085796672301 75.14839477840724C0.2580247379690874 78.13904630350166 0.15489882331065985 78.79217709633838 0.15489882331065985 83.05471490222013C0.15489882331065985 86.870373744582 0.2580247379690874 88.17663533025541 0.9111555308058001 90.37665484296858C2.801797299543665 96.94233807622189 6.8580832761085375 102.54551277266319 12.255006143232983 105.98304326127749C13.35501589958956 106.70492466388649 26.89888602472989 114.54249417792707 42.333397918608085 123.44569814343811C66.63673847311115 137.4364472320983 70.31489609592846 139.67084204969757 69.79926652263632 140.04897040344517C69.48988877866103 140.28959753764815 56.18664578772369 148.0240411370303 40.20212901566721 157.23662284651664C14.523776265718425 172.05237925244427 10.91436925267341 174.2523987651574 8.679974435074115 176.314917058326C-2.1138712991747752 186.38688138996588 -2.93887861644221 202.54327468645306 6.75495736145011 214.26525365262782C9.676858276772258 217.80591005590054 15.589410717188855 221.48406767871785 20.573829925679576 222.8247045692774C22.189469255328305 223.27158353279728 24.08011102406617 223.44346005722798 27.27701437847746 223.44346005722798C32.295808891854335 223.44346005722798 34.63332962411205 222.962205788822 38.620864990904636 221.0715640200841C39.961501881464216 220.45280853213356 53.78037444569368 212.5808637132068 69.35238755911645 203.57453383303738C84.92440067253922 194.56820395286792 97.74638939507055 187.2118887072333 97.81514000484283 187.2118887072333C97.84951530972897 187.2118887072333 97.91826591950125 202.50889938156692 97.91826591950125 221.2090652396287C97.91826591950125 258.30001921177694 97.88389061461511 257.75001433359864 99.91203360289755 262.9063100665201C102.55893207913054 269.74699573886255 108.47148451954716 275.5907975695069 115.31217019188959 278.1689454359676C131.4685634883768 284.2533744008149 148.86246776076513 274.59391372780874 152.0937464200626 257.7843896384848C152.50625007869627 255.6187454306578 152.57500068846855 246.13116128208236 152.57500068846855 198.5557393196605C152.57500068846855 161.98041492080438 152.437499468924 140.63335058650958 152.23124763960715 138.36458046402416C151.37186501745356 129.87388015714683 148.14058635815616 123.41132283855197 142.46866105194255 118.73628137403651C140.3717674538878 116.98314082484322 44.70529395575194 61.467023433722346 38.861492125107645 58.613873128172486C37.486479929661925 57.89199172556346 35.28646041694877 57.06698440829604 34.048949441047625 56.75760666432075C31.333300355042326 56.07010056659789 25.28324669508116 55.795098127508766 22.670723523734296 56.27635239591473Z"/><g transform="translate(360.56,209.44)"><path fill="#1C1C1E" d="M65.74 1.71C99.75 1.71 119.7 -13.49 119.7 -40.85C119.7 -60.230000000000004 108.68 -72.77 81.89 -80.18L56.43 -87.21000000000001C42.75 -91.01 39.71 -96.52 39.71 -103.17C39.71 -111.72 48.07 -117.23 61.37 -117.23C76.57000000000001 -117.23 86.83 -110.96000000000001 89.3 -97.66H117.42C114.95 -122.55 95.0 -138.89000000000001 63.08 -138.89000000000001C31.92 -138.89000000000001 11.59 -123.5 11.59 -98.8C11.59 -79.42 22.990000000000002 -66.88 49.21 -59.660000000000004L74.67 -52.63C87.02 -49.21 91.58 -44.08 91.58 -35.34C91.58 -25.84 82.84 -19.95 67.07000000000001 -19.95C47.69 -19.95 34.39 -29.07 32.68 -43.7H4.5600000000000005C8.17 -14.82 30.21 1.71 65.74 1.71Z M177.46 2.09C184.87 2.09 190.95 1.1400000000000001 194.37 -0.76V-22.42C191.14 -21.28 187.91 -20.52 184.11 -20.52C174.04 -20.52 169.29 -24.7 169.29 -33.44V-75.24H194.37V-96.9H169.29V-129.2L140.79 -118.56V-96.9H122.74V-75.24H140.79V-34.39C140.79 -9.69 152.57 2.09 177.46 2.09Z M233.89 1.9C248.51999999999998 1.9 259.53999999999996 -4.18 265.62 -15.77C265.81 -9.5 266.38 -4.5600000000000005 267.71 0.0H296.21C294.12 -7.41 293.36 -13.49 293.36 -19.95V-62.7C293.36 -86.07000000000001 278.15999999999997 -98.8 250.42 -98.8C223.44 -98.8 207.67 -86.07000000000001 205.2 -68.59H232.37C234.07999999999998 -74.86 239.78 -78.28 249.47 -78.28C259.53999999999996 -78.28 264.86 -73.53 264.86 -65.74V-60.8L240.92 -57.38C216.6 -53.96 202.35 -42.94 202.35 -24.89C202.35 -8.55 214.7 1.9 233.89 1.9ZM230.85 -28.69C230.85 -35.72 235.41 -39.71 245.67 -41.230000000000004L264.86 -44.08V-35.15C264.86 -26.6 255.35999999999999 -19.0 243.39 -19.0C235.79 -19.0 230.85 -22.42 230.85 -28.69Z M353.97 1.9C379.43 1.9 398.24 -12.92 402.04 -34.77H374.49C371.64 -25.46 363.85 -20.52 354.35 -20.52C340.48 -20.52 332.12 -31.35 332.12 -48.45C332.12 -65.55 340.48 -76.38 354.35 -76.38C363.85 -76.38 371.64 -71.44 374.49 -62.13H402.04C398.24 -83.98 379.43 -98.8 353.97 -98.8C323.57 -98.8 302.48 -77.71000000000001 302.48 -48.45C302.48 -19.19 323.57 1.9 353.97 1.9Z M414.01 0.0H442.51V-41.99L476.14 0.0H509.96000000000004L466.45000000000005 -51.11L508.06 -96.9H475.19L442.51 -58.14V-136.8H414.01Z M524.21 38.95H552.71L611.42 -96.9H581.02L559.17 -37.43L538.27 -96.9H507.49L543.78 -4.37Z M641.2500000000001 1.9C655.8800000000001 1.9 666.9000000000001 -4.18 672.98 -15.77C673.1700000000001 -9.5 673.74 -4.5600000000000005 675.07 0.0H703.57C701.48 -7.41 700.72 -13.49 700.72 -19.95V-62.7C700.72 -86.07000000000001 685.5200000000001 -98.8 657.7800000000001 -98.8C630.8000000000001 -98.8 615.0300000000001 -86.07000000000001 612.5600000000001 -68.59H639.73C641.44 -74.86 647.1400000000001 -78.28 656.83 -78.28C666.9000000000001 -78.28 672.22 -73.53 672.22 -65.74V-60.8L648.2800000000001 -57.38C623.96 -53.96 609.71 -42.94 609.71 -24.89C609.71 -8.55 622.0600000000001 1.9 641.2500000000001 1.9ZM638.21 -28.69C638.21 -35.72 642.7700000000001 -39.71 653.0300000000001 -41.230000000000004L672.22 -44.08V-35.15C672.22 -26.6 662.72 -19.0 650.7500000000001 -19.0C643.1500000000001 -19.0 638.21 -22.42 638.21 -28.69Z M719.72 0.0H748.22V-50.54C748.22 -66.31 756.58 -72.01 774.82 -72.01C778.0500000000001 -72.01 780.33 -71.82000000000001 781.6600000000001 -71.44V-98.04C780.33 -98.61 778.4300000000001 -98.8 776.34 -98.8C762.85 -98.8 752.97 -91.96000000000001 747.6500000000001 -79.04V-96.9H719.72Z M859.37 0.0H887.3V-136.8H858.8V-82.27C854.24 -92.72 843.41 -98.8 828.21 -98.8C801.42 -98.8 783.9399999999999 -78.85 783.9399999999999 -48.07C783.9399999999999 -17.67 800.66 1.9 827.45 1.9C842.27 1.9 854.43 -4.5600000000000005 859.37 -15.2ZM836.5699999999999 -20.9C822.89 -20.9 813.58 -30.59 813.58 -48.26C813.58 -65.93 822.89 -76.0 836.19 -76.0C849.87 -76.0 859.18 -66.12 859.18 -48.45C859.18 -30.78 849.87 -20.9 836.5699999999999 -20.9Z"/></g></svg>
diff --git a/public/js/admin-app-form.js b/public/js/admin-app-form.js
index 43cd9ef..ff9eaeb 100644
--- a/public/js/admin-app-form.js
+++ b/public/js/admin-app-form.js
@@ -1,4 +1,4 @@
-import { clr as rc, el, inp as inpById, q as qSel, qa, qi, tgt } from '/js/utils.js?v=55685187';
+import { clr, el, inp as inpById, q as qSel, qa, qi, tgt } from '/js/utils.js?v=eadafbcd';
 import { html, raw, setHtml } from '/js/html.js?v=c71f8903';
 import { loadLocalIcons, resolveIcon, iconChain, cdnIconRef, splitIconRef } from '/js/icons.js?v=9c8c550c';
 import { state } from '/js/admin-state.js?v=831e219e';
@@ -10,24 +10,24 @@ import {
   failureIsMissingApiPath,
   nextActiveIndex,
   sameIconName,
-} from '/js/admin-logic.js?v=e3673bd7';
+} from '/js/admin-logic.js?v=cbb7417d';
 import { t } from '/js/i18n.js?v=1f1ea9c1';
 import {
   toast,
-  ag,
-  ap,
+  apiGet,
+  apiPost,
   PE_SVG,
   initInlineEdit,
   reveal,
   setTogDisabled,
   swapContent,
-} from '/js/admin-shared.js?v=52e149f5';
-import { createListbox } from '/js/listbox.js?v=32f787c3';
-import { MAX_LABELS } from '/js/badge-logic.js?v=ad283693';
-import { renderColorControl, BADGE_DEFAULT } from '/js/admin-color-control.js?v=42c11a9b';
-import { badgeErrorAdvice, TONE } from '/js/admin-error.js?v=10f3cdb1';
+} from '/js/admin-shared.js?v=d2e8b6dc';
+import { createListbox } from '/js/listbox.js?v=f057351d';
+import { MAX_LABELS } from '/js/badge-logic.js?v=9e6d9d4b';
+import { renderColorControl, BADGE_DEFAULT } from '/js/admin-color-control.js?v=e963853a';
+import { badgeErrorAdvice, TONE } from '/js/admin-error.js?v=e4ea7820';
 import { fluidHoverClear, fluidHoverKb } from '/js/fluid-hover.js?v=cb886e86';
-import { iconSvg } from '/js/icon-set.js?v=606a68c6';
+import { iconSvg } from '/js/icon-set.js?v=08b74a28';
 
 export function buildFolderForm(body, item) {
   const children = item?.children || [];
@@ -208,7 +208,7 @@ export function buildAppForm(body, item) {
 
   /* The markup carries no style attribute, so the preview is painted here. */
   const pv0 = el('ipv');
-  if (pv0) pv0.style.background = rc(state.scol);
+  if (pv0) pv0.style.background = clr(state.scol);
   renderColorControl(el('icon-color-slot'), {
     value: state.scol || 'auto',
     idPrefix: 'icon-col',
@@ -217,7 +217,7 @@ export function buildAppForm(body, item) {
     onChange(v) {
       state.scol = v;
       const pv = el('ipv');
-      if (pv) pv.style.background = rc(state.scol);
+      if (pv) pv.style.background = clr(state.scol);
     },
   });
   renderColorControl(el('static-color-slot'), {
@@ -621,7 +621,7 @@ function renderIconVariants(variants) {
 async function loadIconVariants(ref) {
   if (!ref || ref.startsWith('http://') || ref.startsWith('https://') || ref.includes('/')) return;
   try {
-    const d = await ag(`/api/icons/variants?ref=${encodeURIComponent(ref)}`);
+    const d = await apiGet(`/api/icons/variants?ref=${encodeURIComponent(ref)}`);
     if (inpById('ip-in')?.value !== ref) return;
     const variants = d.variants || [];
     /* The catalogue lists this name but holds no file under it. */
@@ -642,7 +642,7 @@ function wireIcon() {
     const mine = ++run;
     const q = v.replace(/\.(svg|png|ico)$/i, '');
     try {
-      const d = await ag(`/api/icons/search?q=${encodeURIComponent(q)}`);
+      const d = await apiGet(`/api/icons/search?q=${encodeURIComponent(q)}`);
       if (mine !== run) return;
       showIPRes(d.results || [], v);
     } catch {
@@ -827,7 +827,7 @@ function updPrev(explicit) {
   const p = el('ipv');
   if (!p) return;
   const run = ++prevRun;
-  p.style.background = rc(state.scol);
+  p.style.background = clr(state.scol);
   if (!state.siurl) {
     setInitialGlyph(p);
     return;
@@ -863,7 +863,7 @@ async function testPing() {
   st.textContent = t('app.testing');
   const skipTls = inpById('f-skip-tls')?.checked || false;
   try {
-    const r = await ap('/api/ping', { url, skipTls });
+    const r = await apiPost('/api/ping', { url, skipTls });
     st.textContent = r.ok
       ? '✓ ' + t('app.reachable', { status: r.status })
       : '✗ ' + t('app.httpError', { status: r.status });
@@ -920,21 +920,21 @@ function renderKvRows(host, rows, ph) {
 const defaultValuePlaceholder = ph => ph.split('=')[1] || 'value';
 
 function kvRowEl(host, rows, row, ph) {
-  const el = document.createElement('div');
-  el.className = 'kv-row';
+  const rowEl = document.createElement('div');
+  rowEl.className = 'kv-row';
   const valPh = row.secret && row.valueSet && row.value === '' ? 'Configured' : defaultValuePlaceholder(ph);
   setHtml(
-    el,
+    rowEl,
     html`
     <input class="kv-k" type="text" placeholder="${t('app.headerKeyPh')}" value="${row.key}" aria-label="${t('app.headerKey')}">
     <input class="kv-v" type="${row.secret ? 'password' : 'text'}" placeholder="${valPh}" value="${row.value}" autocomplete="off" aria-label="${t('app.headerValue')}">
     <label class="kv-cred" title="${t('app.secretTip')}"><input type="checkbox" ${row.secret ? 'checked' : ''} aria-label="${t('app.secret')}"><span class="kv-box"></span><span class="kv-cred-lbl">${t('app.secret')}</span></label>
     <button class="kv-del" type="button" aria-label="${t('widgetCfg.remove')}">✕</button>`,
   );
-  const kEl = qi('.kv-k', el),
-    vEl = qi('.kv-v', el),
-    cEl = qi('.kv-cred input', el),
-    dEl = qSel('.kv-del', el);
+  const kEl = qi('.kv-k', rowEl),
+    vEl = qi('.kv-v', rowEl),
+    cEl = qi('.kv-cred input', rowEl),
+    dEl = qSel('.kv-del', rowEl);
   kEl.oninput = () => {
     row.key = kEl.value;
   };
@@ -959,7 +959,7 @@ function kvRowEl(host, rows, row, ph) {
     if (idx >= 0) rows.splice(idx, 1);
     renderKvRows(host, rows, ph);
   };
-  return el;
+  return rowEl;
 }
 
 async function fetchBadge() {
@@ -980,7 +980,7 @@ async function fetchBadge() {
     const params = serializeKvRows(state._bpar);
     const headers = serializeKvRows(state._bhdr);
     const skipTls = inpById('f-skip-tls')?.checked || false;
-    const r = await ap('/api/badge-proxy', {
+    const r = await apiPost('/api/badge-proxy', {
       url,
       params,
       headers,
@@ -1007,7 +1007,7 @@ async function fetchBadge() {
       const tone = missingPath || advice.tone === TONE.WARN ? 'var(--warning)' : 'var(--danger)';
       st.style.cssText = 'margin-top:4px;color:' + tone;
       if (missingPath) st.textContent = t('app.needsApiPathError');
-      else st.textContent = advice.tone === TONE.WARN ? advice.message : '✗ ' + advice.message;
+      else st.textContent = (advice.tone === TONE.WARN ? '' : '✗ ') + t(advice.key, advice.vars);
     }
     if (advice.openAuth && !missingPath) {
       const authCb = inpById('auth-en');
diff --git a/public/js/admin-auth.js b/public/js/admin-auth.js
index 1697b38..bf26807 100644
--- a/public/js/admin-auth.js
+++ b/public/js/admin-auth.js
@@ -1,11 +1,11 @@
-import { ag, ap } from '/js/admin-shared.js?v=52e149f5';
+import { apiGet, apiPost } from '/js/admin-shared.js?v=d2e8b6dc';
 import { t } from '/js/i18n.js?v=1f1ea9c1';
 import { pwStrength } from '/js/password-strength.js?v=42f45ac7';
-import { el, inp as inpById, qa } from '/js/utils.js?v=55685187';
+import { el, inp as inpById, qa } from '/js/utils.js?v=eadafbcd';
 
 export async function checkAuth(onLogin) {
   try {
-    const d = await ag('/api/auth/check');
+    const d = await apiGet('/api/auth/check');
     if (!d.enabled || d.authenticated) return true;
     showLoginScreen(onLogin);
     return false;
@@ -39,7 +39,7 @@ function showLoginScreen(onLogin) {
     if (btn) btn.disabled = true;
     if (err) err.style.display = 'none';
     try {
-      await ap('/api/auth/login', { password: pw?.value || '' });
+      await apiPost('/api/auth/login', { password: pw?.value || '' });
       if (s) s.style.display = 'none';
       onLogin?.();
     } catch (e) {
diff --git a/public/js/admin-color-control.js b/public/js/admin-color-control.js
index 690d436..18a7e73 100644
--- a/public/js/admin-color-control.js
+++ b/public/js/admin-color-control.js
@@ -1,8 +1,8 @@
-import { PE_SVG, initInlineEdit, toast, reveal } from '/js/admin-shared.js?v=52e149f5';
+import { PE_SVG, initInlineEdit, toast, reveal } from '/js/admin-shared.js?v=d2e8b6dc';
 import { t } from '/js/i18n.js?v=1f1ea9c1';
 import { html, raw, setHtml } from '/js/html.js?v=c71f8903';
-import { qa, q } from '/js/utils.js?v=55685187';
-import { iconSvg } from '/js/icon-set.js?v=606a68c6';
+import { qa, q } from '/js/utils.js?v=eadafbcd';
+import { iconSvg } from '/js/icon-set.js?v=08b74a28';
 import { HUE_NAMES, ROLE_NAMES, TILE_KEYWORDS, pageTheme, tileColor } from '/js/palette.js?v=3fb8ae43';
 
 const CC_SWATCHES = ['#1c1c1e', '#8e8e93', '#f2f2f7', '#ff393c', '#ffcd00', '#35c759', '#0289ff', '#cb30df'];
@@ -158,8 +158,8 @@ export function renderColorControl(
   const rainbow = html`<button type="button" class="cc-swatch cc-rainbow" data-v="custom" aria-label="${t('appearance.customColor')}"></button>`;
   const swatches = variant ? html`${top.map(kwSwatch)}${rainbow}` : html`${rainbow}${swatchColors.map(swatch)}`;
   const wrap = document.createElement('div');
-  const slider = (label, cls, id, max, val, lo, hi) => html`
-    <div class="row hsb-row"><span class="rl">${label}</span><div class="hsb-track"><span class="hsb-ico">${raw(lo)}</span><input type="range" class="${cls}" id="${id}" min="0" max="${max}" value="${val}" aria-label="${label}"><span class="hsb-ico">${raw(hi)}</span></div></div>`;
+  const slider = (name, cls, id, max, val, lo, hi) => html`
+    <div class="row hsb-row"><span class="rl">${name}</span><div class="hsb-track"><span class="hsb-ico">${raw(lo)}</span><input type="range" class="${cls}" id="${id}" min="0" max="${max}" value="${val}" aria-label="${name}"><span class="hsb-ico">${raw(hi)}</span></div></div>`;
   const hueRow = hues.length
     ? html`<div class="row cc-row cc-hues"><span class="rl">${t('color.system')}</span><div class="cc-sw">${hues.map(kwSwatch)}</div></div>`
     : '';
@@ -228,11 +228,6 @@ export function renderColorControl(
        target on a phone. */
     sEl.style.backgroundImage = `linear-gradient(var(--slider-dir), ${_hsvToHex(h, 0, v)}, ${_hsvToHex(h, 100, v)})`;
     vEl.style.backgroundImage = `linear-gradient(var(--slider-dir), #000, ${_hsvToHex(h, 100, 100)})`;
-    /* Each knob previews what its own slider is set to: the hue on its own, the
-       resulting colour for the other two. */
-    hEl.style.setProperty('--knob-fill', _hsvToHex(h, 100, 100));
-    sEl.style.setProperty('--knob-fill', hex);
-    vEl.style.setProperty('--knob-fill', hex);
     qa('.cc-swatch', container).forEach(b => {
       let on = false;
       if (mode !== 'color') on = b.dataset.v === mode;
@@ -288,12 +283,12 @@ export function renderColorControl(
     placeholder: '#rrggbb or any CSS color',
     onCommit(val) {
       if (mode !== 'color' && val === kwName(mode)) return;
-      const { value, ok } = normalizeColorInput(val);
-      const hv = ok ? _hexToHsv(value) : null;
+      const { value: parsed, ok } = normalizeColorInput(val);
+      const hv = ok ? _hexToHsv(parsed) : null;
       if (hv) {
         mode = 'color';
         showTune = true;
-        setSliders(value);
+        setSliders(parsed);
       } else if (val) toast(t('toast.colorInvalid'), 'err');
       commit();
     },
diff --git a/public/js/admin-drag.js b/public/js/admin-drag.js
index 44b450c..b624a1a 100644
--- a/public/js/admin-drag.js
+++ b/public/js/admin-drag.js
@@ -11,8 +11,8 @@
 
 import { applyDrop, canJoinFolder, folderRowZone } from '/js/admin-drag-logic.js?v=6b767e76';
 import { state } from '/js/admin-state.js?v=831e219e';
-import { snapshotItems } from '/js/admin-save-logic.js?v=858f3f84';
-import { qa } from '/js/utils.js?v=55685187';
+import { snapshotItems } from '/js/admin-save-logic.js?v=60a82419';
+import { qa } from '/js/utils.js?v=eadafbcd';
 
 /** @type {(before: unknown) => void} */
 let _save = () => {};
diff --git a/public/js/admin-error.js b/public/js/admin-error.js
index c821a88..f12a64b 100644
--- a/public/js/admin-error.js
+++ b/public/js/admin-error.js
@@ -1,5 +1,9 @@
-/* Maps the API's `kind` to what the admin UI should do about it. Keep it free
-   of the DOM and of imports: api/test loads it directly. */
+/* Maps the API's structured error to what the admin UI should do about it. Keep
+   it free of the DOM and of imports: its tests load it directly.
+
+   The API's `code` is the whole input. `error` is prose the server wrote for a
+   log; it is never translated and never shown. Advice therefore carries a
+   translation key and its variables, never finished text. */
 
 export const KIND = Object.freeze({
   NETWORK: 'network',
@@ -13,80 +17,71 @@ export const KIND = Object.freeze({
 
 export const TONE = Object.freeze({ WARN: 'warn', ERROR: 'error' });
 
-/* The reason code the API sends with a block that ALLOW_PRIVATE_IPS would let
-   through. The message itself never names the address. */
-const PRIVATE_ADDRESS = 'private-address';
+const BY_CODE = Object.freeze({
+  'blocked.private-address': 'adminError.privateAddress',
+  'invalid.retype': 'adminError.retype',
+  'upstream.redirect': 'adminError.redirect',
+  'network.tls-ignored': 'adminError.tlsIgnored',
+  'network.tls-untrusted': 'adminError.tlsUntrusted',
+});
 
-const PRIVATE_ADDRESS_ADVICE =
-  'Most homelab services live on private IPs. Set ALLOW_PRIVATE_IPS=true and restart the container.';
+const BY_KIND = Object.freeze({
+  [KIND.NETWORK]: 'adminError.unreachable',
+  [KIND.TIMEOUT]: 'adminError.unreachable',
+  [KIND.BLOCKED]: 'adminError.genericBlocked',
+  [KIND.AUTH]: 'adminError.sessionExpired',
+  [KIND.UPSTREAM]: 'adminError.genericUpstream',
+  [KIND.INVALID]: 'adminError.genericInvalid',
+  [KIND.INTERNAL]: 'adminError.genericInternal',
+});
 
-const blockedForPrivateAddress = ({ kind, detail }) => kind === KIND.BLOCKED && detail?.reason === PRIVATE_ADDRESS;
+/* Each key is a whole sentence. Composing one from a fragment and a number puts
+   word order in the code and breaks every language that does not share it. */
+function statusKey(status) {
+  if (status === 404) return 'adminError.statusNotFound';
+  if (status === 405) return 'adminError.statusMethod';
+  if (status === 407) return 'adminError.statusProxyAuth';
+  if (status >= 500) return 'adminError.statusServer';
+  return 'adminError.statusOther';
+}
 
-/* An unknown or missing kind degrades to INTERNAL. */
 export function readError(e) {
   const kind = e && typeof e.kind === 'string' && Object.values(KIND).includes(e.kind) ? e.kind : KIND.INTERNAL;
   const detail = e && e.detail && typeof e.detail === 'object' ? e.detail : null;
-  return { kind, detail, message: (e && e.message) || '' };
+  const code = e && typeof e.code === 'string' && e.code ? e.code : kind;
+  return { kind, code, detail };
+}
+
+function adviceFor(read) {
+  const { kind, code, detail } = read;
+  const status = detail && typeof detail.status === 'number' ? detail.status : null;
+  if (code === 'upstream.status' && status !== null) return { key: statusKey(status), vars: { status } };
+  if (BY_CODE[code]) {
+    return status !== null ? { key: BY_CODE[code], vars: { status } } : { key: BY_CODE[code] };
+  }
+  return { key: BY_KIND[kind] || BY_KIND[KIND.INTERNAL] };
 }
 
 export function badgeErrorAdvice(e) {
   const read = readError(e);
-  const { kind, detail, message } = read;
+  const { kind, code, detail } = read;
+  const status = detail && typeof detail.status === 'number' ? detail.status : null;
 
   if (kind === KIND.AUTH) {
-    return {
-      tone: TONE.ERROR,
-      message: 'Your session has expired. Sign in again to continue.',
-      openAuth: false,
-      sessionExpired: true,
-    };
+    return { tone: TONE.ERROR, code, key: 'adminError.sessionExpired', openAuth: false, sessionExpired: true };
   }
 
-  if (kind === KIND.UPSTREAM && (detail?.status === 401 || detail?.status === 403)) {
-    return {
-      tone: TONE.WARN,
-      message: 'Authentication required. Enable the Authentication toggle below and add your API key.',
-      openAuth: true,
-      sessionExpired: false,
-    };
+  if (kind === KIND.UPSTREAM && (status === 401 || status === 403)) {
+    return { tone: TONE.WARN, code, key: 'adminError.authRequired', openAuth: true, sessionExpired: false };
   }
 
-  if (kind === KIND.NETWORK || kind === KIND.TIMEOUT) {
-    return {
-      tone: TONE.WARN,
-      message:
-        "Can't reach this address from Docker. Try using the container name, e.g. http://container-name:8181/api/v2",
-      openAuth: false,
-      sessionExpired: false,
-    };
-  }
-
-  if (blockedForPrivateAddress(read)) {
-    return {
-      tone: TONE.WARN,
-      message: `${message} ${PRIVATE_ADDRESS_ADVICE}`,
-      openAuth: false,
-      sessionExpired: false,
-    };
-  }
-
-  /* BLOCKED carries a reason this project wrote, so it is shown verbatim. */
-  return {
-    tone: TONE.ERROR,
-    message: message || 'Request failed.',
-    openAuth: false,
-    sessionExpired: false,
-  };
+  const warn = kind === KIND.NETWORK || kind === KIND.TIMEOUT || code === 'blocked.private-address';
+  return { ...adviceFor(read), code, tone: warn ? TONE.WARN : TONE.ERROR, openAuth: false, sessionExpired: false };
 }
 
-/* Same shape as badgeErrorAdvice: a settings Fetch and a badge test report the
-   same failures and must not disagree about the tone. */
+/* Same wording as badgeErrorAdvice: a settings Fetch and a badge test report the
+   same failures and must not disagree about either the text or the tone. */
 export function optionsErrorAdvice(e) {
-  const read = readError(e);
-  const { kind, message } = read;
-  if (blockedForPrivateAddress(read)) {
-    return { tone: TONE.WARN, message: `${message} ${PRIVATE_ADDRESS_ADVICE}` };
-  }
-  if (kind === KIND.INVALID && message) return { tone: TONE.ERROR, message };
-  return { tone: TONE.ERROR, message: 'Fetch failed: ' + (message || 'Request failed.') };
+  const { tone, key, vars, code } = badgeErrorAdvice(e);
+  return vars ? { tone, code, key, vars } : { tone, code, key };
 }
diff --git a/public/js/admin-list.js b/public/js/admin-list.js
index d33d7d8..9b7e806 100644
--- a/public/js/admin-list.js
+++ b/public/js/admin-list.js
@@ -12,16 +12,16 @@
    reads and writes them too. */
 
 import { collapsedFolders, filter, state } from '/js/admin-state.js?v=831e219e';
-import { snapshotItems } from '/js/admin-save-logic.js?v=858f3f84';
-import { reorderItems } from '/js/admin-logic.js?v=e3673bd7';
-import { initDrag, wireRowDrag } from '/js/admin-drag.js?v=a9bbc794';
-import { paintIcon } from '/js/admin-shared.js?v=52e149f5';
-import { clr as rc, el, qa, setUserText } from '/js/utils.js?v=55685187';
+import { snapshotItems } from '/js/admin-save-logic.js?v=60a82419';
+import { reorderItems } from '/js/admin-logic.js?v=cbb7417d';
+import { initDrag, wireRowDrag } from '/js/admin-drag.js?v=36006b2b';
+import { paintIcon } from '/js/admin-shared.js?v=d2e8b6dc';
+import { clr, el, qa, setUserText } from '/js/utils.js?v=eadafbcd';
 import { html, raw, setHtml } from '/js/html.js?v=c71f8903';
 import { t } from '/js/i18n.js?v=1f1ea9c1';
-import { sizeLabel } from '/js/admin-widget-form.js?v=17a37df4';
-import { widgetGlyph } from '/js/widget-glyphs.js?v=3adb57ad';
-import { iconSvg } from '/js/icon-set.js?v=606a68c6';
+import { sizeLabel } from '/js/admin-widget-form.js?v=fd3dcc6c';
+import { widgetGlyph } from '/js/widget-glyphs.js?v=e1d968ad';
+import { iconSvg } from '/js/icon-set.js?v=08b74a28';
 
 /** @type {{ openModal: (idx: number|null) => void,
              openFolderPicker: (appId: string|null, targetFolderId?: string|null) => void,
@@ -48,9 +48,9 @@ const SIZE_ICONS = {
   xlarge: iconSvg('xlarge', 26),
 };
 function svgNode(markup) {
-  const t = document.createElement('template');
-  setHtml(t, raw(markup));
-  return t.content.firstElementChild;
+  const tpl = document.createElement('template');
+  setHtml(tpl, raw(markup));
+  return tpl.content.firstElementChild;
 }
 
 function moveRow(item, dir, opts = {}) {
@@ -94,7 +94,7 @@ export function mkRow(item, idx, { indent = false, childIdx = null, folderId = n
   if (_filtering) handle.style.visibility = 'hidden';
   const ico = document.createElement('div');
   ico.className = 'rico';
-  ico.style.background = rc(item.color);
+  ico.style.background = clr(item.color);
   if (item.type === 'folder') {
     ico.appendChild(svgNode(FOLDER_ICON));
   } else if (item.type === 'widget') {
diff --git a/public/js/admin-logic.js b/public/js/admin-logic.js
index 626d7bf..f183948 100644
--- a/public/js/admin-logic.js
+++ b/public/js/admin-logic.js
@@ -303,15 +303,20 @@ export function isBareHostUrl(url) {
 }
 
 /** Whether a failed badge fetch should report the missing API path instead of
-    the failure itself. A session that has expired is reported as itself: the
-    address is not why the request failed.
+    the failure itself.
+
+    Shown only where a missing path explains the failure: a bare address that
+    answered 404 or redirected, usually to a login page. Anything else is
+    reported as itself.
 
     @param {string} url
-    @param {{ sessionExpired?: boolean }} advice
+    @param {{ sessionExpired?: boolean, code?: string, vars?: { status?: number } }} advice
     @returns {boolean} */
 export function failureIsMissingApiPath(url, advice) {
-  if (advice && advice.sessionExpired) return false;
-  return isBareHostUrl(url);
+  if (!advice || advice.sessionExpired) return false;
+  if (!isBareHostUrl(url)) return false;
+  if (advice.code === 'upstream.status') return advice.vars?.status === 404;
+  return advice.code === 'upstream.redirect';
 }
 
 /** Compares what `read` returns now with what it returned at the last reset.
diff --git a/public/js/admin-save-logic.js b/public/js/admin-save-logic.js
index 8e13495..6ac88ae 100644
--- a/public/js/admin-save-logic.js
+++ b/public/js/admin-save-logic.js
@@ -113,8 +113,9 @@ export function buildActivityLabel(path, style) {
 
 /** @param {any} v @param {any} [orig] @param {Iterable<string>} [takenIds] */
 export function buildAppItem(v, orig, takenIds = []) {
-  if (!v.label) return { error: 'Name required' };
-  if (!v.href) return { error: 'URL required' };
+  /* A key, not a sentence. This module stays free of imports. */
+  if (!v.label) return { errorKey: 'toast.nameRequired' };
+  if (!v.href) return { errorKey: 'toast.urlRequired' };
   const DEFCOL = '#0289ff';
   /* One badges any count above zero, which is the default, so it is not stored. */
   const custMin = Number.isFinite(v.custMin) && v.custMin > 1 ? Math.floor(v.custMin) : undefined;
diff --git a/public/js/admin-settings.js b/public/js/admin-settings.js
index d3fed7b..548323a 100644
--- a/public/js/admin-settings.js
+++ b/public/js/admin-settings.js
@@ -1,4 +1,4 @@
-import { toast, ag, ap, reveal, swapContent } from '/js/admin-shared.js?v=52e149f5';
+import { toast, apiGet, apiPost, reveal, swapContent } from '/js/admin-shared.js?v=d2e8b6dc';
 import { pwStrength } from '/js/password-strength.js?v=42f45ac7';
 import { t } from '/js/i18n.js?v=1f1ea9c1';
 import {
@@ -7,9 +7,11 @@ import {
   clearsStoredPassword,
   createDirtyTracker,
   BLOCK,
-} from '/js/admin-logic.js?v=e3673bd7';
+} from '/js/admin-logic.js?v=cbb7417d';
 import { confirmText } from '/js/modal.js?v=11fa1eff';
-import { el, inp, setUserText } from '/js/utils.js?v=55685187';
+import { el, inp, setUserText } from '/js/utils.js?v=eadafbcd';
+import { renderColorControl } from '/js/admin-color-control.js?v=e963853a';
+import { BACKDROP } from '/js/background.js?v=175d9a7f';
 
 /* Mirrors the server's rule: auth cannot be switched on with no password. */
 let _passwordSet = false;
@@ -52,7 +54,7 @@ const readWallpaperForm = () =>
     _val('bg-col-inp', 'bg-col'),
     _val('bg-url-inp', 'bg-url'),
     _val('bg-fit'),
-    _val('bg-color-inp', 'bg-color'),
+    _val('bg-color-val'),
     _val('bg-apikey-inp', 'bg-apikey'),
   ]);
 
@@ -110,6 +112,15 @@ function syncSessionRows(now = false) {
   reveal(el('revoke-tip-wrap'), canRevoke, now);
 }
 
+/* Rebuild on every load. The control takes its value at render time and has no
+   setter, so reusing one shows a stale colour and saves it. */
+function renderBgColor(value) {
+  const slot = el('bg-color-slot');
+  if (!slot) return;
+  slot.textContent = '';
+  renderColorControl(slot, { value, idPrefix: 'bg-color', label: t('appearance.color') });
+}
+
 export function loadSettings(c) {
   const s = c.settings || {};
   const ld = inp('set-lbl-d');
@@ -141,7 +152,7 @@ export function loadSettings(c) {
   const apiEl = inp('bg-apikey-inp') || inp('bg-apikey');
   if (apiEl) {
     apiEl.placeholder = '●●●●●●●●●● (configured)';
-    ag('/api/settings/unsplash-key')
+    apiGet('/api/settings/unsplash-key')
       .then(d => {
         const vEl = el('ie-apikey-v');
         if (!d.configured) {
@@ -157,19 +168,17 @@ export function loadSettings(c) {
   if (colEl) colEl.value = bg.collection || '';
   const urlEl = inp('bg-url');
   if (urlEl) urlEl.value = bg.url || '';
-  const colorEl = inp('bg-color');
-  if (colorEl) colorEl.value = bg.color || '';
   const brEl = inp('bg-br');
   const brVal = el('bg-br-val');
-  function updateSliderFill(el) {
-    if (!el) return;
-    const min = parseFloat(el.min) || 0.1,
-      max = parseFloat(el.max) || 1.0;
-    const pct = ((parseFloat(el.value) - min) / (max - min)) * 100;
+  function updateSliderFill(slider) {
+    if (!slider) return;
+    const min = parseFloat(slider.min) || 0.1,
+      max = parseFloat(slider.max) || 1.0;
+    const pct = ((parseFloat(slider.value) - min) / (max - min)) * 100;
     /* backgroundImage, never the background shorthand. The shorthand resets
        background-clip, which is what keeps the track thin inside the 44px touch
        target on a phone. */
-    el.style.backgroundImage = `linear-gradient(var(--slider-dir), var(--ac) 0%, var(--ac) ${pct}%, var(--bd-inner) ${pct}%, var(--bd-inner) 100%)`;
+    slider.style.backgroundImage = `linear-gradient(var(--slider-dir), var(--ac) 0%, var(--ac) ${pct}%, var(--bd-inner) ${pct}%, var(--bd-inner) 100%)`;
   }
   if (brEl) {
     brEl.value = bg.brightness ?? 0.62;
@@ -207,9 +216,8 @@ export function loadSettings(c) {
   _si('bg-url-inp', s.background?.url || '');
   _si('bg-fit', s.background?.fit === 'fit' ? 'fit' : 'fill');
   showWallpaperFile(s.background?.url || '');
-  _si('bg-color-inp', s.background?.color || '');
+  renderBgColor(s.background?.color || BACKDROP);
   _sv('ie-bgurl-v', s.background?.url, 'Image URL');
-  _sv('ie-bgcolor-v', s.background?.color, '#rrggbb or any CSS color');
 
   const ipEl = inp('srv-ip');
   if (ipEl) ipEl.value = s.server?.hostIp || '';
@@ -235,7 +243,7 @@ export function loadSettings(c) {
   const secLogout = el('sec-logout');
   const secRevoke = inp('sec-revoke');
   secLogout?.addEventListener('click', async () => {
-    await ap('/api/auth/logout', {}).catch(() => {});
+    await apiPost('/api/auth/logout', {}).catch(() => {});
     location.reload();
   });
   secRevoke?.addEventListener('click', async () => {
@@ -249,7 +257,7 @@ export function loadSettings(c) {
     if (!ok) return;
     secRevoke.disabled = true;
     try {
-      await ap('/api/auth/revoke-sessions', {});
+      await apiPost('/api/auth/revoke-sessions', {});
       toast(t('toast.sessionsRevoked'), 'ok');
     } catch (e) {
       toast(e.message || t('toast.saveFailed'), 'err');
@@ -267,7 +275,7 @@ export function loadSettings(c) {
 async function syncAuthFromServer() {
   let d;
   try {
-    d = await ag('/api/auth/check');
+    d = await apiGet('/api/auth/check');
   } catch {
     return;
   }
@@ -303,12 +311,14 @@ export function showWallpaperFile(url) {
 export function showBgFields(type) {
   const host = el('bg-unsplash-fields')?.parentElement;
   swapContent(host, () => {
-    ['unsplash', 'url', 'color'].forEach(t => {
-      const node = el(`bg-${t}-fields`);
-      if (node) node.classList.toggle('d-none', t !== type);
+    ['unsplash', 'url', 'color'].forEach(kind => {
+      const node = el(`bg-${kind}-fields`);
+      if (node) node.classList.toggle('d-none', kind !== type);
     });
     const brRow = el('bg-brightness-row');
     if (brRow) brRow.classList.toggle('d-none', type === 'color');
+    el('bgcol-hint')?.classList.toggle('d-none', type !== 'unsplash');
+    el('bg-url-hint')?.classList.toggle('d-none', type !== 'url');
   });
 }
 /** @param {Event} [e] */
@@ -316,10 +326,10 @@ async function saveLabels(e) {
   const toggled = /** @type {HTMLInputElement|null} */ (e?.target ?? null);
   const wasChecked = toggled ? toggled.checked : false;
   try {
-    const c = await ag('/api/config');
+    const c = await apiGet('/api/config');
     c.settings = c.settings || {};
     c.settings.showLabels = { desktop: inp('set-lbl-d')?.checked !== false, ios: inp('set-lbl-m')?.checked || false };
-    await ap('/api/config', c);
+    await apiPost('/api/config', c);
     toast(t('toast.saved'));
   } catch (err) {
     /* Put the box back on a failure, or it shows a setting the server was never
@@ -332,10 +342,10 @@ async function saveKeepAwake(e) {
   const toggled = /** @type {HTMLInputElement|null} */ (e?.target ?? null);
   const wasChecked = toggled ? toggled.checked : false;
   try {
-    const c = await ag('/api/config');
+    const c = await apiGet('/api/config');
     c.settings = c.settings || {};
     c.settings.keepAwake = !!inp('set-awake')?.checked;
-    await ap('/api/config', c);
+    await apiPost('/api/config', c);
     toast(t('toast.saved'));
   } catch (err) {
     /* Put the box back on a failure, or it shows a setting the server was never
@@ -355,17 +365,17 @@ async function saveWallpaper() {
       bg.url = (inp('bg-url-inp') || inp('bg-url'))?.value?.trim() || '';
       bg.fit = inp('bg-fit')?.value === 'fit' ? 'fit' : 'fill';
     } else if (type === 'color') {
-      bg.color = (inp('bg-color-inp') || inp('bg-color'))?.value?.trim() || '';
+      bg.color = inp('bg-color-val')?.value?.trim() || '';
     }
-    const c = await ag('/api/config');
+    const c = await apiGet('/api/config');
     c.settings = c.settings || {};
     c.settings.background = bg;
-    await ap('/api/config', c);
+    await apiPost('/api/config', c);
     /* After the main config. GET /api/config strips the key, so a config write
        that follows would overwrite it with nothing. */
     if (type === 'unsplash') {
       const keyVal = (inp('bg-apikey-inp') || inp('bg-apikey'))?.value?.trim() || '';
-      if (keyVal) await ap('/api/settings/unsplash-key', { apiKey: keyVal });
+      if (keyVal) await apiPost('/api/settings/unsplash-key', { apiKey: keyVal });
     }
     _bgTrack?.reset();
     toast(t('toast.saved'));
@@ -401,7 +411,7 @@ async function saveServer() {
     }
     let probe;
     try {
-      probe = await ap('/api/docker/test', { url });
+      probe = await apiPost('/api/docker/test', { url });
     } catch (e) {
       toast(t('toast.saveFailed', { err: e.message }), 'err');
       return;
@@ -436,7 +446,7 @@ async function saveServer() {
   }
 
   try {
-    const c = await ag('/api/config');
+    const c = await apiGet('/api/config');
     c.settings = c.settings || {};
     const prevLang = c.settings.language || 'en';
     const dockerEnabled = inp('srv-docker-en')?.checked || false;
@@ -451,17 +461,17 @@ async function saveServer() {
     c.settings.language = inp('lang-sel')?.value || 'en';
     const langChanged = c.settings.language !== prevLang;
 
-    await ap('/api/config', c);
+    await apiPost('/api/config', c);
 
     if (shouldWritePassword({ enabled, newPassword: pw })) {
-      await ap('/api/auth/set-password', { password: pw });
+      await apiPost('/api/auth/set-password', { password: pw });
       const pwEl = inp('sec-pw');
       if (pwEl) {
         pwEl.value = '';
         pwEl.placeholder = '●●●●●●●●●● (configured)';
       }
     }
-    await ap('/api/auth/toggle', { enabled });
+    await apiPost('/api/auth/toggle', { enabled });
     if (!enabled) {
       const pwEl = inp('sec-pw');
       if (pwEl) {
diff --git a/public/js/admin-shared.js b/public/js/admin-shared.js
index 6643998..32fc5f0 100644
--- a/public/js/admin-shared.js
+++ b/public/js/admin-shared.js
@@ -1,20 +1,20 @@
 /* Stateless helpers shared by the admin modules. Mutable state stays out. */
-import { recoversSession, toastHoldMs } from '/js/admin-logic.js?v=e3673bd7';
-import { el, q } from '/js/utils.js?v=55685187';
+import { recoversSession, toastHoldMs } from '/js/admin-logic.js?v=cbb7417d';
+import { el, q } from '/js/utils.js?v=eadafbcd';
 import { t } from '/js/i18n.js?v=1f1ea9c1';
 import { iconChain } from '/js/icons.js?v=9c8c550c';
-import { iconSvg } from '/js/icon-set.js?v=606a68c6';
+import { iconSvg } from '/js/icon-set.js?v=08b74a28';
 
 export const API = '';
 
 let tt;
 let _toastWired = false;
 
-/** @param {string} m @param {'ok'|'err'} [t] @returns {void} */
-export const toast = (m, t = 'ok') => {
+/** @param {string} m @param {'ok'|'err'} [tone] @returns {void} */
+export const toast = (m, tone = 'ok') => {
   const e = el('toast');
   e.textContent = m;
-  e.className = `show ${t}`;
+  e.className = `show ${tone}`;
   clearTimeout(tt);
   if (!_toastWired) {
     _toastWired = true;
@@ -33,20 +33,23 @@ export const toast = (m, t = 'ok') => {
       e.className = '';
     });
   }
-  const ms = toastHoldMs(t, m, 'show');
+  const ms = toastHoldMs(tone, m, 'show');
   if (ms != null) tt = setTimeout(() => (e.className = ''), ms);
 };
 
-/* Carry `kind` and `detail`, so callers branch on data, never on message
-   text. */
+/* Carry `kind`, `code` and `detail`, so callers branch on data, never on
+   message text. Dropping a field here fails silently: the advice falls back to
+   the kind and the screen says something true but never the specific sentence. */
 /** An error carrying the API's structured fields.
-    @typedef {Error & { status?: number, kind?: string, detail?: Record<string, unknown> }} ApiError */
+    @typedef {Error & { status?: number, kind?: string, code?: string,
+                        detail?: Record<string, unknown> }} ApiError */
 
 /** @param {number} status @param {any} body @returns {ApiError} */
 function tagged(status, body) {
   const e = /** @type {ApiError} */ (new Error((body && body.error) || 'HTTP ' + status));
   e.status = status;
   if (body && typeof body.kind === 'string') e.kind = body.kind;
+  if (body && typeof body.code === 'string') e.code = body.code;
   if (body && body.detail && typeof body.detail === 'object') e.detail = body.detail;
   return e;
 }
@@ -75,22 +78,22 @@ function reauthenticate() {
 
 /* Retried once only. A second 401 after a successful sign-in is the server
    refusing the request itself. */
-export const ag = async (p, recover = true) => {
+export const apiGet = async (p, recover = true) => {
   const r = await fetch(API + p, { cache: 'no-store' });
-  if (recover && recoversSession(p, r.status) && (await reauthenticate())) return ag(p, false);
+  if (recover && recoversSession(p, r.status) && (await reauthenticate())) return apiGet(p, false);
   if (!r.ok) {
     const d = r.status === 401 ? null : await r.json().catch(() => null);
     throw tagged(r.status, d || (r.status === 401 ? { error: 'Unauthorised', kind: 'auth' } : null));
   }
   return r.json();
 };
-export const ap = async (p, b, recover = true) => {
+export const apiPost = async (p, b, recover = true) => {
   const r = await fetch(API + p, {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify(b),
   });
-  if (recover && recoversSession(p, r.status) && (await reauthenticate())) return ap(p, b, false);
+  if (recover && recoversSession(p, r.status) && (await reauthenticate())) return apiPost(p, b, false);
   if (!r.ok) {
     const d = await r.json().catch(() => null);
     throw tagged(r.status, d || (r.status === 401 ? { error: 'Unauthorised', kind: 'auth' } : null));
diff --git a/public/js/admin-widget-form.js b/public/js/admin-widget-form.js
index 6087cf5..efc1580 100644
--- a/public/js/admin-widget-form.js
+++ b/public/js/admin-widget-form.js
@@ -1,12 +1,12 @@
 import { state } from '/js/admin-state.js?v=831e219e';
-import { PE_SVG, initInlineEdit, swapContent } from '/js/admin-shared.js?v=52e149f5';
-import { createListbox } from '/js/listbox.js?v=32f787c3';
-import { renderWidgetConfigForm } from '/js/widget-config-form.js?v=45f9a04b';
+import { PE_SVG, initInlineEdit, swapContent } from '/js/admin-shared.js?v=d2e8b6dc';
+import { createListbox } from '/js/listbox.js?v=f057351d';
+import { renderWidgetConfigForm } from '/js/widget-config-form.js?v=73604add';
 import { html, raw, setHtml } from '/js/html.js?v=c71f8903';
-import { sizesForView, widgetConfigMode, rejectionLines, carriesTypedValues } from '/js/admin-logic.js?v=e3673bd7';
+import { sizesForView, widgetConfigMode, rejectionLines, carriesTypedValues } from '/js/admin-logic.js?v=cbb7417d';
 import { t } from '/js/i18n.js?v=1f1ea9c1';
-import { q, qi, qa } from '/js/utils.js?v=55685187';
-import { iconSvg } from '/js/icon-set.js?v=606a68c6';
+import { q, qi, qa } from '/js/utils.js?v=eadafbcd';
+import { iconSvg } from '/js/icon-set.js?v=08b74a28';
 
 const SIZES_WITH_ICONS = new Set(['small', 'medium', 'large', 'xlarge']);
 
diff --git a/public/js/admin.js b/public/js/admin.js
index db66105..564171f 100644
--- a/public/js/admin.js
+++ b/public/js/admin.js
@@ -1,7 +1,7 @@
-import { buildAppForm, buildFolderForm, captureActLabels, serializeKvRows } from '/js/admin-app-form.js?v=442d8e7d';
-import { checkAuth, requireLogin, wirePasswordStrength } from '/js/admin-auth.js?v=9efdedbe';
-import { initList, render, syncFilterUI } from '/js/admin-list.js?v=15bd26cd';
-import { resolveAdminSection } from '/js/admin-logic.js?v=e3673bd7';
+import { buildAppForm, buildFolderForm, captureActLabels, serializeKvRows } from '/js/admin-app-form.js?v=58e2b685';
+import { checkAuth, requireLogin, wirePasswordStrength } from '/js/admin-auth.js?v=2bd61e6c';
+import { initList, render, syncFilterUI } from '/js/admin-list.js?v=4e82ea4a';
+import { resolveAdminSection } from '/js/admin-logic.js?v=cbb7417d';
 import {
   buildAppItem,
   claimFolderChildren,
@@ -9,18 +9,26 @@ import {
   saveWithRevert,
   snapshotItems,
   upsertItem,
-} from '/js/admin-save-logic.js?v=858f3f84';
-import { loadSettings, settingsDirty, showBgFields, showWallpaperFile } from '/js/admin-settings.js?v=4aed22e2';
-import { ag, ap, initInlineEdit, paintIcon, reveal, setReauthHandler, toast } from '/js/admin-shared.js?v=52e149f5';
+} from '/js/admin-save-logic.js?v=60a82419';
+import { loadSettings, settingsDirty, showBgFields, showWallpaperFile } from '/js/admin-settings.js?v=23cfe19f';
+import {
+  apiGet,
+  apiPost,
+  initInlineEdit,
+  paintIcon,
+  reveal,
+  setReauthHandler,
+  toast,
+} from '/js/admin-shared.js?v=d2e8b6dc';
 import { collapsedFolders, filter, state } from '/js/admin-state.js?v=831e219e';
-import { buildWidgetForm } from '/js/admin-widget-form.js?v=17a37df4';
+import { buildWidgetForm } from '/js/admin-widget-form.js?v=fd3dcc6c';
 import { initFluidHover } from '/js/fluid-hover.js?v=cb886e86';
 import { initGlideSelect, syncGlideSelect } from '/js/glide-select.js?v=8b39e9d0';
-import { createListbox } from '/js/listbox.js?v=32f787c3';
+import { createListbox } from '/js/listbox.js?v=f057351d';
 import { html, raw, setHtml } from '/js/html.js?v=c71f8903';
 import { initI18n, LANGUAGES, t } from '/js/i18n.js?v=1f1ea9c1';
 import { loadLocalIcons } from '/js/icons.js?v=9c8c550c';
-import { ensureSprite, iconSvg } from '/js/icon-set.js?v=606a68c6';
+import { ensureSprite, iconSvg } from '/js/icon-set.js?v=08b74a28';
 import {
   clearSkipTls,
   convert,
@@ -29,7 +37,7 @@ import {
   NOTE,
   parseErrorsAsSkipped,
   SKIP,
-} from '/js/import-foreign.js?v=d154ca56';
+} from '/js/import-foreign.js?v=f9c0a120';
 import { isMobileLayout, onLayoutChange } from '/js/layout.js?v=e9f4b607';
 import { confirmModal, confirmText, openModal as openDialog, promptModal } from '/js/modal.js?v=11fa1eff';
 import {
@@ -40,11 +48,10 @@ import {
   resolveTheme,
   watchSystemTheme,
   writeMode,
-} from '/js/theme.js?v=787bfdff';
-import { el, inp, q, qa, clr as rc, sanitizeCssUrl, setUserText, tgt } from '/js/utils.js?v=55685187';
-import { normalizeColorInput } from '/js/admin-color-control.js?v=42c11a9b';
+} from '/js/theme.js?v=eeafa4b5';
+import { el, inp, q, qa, clr, setUserText, tgt } from '/js/utils.js?v=eadafbcd';
+import { applyBackground, resolveBackground } from '/js/background.js?v=175d9a7f';
 import { parseYamlTolerant, YamlLiteError } from '/js/yaml-lite.js?v=6ebb564c';
-import { loadWallpaper, saveWallpaper } from '/js/wallpaper-cache.js?v=c5f8a3e6';
 
 ensureSprite();
 
@@ -63,7 +70,7 @@ onLayoutChange(_syncMobile, _mobileAtLoad);
 
 async function load() {
   await loadLocalIcons();
-  const c = await ag('/api/config');
+  const c = await apiGet('/api/config');
   state.items = c.items || [];
   state._settings = c.settings || {};
   await initI18n(c.settings?.language || 'en');
@@ -71,7 +78,7 @@ async function load() {
   initVersion();
   syncPickerLabels();
   try {
-    const wr = await ag('/api/widgets');
+    const wr = await apiGet('/api/widgets');
     state._widgetReg = Object.create(null);
     (wr.widgets || []).forEach(w => {
       state._widgetReg[w.name] = w;
@@ -92,40 +99,13 @@ async function load() {
 }
 
 async function applyBg() {
-  const root = document.documentElement;
+  const s = (state._settings && state._settings.background) || {};
+  let bg = null;
   try {
-    const bg = (state._settings && state._settings.background) || {};
-    if (bg.type === 'color' && bg.color) {
-      root.style.setProperty('--bg-image', 'none');
-      root.style.setProperty('--bg-color', String(bg.color).replace(/[^a-zA-Z0-9#(),.\s%]/g, ''));
-      root.style.setProperty('--bg-brightness', '1');
-      root.style.setProperty('--bg-size', 'cover');
-    } else if (bg.type === 'url' && bg.url) {
-      root.style.setProperty('--bg-image', `url('${sanitizeCssUrl(bg.url)}')`);
-      root.style.setProperty('--bg-color', '#0d1117');
-      root.style.setProperty('--bg-brightness', String(bg.brightness ?? 0.62));
-      root.style.setProperty('--bg-size', bg.fit === 'fit' ? 'contain' : 'cover');
-    } else if (bg.type === 'unsplash') {
-      let url = loadWallpaper(bg);
-      if (!url) {
-        const r = await fetch('/api/wallpaper', { cache: 'no-store' });
-        const d = await r.json();
-        url = d.url || null;
-        if (url) saveWallpaper(url, bg);
-      }
-      if (url) {
-        const shown = url;
-        const img = new Image();
-        img.onload = () => {
-          root.style.setProperty('--bg-image', `url('${sanitizeCssUrl(shown)}')`);
-          root.style.setProperty('--bg-color', '#0d1117');
-          root.style.setProperty('--bg-brightness', String(bg.brightness ?? 0.62));
-          root.style.setProperty('--bg-size', 'cover');
-        };
-        img.src = shown;
-      }
-    }
+    bg = await resolveBackground(s);
   } catch {}
+  if (bg) applyBackground(document.documentElement, bg);
+  else if (s.type === 'unsplash') toast(t('toast.wallpaperUnavailable'), 'err');
 }
 /** Returns whether the write reached the server. */
 async function save() {
@@ -133,9 +113,9 @@ async function save() {
   state.saving = true;
   let ok = false;
   try {
-    const full = await ag('/api/config');
+    const full = await apiGet('/api/config');
     full.items = state.items;
-    await ap('/api/config', full);
+    await apiPost('/api/config', full);
     _savedItems = JSON.stringify(state.items);
     toast(t('toast.saved'));
     ok = true;
@@ -157,14 +137,14 @@ async function appendAndSave(newItems) {
   if (state.saving) throw new Error('A save is already in progress');
   state.saving = true;
   try {
-    const full = await ag('/api/config');
+    const full = await apiGet('/api/config');
     const current = Array.isArray(full.items) ? full.items : [];
     /* Ids were allocated against the list the preview was built from. */
     const taken = new Set(current.map(i => i && i.id));
     const clash = newItems.find(i => taken.has(i.id));
     if (clash) throw new Error(`${clash.label}: this id already exists. Reload and import again.`);
     full.items = [...current, ...newItems];
-    await ap('/api/config', full);
+    await apiPost('/api/config', full);
     state.items = full.items;
     _savedItems = JSON.stringify(state.items);
     syncDashSave();
@@ -409,7 +389,7 @@ function openFolderPicker(appId, targetFolderId = null) {
       });
       const ri = document.createElement('span');
       ri.className = 'fp-ic';
-      ri.style.background = rc(app.color);
+      ri.style.background = clr(app.color);
       paintIcon(ri, app.iconUrl, (app.label || '?')[0]);
       const nm = document.createElement('span');
       nm.className = 'fp-nm';
@@ -598,8 +578,8 @@ async function doSave(orig) {
         orig,
         state.items.map(i => i.id),
       );
-      if (res.error) {
-        toast(res.error, 'err');
+      if (res.errorKey) {
+        toast(t(res.errorKey), 'err');
         return;
       }
       item = res.item;
@@ -689,26 +669,11 @@ function initAllInlineEdits() {
       fetchWallpaperLink(v.trim());
     },
   });
-
-  const colorInp = document.createElement('input');
-  colorInp.id = 'bg-color-inp';
-  document.body.appendChild(colorInp);
-  initInlineEdit('ie-bgcolor', 'bg-color-inp', {
-    placeholder: '#0d1117',
-    onCommit(val) {
-      if (!val) return;
-      const { value, ok } = normalizeColorInput(val);
-      if (!ok) return toast(t('toast.colorInvalid'), 'err');
-      colorInp.value = value;
-      const rv = q('#ie-bgcolor .rv');
-      if (rv) rv.textContent = value;
-    },
-  });
 }
 
 async function initVersion() {
   try {
-    const d = await ag('/api/version');
+    const d = await apiGet('/api/version');
     const v = (d.current || d.version || '').replace(/^v/i, '');
     if (v) {
       const vEl = el('sidebar-version');
@@ -766,10 +731,6 @@ function initBgType() {
   const apply = val => {
     hidden.value = val;
     showBgFields(val);
-    const hint = el('bgcol-hint');
-    if (hint) hint.style.display = val === 'unsplash' ? '' : 'none';
-    const imgHint = el('bg-url-hint');
-    if (imgHint) imgHint.style.display = val === 'url' ? '' : 'none';
   };
   const box = createListbox({
     id: 'bg-type',
@@ -1027,7 +988,7 @@ addEventListener('beforeunload', e => {
 el('btn-exp').onclick = async () => {
   let url;
   try {
-    const config = await ag('/api/config/export');
+    const config = await apiGet('/api/config/export');
     const blob = new Blob([JSON.stringify(config, null, 2)], { type: 'application/json' });
     url = URL.createObjectURL(blob);
     const a = document.createElement('a');
@@ -1084,8 +1045,8 @@ el('imp').onchange = async e => {
     const before = snapshotItems(state.items);
     state.items = d.items;
     if (await saveOrRevert(before)) toast(t('toast.imported'));
-  } catch (e) {
-    toast(t('toast.importFailed', { err: e.message }), 'err');
+  } catch (err) {
+    toast(t('toast.importFailed', { err: err.message }), 'err');
   }
   tgt(e).value = '';
 };
diff --git a/public/js/background.js b/public/js/background.js
new file mode 100644
index 0000000..b76503d
--- /dev/null
+++ b/public/js/background.js
@@ -0,0 +1,75 @@
+// @ts-check
+import { cssColor, sanitizeCssUrl } from '/js/utils.js?v=eadafbcd';
+import { loadWallpaper, saveWallpaper } from '/js/wallpaper-cache.js?v=c5f8a3e6';
+
+export const BACKDROP = '#0d1117';
+
+const DEFAULT_BRIGHTNESS = 0.62;
+
+/** @typedef {{ image: string, color: string, brightness: string, size: string,
+                url: string|null, fit: 'fit'|'fill' }} Background */
+
+/** @param {any} bg @param {string|null} [wallpaperUrl]
+    @returns {Background|null} */
+export function backgroundFor(bg, wallpaperUrl = null) {
+  const s = bg || {};
+  if (s.type === 'color' && s.color) {
+    return {
+      image: 'none',
+      color: cssColor(s.color, BACKDROP),
+      brightness: '1',
+      size: 'cover',
+      url: null,
+      fit: 'fill',
+    };
+  }
+  const url = s.type === 'url' ? s.url : s.type === 'unsplash' ? wallpaperUrl : null;
+  if (!url) return null;
+  const fit = s.type === 'url' && s.fit === 'fit' ? 'fit' : 'fill';
+  const brightness = Number(s.brightness ?? DEFAULT_BRIGHTNESS);
+  return {
+    image: `url('${sanitizeCssUrl(url)}')`,
+    color: BACKDROP,
+    brightness: String(Number.isFinite(brightness) ? brightness : DEFAULT_BRIGHTNESS),
+    size: fit === 'fit' ? 'contain' : 'cover',
+    url: sanitizeCssUrl(url),
+    fit,
+  };
+}
+
+/** @param {HTMLElement} root @param {Background} b */
+export function applyBackground(root, b) {
+  root.style.setProperty('--bg-image', b.image);
+  root.style.setProperty('--bg-color', b.color);
+  root.style.setProperty('--bg-brightness', b.brightness);
+  root.style.setProperty('--bg-size', b.size);
+}
+
+async function unsplashUrl(bg) {
+  const cached = loadWallpaper(bg);
+  if (cached) return cached;
+  const r = await fetch('/api/wallpaper', { cache: 'no-store' });
+  const d = await r.json();
+  const url = d.url || null;
+  if (url) saveWallpaper(url, bg);
+  return url;
+}
+
+const decoded = url =>
+  new Promise(resolve => {
+    const img = new Image();
+    img.onload = () => resolve(true);
+    img.onerror = () => resolve(false);
+    img.src = url;
+  });
+
+/** @param {any} bg @returns {Promise<Background|null>} */
+export async function resolveBackground(bg) {
+  const s = bg || {};
+  if (s.type === 'unsplash') {
+    const url = await unsplashUrl(s);
+    if (!url) return null;
+    return (await decoded(url)) ? backgroundFor(s, url) : null;
+  }
+  return backgroundFor(s);
+}
diff --git a/public/js/badge-logic.js b/public/js/badge-logic.js
index bc61304..e02a1d5 100644
--- a/public/js/badge-logic.js
+++ b/public/js/badge-logic.js
@@ -64,7 +64,7 @@ export function resolveColor(c, palette) {
 /** A colour safe to hand to CSS, or ''. The fill lands in a custom property,
     which stores any string: `url(...)` there becomes a real request.
     @param {unknown} c @returns {string} */
-export function safeColor(c, palette) {
+export function cssUsableColor(c, palette) {
   const v = resolveColor(c, palette);
   if (!v) return '';
   const supports = globalThis.CSS?.supports;
@@ -147,7 +147,7 @@ export function firingLabels(labels, values, palette) {
       name: String(l.name || l.unit || l.path),
       value: v,
       unit: String(l.unit || ''),
-      color: safeColor(l.color, palette) || safeColor('info', palette) || LABEL_DEFAULT_COLOR,
+      color: cssUsableColor(l.color, palette) || cssUsableColor('info', palette) || LABEL_DEFAULT_COLOR,
     });
   }
   return out;
@@ -211,11 +211,11 @@ export function computeBadgeVisual({
     cls = 'badge on blue';
     num = activity > 99 ? `${fmt(99)}+` : fmt(activity);
     unit = custom.unit ? custom.unit.slice(0, 8) : '';
-    bg = safeColor(custom.color, palette);
+    bg = cssUsableColor(custom.color, palette);
   } else if (fixed) {
     cls = 'badge on blue';
     num = staticBdg.label.slice(0, 10);
-    bg = safeColor(staticBdg.color, palette);
+    bg = cssUsableColor(staticBdg.color, palette);
   } else if (!hideHealthy && hasHC) {
     cls = 'badge on green';
   } else {
@@ -257,7 +257,7 @@ export function computeBadgeVisual({
      the reason beside it. */
   if (health) rows.push({ name: reason || tr('status.needsAttention'), value: '', unit: '', color: NAMED.red });
   for (const f of fired) rows.push(f);
-  if (fixed) rows.push({ name: staticBdg.label, value: '', unit: '', color: safeColor(staticBdg.color, palette) });
+  if (fixed) rows.push({ name: staticBdg.label, value: '', unit: '', color: cssUsableColor(staticBdg.color, palette) });
 
   const more = Math.max(0, rows.length - 1);
   if (more) {
diff --git a/public/js/brand-mark.js b/public/js/brand-mark.js
index 1e4c4ff..a82b167 100644
--- a/public/js/brand-mark.js
+++ b/public/js/brand-mark.js
@@ -3,4 +3,4 @@
    name left there shadows the bundled artwork. */
 
 export const BRAND_MARK =
-  'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHdpZHRoPSIxMDI0IiBoZWlnaHQ9IjEwMjQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjQuNiw3My40KSBzY2FsZSgwLjg0NikiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsMTAyNCkgc2NhbGUoMC4xLC0wLjEpIj48cGF0aCBmaWxsPSIjMDBEMkUwIiBkPSJNNDk3OCA5MTgwIGMtNzUgLTEzIC0xNDYgLTM5IC0yMzMgLTgzIC0xMTIgLTU3IC0yNDQgLTE5MCAtMzAyIC0zMDIgLTcwIC0xMzUgLTg4IC0yMTAgLTg4IC0zNjAgMCAtMTUwIDE4IC0yMjUgODggLTM2MCA1OCAtMTEyIDE5MCAtMjQ0IDMwMiAtMzAyIDE0MSAtNzIgMTkzIC04NCA0MzAgLTkzIDM1NCAtMTUgNjAyIC02NCA4ODUgLTE3NyA4MDMgLTMxOSAxNDAwIC0xMDI4IDE1NjkgLTE4NjMgMzkgLTE5NSA0NiAtMjcyIDQ2IC01MjAgMCAtMTU1IC01IC0yNzggLTE0IC0zMzUgLTUwIC0zMzIgLTEyOSAtNTc4IC0yODEgLTg3MCAtMTA4IC0yMDcgLTEyNSAtMjY2IC0xMjUgLTQzMCAwIC0xNTAgMTggLTIyNSA4OCAtMzYwIDU4IC0xMTIgMTkwIC0yNDQgMzAyIC0zMDIgMTM1IC03MCAyMTAgLTg4IDM2MCAtODggMTA4IDAgMTQzIDQgMjA1IDI0IDE3NCA1NCAzMzAgMTY3IDQyNCAzMDkgNjUgMTAwIDE5NSAzNjYgMjY5IDU1MiAxMzUgMzQzIDIxOSA2NzcgMjYzIDEwNTUgMTMgMTExIDE4IDIyNiAxOCA0NDUgMCAzMTggLTEzIDQ3MyAtNjAgNzMwIC0xMDIgNTUwIC0zMDkgMTA2NCAtNjE3IDE1MjUgLTY2OCAxMDAyIC0xNzQyIDE2NTYgLTI5MzcgMTc5MCAtMTY5IDE5IC01MjQgMjggLTU5MiAxNXoiLz48cGF0aCBmaWxsPSIjRjJGMkY3IiBkPSJNMjEzMSA3NTQ5IGMtMjg3IC01MSAtNTI5IC0yNjQgLTYyMyAtNTQ5IC0yOSAtODcgLTMyIC0xMDYgLTMyIC0yMzAgMCAtMTExIDMgLTE0OSAyMiAtMjEzIDU1IC0xOTEgMTczIC0zNTQgMzMwIC00NTQgMzIgLTIxIDQyNiAtMjQ5IDg3NSAtNTA4IDcwNyAtNDA3IDgxNCAtNDcyIDc5OSAtNDgzIC05IC03IC0zOTYgLTIzMiAtODYxIC01MDAgLTc0NyAtNDMxIC04NTIgLTQ5NSAtOTE3IC01NTUgLTMxNCAtMjkzIC0zMzggLTc2MyAtNTYgLTExMDQgODUgLTEwMyAyNTcgLTIxMCA0MDIgLTI0OSA0NyAtMTMgMTAyIC0xOCAxOTUgLTE4IDE0NiAwIDIxNCAxNCAzMzAgNjkgMzkgMTggNDQxIDI0NyA4OTQgNTA5IDQ1MyAyNjIgODI2IDQ3NiA4MjggNDc2IDEgMCAzIC00NDUgMyAtOTg5IDAgLTEwNzkgLTEgLTEwNjMgNTggLTEyMTMgNzcgLTE5OSAyNDkgLTM2OSA0NDggLTQ0NCA0NzAgLTE3NyA5NzYgMTA0IDEwNzAgNTkzIDEyIDYzIDE0IDMzOSAxNCAxNzIzIDAgMTA2NCAtNCAxNjg1IC0xMCAxNzUxIC0yNSAyNDcgLTExOSA0MzUgLTI4NCA1NzEgLTYxIDUxIC0yODQ0IDE2NjYgLTMwMTQgMTc0OSAtNDAgMjEgLTEwNCA0NSAtMTQwIDU0IC03OSAyMCAtMjU1IDI4IC0zMzEgMTR6Ii8+PC9nPjwvZz4KPC9zdmc+Cg==';
+  'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHdpZHRoPSIxMDI0IiBoZWlnaHQ9IjEwMjQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjQuNiw3My40KSBzY2FsZSgwLjg0NikiPjxwYXRoIGZpbGw9IiMwMEQyRTAiIGQ9Ik01MTIgMTA1LjVBNDA2LjUgNDA2LjUgMCAwIDEgODY0LjA0IDcxNS4yNUE3NS41IDc1LjUgMCAwIDEgNzMzLjI3IDYzOS43NUEyNTUuNSAyNTUuNSAwIDAgMCA1MTIgMjU2LjVBNzUuNSA3NS41IDAgMCAxIDUxMiAxMDUuNVoiLz48cGF0aCBmaWxsPSIjRjJGMkY3IiBkPSJNNTUxLjUgNDQzLjU4TDI2NC44NSAyNzguMDhBNzkgNzkgMCAwIDAgMTg1Ljg1IDQxNC45Mkw0NzIuNSA1ODAuNDJBNzkgNzkgMCAwIDAgNTUxLjUgNDQzLjU4Wk00NzIuNSA0NDMuNThMMTg1Ljg1IDYwOS4wOEE3OSA3OSAwIDAgMCAyNjQuODUgNzQ1LjkyTDU1MS41IDU4MC40MkE3OSA3OSAwIDAgMCA0NzIuNSA0NDMuNThaTTQzMyA1MTJMNDMzIDg0M0E3OSA3OSAwIDAgMCA1OTEgODQzTDU5MSA1MTJBNzkgNzkgMCAwIDAgNDMzIDUxMloiLz48L2c+Cjwvc3ZnPgo=';
diff --git a/public/js/dashboard.js b/public/js/dashboard.js
index 4d8ed12..aeb9726 100644
--- a/public/js/dashboard.js
+++ b/public/js/dashboard.js
@@ -11,6 +11,7 @@ import {
 } from '/js/widget-types.js?v=9264dee5';
 import {
   el,
+  ICON_R,
   isDashboardEmpty,
   mk,
   mkWrap as _mkWrap,
@@ -20,13 +21,12 @@ import {
   q,
   qa,
   qi,
-  sanitizeCssUrl,
   setUserText,
   teardownWidgets,
   titleWhenTruncated,
-} from '/js/utils.js?v=55685187';
+} from '/js/utils.js?v=eadafbcd';
 import { initFluidHover } from '/js/fluid-hover.js?v=cb886e86';
-import { initSpotlight } from '/js/spotlight.js?v=f050b4e5';
+import { initSpotlight } from '/js/spotlight.js?v=9056fab5';
 import { html, setHtml, raw } from '/js/html.js?v=c71f8903';
 import { initI18n, t, currentLang } from '/js/i18n.js?v=1f1ea9c1';
 import { pwStrength, passwordMismatch } from '/js/password-strength.js?v=42f45ac7';
@@ -40,8 +40,8 @@ import {
   buildMobile,
   resetMobileChrome,
   mkFolderGlyph,
-} from '/js/ui.js?v=d8363297';
-import { badgeMinimum, badgeSignature, computeBadgeVisual, readBadgeUpdate } from '/js/badge-logic.js?v=ad283693';
+} from '/js/ui.js?v=cdfe7685';
+import { badgeMinimum, badgeSignature, computeBadgeVisual, readBadgeUpdate } from '/js/badge-logic.js?v=9e6d9d4b';
 import { formatNumber } from '/js/format-number.js?v=4a5ccef4';
 import { closeBadgePopover, wireBadgePopover } from '/js/badge-popover.js?v=aa52b1a3';
 import { observeGlass } from '/js/glass-rim.js?v=3faec233';
@@ -52,14 +52,14 @@ import {
   landingAfterSetup,
   restorePage,
 } from '/js/dashboard-logic.js?v=0d519f8b';
-import { loadWallpaper, saveWallpaper } from '/js/wallpaper-cache.js?v=c5f8a3e6';
+import { applyBackground, BACKDROP, resolveBackground } from '/js/background.js?v=175d9a7f';
 import { jitter } from '/js/jitter.js?v=4eeef4c9';
 import { isMobileLayout, onLayoutChange } from '/js/layout.js?v=e9f4b607';
 import { startWakeLock } from '/js/wake-lock.js?v=6b9591cf';
 import { applyLabelTones, loadSamplingImage, sampleImage, toneForColor } from '/js/label-contrast.js?v=c1ac6fb8';
-import { ensureSprite, iconSvg } from '/js/icon-set.js?v=606a68c6';
+import { ensureSprite, iconSvg } from '/js/icon-set.js?v=08b74a28';
 import { pageTheme, paletteColor } from '/js/palette.js?v=3fb8ae43';
-import { THEME_KEY, applyTheme, prefersDark, readMode, resolveTheme } from '/js/theme.js?v=787bfdff';
+import { THEME_KEY, applyTheme, prefersDark, readMode, resolveTheme } from '/js/theme.js?v=eeafa4b5';
 
 ensureSprite();
 
@@ -69,10 +69,6 @@ let MOB = isMobileLayout();
 const wCols = { d: WIDGET_COLS.desktop, m: WIDGET_COLS.mobile };
 const wRows = { d: WIDGET_ROWS.desktop, m: WIDGET_ROWS.mobile };
 const WH = { d: WIDGET_HEIGHTS };
-/* An app icon's corner is 22.37% of its width. A fixed radius only lands on that
-   at one icon size, and the grid draws two: 72 with a label under it, 78
-   without. */
-const ICON_R = 0.2237;
 /* A widget tile's corner, at design size. WIDGET_DESIGN's small is 170 square
    against the reference's 165, so this is its 28 unchanged. */
 const WIDGET_R = 28;
@@ -166,16 +162,16 @@ const BEL = new Map();
 /* Last painted appearance per badge element. Without it the same values are
    rewritten thousands of times a session. */
 const BSIG = new WeakMap();
-function breg(id, el) {
+function breg(id, badge) {
   if (!BEL.has(id)) BEL.set(id, new Set());
-  BEL.get(id).add(el);
+  BEL.get(id).add(badge);
   /* Paint on registration. A poll only reaches ids it returns, so a fixed label
      alone stays invisible, and a rebuild blanks every badge until the next
      poll. */
   bupd(id);
 }
-function bunreg(id, el) {
-  if (BEL.has(id)) BEL.get(id).delete(el);
+function bunreg(id, badge) {
+  if (BEL.has(id)) BEL.get(id).delete(badge);
 }
 function bupd(id) {
   const els = BEL.get(id);
@@ -209,18 +205,18 @@ function bupd(id) {
 
   const sig = badgeSignature({ cls, txt, unit, bg, aria, color, nextColor, rows });
 
-  els.forEach(el => {
-    if (BSIG.get(el) === sig) return;
-    BSIG.set(el, sig);
-    el.className = cls;
-    let txtEl = el.firstElementChild;
+  els.forEach(badge => {
+    if (BSIG.get(badge) === sig) return;
+    BSIG.set(badge, sig);
+    badge.className = cls;
+    let txtEl = badge.firstElementChild;
     let unitEl = txtEl?.nextElementSibling;
     if (!txtEl) {
       txtEl = document.createElement('span');
       txtEl.className = 'badge-txt';
       unitEl = document.createElement('span');
       unitEl.className = 'badge-unit';
-      el.append(txtEl, unitEl);
+      badge.append(txtEl, unitEl);
     }
     txtEl.textContent = num;
     unitEl.textContent = unit ? ' ' + unit : '';
@@ -229,24 +225,24 @@ function bupd(id) {
        badge left to speak for itself is never reached by a reader moving from
        tile to tile. A name change is silent, which is what a figure on a timer
        needs. */
-    el.setAttribute('aria-hidden', 'true');
-    el.removeAttribute('role');
-    el.removeAttribute('aria-label');
-    const tile = /** @type {HTMLElement|null} */ (el.closest('a, button, [role="button"]'));
+    badge.setAttribute('aria-hidden', 'true');
+    badge.removeAttribute('role');
+    badge.removeAttribute('aria-label');
+    const tile = /** @type {HTMLElement|null} */ (badge.closest('a, button, [role="button"]'));
     const tileName = tile?.dataset.tileName;
     if (tile && tileName) tile.setAttribute('aria-label', aria ? `${tileName}, ${aria}` : tileName);
     /* Never the `background` shorthand. It resets background-clip, and the
        pill behind is painted from this same value. */
-    if (bg) el.style.setProperty('--badge-bg', bg);
-    else el.style.removeProperty('--badge-bg');
-    el.style.color = color;
-    if (nextColor) el.style.setProperty('--badge-next', nextColor);
-    else el.style.removeProperty('--badge-next');
+    if (bg) badge.style.setProperty('--badge-bg', bg);
+    else badge.style.removeProperty('--badge-bg');
+    badge.style.color = color;
+    if (nextColor) badge.style.setProperty('--badge-next', nextColor);
+    else badge.style.removeProperty('--badge-next');
     /* No title attribute. The popover carries the reason, and a badge that can
        be hovered would otherwise draw the browser's own tooltip beside it.
        Removed rather than skipped: one set by an earlier paint would persist. */
-    el.removeAttribute('title');
-    wireBadgePopover(el, popover ? rows : null);
+    badge.removeAttribute('title');
+    wireBadgePopover(badge, popover ? rows : null);
   });
 }
 
@@ -428,7 +424,7 @@ function buildDesktop() {
   dk.replaceChildren();
   dock.forEach(item => dk.appendChild(mkDock(item)));
   dk.hidden = !dock.length;
-  observeGlass(dk, 45, 0.2);
+  observeGlass(dk, 38, 0.6);
 }
 
 /* Every page is mounted at once, so widgets the user has swiped away from keep
@@ -489,8 +485,8 @@ function goTo(n, dotEls, announce = true) {
   storeSet(PAGE_STORE, String(pg));
   const strip = el('pages');
   syncPageInert(pg);
-  const t = `translateX(${-pageDir() * pg * 100}vw)`;
-  strip.style.transform = strip.style.webkitTransform = t;
+  const shift = `translateX(${-pageDir() * pg * 100}vw)`;
+  strip.style.transform = strip.style.webkitTransform = shift;
   strip.style.willChange = 'transform';
   strip.addEventListener(
     'transitionend',
@@ -537,7 +533,6 @@ function syncMobPages() {
 
 /* Matches --bg-base in tokens.css. It shows wherever a fitted wallpaper does
    not reach. */
-const WALLPAPER_BACKDROP = '#0d1117';
 
 /* A sampled wallpaper grid, or one tone for a solid colour. Null on both leaves
    the labels as they are. */
@@ -574,7 +569,7 @@ function resampleBg() {
       window.innerHeight,
       _bgSample.brightness,
       _bgSample.fit,
-      WALLPAPER_BACKDROP,
+      BACKDROP,
     ),
     tone: themeTone(),
   };
@@ -585,48 +580,15 @@ async function applyBg() {
   const root = document.documentElement;
   bgTone = { grid: null, tone: themeTone() };
   retone();
-  try {
-    const bg = S.background || {};
-    if (bg.type === 'color' && bg.color) {
-      const safeColor = String(bg.color).replace(/[^a-zA-Z0-9#(),.\s%]/g, '');
-      root.style.setProperty('--bg-image', 'none');
-      root.style.setProperty('--bg-color', safeColor);
-      root.style.setProperty('--bg-brightness', '1');
-      root.style.setProperty('--bg-size', 'cover');
-      bgTone = { grid: null, tone: toneForColor(safeColor) ?? themeTone() };
-      retone();
-    } else if (bg.type === 'url' && bg.url) {
-      const url = sanitizeCssUrl(bg.url);
-      const brightness = Number(bg.brightness ?? 0.62);
-      const fit = bg.fit === 'fit' ? 'fit' : 'fill';
-      root.style.setProperty('--bg-image', `url('${url}')`);
-      root.style.setProperty('--bg-color', WALLPAPER_BACKDROP);
-      root.style.setProperty('--bg-brightness', String(brightness));
-      root.style.setProperty('--bg-size', fit === 'fit' ? 'contain' : 'cover');
-      sampleWallpaper(url, brightness, fit);
-    } else if (bg.type === 'unsplash') {
-      let url = loadWallpaper(bg);
-      if (!url) {
-        const r = await fetch('/api/wallpaper', { cache: 'no-store' });
-        const d = await r.json();
-        url = d.url || null;
-        if (url) saveWallpaper(url, bg);
-      }
-      if (url) {
-        const shown = url;
-        const brightness = Number(bg.brightness ?? 0.62);
-        const img = new Image();
-        img.onload = () => {
-          root.style.setProperty('--bg-image', `url('${sanitizeCssUrl(shown)}')`);
-          root.style.setProperty('--bg-color', WALLPAPER_BACKDROP);
-          root.style.setProperty('--bg-brightness', String(brightness));
-          root.style.setProperty('--bg-size', 'cover');
-          sampleWallpaper(sanitizeCssUrl(shown), brightness, 'fill');
-        };
-        img.src = shown;
-      }
-    }
-  } catch {}
+  const bg = await resolveBackground(S.background || {});
+  if (!bg) return;
+  applyBackground(root, bg);
+  if (bg.url) {
+    sampleWallpaper(bg.url, Number(bg.brightness), bg.fit);
+    return;
+  }
+  bgTone = { grid: null, tone: toneForColor(bg.color) ?? themeTone() };
+  retone();
 }
 
 function refreshBadges() {
diff --git a/public/js/icon-set.js b/public/js/icon-set.js
index 172afc7..c1c6d8a 100644
--- a/public/js/icon-set.js
+++ b/public/js/icon-set.js
@@ -112,6 +112,34 @@ const TOGGLES = {
 };
 const CLOUD = 'M6 20h10a4 4 0 0 0 0-8 5 5 0 0 0-9.6 1.2A3.5 3.5 0 0 0 6 20z';
 
+/* Keep the fractions. Whole units drift from the logo files. */
+function logoIcon() {
+  const f = n => +n.toFixed(3);
+  const k = 24 / 1024;
+  const R = 331 * k;
+  const wA = 151 * k;
+  const wB = 158 * k;
+  const at = (deg, r) => [f(12 + r * Math.cos((deg * Math.PI) / 180)), f(12 + r * Math.sin((deg * Math.PI) / 180))];
+  const capsule = end => {
+    const [dx, dy] = [end[0] - 12, end[1] - 12];
+    const n = [f((-dy / R) * (wB / 2)), f((dx / R) * (wB / 2))];
+    const r = f(wB / 2);
+    const d = `M${12 + n[0]} ${12 + n[1]}L${f(end[0] + n[0])} ${f(end[1] + n[1])}A${r} ${r} 0 0 0 ${f(end[0] - n[0])} ${f(end[1] - n[1])}L${12 - n[0]} ${12 - n[1]}A${r} ${r} 0 0 0 ${12 + n[0]} ${12 + n[1]}Z`;
+    return shape(d, 'ink', { lineAlt: { k: 'line', d: `M12 12L${end}` } });
+  };
+  const [ro, ri, h] = [f(R + wA / 2), f(R - wA / 2), f(wA / 2)];
+  const arc = `M${at(-90, ro)}A${ro} ${ro} 0 0 1 ${at(30, ro)}A${h} ${h} 0 0 1 ${at(30, ri)}A${ri} ${ri} 0 0 0 ${at(-90, ri)}A${h} ${h} 0 0 1 ${at(-90, ro)}Z`;
+  return {
+    inkMask: false,
+    shapes: [
+      capsule(at(210, R)),
+      capsule(at(150, R)),
+      capsule(at(90, R)),
+      shape(arc, 'accent', { lineAlt: { k: 'line', d: `M${at(-90, R)}A${f(R)} ${f(R)} 0 0 1 ${at(30, R)}` } }),
+    ],
+  };
+}
+
 function sizeIcon(k) {
   const [x, y, w, h] = { small: [5, 5, 14, 14], medium: [2, 7, 20, 10], large: [3, 3, 18, 18], xlarge: [5, 2, 14, 20] }[
     k
@@ -220,7 +248,14 @@ export const ICONS = {
   'bright-hi': { shapes: [dot(12, 12, 4), line('M12 2v2M12 20v2M2 12h2M20 12h2M5 5l1 1M18 18l1 1M5 19l1-1M18 6l1-1')] },
   external: { shapes: [line('M14 4h6v6M20 4l-9 9'), line('M18 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4')] },
   docs: { shapes: [rect(4, 2, 16, 20, T.R_MD), bar(7, 7, 6), bar(7, 11, 10), bar(7, 15, 8)] },
-  issue: { shapes: [circle(12, 12, 10), line('M12 7v6', 'cut'), detail(11, 16, 2, 2, 1, 'cut')] },
+  bug: {
+    shapes: [
+      shape('M9 6a3 3 0 0 1 6 0z', 'accent'),
+      shape('M6 14a6 6 0 0 1 12 0v2a6 6 0 0 1-12 0z'),
+      line('M12 11v8', 'cut'),
+      line('M2 9l2 2M2 15h2M2 21l2-2M22 9l-2 2M22 15h-2M22 21l-2-2'),
+    ],
+  },
   info: { shapes: [circle(12, 12, 10), line('M12 11v6', 'cut'), detail(11, 6, 2, 2, 1, 'cut')] },
   heart: { shapes: [shape('M12 21l-8-8a5 5 0 0 1 8-6 5 5 0 0 1 8 6z')] },
   grip: {
@@ -237,6 +272,11 @@ export const ICONS = {
   search: { shapes: [ring(10, 10, 7), line('M15 15l6 6')] },
   'arrow-down': { shapes: [line('M12 4v15M6 13l6 6 6-6')] },
   'arrow-up': { shapes: [line('M12 20V5M6 11l6-6 6 6')] },
+
+  logo: logoIcon(),
+  start: { inkMask: false, shapes: [line('M12 2v9M8 7l4 4 4-4', 'accent'), rect(2, 14, 20, 8, 4), bar(5, 17, 6)] },
+  run: { gap: 0, shapes: [rect(2, 4, 20, 16, 4), line('M6 9l3 3-3 3', 'accent'), bar(12, 14, 6)] },
+  create: { shapes: [rect(3, 5, 16, 16, 4), line('M19 3v4M17 5h4', 'accent'), bar(6, 10, 6), bar(6, 14, 10)] },
 };
 
 export function iconSvg(id, px = 24, variant = 'solid', cls = '') {
diff --git a/public/js/import-foreign.js b/public/js/import-foreign.js
index fb87f57..6097b16 100644
--- a/public/js/import-foreign.js
+++ b/public/js/import-foreign.js
@@ -3,7 +3,7 @@
    only: a widget in the source becomes a plain app tile, never a Stackyard
    widget. Keep this module free of the DOM and of the network. */
 
-import { buildAppItem, newItemId } from '/js/admin-save-logic.js?v=858f3f84';
+import { buildAppItem, newItemId } from '/js/admin-save-logic.js?v=60a82419';
 import { isSafeLinkUrl } from '/js/link-url.js?v=54adb40f';
 
 export const SKIP = Object.freeze({
@@ -188,8 +188,8 @@ function addApp(col, group, { label, href, iconUrl, container, pingUrl, skipTlsV
     null,
     col.taken,
   );
-  if (built.error) {
-    col.skip(SKIP.NO_HREF, label, group, built.error);
+  if (built.errorKey) {
+    col.skip(SKIP.NO_HREF, label, group, built.errorKey);
     return null;
   }
   col.taken.add(built.item.id);
diff --git a/public/js/listbox.js b/public/js/listbox.js
index 91cf92f..4f4f102 100644
--- a/public/js/listbox.js
+++ b/public/js/listbox.js
@@ -6,11 +6,11 @@
    Do not use popover. The top layer makes iOS collapse its browser toolbar,
    which exposes a strip of page canvas and misplaces the menu. */
 
-import { nextActiveIndex } from '/js/admin-logic.js?v=e3673bd7';
+import { nextActiveIndex } from '/js/admin-logic.js?v=cbb7417d';
 import { fluidHoverClear, fluidHoverKb } from '/js/fluid-hover.js?v=cb886e86';
 import { html, raw, setHtml } from '/js/html.js?v=c71f8903';
-import { qa } from '/js/utils.js?v=55685187';
-import { iconSvg } from '/js/icon-set.js?v=606a68c6';
+import { qa } from '/js/utils.js?v=eadafbcd';
+import { iconSvg } from '/js/icon-set.js?v=08b74a28';
 
 const CHEV = iconSvg('chevrons', 22, 'solid', 'dd-chev');
 
diff --git a/public/js/mobile-metrics.js b/public/js/mobile-metrics.js
index 43eb283..a4966be 100644
--- a/public/js/mobile-metrics.js
+++ b/public/js/mobile-metrics.js
@@ -41,7 +41,7 @@ export function mobileMetrics(vw, docked = true) {
   const sc = Math.min(vw / BASE_VW, MAX_SC);
   const sm = Math.round(18 * sc);
   const dh = docked ? Math.round(108 * sc) : 0;
-  const pillH = Math.round(34 * sc);
+  const pillH = Math.round(30 * sc);
   const pillGap = Math.round(10 * sc);
   /* Reserving less lets the pill sit on top of the last row. */
   const dz = pillGap + pillH + Math.round(8 * sc);
diff --git a/public/js/spotlight.js b/public/js/spotlight.js
index 99ae680..edd3ac5 100644
--- a/public/js/spotlight.js
+++ b/public/js/spotlight.js
@@ -1,5 +1,5 @@
 import { fluidHoverClear, fluidHoverKb } from '/js/fluid-hover.js?v=cb886e86';
-import { mk, clr, el, inp as inpById, q, qa, setUserText } from '/js/utils.js?v=55685187';
+import { mk, clr, el, inp as inpById, q, qa, setUserText } from '/js/utils.js?v=eadafbcd';
 import { t } from '/js/i18n.js?v=1f1ea9c1';
 
 /* Attached to the window so a re-open can undo the previous one. */
@@ -28,10 +28,10 @@ export function initSpotlight({ getItems, isMob, CB, iconChain, openFolderDeskto
   res.setAttribute('role', 'listbox');
   res.setAttribute('aria-label', t('home.searchResults'));
 
-  const render = q => {
+  const render = query => {
     res.replaceChildren();
     const apps = getItems().filter(i => i.type === 'app' || i.type === 'folder');
-    const qq = q.toLowerCase().trim();
+    const qq = query.toLowerCase().trim();
     cur = qq ? apps.filter(a => (a.label || a.id).toLowerCase().includes(qq)) : apps;
     si = 0;
     if (!cur.length) {
@@ -65,7 +65,8 @@ export function initSpotlight({ getItems, isMob, CB, iconChain, openFolderDeskto
       a.setAttribute('aria-selected', i === 0 ? 'true' : 'false');
       a.style.cssText =
         'display:flex;align-items:center;gap:18px;padding:14px 20px;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;';
-      const doOpen = () => {
+      /* A click also follows the link. Opening here as well opens two tabs. */
+      const doOpen = viaTouch => {
         close();
         if (isFolder) {
           if (MOB()) {
@@ -74,15 +75,15 @@ export function initSpotlight({ getItems, isMob, CB, iconChain, openFolderDeskto
           } else openFolderDesktop(app);
         } else if (app.system === 'settings' && app.href) {
           window.location.href = app.href;
-        } else if (app.href) {
+        } else if (viaTouch && app.href) {
           window.open(app.href, '_blank', 'noreferrer,noopener');
         }
       };
       a.addEventListener('touchend', e => {
         e.preventDefault();
-        doOpen();
+        doOpen(true);
       });
-      a.onclick = doOpen;
+      a.onclick = () => doOpen(false);
 
       const ic = mk('div');
       ic.className = 'sri';
diff --git a/public/js/theme.js b/public/js/theme.js
index 3a8dec9..7394727 100644
--- a/public/js/theme.js
+++ b/public/js/theme.js
@@ -12,12 +12,10 @@ export function normaliseMode(value) {
   return THEME_MODES.includes(/** @type {any} */ (value)) ? String(value) : 'system';
 }
 
-/** The theme a mode resolves to.
-    @param {string} mode
-    @param {boolean} prefersDark whether the device asks for a dark appearance */
-export function resolveTheme(mode, prefersDark) {
+/** @param {string} mode @param {boolean} systemDark */
+export function resolveTheme(mode, systemDark) {
   const m = normaliseMode(mode);
-  if (m === 'system') return prefersDark ? 'dark' : 'light';
+  if (m === 'system') return systemDark ? 'dark' : 'light';
   return m;
 }
 
diff --git a/public/js/ui.js b/public/js/ui.js
index 4f897d2..810ff72 100644
--- a/public/js/ui.js
+++ b/public/js/ui.js
@@ -6,6 +6,7 @@ import {
   isDashboardEmpty,
   renderEmptyState,
   mkWrap as _mkWrap,
+  ICON_R,
   mountScaledWidget,
   pageDir,
   teardownWidgets,
@@ -13,10 +14,10 @@ import {
   q,
   qa,
   setUserText,
-} from '/js/utils.js?v=55685187';
+} from '/js/utils.js?v=eadafbcd';
 import { t, currentLang } from '/js/i18n.js?v=1f1ea9c1';
 import { toneForColor } from '/js/label-contrast.js?v=c1ac6fb8';
-import { mobileMetrics, gridColumnWidth, gridCellCount } from '/js/mobile-metrics.js?v=ab5fe77e';
+import { mobileMetrics, gridColumnWidth, gridCellCount } from '/js/mobile-metrics.js?v=349f4300';
 import { smoothRectPath } from '/js/smooth-corner.js?v=b7dda7e1';
 import { mkGlassRim, observeGlass } from '/js/glass-rim.js?v=3faec233';
 
@@ -62,9 +63,9 @@ if (!_win.__wActiveMsgBound) {
   });
 }
 
-function css(el, props) {
-  for (const [k, v] of Object.entries(props)) el.style.setProperty(k, v);
-  return el;
+function css(node, props) {
+  for (const [k, v] of Object.entries(props)) node.style.setProperty(k, v);
+  return node;
 }
 
 function mkMiniIcon(child, pointerEvents) {
@@ -110,7 +111,7 @@ export function mkFolderGlyph(folder, size) {
   const wrap = mk('div');
   wrap.className = 'dyn-fold-wrap glass-surface';
   css(wrap, {
-    '--br': Math.round(size * 0.24) + 'px',
+    '--br': Math.round(size * ICON_R) + 'px',
     '--gap': Math.round(size * 0.04) + 'px',
     '--pad': Math.round(size * 0.1) + 'px',
   });
@@ -220,7 +221,7 @@ export function openFolderDesktop(folder) {
   box.appendChild(grid);
   const registeredBadges = [];
   children.forEach(c => bupd(c.id));
-  qa('.badge', grid).forEach(el => registeredBadges.push(el));
+  qa('.badge', grid).forEach(badge => registeredBadges.push(badge));
   function closeDesk() {
     ov.close();
   }
@@ -229,7 +230,7 @@ export function openFolderDesktop(folder) {
   let stopGlass = () => {};
   ov.addEventListener('close', () => {
     stopGlass();
-    registeredBadges.forEach(el => BEL().forEach((_, id) => bunreg(id, el)));
+    registeredBadges.forEach(badge => BEL().forEach((_, id) => bunreg(id, badge)));
     ov.remove();
     folderOverlay = null;
   });
@@ -311,7 +312,7 @@ function mFolder(item, cw, rh, isz, ir, im, sc) {
   css(box, { '--sz': eff + 'px' });
   box.style.pointerEvents = 'none';
   const wrap = mkFolderGlyph(item, eff);
-  wrap.appendChild(mkGlassRim(eff, eff, smoothRectPath(eff, eff, Math.round(eff * 0.24), 0)));
+  wrap.appendChild(mkGlassRim(eff, eff, smoothRectPath(eff, eff, Math.round(eff * ICON_R), 0)));
   box.appendChild(wrap);
   const fb_ = mk('div');
   fb_.className = 'badge';
@@ -322,7 +323,7 @@ function mFolder(item, cw, rh, isz, ir, im, sc) {
     const l = mk('div');
     l.className = 'dyn-fold-label';
     l.dir = 'auto';
-    css(l, { '--lfs': Math.max(9, Math.round(9 * sc)) + 'px', '--lw': cw - 4 + 'px' });
+    css(l, { '--lfs': Math.max(11, Math.round(12 * sc)) + 'px', '--lw': cw - 4 + 'px' });
     setUserText(l, item.label || t('type.folder'));
     a.appendChild(l);
   }
@@ -355,7 +356,7 @@ export function openFolderMobile(folder, isz, _ir, _im, sc) {
   /* A badge registered to an element that has gone keeps the dashboard
      repainting it. */
   ov.addEventListener('close', () => {
-    qa('.badge', ov).forEach(el => BEL().forEach((_, id) => bunreg(id, el)));
+    qa('.badge', ov).forEach(badge => BEL().forEach((_, id) => bunreg(id, badge)));
     ov.remove();
     folderOverlayMob = null;
   });
@@ -372,13 +373,13 @@ export function openFolderMobile(folder, isz, _ir, _im, sc) {
   const innerW = boxW - padH * 2,
     gap = Math.round(14 * ptScale);
   const folderIconW = Math.min(Math.floor((innerW - gap * 2) / 3), isz);
-  const folderIr = Math.round(folderIconW * 0.22),
+  const folderIr = Math.round(folderIconW * ICON_R),
     folderIm = Math.round(folderIconW * 0.64);
   const gridInnerW = folderIconW * 3 + gap * 2,
     gridH = folderIconW * 3 + gap * 2;
-  /* A badge sits 7px outside its icon corner. Without this inset the outer
+  /* A badge sits 11px outside its icon corner. Without this inset the outer
      icons' badges cross into the next page and the viewport shows them. */
-  const badgeOvh = Math.min(Math.ceil(7 * (sc || 1)), padH, padVT, padVB);
+  const badgeOvh = Math.min(Math.ceil(11 * (sc || 1)), padH, padVT, padVB);
   const pageW = gridInnerW + badgeOvh * 2,
     pageH = gridH + badgeOvh * 2;
   const dotSz = Math.round(7 * ptScale);
@@ -545,9 +546,9 @@ export function openFolderMobile(folder, isz, _ir, _im, sc) {
   ov.addEventListener(
     'touchend',
     e => {
-      const t = e.changedTouches[0],
+      const touch = e.changedTouches[0],
         rb = box.getBoundingClientRect();
-      if (t.clientX < rb.left || t.clientX > rb.right || t.clientY < rb.top || t.clientY > rb.bottom) {
+      if (touch.clientX < rb.left || touch.clientX > rb.right || touch.clientY < rb.top || touch.clientY > rb.bottom) {
         e.preventDefault();
         e.stopPropagation();
         closeMob();
@@ -641,7 +642,7 @@ export function buildMobile() {
   css(document.body, { '--mgw': Math.round(gridW) + 'px' });
   const maxIsz = Math.round(74 * sc);
   const isz = Math.round(Math.min(cw * 0.9, rh * 0.8, maxIsz));
-  const ir = Math.round(isz * 0.225),
+  const ir = Math.round(isz * ICON_R),
     im = Math.round(isz * 0.64);
   const showLabel = S().showLabels?.ios === true;
   /* The reference draws a 66 icon and a 28 widget corner, so a widget's corner
@@ -705,7 +706,7 @@ export function buildMobile() {
 
   function mIcon(item) {
     const eff = showLabel ? Math.round(isz * 0.82) : isz;
-    const er = Math.round(eff * 0.225),
+    const er = Math.round(eff * ICON_R),
       em = Math.round(eff * 0.64);
     const a =
       item.system === 'settings'
@@ -720,7 +721,7 @@ export function buildMobile() {
       const l = mk('div');
       l.className = 'dyn-mob-label';
       l.dir = 'auto';
-      css(l, { '--lfs': Math.max(9, Math.round(9 * sc)) + 'px', '--lw': '100%' });
+      css(l, { '--lfs': Math.max(11, Math.round(12 * sc)) + 'px', '--lw': '100%' });
       setUserText(l, item.label || item.id);
       a.appendChild(l);
     }
@@ -786,7 +787,7 @@ export function buildMobile() {
   const maxDockW = vw - Math.round(18 * sc);
   const dockPad = Math.round(14 * sc);
   const dockIconSz = Math.round(Math.min(isz, ((maxDockW - Math.round(28 * sc)) / 4) * 0.85));
-  const dockIr = Math.round(dockIconSz * 0.225),
+  const dockIr = Math.round(dockIconSz * ICON_R),
     dockIm = Math.round(dockIconSz * 0.64);
   const dockGap = Math.round(9 * sc);
   const dockW = Math.min(maxDockW, Math.round((PHONE_W - 18) * sc));
@@ -796,7 +797,7 @@ export function buildMobile() {
   dk.hidden = !dock.length;
   dk.style.cssText = `position:fixed;left:50%;bottom:${dockGap}px;transform:translateX(-50%);width:${dockW}px;height:${dh}px;padding:0 ${dockPad}px;gap:${dockIconGap}px;z-index:400;`;
   dk.replaceChildren();
-  observeGlass(dk, Math.round(40 * sc), 0.2);
+  observeGlass(dk, Math.round(38 * sc), 0.6);
   dock.forEach(item => {
     const a = mk('a', { href: item.href, target: '_blank', rel: 'noreferrer noopener' });
     a.className = 'dyn-dock-icon';
diff --git a/public/js/utils.js b/public/js/utils.js
index 9efdbc9..7a94913 100644
--- a/public/js/utils.js
+++ b/public/js/utils.js
@@ -3,12 +3,12 @@ import { toneForColor } from '/js/label-contrast.js?v=c1ac6fb8';
 import { SETTINGS_ICON, SETTINGS_ICON_LIGHT } from '/js/settings-icon.js?v=4079b66a';
 import { mkGlassRim } from '/js/glass-rim.js?v=3faec233';
 import { smoothRectPath } from '/js/smooth-corner.js?v=b7dda7e1';
-import { BRAND_MARK } from '/js/brand-mark.js?v=1dcbf1ac';
+import { BRAND_MARK } from '/js/brand-mark.js?v=e363e477';
 import { t } from '/js/i18n.js?v=1f1ea9c1';
 import { pageTheme, tileColor } from '/js/palette.js?v=3fb8ae43';
 
-export const mk = (t, a = {}) => {
-  const e = document.createElement(t);
+export const mk = (tag, a = {}) => {
+  const e = document.createElement(tag);
   Object.assign(e, a);
   return e;
 };
@@ -17,16 +17,24 @@ export const mk = (t, a = {}) => {
    url() fetches from whatever host it names. */
 const SAFE_COLOR = /^(#[0-9a-f]{3,8}|(?:rgb|hsl)a?\([0-9a-z%.,\s/+-]*\)|[a-z]{3,20})$/i;
 const DEFAULT_TILE_COLOR = '#1C1C1E';
+
+/** Reject an invalid colour. Repairing one by deleting characters paints a
+    colour nobody chose.
+    @param {unknown} c @param {string} fallback @returns {string} */
+export const cssColor = (c, fallback) => {
+  const v = String(c ?? '').trim();
+  return v && SAFE_COLOR.test(v) ? v : fallback;
+};
+
 export const clr = c => {
   if (!c) return DEFAULT_TILE_COLOR;
   const named = tileColor(c, pageTheme());
   if (named) return named;
-  const v = String(c).trim();
-  return SAFE_COLOR.test(v) ? v : DEFAULT_TILE_COLOR;
+  return cssColor(c, DEFAULT_TILE_COLOR);
 };
 /* The plate is a colour the user chose, so the ink has to be measured from it.
    White on the palette's own yellow reads at 1.5:1. */
-export const fb = (l, sz, plate) => {
+export const letterTile = (l, sz, plate) => {
   const e = mk('span');
   e.className = 'fb';
   const tone = toneForColor(plate) ?? (pageTheme() === 'light' ? 'dark' : 'light');
@@ -113,6 +121,8 @@ export const qa = (sel, root = document) => /** @type {HTMLElement[]} */ ([...ro
     @param {Event} e @returns {HTMLInputElement} */
 export const tgt = e => /** @type {HTMLInputElement} */ (e.target);
 
+export const ICON_R = 0.26;
+
 /* breg is passed in to avoid a circular import. */
 export function mkWrap(item, sz, r, isz, cls, breg) {
   const w = mk('div');
@@ -134,7 +144,7 @@ export function mkWrap(item, sz, r, isz, cls, breg) {
     });
     img.setAttribute('aria-hidden', 'true');
     img.style.cssText = `width:${si}px;height:${si}px;object-fit:contain;position:relative;z-index:3;`;
-    img.onerror = () => img.replaceWith(fb(item.label, sz, wrapBg));
+    img.onerror = () => img.replaceWith(letterTile(item.label, sz, wrapBg));
     w.appendChild(img);
   } else if (rawIcon) {
     const chain = iconChain(rawIcon);
@@ -146,7 +156,7 @@ export function mkWrap(item, sz, r, isz, cls, breg) {
       const tryNext = () => {
         step++;
         if (step < chain.length) img.src = chain[step];
-        else img.replaceWith(fb(item.label, sz, wrapBg));
+        else img.replaceWith(letterTile(item.label, sz, wrapBg));
       };
       img.onerror = tryNext;
       /* A 403 fires load, not onerror. A blocked image has zero dimensions. */
@@ -154,8 +164,8 @@ export function mkWrap(item, sz, r, isz, cls, breg) {
         if (img.naturalWidth === 0) tryNext();
       };
       w.appendChild(img);
-    } else w.appendChild(fb(item.label, sz, wrapBg));
-  } else w.appendChild(fb(item.label, sz, wrapBg));
+    } else w.appendChild(letterTile(item.label, sz, wrapBg));
+  } else w.appendChild(letterTile(item.label, sz, wrapBg));
   if (
     breg &&
     (item.monitoring?.healthcheck?.enabled ||
@@ -320,10 +330,10 @@ export function mountScaledWidget(card, { src, title, design, iframeOpts, overla
       doc.addEventListener(
         'touchstart',
         e => {
-          const t = e.touches[0];
-          if (!t) return;
-          sx = t.clientX;
-          sy = t.clientY;
+          const touch = e.touches[0];
+          if (!touch) return;
+          sx = touch.clientX;
+          sy = touch.clientY;
           moved = false;
         },
         { passive: true },
@@ -331,19 +341,19 @@ export function mountScaledWidget(card, { src, title, design, iframeOpts, overla
       doc.addEventListener(
         'touchmove',
         e => {
-          const t = e.touches[0];
-          if (!t) return;
-          if (Math.abs(t.clientX - sx) > 8 || Math.abs(t.clientY - sy) > 8) moved = true;
+          const touch = e.touches[0];
+          if (!touch) return;
+          if (Math.abs(touch.clientX - sx) > 8 || Math.abs(touch.clientY - sy) > 8) moved = true;
         },
         { passive: true },
       );
       doc.addEventListener(
         'touchend',
         e => {
-          const t = e.changedTouches[0];
-          if (!t) return;
-          const dx = t.clientX - sx,
-            dy = t.clientY - sy;
+          const touch = e.changedTouches[0];
+          if (!touch) return;
+          const dx = touch.clientX - sx,
+            dy = touch.clientY - sy;
           if (Math.abs(dx) > 30 && Math.abs(dx) > Math.abs(dy) * 1.4) {
             /* horizontal swipe → page */
             if (typeof onSwipe === 'function') onSwipe(dx < 0 ? 1 : -1);
@@ -351,11 +361,11 @@ export function mountScaledWidget(card, { src, title, design, iframeOpts, overla
           }
           if (!moved && overlayHref) {
             /* tap on non-interactive area → open link */
-            const tgt = e.target;
+            const target = e.target;
             const interactive =
-              tgt &&
-              tgt.closest &&
-              tgt.closest(
+              target &&
+              target.closest &&
+              target.closest(
                 'a,button,[role="button"],[onclick],.clickable,.bay,.val-row,.chart-wrap,input,select,textarea',
               );
             if (!interactive) window.open(overlayHref, '_blank', 'noopener,noreferrer');
diff --git a/public/js/widget-config-form.js b/public/js/widget-config-form.js
index f5f6b5b..e8c36ec 100644
--- a/public/js/widget-config-form.js
+++ b/public/js/widget-config-form.js
@@ -3,9 +3,9 @@
 
 import { t } from '/js/i18n.js?v=1f1ea9c1';
 import { html, raw, setHtml } from '/js/html.js?v=c71f8903';
-import { reveal, wireInlineEdit } from '/js/admin-shared.js?v=52e149f5';
-import { createListbox } from '/js/listbox.js?v=32f787c3';
-import { renderColorControl } from '/js/admin-color-control.js?v=42c11a9b';
+import { reveal, wireInlineEdit } from '/js/admin-shared.js?v=d2e8b6dc';
+import { createListbox } from '/js/listbox.js?v=f057351d';
+import { renderColorControl } from '/js/admin-color-control.js?v=e963853a';
 import {
   seedCarried,
   applyOptionSet,
@@ -13,9 +13,9 @@ import {
   requiredFieldMissing,
   groupBounds,
   visibleFieldFlags,
-} from '/js/admin-logic.js?v=e3673bd7';
-import { optionsErrorAdvice, TONE } from '/js/admin-error.js?v=10f3cdb1';
-import { qi } from '/js/utils.js?v=55685187';
+} from '/js/admin-logic.js?v=cbb7417d';
+import { optionsErrorAdvice, TONE } from '/js/admin-error.js?v=e4ea7820';
+import { qi } from '/js/utils.js?v=eadafbcd';
 
 const PE =
   '<svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5"/><path d="M18.4 2.6a1.85 1.85 0 0 1 2.6 2.6l-9.1 9.1-3.4 1 1-3.4z"/></svg>';
@@ -227,7 +227,7 @@ function _picklist(field, value, ctx, size) {
         status.className = 'row-status ok';
       } catch (e) {
         const advice = optionsErrorAdvice(e);
-        status.textContent = advice.message;
+        status.textContent = t(advice.key, advice.vars);
         status.className = 'row-status ' + (advice.tone === TONE.WARN ? 'warn' : 'err');
       } finally {
         btn.disabled = false;
@@ -318,7 +318,7 @@ function _select(field, value, ctx, config = {}) {
         status.className = 'row-status ok';
       } catch (e) {
         const advice = optionsErrorAdvice(e);
-        status.textContent = advice.message;
+        status.textContent = t(advice.key, advice.vars);
         status.className = 'row-status ' + (advice.tone === TONE.WARN ? 'warn' : 'err');
       } finally {
         btn.disabled = false;
diff --git a/public/js/widget-glyphs.js b/public/js/widget-glyphs.js
index 9025b7f..94382e1 100644
--- a/public/js/widget-glyphs.js
+++ b/public/js/widget-glyphs.js
@@ -1,5 +1,5 @@
 // @ts-check
-import { iconSvg } from '/js/icon-set.js?v=606a68c6';
+import { iconSvg } from '/js/icon-set.js?v=08b74a28';
 
 /* Keys are the glyph names in widget.json files. Renaming one breaks that widget. */
 /** @type {Record<string, string>} */
diff --git a/public/js/widget-toolbox.js b/public/js/widget-toolbox.js
index 64ab9d2..85a360b 100644
--- a/public/js/widget-toolbox.js
+++ b/public/js/widget-toolbox.js
@@ -12,7 +12,7 @@ export { esc, html, setHtml };
    survives esc() and still parses as a second declaration. Assign the result
    through a specific CSSOM property, never a concatenated style string. */
 const COLOR_RE = /^(#[0-9a-f]{3}|#[0-9a-f]{6}|rgb\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}\s*\))$/i;
-export function safeColor(value, fallback) {
+export function colorOrFallback(value, fallback) {
   return COLOR_RE.test(String(value ?? '').trim()) ? String(value).trim() : fallback;
 }
 
diff --git a/public/widgets/backup/backup.html b/public/widgets/backup/backup.html
index 8f7b7d5..d0fc383 100644
--- a/public/widgets/backup/backup.html
+++ b/public/widgets/backup/backup.html
@@ -121,7 +121,7 @@
 <body>
 <div class="widget" id="widget" role="group" aria-label="Backup status"></div>
 <script type="module">
-import { poll, fetchData, openUrl, html, setHtml, loadStrings, wt, errorState } from '/js/widget-toolbox.js?v=18ff4820';
+import { poll, fetchData, openUrl, html, setHtml, loadStrings, wt, errorState } from '/js/widget-toolbox.js?v=22640314';
 await loadStrings();
 document.getElementById('widget').setAttribute('aria-label', wt('ui.backupStatus', 'Backup status'));
 const id   = new URLSearchParams(location.search).get('id')   || '';
diff --git a/public/widgets/books/i18n/de.json b/public/widgets/books/i18n/de.json
index 0ac14c5..a1e4369 100644
--- a/public/widgets/books/i18n/de.json
+++ b/public/widgets/books/i18n/de.json
@@ -28,9 +28,9 @@
   "listId.hint": "Oben URL und Schlüssel eingeben, dann Abrufen klicken, um Sammlungen und Leselisten zu laden.",
   "href.label": "Klick-URL (optional)",
   "href.placeholder": "https://…",
-  "ui.reading": "LESE GERADE",
-  "ui.srcRecently": "ZULETZT HINZUGEFÜGT",
-  "ui.srcUnread": "WEITERLESEN",
+  "ui.reading": "Lese gerade",
+  "ui.srcRecently": "Zuletzt hinzugefügt",
+  "ui.srcUnread": "Weiterlesen",
   "ui.finished": "Gelesen",
   "ui.unread": "Ungelesen",
   "ui.percentRead": "{pct} % gelesen",
diff --git a/public/widgets/books/i18n/en.json b/public/widgets/books/i18n/en.json
index 9d09a03..1b537d9 100644
--- a/public/widgets/books/i18n/en.json
+++ b/public/widgets/books/i18n/en.json
@@ -28,9 +28,9 @@
   "listId.hint": "Enter the URL + key above, then click Fetch to load your collections / reading lists.",
   "href.label": "Click URL (optional)",
   "href.placeholder": "https://…",
-  "ui.reading": "READING",
-  "ui.srcRecently": "RECENTLY ADDED",
-  "ui.srcUnread": "ON DECK",
+  "ui.reading": "Reading",
+  "ui.srcRecently": "Recently Added",
+  "ui.srcUnread": "On Deck",
   "ui.finished": "Finished",
   "ui.unread": "Unread",
   "ui.percentRead": "{pct}% read",
diff --git a/public/widgets/books/i18n/es.json b/public/widgets/books/i18n/es.json
index dd47dc7..5411747 100644
--- a/public/widgets/books/i18n/es.json
+++ b/public/widgets/books/i18n/es.json
@@ -28,9 +28,9 @@
   "listId.hint": "Introduce arriba la URL y la clave, y pulsa Obtener para cargar tus colecciones y listas de lectura.",
   "href.label": "URL de clic (opcional)",
   "href.placeholder": "https://…",
-  "ui.reading": "LEYENDO",
-  "ui.srcRecently": "AÑADIDOS RECIENTEMENTE",
-  "ui.srcUnread": "EN CURSO",
+  "ui.reading": "Leyendo",
+  "ui.srcRecently": "Añadidos recientemente",
+  "ui.srcUnread": "En curso",
   "ui.finished": "Terminado",
   "ui.unread": "Sin leer",
   "ui.percentRead": "{pct} % leído",
diff --git a/public/widgets/books/i18n/fr.json b/public/widgets/books/i18n/fr.json
index 3163417..8659ec0 100644
--- a/public/widgets/books/i18n/fr.json
+++ b/public/widgets/books/i18n/fr.json
@@ -28,9 +28,9 @@
   "listId.hint": "Saisissez l’URL et la clé ci-dessus, puis cliquez sur Récupérer pour charger vos collections et listes de lecture.",
   "href.label": "URL de clic (facultatif)",
   "href.placeholder": "https://…",
-  "ui.reading": "EN COURS",
-  "ui.srcRecently": "AJOUTS RÉCENTS",
-  "ui.srcUnread": "À POURSUIVRE",
+  "ui.reading": "En cours",
+  "ui.srcRecently": "Ajouts récents",
+  "ui.srcUnread": "À poursuivre",
   "ui.finished": "Terminé",
   "ui.unread": "Non lu",
   "ui.percentRead": "{pct} % lu",
diff --git a/public/widgets/books/index.html b/public/widgets/books/index.html
index 4ed1c40..9d0f9e3 100644
--- a/public/widgets/books/index.html
+++ b/public/widgets/books/index.html
@@ -17,14 +17,14 @@
   .card.clickable{cursor:pointer}
   .card.clickable:focus-visible{outline:2px solid #00D2E0;outline-offset:-3px}
 
-  .head{flex:none;font-size:11px;font-weight:500;color:#8E8E93;letter-spacing:.05em;
+  .head{flex:none;font-size:13px;font-weight:600;color:#8E8E93;
     white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 
   .shelves{flex:1;display:flex;flex-direction:column;gap:8px;min-height:0;margin-top:6px}
   .size-large .shelves{margin-top:10px}
   .shelf-wrap{flex:1;display:flex;flex-direction:column;min-height:0}
-  .shelf-lbl{flex:none;font-size:10px;font-weight:600;color:#8E8E93;letter-spacing:.06em;margin-bottom:4px;
-    text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+  .shelf-lbl{flex:none;font-size:11px;font-weight:600;color:#8E8E93;margin-bottom:4px;
+    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
   .shelf-lbl[hidden]{display:none}
   .shelf{flex:1;position:relative;min-height:0;border-bottom:1px solid rgba(235,235,245,.5)}
   .shelf::after{content:"";position:absolute;left:5%;right:5%;bottom:-1px;height:10px;pointer-events:none;
@@ -101,9 +101,9 @@
   <span class="sr" id="sr" aria-live="polite"></span>
 </div>
 <script type="module">
-  import { poll, openUrl, loadStrings, wt, formatNumber, errorState } from '/js/widget-toolbox.js?v=18ff4820';
+  import { poll, openUrl, loadStrings, wt, formatNumber, errorState } from '/js/widget-toolbox.js?v=22640314';
   await loadStrings();
-  document.getElementById('lbl').textContent = wt('ui.reading', 'READING');
+  document.getElementById('lbl').textContent = wt('ui.reading', 'Reading');
   document.getElementById('card').setAttribute('aria-label', wt('widget.label', 'Books'));
   const API='/api';
   const params=new URLSearchParams(location.search);
@@ -113,7 +113,7 @@
   const {shelves:SHELVES,show:SHOW}=SIZES[size];
   const POLL_MS=300000;
   const PALETTE=['#E7E0D2','#3D5A80','#A8483E','#C9BBA0','#5C6B57','#8D99A6','#2E3340','#B58B52','#7B5E57','#4E6E6A'];
-  const SRC={recently:['ui.srcRecently','RECENTLY ADDED'],unread:['ui.srcUnread','ON DECK'],list:['ui.reading','READING']};
+  const SRC={recently:['ui.srcRecently','Recently Added'],unread:['ui.srcUnread','On Deck'],list:['ui.reading','Reading']};
   /* The reader's own name for the shelf, then the service's, then the generic
      word for what the shelf holds. */
   function shelfName(sh){
diff --git a/public/widgets/connections/connections-map.html b/public/widgets/connections/connections-map.html
index 5c465e9..557ba28 100644
--- a/public/widgets/connections/connections-map.html
+++ b/public/widgets/connections/connections-map.html
@@ -19,7 +19,7 @@
 <canvas id="c" role="img" aria-label="World map of connections"></canvas>
 <script>window.__DOTS={"cols":100,"rows":39,"minLat":-58.0,"maxLat":84.0,"countries":["CA","GL","NO","RU","US","SE","FI","IS","GB","DK","LV","IE","NL","DE","PL","BY","KZ","CN","FR","CZ","UA","MN","IT","HR","RS","RO","ES","AL","BG","GE","TM","UZ","KG","PT","GR","TR","IR","AZ","TJ","KP","MA","DZ","TN","SY","IQ","AF","PK","IN","KR","JP","MX","LY","EG","SA","NP","BT","EH","MR","ML","AE","OM","MM","CN-TW","NE","TD","SD","LA","VN","ER","YE","TH","PH","NI","SN","BF","NG","ET","KH","CO","VE","SL","GN","CI","GH","BJ","CF","SS","-99","GY","SR","LR","CM","SO","MY","BR","GA","CG","CD","UG","KE","ID","EC","PE","RW","TZ","PG","AO","ZM","BO","MW","MZ","AU","ZW","MG","VU","PY","NA","BW","CL","AR","ZA","UY","NZ"],"dots":[26,0,0,27,0,0,28,0,0,29,0,0,30,0,0,31,0,0,32,0,0,34,0,1,37,0,1,38,0,1,39,0,1,40,0,1,21,1,0,24,1,0,26,1,0,27,1,0,28,1,0,30,1,1,31,1,1,32,1,1,33,1,1,34,1,1,35,1,1,36,1,1,37,1,1,38,1,1,39,1,1,40,1,1,41,1,1,42,1,1,43,1,1,44,1,1,53,1,2,54,1,2,78,1,3,19,2,0,23,2,0,24,2,0,25,2,0,26,2,0,27,2,0,34,2,1,35,2,1,36,2,1,37,2,1,38,2,1,39,2,1,40,2,1,41,2,1,42,2,1,43,2,1,65,2,3,66,2,3,74,2,3,75,2,3,76,2,3,77,2,3,78,2,3,79,2,3,80,2,3,88,2,3,89,2,3,91,2,3,0,3,3,6,3,4,18,3,0,19,3,0,20,3,0,23,3,0,25,3,0,26,3,0,27,3,0,28,3,0,29,3,0,35,3,1,36,3,1,37,3,1,38,3,1,39,3,1,40,3,1,41,3,1,42,3,1,43,3,1,65,3,3,69,3,3,70,3,3,71,3,3,72,3,3,73,3,3,74,3,3,75,3,3,76,3,3,77,3,3,78,3,3,79,3,3,80,3,3,81,3,3,82,3,3,83,3,3,84,3,3,85,3,3,87,3,3,88,3,3,89,3,3,90,3,3,91,3,3,0,4,3,4,4,4,5,4,4,6,4,4,7,4,4,8,4,4,9,4,4,10,4,4,11,4,0,12,4,0,13,4,0,14,4,0,15,4,0,16,4,0,17,4,0,18,4,0,19,4,0,20,4,0,21,4,0,22,4,0,23,4,0,24,4,0,25,4,0,26,4,0,30,4,0,31,4,0,35,4,1,36,4,1,37,4,1,38,4,1,39,4,1,40,4,1,54,4,2,55,4,5,56,4,5,57,4,6,58,4,3,59,4,3,60,4,3,62,4,3,63,4,3,64,4,3,65,4,3,66,4,3,67,4,3,68,4,3,69,4,3,71,4,3,72,4,3,73,4,3,74,4,3,75,4,3,76,4,3,77,4,3,78,4,3,79,4,3,80,4,3,81,4,3,82,4,3,83,4,3,84,4,3,85,4,3,86,4,3,87,4,3,88,4,3,89,4,3,90,4,3,91,4,3,92,4,3,93,4,3,94,4,3,95,4,3,96,4,3,97,4,3,98,4,3,99,4,3,5,5,4,6,5,4,7,5,4,8,5,4,9,5,4,10,5,4,11,5,0,12,5,0,13,5,0,14,5,0,15,5,0,16,5,0,17,5,0,18,5,0,19,5,0,20,5,0,21,5,0,22,5,0,23,5,0,24,5,0,26,5,0,27,5,0,30,5,0,31,5,0,36,5,1,37,5,1,38,5,1,44,5,7,53,5,5,54,5,5,55,5,5,56,5,6,57,5,6,58,5,3,59,5,3,60,5,3,61,5,3,62,5,3,63,5,3,64,5,3,65,5,3,66,5,3,67,5,3,68,5,3,69,5,3,70,5,3,71,5,3,72,5,3,73,5,3,74,5,3,75,5,3,76,5,3,77,5,3,78,5,3,79,5,3,80,5,3,81,5,3,82,5,3,83,5,3,84,5,3,85,5,3,86,5,3,87,5,3,88,5,3,89,5,3,90,5,3,91,5,3,92,5,3,93,5,3,94,5,3,95,5,3,96,5,3,97,5,3,98,5,3,99,5,3,4,6,4,5,6,4,6,6,4,7,6,4,8,6,4,10,6,4,11,6,0,12,6,0,13,6,0,14,6,0,15,6,0,16,6,0,17,6,0,18,6,0,19,6,0,20,6,0,21,6,0,22,6,0,23,6,0,28,6,0,29,6,0,30,6,0,37,6,1,51,6,2,52,6,2,53,6,5,54,6,5,56,6,6,58,6,3,59,6,3,60,6,3,61,6,3,62,6,3,63,6,3,64,6,3,65,6,3,66,6,3,67,6,3,68,6,3,69,6,3,70,6,3,71,6,3,72,6,3,73,6,3,74,6,3,75,6,3,76,6,3,77,6,3,78,6,3,79,6,3,80,6,3,81,6,3,82,6,3,83,6,3,84,6,3,85,6,3,86,6,3,87,6,3,88,6,3,89,6,3,90,6,3,91,6,3,92,6,3,95,6,3,96,6,3,13,7,0,14,7,0,15,7,0,16,7,0,17,7,0,18,7,0,19,7,0,20,7,0,21,7,0,22,7,0,23,7,0,24,7,0,29,7,0,30,7,0,31,7,0,32,7,0,48,7,8,52,7,9,53,7,5,54,7,5,56,7,10,57,7,10,58,7,3,59,7,3,60,7,3,61,7,3,62,7,3,63,7,3,64,7,3,65,7,3,66,7,3,67,7,3,68,7,3,69,7,3,70,7,3,71,7,3,72,7,3,73,7,3,74,7,3,75,7,3,76,7,3,77,7,3,78,7,3,79,7,3,80,7,3,81,7,3,82,7,3,83,7,3,84,7,3,85,7,3,86,7,3,87,7,3,93,7,3,94,7,3,14,8,0,15,8,0,16,8,0,17,8,0,18,8,0,19,8,0,20,8,0,21,8,0,22,8,0,23,8,0,24,8,0,25,8,0,26,8,0,28,8,0,29,8,0,30,8,0,31,8,0,32,8,0,33,8,0,34,8,0,47,8,11,49,8,8,51,8,12,52,8,13,53,8,13,54,8,14,55,8,14,56,8,14,57,8,15,58,8,15,59,8,3,60,8,3,61,8,3,62,8,3,63,8,3,64,8,3,65,8,3,66,8,3,67,8,16,68,8,16,69,8,16,70,8,16,71,8,16,72,8,3,73,8,3,74,8,3,75,8,3,76,8,3,77,8,3,78,8,3,79,8,3,80,8,3,81,8,3,82,8,3,83,8,3,84,8,17,85,8,3,86,8,3,87,8,3,88,8,3,89,8,3,93,8,3,16,9,0,17,9,0,18,9,0,19,9,0,20,9,0,21,9,0,22,9,0,23,9,0,24,9,0,25,9,0,26,9,0,27,9,0,28,9,0,29,9,0,30,9,0,32,9,0,34,9,0,49,9,18,50,9,18,51,9,18,52,9,13,53,9,13,54,9,19,55,9,14,56,9,20,57,9,20,58,9,20,59,9,20,60,9,20,61,9,3,62,9,3,63,9,16,64,9,16,65,9,16,66,9,16,67,9,16,68,9,16,69,9,16,70,9,16,71,9,16,72,9,16,73,9,16,74,9,3,75,9,21,76,9,21,77,9,21,78,9,21,79,9,21,80,9,3,81,9,21,82,9,17,83,9,17,84,9,17,85,9,17,86,9,3,87,9,3,88,9,3,89,9,3,16,10,4,17,10,4,18,10,4,19,10,4,20,10,4,21,10,4,22,10,4,23,10,4,24,10,4,25,10,4,26,10,4,27,10,0,28,10,0,29,10,0,30,10,4,31,10,0,50,10,18,51,10,18,52,10,22,53,10,22,54,10,23,55,10,24,56,10,25,57,10,25,59,10,3,60,10,3,61,10,3,62,10,3,65,10,16,66,10,16,67,10,16,68,10,16,69,10,16,70,10,16,71,10,16,72,10,16,73,10,17,74,10,17,75,10,21,76,10,21,77,10,21,78,10,21,79,10,21,80,10,21,81,10,21,82,10,17,83,10,17,84,10,17,85,10,17,86,10,17,87,10,3,15,11,4,16,11,4,17,11,4,18,11,4,19,11,4,20,11,4,21,11,4,22,11,4,23,11,4,24,11,4,25,11,4,26,11,4,27,11,4,28,11,4,29,11,4,47,11,26,48,11,26,49,11,26,50,11,26,52,11,18,53,11,22,55,11,27,56,11,28,57,11,28,62,11,29,65,11,16,66,11,30,67,11,31,68,11,16,69,11,16,70,11,32,71,11,32,72,11,17,73,11,17,74,11,17,75,11,17,76,11,17,77,11,17,78,11,17,79,11,17,80,11,17,81,11,17,82,11,17,83,11,17,84,11,17,85,11,17,16,12,4,17,12,4,18,12,4,19,12,4,20,12,4,21,12,4,22,12,4,23,12,4,24,12,4,25,12,4,26,12,4,27,12,4,28,12,4,47,12,33,48,12,26,49,12,26,54,12,22,56,12,34,57,12,35,58,12,35,59,12,35,60,12,35,61,12,35,62,12,36,63,12,37,65,12,30,66,12,30,67,12,30,68,12,31,69,12,38,70,12,38,71,12,17,72,12,17,73,12,17,74,12,17,75,12,17,76,12,17,77,12,17,78,12,17,79,12,17,80,12,17,81,12,17,82,12,17,85,12,39,16,13,4,17,13,4,18,13,4,19,13,4,20,13,4,21,13,4,22,13,4,23,13,4,24,13,4,25,13,4,26,13,4,27,13,4,28,13,4,48,13,40,49,13,41,50,13,41,51,13,41,52,13,42,60,13,43,61,13,44,62,13,44,63,13,36,64,13,36,65,13,36,66,13,36,67,13,45,68,13,45,69,13,45,70,13,46,71,13,47,72,13,17,73,13,17,74,13,17,75,13,17,76,13,17,77,13,17,78,13,17,79,13,17,80,13,17,81,13,17,82,13,17,85,13,48,87,13,49,88,13,49,19,14,50,20,14,50,21,14,4,22,14,4,23,14,4,24,14,4,25,14,4,26,14,4,47,14,40,48,14,40,49,14,41,50,14,41,51,14,41,52,14,41,53,14,51,54,14,51,56,14,51,57,14,52,58,14,52,60,14,53,61,14,53,62,14,44,63,14,36,64,14,36,65,14,36,66,14,36,67,14,45,68,14,45,69,14,46,70,14,46,71,14,47,72,14,17,73,14,17,74,14,17,75,14,17,76,14,17,77,14,17,78,14,17,79,14,17,80,14,17,81,14,17,82,14,17,83,14,17,18,15,50,19,15,50,20,15,50,21,15,50,22,15,4,27,15,4,46,15,40,47,15,40,48,15,41,49,15,41,50,15,41,51,15,41,52,15,41,53,15,51,54,15,51,55,15,51,56,15,51,57,15,52,58,15,52,60,15,53,61,15,53,62,15,53,63,15,53,65,15,36,66,15,36,67,15,46,68,15,46,69,15,47,70,15,47,71,15,47,72,15,47,73,15,54,74,15,47,75,15,55,76,15,47,77,15,17,78,15,17,79,15,17,80,15,17,81,15,17,82,15,17,83,15,17,20,16,50,21,16,50,22,16,50,46,16,56,47,16,57,48,16,58,49,16,41,50,16,41,51,16,41,52,16,41,53,16,51,54,16,51,55,16,51,56,16,51,57,16,52,58,16,52,59,16,52,61,16,53,62,16,53,63,16,53,64,16,59,65,16,60,69,16,47,70,16,47,71,16,47,72,16,47,73,16,47,74,16,47,75,16,47,76,16,61,77,16,17,78,16,17,79,16,17,80,16,17,81,16,17,82,16,17,83,16,62,21,17,50,22,17,50,25,17,50,45,17,57,46,17,57,47,17,57,48,17,58,49,17,58,50,17,58,51,17,41,52,17,63,53,17,63,54,17,64,55,17,64,56,17,51,57,17,65,58,17,65,59,17,65,61,17,53,62,17,53,63,17,53,64,17,53,65,17,60,70,17,47,71,17,47,72,17,47,73,17,47,76,17,61,77,17,61,78,17,66,79,17,67,22,18,50,23,18,50,24,18,50,45,18,57,46,18,57,47,18,57,48,18,58,49,18,58,50,18,58,51,18,63,52,18,63,53,18,63,54,18,64,55,18,64,56,18,64,57,18,65,58,18,65,59,18,65,60,18,68,62,18,69,63,18,69,64,18,69,70,18,47,71,18,47,72,18,47,76,18,61,77,18,70,78,18,70,79,18,66,83,18,71,26,19,72,45,19,73,46,19,73,47,19,58,48,19,58,49,19,74,50,19,63,51,19,75,52,19,63,53,19,75,54,19,64,55,19,64,56,19,65,57,19,65,58,19,65,59,19,65,60,19,76,61,19,76,62,19,69,71,19,47,77,19,61,78,19,77,79,19,77,29,20,78,30,20,79,31,20,79,32,20,79,46,20,80,47,20,81,48,20,82,49,20,83,50,20,84,51,20,75,52,20,75,53,20,75,54,20,64,55,20,64,56,20,85,57,20,86,58,20,86,59,20,76,60,20,76,61,20,76,62,20,87,63,20,87,71,20,47,77,20,70,28,21,78,29,21,78,30,21,78,31,21,79,32,21,79,33,21,88,34,21,89,47,21,90,48,21,82,49,21,83,51,21,75,52,21,91,53,21,91,54,21,85,55,21,85,56,21,85,57,21,86,58,21,86,59,21,86,60,21,76,61,21,76,62,21,76,63,21,92,78,21,93,82,21,93,28,22,78,29,22,78,30,22,78,31,22,79,32,22,94,33,22,88,34,22,94,35,22,94,53,22,95,54,22,96,55,22,97,56,22,97,57,22,97,58,22,97,59,22,98,60,22,99,61,22,92,62,22,92,77,22,100,78,22,93,81,22,93,82,22,100,28,23,101,29,23,102,30,23,78,31,23,94,32,23,94,33,23,94,34,23,94,35,23,94,36,23,94,37,23,94,53,23,95,54,23,96,55,23,97,56,23,97,57,23,97,58,23,103,59,23,104,60,23,99,61,23,99,78,23,100,81,23,100,83,23,100,27,24,102,28,24,102,29,24,102,30,24,94,31,24,94,32,24,94,33,24,94,34,24,94,35,24,94,36,24,94,37,24,94,38,24,94,39,24,94,53,24,97,54,24,97,55,24,97,56,24,97,57,24,97,58,24,104,59,24,104,60,24,104,88,24,100,89,24,105,90,24,105,28,25,102,29,25,102,30,25,94,31,25,94,32,25,94,33,25,94,34,25,94,35,25,94,36,25,94,37,25,94,38,25,94,39,25,94,54,25,106,55,25,106,56,25,97,57,25,97,58,25,107,59,25,104,60,25,104,82,25,100,83,25,100,89,25,105,29,26,102,30,26,102,31,26,108,32,26,94,33,26,94,34,26,94,35,26,94,36,26,94,37,26,94,38,26,94,54,26,106,55,26,106,56,26,106,57,26,107,58,26,107,59,26,109,60,26,110,86,26,111,87,26,111,89,26,111,29,27,102,30,27,102,31,27,108,32,27,108,33,27,94,34,27,94,35,27,94,36,27,94,37,27,94,38,27,94,53,27,106,54,27,106,55,27,106,56,27,107,57,27,107,58,27,112,59,27,110,60,27,110,63,27,113,85,27,111,86,27,111,87,27,111,89,27,111,96,27,114,31,28,108,32,28,108,33,28,115,34,28,94,35,28,94,36,28,94,37,28,94,38,28,94,54,28,116,55,28,116,56,28,117,57,28,112,58,28,112,59,28,110,62,28,113,63,28,113,83,28,111,84,28,111,85,28,111,86,28,111,87,28,111,88,28,111,89,28,111,90,28,111,30,29,118,31,29,119,32,29,119,33,29,115,34,29,115,35,29,94,36,29,94,37,29,94,54,29,116,55,29,116,56,29,117,57,29,117,58,29,120,59,29,110,62,29,113,82,29,111,83,29,111,84,29,111,85,29,111,86,29,111,87,29,111,88,29,111,89,29,111,90,29,111,91,29,111,30,30,118,31,30,119,32,30,119,33,30,119,34,30,115,35,30,94,36,30,94,54,30,116,55,30,116,56,30,120,57,30,120,58,30,120,82,30,111,83,30,111,84,30,111,85,30,111,86,30,111,87,30,111,88,30,111,89,30,111,90,30,111,91,30,111,92,30,111,30,31,118,31,31,119,32,31,119,33,31,119,34,31,94,35,31,94,55,31,120,56,31,120,57,31,120,82,31,111,83,31,111,84,31,111,85,31,111,86,31,111,87,31,111,88,31,111,89,31,111,90,31,111,91,31,111,92,31,111,30,32,118,31,32,119,32,32,119,33,32,119,34,32,121,55,32,120,82,32,111,88,32,111,89,32,111,90,32,111,91,32,111,30,33,119,31,33,119,32,33,119,33,33,119,89,33,111,90,33,111,99,33,122,29,34,118,30,34,119,31,34,119,90,34,111,29,35,118,30,35,119,96,35,122,29,36,118,30,36,119,29,37,118,30,37,118]};</script>
 <script type="module">
-import { poll, fetchData, openUrl, html, setHtml, safeColor, loadStrings, wt, errorState, theme } from '/js/widget-toolbox.js?v=18ff4820';
+import { poll, fetchData, openUrl, html, setHtml, colorOrFallback, loadStrings, wt, errorState, theme } from '/js/widget-toolbox.js?v=22640314';
 await loadStrings();
 document.getElementById('c').setAttribute('aria-label', wt('ui.worldMap', 'World map of connections'));
 (function(){
@@ -167,7 +167,7 @@
          named CSSOM properties, never a style string. */
       const dot=document.createElement('span');
       dot.style.width='7px';dot.style.height='7px';dot.style.borderRadius='50%';
-      const dotColor=safeColor(l.color,DEFAULT_DOT);
+      const dotColor=colorOrFallback(l.color,DEFAULT_DOT);
       dot.style.backgroundColor=l.error?'transparent':dotColor;
       dot.style.boxShadow=l.error?('inset 0 0 0 1.5px '+dotColor):('0 0 5px '+dotColor);
       if(l.error) it.style.opacity='.55';
@@ -255,7 +255,7 @@
     /* Colour is set after the markup, through named CSSOM properties. */
     const tdot=tt.querySelector('[data-dot]');
     if(tdot){
-      const c=safeColor(info.color,DEFAULT_DOT);
+      const c=colorOrFallback(info.color,DEFAULT_DOT);
       tdot.style.width='7px';tdot.style.height='7px';tdot.style.borderRadius='50%';
       tdot.style.display='inline-block';
       tdot.style.backgroundColor=c;
diff --git a/public/widgets/connections/connections-vpn.html b/public/widgets/connections/connections-vpn.html
index cd20e5f..b4a6aae 100644
--- a/public/widgets/connections/connections-vpn.html
+++ b/public/widgets/connections/connections-vpn.html
@@ -22,7 +22,7 @@
   .pad{flex:1;display:flex;align-items:center;gap:8px;padding:18px 20px;min-width:0;}
   .info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;}
   .eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:9px;line-height:1;}
-  .vpn-tag{font-size:11px;font-weight:700;letter-spacing:.13em;color:var(--fg2);}
+  .vpn-tag{font-size:13px;font-weight:600;color:var(--fg2);}
   .state{font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px;white-space:nowrap;}
   .state .dot{width:7px;height:7px;border-radius:50%;background:var(--grey);}
   .state.on{color:var(--accentink,var(--accent))} .state.on .dot{background:var(--accent);box-shadow:0 0 7px var(--accentglow)}
@@ -50,7 +50,7 @@
   body.size-small .geo{width:100%;height:86px;order:-1;}
   body.size-small .info{align-items:center;}
   body.size-small .eyebrow{flex-direction:column;gap:3px;margin-bottom:2px;line-height:1.1;}
-  body.size-small .vpn-tag{display:block;font-size:9.5px;letter-spacing:.11em;}
+  body.size-small .vpn-tag{display:block;font-size:11px;}
   body.size-small .state{font-size:12px;}
   body.size-small .hero{display:block;margin-bottom:0;}
   body.size-small .flag{display:inline;font-size:15px;vertical-align:-1px;margin-inline-end:5px;}
@@ -64,7 +64,7 @@
 <div class="wrap" id="wrap" role="img" aria-label="VPN status"></div>
 <script>window.__DOTS={"cols":100,"rows":39,"minLat":-58.0,"maxLat":84.0,"countries":["CA","GL","NO","RU","US","SE","FI","IS","GB","DK","LV","IE","NL","DE","PL","BY","KZ","CN","FR","CZ","UA","MN","IT","HR","RS","RO","ES","AL","BG","GE","TM","UZ","KG","PT","GR","TR","IR","AZ","TJ","KP","MA","DZ","TN","SY","IQ","AF","PK","IN","KR","JP","MX","LY","EG","SA","NP","BT","EH","MR","ML","AE","OM","MM","CN-TW","NE","TD","SD","LA","VN","ER","YE","TH","PH","NI","SN","BF","NG","ET","KH","CO","VE","SL","GN","CI","GH","BJ","CF","SS","-99","GY","SR","LR","CM","SO","MY","BR","GA","CG","CD","UG","KE","ID","EC","PE","RW","TZ","PG","AO","ZM","BO","MW","MZ","AU","ZW","MG","VU","PY","NA","BW","CL","AR","ZA","UY","NZ"],"dots":[26,0,0,27,0,0,28,0,0,29,0,0,30,0,0,31,0,0,32,0,0,34,0,1,37,0,1,38,0,1,39,0,1,40,0,1,21,1,0,24,1,0,26,1,0,27,1,0,28,1,0,30,1,1,31,1,1,32,1,1,33,1,1,34,1,1,35,1,1,36,1,1,37,1,1,38,1,1,39,1,1,40,1,1,41,1,1,42,1,1,43,1,1,44,1,1,53,1,2,54,1,2,78,1,3,19,2,0,23,2,0,24,2,0,25,2,0,26,2,0,27,2,0,34,2,1,35,2,1,36,2,1,37,2,1,38,2,1,39,2,1,40,2,1,41,2,1,42,2,1,43,2,1,65,2,3,66,2,3,74,2,3,75,2,3,76,2,3,77,2,3,78,2,3,79,2,3,80,2,3,88,2,3,89,2,3,91,2,3,0,3,3,6,3,4,18,3,0,19,3,0,20,3,0,23,3,0,25,3,0,26,3,0,27,3,0,28,3,0,29,3,0,35,3,1,36,3,1,37,3,1,38,3,1,39,3,1,40,3,1,41,3,1,42,3,1,43,3,1,65,3,3,69,3,3,70,3,3,71,3,3,72,3,3,73,3,3,74,3,3,75,3,3,76,3,3,77,3,3,78,3,3,79,3,3,80,3,3,81,3,3,82,3,3,83,3,3,84,3,3,85,3,3,87,3,3,88,3,3,89,3,3,90,3,3,91,3,3,0,4,3,4,4,4,5,4,4,6,4,4,7,4,4,8,4,4,9,4,4,10,4,4,11,4,0,12,4,0,13,4,0,14,4,0,15,4,0,16,4,0,17,4,0,18,4,0,19,4,0,20,4,0,21,4,0,22,4,0,23,4,0,24,4,0,25,4,0,26,4,0,30,4,0,31,4,0,35,4,1,36,4,1,37,4,1,38,4,1,39,4,1,40,4,1,54,4,2,55,4,5,56,4,5,57,4,6,58,4,3,59,4,3,60,4,3,62,4,3,63,4,3,64,4,3,65,4,3,66,4,3,67,4,3,68,4,3,69,4,3,71,4,3,72,4,3,73,4,3,74,4,3,75,4,3,76,4,3,77,4,3,78,4,3,79,4,3,80,4,3,81,4,3,82,4,3,83,4,3,84,4,3,85,4,3,86,4,3,87,4,3,88,4,3,89,4,3,90,4,3,91,4,3,92,4,3,93,4,3,94,4,3,95,4,3,96,4,3,97,4,3,98,4,3,99,4,3,5,5,4,6,5,4,7,5,4,8,5,4,9,5,4,10,5,4,11,5,0,12,5,0,13,5,0,14,5,0,15,5,0,16,5,0,17,5,0,18,5,0,19,5,0,20,5,0,21,5,0,22,5,0,23,5,0,24,5,0,26,5,0,27,5,0,30,5,0,31,5,0,36,5,1,37,5,1,38,5,1,44,5,7,53,5,5,54,5,5,55,5,5,56,5,6,57,5,6,58,5,3,59,5,3,60,5,3,61,5,3,62,5,3,63,5,3,64,5,3,65,5,3,66,5,3,67,5,3,68,5,3,69,5,3,70,5,3,71,5,3,72,5,3,73,5,3,74,5,3,75,5,3,76,5,3,77,5,3,78,5,3,79,5,3,80,5,3,81,5,3,82,5,3,83,5,3,84,5,3,85,5,3,86,5,3,87,5,3,88,5,3,89,5,3,90,5,3,91,5,3,92,5,3,93,5,3,94,5,3,95,5,3,96,5,3,97,5,3,98,5,3,99,5,3,4,6,4,5,6,4,6,6,4,7,6,4,8,6,4,10,6,4,11,6,0,12,6,0,13,6,0,14,6,0,15,6,0,16,6,0,17,6,0,18,6,0,19,6,0,20,6,0,21,6,0,22,6,0,23,6,0,28,6,0,29,6,0,30,6,0,37,6,1,51,6,2,52,6,2,53,6,5,54,6,5,56,6,6,58,6,3,59,6,3,60,6,3,61,6,3,62,6,3,63,6,3,64,6,3,65,6,3,66,6,3,67,6,3,68,6,3,69,6,3,70,6,3,71,6,3,72,6,3,73,6,3,74,6,3,75,6,3,76,6,3,77,6,3,78,6,3,79,6,3,80,6,3,81,6,3,82,6,3,83,6,3,84,6,3,85,6,3,86,6,3,87,6,3,88,6,3,89,6,3,90,6,3,91,6,3,92,6,3,95,6,3,96,6,3,13,7,0,14,7,0,15,7,0,16,7,0,17,7,0,18,7,0,19,7,0,20,7,0,21,7,0,22,7,0,23,7,0,24,7,0,29,7,0,30,7,0,31,7,0,32,7,0,48,7,8,52,7,9,53,7,5,54,7,5,56,7,10,57,7,10,58,7,3,59,7,3,60,7,3,61,7,3,62,7,3,63,7,3,64,7,3,65,7,3,66,7,3,67,7,3,68,7,3,69,7,3,70,7,3,71,7,3,72,7,3,73,7,3,74,7,3,75,7,3,76,7,3,77,7,3,78,7,3,79,7,3,80,7,3,81,7,3,82,7,3,83,7,3,84,7,3,85,7,3,86,7,3,87,7,3,93,7,3,94,7,3,14,8,0,15,8,0,16,8,0,17,8,0,18,8,0,19,8,0,20,8,0,21,8,0,22,8,0,23,8,0,24,8,0,25,8,0,26,8,0,28,8,0,29,8,0,30,8,0,31,8,0,32,8,0,33,8,0,34,8,0,47,8,11,49,8,8,51,8,12,52,8,13,53,8,13,54,8,14,55,8,14,56,8,14,57,8,15,58,8,15,59,8,3,60,8,3,61,8,3,62,8,3,63,8,3,64,8,3,65,8,3,66,8,3,67,8,16,68,8,16,69,8,16,70,8,16,71,8,16,72,8,3,73,8,3,74,8,3,75,8,3,76,8,3,77,8,3,78,8,3,79,8,3,80,8,3,81,8,3,82,8,3,83,8,3,84,8,17,85,8,3,86,8,3,87,8,3,88,8,3,89,8,3,93,8,3,16,9,0,17,9,0,18,9,0,19,9,0,20,9,0,21,9,0,22,9,0,23,9,0,24,9,0,25,9,0,26,9,0,27,9,0,28,9,0,29,9,0,30,9,0,32,9,0,34,9,0,49,9,18,50,9,18,51,9,18,52,9,13,53,9,13,54,9,19,55,9,14,56,9,20,57,9,20,58,9,20,59,9,20,60,9,20,61,9,3,62,9,3,63,9,16,64,9,16,65,9,16,66,9,16,67,9,16,68,9,16,69,9,16,70,9,16,71,9,16,72,9,16,73,9,16,74,9,3,75,9,21,76,9,21,77,9,21,78,9,21,79,9,21,80,9,3,81,9,21,82,9,17,83,9,17,84,9,17,85,9,17,86,9,3,87,9,3,88,9,3,89,9,3,16,10,4,17,10,4,18,10,4,19,10,4,20,10,4,21,10,4,22,10,4,23,10,4,24,10,4,25,10,4,26,10,4,27,10,0,28,10,0,29,10,0,30,10,4,31,10,0,50,10,18,51,10,18,52,10,22,53,10,22,54,10,23,55,10,24,56,10,25,57,10,25,59,10,3,60,10,3,61,10,3,62,10,3,65,10,16,66,10,16,67,10,16,68,10,16,69,10,16,70,10,16,71,10,16,72,10,16,73,10,17,74,10,17,75,10,21,76,10,21,77,10,21,78,10,21,79,10,21,80,10,21,81,10,21,82,10,17,83,10,17,84,10,17,85,10,17,86,10,17,87,10,3,15,11,4,16,11,4,17,11,4,18,11,4,19,11,4,20,11,4,21,11,4,22,11,4,23,11,4,24,11,4,25,11,4,26,11,4,27,11,4,28,11,4,29,11,4,47,11,26,48,11,26,49,11,26,50,11,26,52,11,18,53,11,22,55,11,27,56,11,28,57,11,28,62,11,29,65,11,16,66,11,30,67,11,31,68,11,16,69,11,16,70,11,32,71,11,32,72,11,17,73,11,17,74,11,17,75,11,17,76,11,17,77,11,17,78,11,17,79,11,17,80,11,17,81,11,17,82,11,17,83,11,17,84,11,17,85,11,17,16,12,4,17,12,4,18,12,4,19,12,4,20,12,4,21,12,4,22,12,4,23,12,4,24,12,4,25,12,4,26,12,4,27,12,4,28,12,4,47,12,33,48,12,26,49,12,26,54,12,22,56,12,34,57,12,35,58,12,35,59,12,35,60,12,35,61,12,35,62,12,36,63,12,37,65,12,30,66,12,30,67,12,30,68,12,31,69,12,38,70,12,38,71,12,17,72,12,17,73,12,17,74,12,17,75,12,17,76,12,17,77,12,17,78,12,17,79,12,17,80,12,17,81,12,17,82,12,17,85,12,39,16,13,4,17,13,4,18,13,4,19,13,4,20,13,4,21,13,4,22,13,4,23,13,4,24,13,4,25,13,4,26,13,4,27,13,4,28,13,4,48,13,40,49,13,41,50,13,41,51,13,41,52,13,42,60,13,43,61,13,44,62,13,44,63,13,36,64,13,36,65,13,36,66,13,36,67,13,45,68,13,45,69,13,45,70,13,46,71,13,47,72,13,17,73,13,17,74,13,17,75,13,17,76,13,17,77,13,17,78,13,17,79,13,17,80,13,17,81,13,17,82,13,17,85,13,48,87,13,49,88,13,49,19,14,50,20,14,50,21,14,4,22,14,4,23,14,4,24,14,4,25,14,4,26,14,4,47,14,40,48,14,40,49,14,41,50,14,41,51,14,41,52,14,41,53,14,51,54,14,51,56,14,51,57,14,52,58,14,52,60,14,53,61,14,53,62,14,44,63,14,36,64,14,36,65,14,36,66,14,36,67,14,45,68,14,45,69,14,46,70,14,46,71,14,47,72,14,17,73,14,17,74,14,17,75,14,17,76,14,17,77,14,17,78,14,17,79,14,17,80,14,17,81,14,17,82,14,17,83,14,17,18,15,50,19,15,50,20,15,50,21,15,50,22,15,4,27,15,4,46,15,40,47,15,40,48,15,41,49,15,41,50,15,41,51,15,41,52,15,41,53,15,51,54,15,51,55,15,51,56,15,51,57,15,52,58,15,52,60,15,53,61,15,53,62,15,53,63,15,53,65,15,36,66,15,36,67,15,46,68,15,46,69,15,47,70,15,47,71,15,47,72,15,47,73,15,54,74,15,47,75,15,55,76,15,47,77,15,17,78,15,17,79,15,17,80,15,17,81,15,17,82,15,17,83,15,17,20,16,50,21,16,50,22,16,50,46,16,56,47,16,57,48,16,58,49,16,41,50,16,41,51,16,41,52,16,41,53,16,51,54,16,51,55,16,51,56,16,51,57,16,52,58,16,52,59,16,52,61,16,53,62,16,53,63,16,53,64,16,59,65,16,60,69,16,47,70,16,47,71,16,47,72,16,47,73,16,47,74,16,47,75,16,47,76,16,61,77,16,17,78,16,17,79,16,17,80,16,17,81,16,17,82,16,17,83,16,62,21,17,50,22,17,50,25,17,50,45,17,57,46,17,57,47,17,57,48,17,58,49,17,58,50,17,58,51,17,41,52,17,63,53,17,63,54,17,64,55,17,64,56,17,51,57,17,65,58,17,65,59,17,65,61,17,53,62,17,53,63,17,53,64,17,53,65,17,60,70,17,47,71,17,47,72,17,47,73,17,47,76,17,61,77,17,61,78,17,66,79,17,67,22,18,50,23,18,50,24,18,50,45,18,57,46,18,57,47,18,57,48,18,58,49,18,58,50,18,58,51,18,63,52,18,63,53,18,63,54,18,64,55,18,64,56,18,64,57,18,65,58,18,65,59,18,65,60,18,68,62,18,69,63,18,69,64,18,69,70,18,47,71,18,47,72,18,47,76,18,61,77,18,70,78,18,70,79,18,66,83,18,71,26,19,72,45,19,73,46,19,73,47,19,58,48,19,58,49,19,74,50,19,63,51,19,75,52,19,63,53,19,75,54,19,64,55,19,64,56,19,65,57,19,65,58,19,65,59,19,65,60,19,76,61,19,76,62,19,69,71,19,47,77,19,61,78,19,77,79,19,77,29,20,78,30,20,79,31,20,79,32,20,79,46,20,80,47,20,81,48,20,82,49,20,83,50,20,84,51,20,75,52,20,75,53,20,75,54,20,64,55,20,64,56,20,85,57,20,86,58,20,86,59,20,76,60,20,76,61,20,76,62,20,87,63,20,87,71,20,47,77,20,70,28,21,78,29,21,78,30,21,78,31,21,79,32,21,79,33,21,88,34,21,89,47,21,90,48,21,82,49,21,83,51,21,75,52,21,91,53,21,91,54,21,85,55,21,85,56,21,85,57,21,86,58,21,86,59,21,86,60,21,76,61,21,76,62,21,76,63,21,92,78,21,93,82,21,93,28,22,78,29,22,78,30,22,78,31,22,79,32,22,94,33,22,88,34,22,94,35,22,94,53,22,95,54,22,96,55,22,97,56,22,97,57,22,97,58,22,97,59,22,98,60,22,99,61,22,92,62,22,92,77,22,100,78,22,93,81,22,93,82,22,100,28,23,101,29,23,102,30,23,78,31,23,94,32,23,94,33,23,94,34,23,94,35,23,94,36,23,94,37,23,94,53,23,95,54,23,96,55,23,97,56,23,97,57,23,97,58,23,103,59,23,104,60,23,99,61,23,99,78,23,100,81,23,100,83,23,100,27,24,102,28,24,102,29,24,102,30,24,94,31,24,94,32,24,94,33,24,94,34,24,94,35,24,94,36,24,94,37,24,94,38,24,94,39,24,94,53,24,97,54,24,97,55,24,97,56,24,97,57,24,97,58,24,104,59,24,104,60,24,104,88,24,100,89,24,105,90,24,105,28,25,102,29,25,102,30,25,94,31,25,94,32,25,94,33,25,94,34,25,94,35,25,94,36,25,94,37,25,94,38,25,94,39,25,94,54,25,106,55,25,106,56,25,97,57,25,97,58,25,107,59,25,104,60,25,104,82,25,100,83,25,100,89,25,105,29,26,102,30,26,102,31,26,108,32,26,94,33,26,94,34,26,94,35,26,94,36,26,94,37,26,94,38,26,94,54,26,106,55,26,106,56,26,106,57,26,107,58,26,107,59,26,109,60,26,110,86,26,111,87,26,111,89,26,111,29,27,102,30,27,102,31,27,108,32,27,108,33,27,94,34,27,94,35,27,94,36,27,94,37,27,94,38,27,94,53,27,106,54,27,106,55,27,106,56,27,107,57,27,107,58,27,112,59,27,110,60,27,110,63,27,113,85,27,111,86,27,111,87,27,111,89,27,111,96,27,114,31,28,108,32,28,108,33,28,115,34,28,94,35,28,94,36,28,94,37,28,94,38,28,94,54,28,116,55,28,116,56,28,117,57,28,112,58,28,112,59,28,110,62,28,113,63,28,113,83,28,111,84,28,111,85,28,111,86,28,111,87,28,111,88,28,111,89,28,111,90,28,111,30,29,118,31,29,119,32,29,119,33,29,115,34,29,115,35,29,94,36,29,94,37,29,94,54,29,116,55,29,116,56,29,117,57,29,117,58,29,120,59,29,110,62,29,113,82,29,111,83,29,111,84,29,111,85,29,111,86,29,111,87,29,111,88,29,111,89,29,111,90,29,111,91,29,111,30,30,118,31,30,119,32,30,119,33,30,119,34,30,115,35,30,94,36,30,94,54,30,116,55,30,116,56,30,120,57,30,120,58,30,120,82,30,111,83,30,111,84,30,111,85,30,111,86,30,111,87,30,111,88,30,111,89,30,111,90,30,111,91,30,111,92,30,111,30,31,118,31,31,119,32,31,119,33,31,119,34,31,94,35,31,94,55,31,120,56,31,120,57,31,120,82,31,111,83,31,111,84,31,111,85,31,111,86,31,111,87,31,111,88,31,111,89,31,111,90,31,111,91,31,111,92,31,111,30,32,118,31,32,119,32,32,119,33,32,119,34,32,121,55,32,120,82,32,111,88,32,111,89,32,111,90,32,111,91,32,111,30,33,119,31,33,119,32,33,119,33,33,119,89,33,111,90,33,111,99,33,122,29,34,118,30,34,119,31,34,119,90,34,111,29,35,118,30,35,119,96,35,122,29,36,118,30,36,119,29,37,118,30,37,118]};</script>
 <script type="module">
-import { readableInk, poll, fetchData, openUrl, esc, loadStrings, wt, errorLine } from '/js/widget-toolbox.js?v=18ff4820';
+import { readableInk, poll, fetchData, openUrl, esc, loadStrings, wt, errorLine } from '/js/widget-toolbox.js?v=22640314';
 await loadStrings();
 document.getElementById('wrap').setAttribute('aria-label', wt('ui.vpnStatus', 'VPN status'));
 (function(){
diff --git a/public/widgets/dashboard-switch/index.html b/public/widgets/dashboard-switch/index.html
index 6f5e5c1..620edcc 100644
--- a/public/widgets/dashboard-switch/index.html
+++ b/public/widgets/dashboard-switch/index.html
@@ -32,6 +32,7 @@
   .rail { fill:rgba(255,255,255,.07); stroke:rgba(255,255,255,.10) }
   html[data-theme="light"] .rail { fill:rgba(0,0,0,.07); stroke:rgba(0,0,0,.14) }
   html[data-theme="light"],html[data-theme="light"] body { background:#ffffff; color:#000000 }
+  html[data-theme="light"] .nm { fill:#3a3a3c }
   html[data-theme="light"] .kc:hover .nm,html[data-theme="light"] .kc:focus-visible .nm,html[data-theme="light"] .kc.cur .nm { fill:#000000 }
   html[data-theme="light"] .kc:hover .chain,html[data-theme="light"] .kc:focus-visible .chain { filter:drop-shadow(0 3px 4px rgba(0,0,0,0.175)) }
 </style>
@@ -39,7 +40,7 @@
 <body>
 <div id="root"></div>
 <script type="module">
-  import { widgetId, getConfig, loadStrings, wt } from '/js/widget-toolbox.js?v=18ff4820';
+  import { widgetId, getConfig, loadStrings, wt } from '/js/widget-toolbox.js?v=22640314';
   await loadStrings();
   import { buildModel } from '/js/dashboard-switch-model.js?v=b1e85478';
 
diff --git a/public/widgets/disk-health/index.html b/public/widgets/disk-health/index.html
index fe38087..9a2c38f 100644
--- a/public/widgets/disk-health/index.html
+++ b/public/widgets/disk-health/index.html
@@ -149,7 +149,7 @@
 </div>
 
 <script type="module">
-import { poll, fetchData, openUrl, loadStrings, wt, formatNumber, errorState } from '/js/widget-toolbox.js?v=18ff4820';
+import { poll, fetchData, openUrl, loadStrings, wt, formatNumber, errorState } from '/js/widget-toolbox.js?v=22640314';
 await loadStrings();
 document.getElementById('root').setAttribute('aria-label', wt('ui.diskHealth','Disk health'));
 const params    = new URLSearchParams(location.search);
diff --git a/public/widgets/dns/index.html b/public/widgets/dns/index.html
index bb55049..09fb84e 100644
--- a/public/widgets/dns/index.html
+++ b/public/widgets/dns/index.html
@@ -23,7 +23,7 @@
 
   .hero { display:flex; flex-direction:column; gap:2px; flex-shrink:0; }
   .pct  { font-size:clamp(26px,9cqw,36px); font-weight:700; color:#FF4245; line-height:1; letter-spacing:-0.02em; transition: color 0.15s ease; }
-  .sub  { font-size:clamp(9px,3cqw,11px); font-weight:600; letter-spacing:0.09em; color:rgba(255,255,255,0.5); text-transform:uppercase; }
+  .sub  { font-size:clamp(11px,3.6cqw,13px); font-weight:600; color:rgba(235,235,245,0.6); }
 
   .flow { flex:1; min-height:0; margin-top:13px; position:relative; touch-action:pan-y; }
   .flow svg { width:100%; height:100%; display:block; overflow:visible; }
@@ -52,7 +52,7 @@
 </div>
 
 <script type="module">
-import { poll, fetchData, openUrl, loadStrings, wt, formatNumber, errorState } from '/js/widget-toolbox.js?v=18ff4820';
+import { poll, fetchData, openUrl, loadStrings, wt, formatNumber, errorState } from '/js/widget-toolbox.js?v=22640314';
 await loadStrings();
 /* These two are in the markup, so the widget still reads correctly in English
    if the catalog fetch fails. */
diff --git a/public/widgets/github/contributions.html b/public/widgets/github/contributions.html
index 4188aa8..244593f 100644
--- a/public/widgets/github/contributions.html
+++ b/public/widgets/github/contributions.html
@@ -33,7 +33,7 @@
   <div class="msg wt-cap" id="msg" hidden></div>
 </div>
 <script type="module">
-import { poll, fetchData, openUrl, loadStrings, wt, errorState } from '/js/widget-toolbox.js?v=18ff4820';
+import { poll, fetchData, openUrl, loadStrings, wt, errorState } from '/js/widget-toolbox.js?v=22640314';
 await loadStrings();
 
 const TICK_MS = 300000;
diff --git a/public/widgets/github/pullrequests.html b/public/widgets/github/pullrequests.html
index 55a0261..5ae2636 100644
--- a/public/widgets/github/pullrequests.html
+++ b/public/widgets/github/pullrequests.html
@@ -67,7 +67,7 @@
 <body>
 <div class="widget" id="widget" role="group" aria-label="GitHub pull requests"></div>
 <script type="module">
-import { poll, fetchData, openUrl, loadStrings, wt, errorState } from '/js/widget-toolbox.js?v=18ff4820';
+import { poll, fetchData, openUrl, loadStrings, wt, errorState } from '/js/widget-toolbox.js?v=22640314';
 await loadStrings();
 document.getElementById('widget').setAttribute('aria-label', wt('ui.prAria','GitHub pull requests'));
 
diff --git a/public/widgets/nowplaying/index.html b/public/widgets/nowplaying/index.html
index eeb8e6e..f117356 100644
--- a/public/widgets/nowplaying/index.html
+++ b/public/widgets/nowplaying/index.html
@@ -16,8 +16,6 @@
     background:linear-gradient(160deg,#3A3A3C,#2C2C2E 60%,#2C2C2E)}
   .widget.clickable{cursor:pointer}
   .widget.clickable:focus-visible{outline:2px solid #00D2E0;outline-offset:-3px}
-  .widget::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
-    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 0 1px rgba(0,0,0,.3)}
 
   .stage{position:absolute;inset:0}
 
@@ -131,7 +129,7 @@
   <span class="sr" id="sr" aria-live="polite"></span>
 </div>
 <script type="module">
-import { poll, fetchData, openUrl, loadStrings, wt, errorState, localiseDigits } from '/js/widget-toolbox.js?v=18ff4820';
+import { poll, fetchData, openUrl, loadStrings, wt, errorState, localiseDigits } from '/js/widget-toolbox.js?v=22640314';
 await loadStrings();
 document.getElementById('title').textContent = wt('ui.nothingPlaying', 'Nothing playing');
 document.getElementById('w').setAttribute('aria-label', wt('widget.label', 'Now Playing'));
diff --git a/public/widgets/system-summary/index.html b/public/widgets/system-summary/index.html
index 23d4026..f9be383 100644
--- a/public/widgets/system-summary/index.html
+++ b/public/widgets/system-summary/index.html
@@ -103,7 +103,7 @@
      the sparklines' time axis right to left. -->
 <div class="widget" id="widget" aria-hidden="true" dir="ltr"></div>
 <script type="module">
-import { readableInk, poll, fetchData, html, setHtml, loadStrings, wt, formatNumber, errorState } from '/js/widget-toolbox.js?v=18ff4820';
+import { readableInk, poll, fetchData, html, setHtml, loadStrings, wt, formatNumber, errorState } from '/js/widget-toolbox.js?v=22640314';
 await loadStrings();
 const TICK_MS  = 10000;
 const SPEED_MS = 60000;
diff --git a/public/widgets/weather/index.html b/public/widgets/weather/index.html
index c457bd5..08a99fa 100644
--- a/public/widgets/weather/index.html
+++ b/public/widgets/weather/index.html
@@ -41,7 +41,7 @@
   <div class="sr-only" id="sr"></div>
 </div>
 <script type="module">
-import { poll, fetchData, openUrl, loadStrings, wt, formatNumber, errorState } from '/js/widget-toolbox.js?v=18ff4820';
+import { poll, fetchData, openUrl, loadStrings, wt, formatNumber, errorState } from '/js/widget-toolbox.js?v=22640314';
 await loadStrings();
 document.getElementById('widget').setAttribute('aria-label', wt('widget.label', 'Weather'));
 const EL={"sun":{"x0":107.8,"y0":87.0,"w":242.3,"h":244.1,"paths":[["#FF9230","1.00"," M 215.58 89.81 C 241.94 86.96 269.20 93.16 291.65 107.32 C 314.91 121.80 332.92 144.53 341.61 170.54 C 350.16 195.80 349.91 223.95 340.89 249.05 C 330.79 277.55 309.38 301.77 282.41 315.39 C 259.42 327.17 232.56 331.03 207.16 326.46 C 180.70 321.85 156.06 307.83 138.40 287.62 C 120.06 266.91 109.34 239.64 108.73 211.98 C 107.83 183.48 117.63 154.83 135.82 132.88 C 155.41 108.82 184.69 92.94 215.58 89.81 Z"]]},"cloud":{"x0":96.3,"y0":374.6,"w":265.1,"h":189.6,"paths":[["#a2a2a2","0.70"," M 236.06 381.18 C 241.38 379.00 247.22 377.88 252.92 377.28 C 259.15 379.09 265.68 377.66 272.05 378.17 C 291.70 379.30 310.88 387.36 325.52 400.51 C 340.61 413.94 351.20 432.47 354.85 452.35 C 361.40 485.57 346.91 521.63 319.92 541.83 C 304.27 553.77 284.64 559.98 265.05 560.42 C 230.34 560.46 195.64 560.39 160.93 560.46 C 143.59 560.79 125.94 553.79 114.32 540.75 C 104.18 529.79 98.52 514.90 98.49 500.00 C 98.82 490.51 101.13 481.02 105.75 472.69 C 108.21 467.97 111.80 464.01 114.84 459.67 L 113.35 459.54 C 114.43 458.28 115.47 456.90 116.97 456.12 C 121.15 454.45 124.17 450.93 128.14 448.87 C 132.47 445.99 137.70 444.95 142.05 442.11 C 142.89 441.64 143.82 441.26 144.80 441.34 C 148.57 441.84 152.24 440.55 156.01 440.57 C 163.04 440.56 170.09 440.74 177.12 440.44 C 180.12 433.26 183.16 426.03 187.54 419.55 C 189.16 417.07 191.34 414.84 192.01 411.85 L 192.16 411.37 C 195.29 407.82 198.20 403.90 202.07 401.14 C 203.38 400.46 204.78 399.90 205.91 398.93 C 211.60 393.97 218.06 389.97 224.79 386.59 C 228.50 384.67 232.67 383.69 236.06 381.18 Z"],["#bebebe","0.75"," M 252.92 377.28 C 272.68 374.55 293.29 378.52 310.68 388.29 C 328.60 398.24 343.06 414.28 351.12 433.13 C 359.51 452.55 361.01 474.86 355.26 495.23 C 350.52 512.25 340.79 527.84 327.61 539.61 C 313.15 552.67 294.48 560.98 275.09 562.97 C 267.42 563.79 259.71 563.38 252.01 563.47 C 221.66 563.48 191.31 563.47 160.96 563.42 C 144.43 564.19 127.77 557.63 115.88 546.16 C 104.44 535.23 97.46 519.77 96.96 503.93 C 96.26 487.75 102.22 471.34 113.35 459.54 L 114.84 459.67 C 111.80 464.01 108.21 467.97 105.75 472.69 C 101.13 481.02 98.82 490.51 98.49 500.00 C 98.52 514.90 104.18 529.79 114.32 540.75 C 125.94 553.79 143.59 560.79 160.93 560.46 C 195.64 560.39 230.34 560.46 265.05 560.42 C 284.64 559.98 304.27 553.77 319.92 541.83 C 346.91 521.63 361.40 485.57 354.85 452.35 C 351.20 432.47 340.61 413.94 325.52 400.51 C 310.88 387.36 291.70 379.30 272.05 378.17 C 265.68 377.66 259.15 379.09 252.92 377.28 Z"],["#e9e5d9","1.00"," M 202.07 401.14 C 211.72 392.08 223.47 385.24 236.06 381.18 C 232.67 383.69 228.50 384.67 224.79 386.59 C 218.06 389.97 211.60 393.97 205.91 398.93 C 204.78 399.90 203.38 400.46 202.07 401.14 Z"],["#e9e5d9","1.00"," M 176.69 439.75 C 180.22 429.69 185.32 420.16 192.01 411.85 C 191.34 414.84 189.16 417.07 187.54 419.55 C 183.16 426.03 180.12 433.26 177.12 440.44 C 170.09 440.74 163.04 440.56 156.01 440.57 C 152.24 440.55 148.57 441.84 144.80 441.34 C 155.22 438.61 166.05 440.14 176.69 439.75 Z"],["#e9e5d9","1.00"," M 116.97 456.12 C 124.01 449.50 132.73 444.65 142.05 442.11 C 137.70 444.95 132.47 445.99 128.14 448.87 C 124.17 450.93 121.15 454.45 116.97 456.12 Z"]]},"rain":{"x0":143.0,"y0":604.3,"w":152.8,"h":98.7,"paths":[["#1f9fb0","1.00"," M 181.48 605.61 C 186.67 604.33 192.82 608.46 192.96 613.97 C 193.13 616.16 192.05 618.15 190.98 619.98 C 180.67 637.69 170.54 655.51 160.18 673.20 C 157.38 677.93 150.45 677.92 146.74 674.28 C 143.77 671.85 142.98 667.25 144.94 663.95 C 155.28 645.95 165.70 628.00 176.06 610.01 C 177.21 607.90 179.10 606.16 181.48 605.61 Z"],["#1f9fb0","1.00"," M 281.39 620.63 C 288.13 618.69 295.81 626.48 292.03 633.06 C 281.47 651.47 270.87 669.86 260.18 688.20 C 257.54 692.64 251.07 693.00 247.34 689.75 C 243.94 687.46 242.83 682.51 244.92 678.99 C 255.26 660.97 265.69 643.01 276.05 625.02 C 277.18 622.93 279.05 621.19 281.39 620.63 Z"],["#1f9fb0","1.00"," M 221.45 630.61 C 226.64 629.30 232.81 633.44 232.97 638.95 C 233.14 641.14 232.05 643.14 230.98 644.98 C 220.68 662.68 210.55 680.49 200.21 698.16 C 197.58 702.64 191.06 703.01 187.32 699.74 C 183.93 697.44 182.84 692.48 184.94 688.97 C 195.27 670.96 205.70 653.00 216.06 635.01 C 217.19 632.91 219.09 631.17 221.45 630.61 Z"]]},"bolt":{"x0":199.0,"y0":774.6,"w":44.7,"h":53.5,"paths":[["#1C1C1E","0.15"," M 205.82 779.46 C 206.55 777.68 207.48 775.06 209.91 775.54 C 216.27 775.88 222.88 774.57 229.00 776.80 C 233.87 777.14 238.76 776.71 243.64 776.98 C 243.11 777.83 242.57 778.69 242.03 779.55 L 241.55 779.54 C 229.64 779.43 217.73 779.58 205.82 779.46 Z"],["#3e4962","0.38"," M 205.82 779.46 C 217.73 779.58 229.64 779.43 241.55 779.54 C 240.38 780.95 239.21 782.38 238.04 783.80 L 237.77 783.78 C 226.49 783.25 215.19 783.63 203.91 783.57 C 204.56 782.19 205.21 780.83 205.82 779.46 Z"],["#5c6c91","0.57"," M 203.91 783.57 C 215.19 783.63 226.49 783.25 237.77 783.78 C 236.45 785.40 235.11 787.00 233.79 788.62 L 233.54 788.62 C 222.92 788.40 212.30 788.70 201.69 788.43 C 202.43 786.80 203.17 785.18 203.91 783.57 Z"],["#7388b6","0.71"," M 201.69 788.43 C 212.30 788.70 222.92 788.40 233.54 788.62 C 232.08 790.30 230.82 792.23 229.11 793.65 C 224.21 793.50 219.32 793.45 214.42 793.52 C 214.55 793.14 214.81 792.37 214.94 791.99 C 209.98 791.99 205.02 791.99 200.05 792.00 C 200.59 790.79 201.14 789.61 201.69 788.43 Z"],["#a2bfff","1.00"," M 214.42 793.52 C 219.32 793.45 224.21 793.50 229.11 793.65 C 219.22 805.25 208.98 816.54 198.98 828.05 C 204.15 816.55 209.17 804.98 214.42 793.52 Z"]]},"snow":{"x0":107.0,"y0":869.0,"w":172.3,"h":65.5,"paths":[["#1f9fb0","1.00"," M 125.23 869.02 C 128.33 869.35 131.43 869.69 134.54 870.06 C 134.13 874.53 133.71 879.00 133.30 883.48 C 137.62 882.88 141.93 882.28 146.24 881.70 C 146.83 884.85 147.42 888.00 148.00 891.16 C 143.50 891.88 138.99 892.55 134.49 893.29 C 136.30 897.24 138.11 901.18 139.89 905.15 C 136.99 906.42 134.10 907.71 131.20 908.99 C 129.39 905.03 127.59 901.07 125.77 897.12 C 122.39 900.17 119.02 903.24 115.61 906.27 C 113.49 904.12 111.36 901.98 109.23 899.85 C 112.60 896.78 116.00 893.75 119.36 890.68 C 115.25 888.78 111.12 886.92 107.00 885.02 C 108.58 882.12 110.16 879.23 111.75 876.34 C 115.73 878.17 119.70 880.02 123.67 881.87 C 124.20 877.58 124.72 873.30 125.23 869.02 Z"],["#1f9fb0","1.00"," M 251.42 876.07 C 255.21 876.48 259.00 876.92 262.80 877.36 C 262.29 882.88 261.79 888.40 261.28 893.93 C 266.56 893.20 271.83 892.46 277.11 891.73 C 277.83 895.62 278.54 899.52 279.27 903.42 C 273.75 904.30 268.24 905.15 262.73 906.02 C 264.94 910.90 267.15 915.79 269.35 920.68 C 265.80 922.26 262.25 923.84 258.71 925.44 C 256.49 920.56 254.30 915.66 252.07 910.79 C 247.93 914.55 243.80 918.32 239.67 922.08 C 237.06 919.41 234.37 916.82 231.88 914.05 C 236.05 910.35 240.12 906.55 244.26 902.82 C 239.20 900.50 234.16 898.17 229.11 895.84 C 231.05 892.26 232.98 888.68 234.92 885.11 C 239.79 887.37 244.64 889.67 249.51 891.93 C 250.14 886.64 250.78 881.35 251.42 876.07 Z"],["#1f9fb0","1.00"," M 182.96 876.96 C 187.39 877.45 191.82 877.95 196.25 878.46 C 195.63 884.90 195.06 891.34 194.47 897.79 C 200.63 896.94 206.78 896.08 212.94 895.23 C 213.78 899.77 214.60 904.32 215.43 908.87 C 209.01 909.88 202.58 910.89 196.16 911.90 C 198.73 917.60 201.31 923.30 203.89 929.00 C 199.74 930.85 195.60 932.71 191.45 934.54 C 188.89 928.84 186.30 923.15 183.73 917.46 C 178.89 921.83 174.09 926.26 169.25 930.64 C 166.20 927.55 163.16 924.46 160.11 921.38 C 164.93 916.97 169.76 912.58 174.58 908.18 C 168.71 905.44 162.82 902.75 156.94 900.02 C 159.19 895.85 161.45 891.68 163.71 887.51 C 169.39 890.16 175.05 892.82 180.73 895.47 C 181.47 889.30 182.21 883.12 182.96 876.96 Z"]]},"moon":{"x0":76.3,"y0":1030.0,"w":246.2,"h":245.1,"paths":[["#e9e5d9","1.00"," M 102.20 1081.21 C 123.40 1051.15 159.13 1031.96 195.94 1031.21 C 229.85 1029.97 263.85 1044.27 286.83 1069.20 C 310.77 1094.57 322.47 1130.81 317.92 1165.40 C 316.28 1158.87 313.38 1152.33 307.79 1148.26 C 299.66 1141.60 287.33 1140.84 278.40 1146.36 C 268.32 1152.27 263.41 1165.65 267.43 1176.66 C 270.51 1185.91 279.25 1193.00 288.97 1193.97 C 295.80 1194.79 303.03 1192.77 308.20 1188.18 C 310.43 1186.19 312.57 1184.11 314.64 1181.97 C 305.50 1216.66 279.57 1246.32 246.57 1260.33 C 212.89 1275.04 172.38 1272.85 140.52 1254.48 C 109.63 1237.17 87.31 1205.45 81.65 1170.48 C 76.31 1139.56 83.83 1106.67 102.20 1081.21 M 184.35 1052.38 C 181.40 1053.48 178.93 1055.83 177.64 1058.70 C 175.01 1065.23 179.71 1073.72 186.97 1074.07 C 194.08 1075.19 200.53 1067.90 199.21 1060.98 C 198.50 1054.20 190.53 1049.96 184.35 1052.38 M 263.28 1080.45 C 255.84 1083.05 253.14 1093.67 258.72 1099.33 C 263.46 1105.20 274.17 1104.20 277.50 1097.35 C 279.86 1093.56 279.59 1088.55 277.04 1084.93 C 274.38 1080.25 268.13 1078.93 263.28 1080.45 M 141.35 1105.41 C 138.07 1106.33 135.77 1109.57 135.77 1112.96 C 135.32 1116.79 138.61 1120.02 142.10 1120.91 C 147.00 1121.91 152.06 1117.37 151.55 1112.40 C 151.26 1107.59 145.94 1103.92 141.35 1105.41 M 216.29 1105.40 C 209.77 1106.88 204.78 1113.29 205.07 1120.00 C 205.08 1127.41 211.55 1134.04 218.98 1134.11 C 227.51 1134.76 235.18 1126.43 234.08 1118.00 C 233.40 1109.60 224.44 1103.36 216.29 1105.40 M 162.33 1146.40 C 158.82 1147.11 156.74 1151.86 159.31 1154.65 C 161.50 1158.00 167.45 1157.15 168.19 1153.10 C 169.51 1149.51 166.15 1145.39 162.33 1146.40 M 222.38 1174.35 C 219.59 1175.99 217.45 1179.39 218.32 1182.69 C 219.26 1185.73 222.05 1188.22 225.27 1188.51 C 229.36 1188.66 233.44 1185.25 233.13 1180.97 C 233.57 1175.51 226.94 1172.16 222.38 1174.35 M 150.33 1183.33 C 142.60 1184.82 136.53 1192.05 136.73 1199.98 C 136.16 1208.29 142.89 1215.87 150.89 1217.32 C 161.02 1219.57 172.02 1210.53 171.20 1200.03 C 171.60 1189.43 160.51 1180.80 150.33 1183.33 M 236.39 1220.42 C 230.75 1222.69 227.07 1229.00 227.77 1235.05 C 228.08 1244.16 239.29 1250.58 247.35 1246.37 C 252.40 1244.41 255.45 1239.19 255.80 1233.95 C 255.97 1229.32 253.39 1224.96 249.78 1222.22 C 246.10 1219.16 240.77 1219.11 236.39 1220.42 Z"],["#dad6cb","1.00"," M 184.35 1052.38 C 190.53 1049.96 198.50 1054.20 199.21 1060.98 C 200.53 1067.90 194.08 1075.19 186.97 1074.07 C 179.71 1073.72 175.01 1065.23 177.64 1058.70 C 178.93 1055.83 181.40 1053.48 184.35 1052.38 Z"],["#dad6cb","1.00"," M 263.28 1080.45 C 268.13 1078.93 274.38 1080.25 277.04 1084.93 C 279.59 1088.55 279.86 1093.56 277.50 1097.35 C 274.17 1104.20 263.46 1105.20 258.72 1099.33 C 253.14 1093.67 255.84 1083.05 263.28 1080.45 Z"],["#dad6cb","1.00"," M 141.35 1105.41 C 145.94 1103.92 151.26 1107.59 151.55 1112.40 C 152.06 1117.37 147.00 1121.91 142.10 1120.91 C 138.61 1120.02 135.32 1116.79 135.77 1112.96 C 135.77 1109.57 138.07 1106.33 141.35 1105.41 Z"],["#dad6cb","1.00"," M 216.29 1105.40 C 224.44 1103.36 233.40 1109.60 234.08 1118.00 C 235.18 1126.43 227.51 1134.76 218.98 1134.11 C 211.55 1134.04 205.08 1127.41 205.07 1120.00 C 204.78 1113.29 209.77 1106.88 216.29 1105.40 Z"],["#dad6cb","1.00"," M 278.40 1146.36 C 287.33 1140.84 299.66 1141.60 307.79 1148.26 C 313.38 1152.33 316.28 1158.87 317.92 1165.40 C 318.01 1171.08 316.53 1176.65 314.64 1181.97 C 312.57 1184.11 310.43 1186.19 308.20 1188.18 C 303.03 1192.77 295.80 1194.79 288.97 1193.97 C 279.25 1193.00 270.51 1185.91 267.43 1176.66 C 263.41 1165.65 268.32 1152.27 278.40 1146.36 Z"],["#dad6cb","1.00"," M 162.33 1146.40 C 166.15 1145.39 169.51 1149.51 168.19 1153.10 C 167.45 1157.15 161.50 1158.00 159.31 1154.65 C 156.74 1151.86 158.82 1147.11 162.33 1146.40 Z"],["#dad6cb","1.00"," M 222.38 1174.35 C 226.94 1172.16 233.57 1175.51 233.13 1180.97 C 233.44 1185.25 229.36 1188.66 225.27 1188.51 C 222.05 1188.22 219.26 1185.73 218.32 1182.69 C 217.45 1179.39 219.59 1175.99 222.38 1174.35 Z"],["#dad6cb","1.00"," M 150.33 1183.33 C 160.51 1180.80 171.60 1189.43 171.20 1200.03 C 172.02 1210.53 161.02 1219.57 150.89 1217.32 C 142.89 1215.87 136.16 1208.29 136.73 1199.98 C 136.53 1192.05 142.60 1184.82 150.33 1183.33 Z"],["#dad6cb","1.00"," M 236.39 1220.42 C 240.77 1219.11 246.10 1219.16 249.78 1222.22 C 253.39 1224.96 255.97 1229.32 255.80 1233.95 C 255.45 1239.19 252.40 1244.41 247.35 1246.37 C 239.29 1250.58 228.08 1244.16 227.77 1235.05 C 227.07 1229.00 230.75 1222.69 236.39 1220.42 Z"]]}};
diff --git a/src/components/CalmContrast.astro b/src/components/CalmContrast.astro
index 9232a8b..79346d3 100644
--- a/src/components/CalmContrast.astro
+++ b/src/components/CalmContrast.astro
@@ -1,41 +1,46 @@
 ---
+import { manifestCard } from '../lib/widget-manifest';
+
 /* Left: the shape most dashboards take, a widget per service, each one a box of
    labelled counts. Generic, not a copy of any product. Right: the real Stackyard
    widgets, served from public/widgets, on the product's own surface. Geometry
    mirrors WidgetPreview.astro and must stay in step with it. */
 
 const CARDS = [
-  { name: 'Jellyfin', sub: 'Media server', state: 'RUNNING',
+  { name: 'Plex', sub: 'Media server', state: 'RUNNING',
     stats: [['412', 'MOVIES'], ['38', 'SERIES'], ['1,204', 'EPISODES'], ['0', 'SONGS']] },
   { name: 'Homebridge', sub: 'HomeKit bridge', state: 'RUNNING',
     stats: [['0', 'UPDATES'], ['0', 'ERRORS'], ['1', 'PAIRED'], ['1/1', 'BRIDGES']] },
-  { name: 'AdGuard Home', sub: 'DNS filter', state: 'HEALTHY',
-    stats: [['12,059', 'QUERIES'], ['3,742', 'BLOCKED'], ['0', 'PARENTAL'], ['0', 'MALWARE']] },
+  { name: 'Ntfy', sub: 'Push notifications', state: 'HEALTHY',
+    stats: [['3', 'UNREAD'], ['214', 'SENT'], ['6', 'TOPICS'], ['2', 'CLIENTS']] },
   { name: 'Kopia', sub: 'Backup and snapshots', state: 'HEALTHY',
     stats: [['OK', 'STATUS'], ['128 GB', 'SIZE'], ['02:15', 'LAST RUN'], ['02:15', 'NEXT RUN']] },
   { name: 'Seerr', sub: 'Request manager', state: 'RUNNING',
     stats: [['7', 'PENDING'], ['112', 'APPROVED'], ['964', 'AVAILABLE'], ['88', 'COMPLETED']] },
   { name: 'Proxy Manager', sub: 'Reverse proxy', state: 'UNHEALTHY', bad: true,
     stats: [['-', 'ENABLED'], ['-', 'DISABLED'], ['-', 'TOTAL'], ['-', 'ERRORS']] },
-  { name: 'Portainer', sub: 'Container manager', state: 'RUNNING',
-    stats: [['38', 'RUNNING'], ['0', 'STOPPED'], ['38', 'TOTAL'], ['11%', 'CPU']] },
-  { name: 'Immich', sub: 'Photo and video library', state: 'RUNNING',
-    stats: [['1', 'USERS'], ['2,182', 'PHOTOS'], ['213', 'VIDEOS'], ['94 GB', 'STORAGE']] },
+  { name: 'Filebrowser', sub: 'File manager', state: 'RUNNING',
+    stats: [['4', 'USERS'], ['12', 'SHARES'], ['1.2 TB', 'USED'], ['0', 'ERRORS']] },
+  { name: 'Radarr', sub: 'Movie manager', state: 'RUNNING',
+    stats: [['412', 'MOVIES'], ['9', 'WANTED'], ['0', 'QUEUE'], ['2.8 TB', 'SIZE']] },
 ];
 
 /* Every badge points at a count the left panel prints. */
 const ROW_1 = [
   { name: 'Homebridge', icon: '/icons/homebridge.svg', bg: '#3d1854' },
-  { name: 'AdGuard', icon: '/icons/w-adguard-home.svg', bg: '#1c1c1e', badge: '31%', badgeBg: '#0091ff', badgeInk: '#ffffff' },
-  { name: 'Portainer', icon: '/icons/portainer.svg', bg: '#1c1c1e' },
+  { name: 'Ntfy', icon: '/icons/ntfy.svg', bg: '#348a7a', badge: '3', badgeBg: '#0091ff', badgeInk: '#000000' },
+  { name: 'Filebrowser', icon: '/icons/filebrowser-quantum.svg', bg: '#1c1c1e' },
 ];
 
 const ROW_2 = [
-  { name: 'Seerr', icon: '/icons/seerr.svg', bg: '#1c1c1e', badge: '7', badgeBg: '#ffcc00', badgeInk: '#1c1c1e' },
-  { name: 'Proxy', icon: '/icons/npm.svg', bg: '#1c1c1e', badge: '!', badgeBg: '#ff4245', badgeInk: '#ffffff' },
-  { name: 'Immich', icon: '/icons/immich.svg', bg: '#f2f2f7' },
+  { name: 'Seerr', icon: '/icons/seerr-light.svg', bg: '#4e38f5', badge: '7', badgeBg: '#ffcc00', badgeInk: '#1c1c1e' },
+  { name: 'NPM', icon: '/icons/npm.svg', bg: '#cc3737', badge: '!', badgeBg: '#ff4245', badgeInk: '#ffffff' },
+  { name: 'Radarr', icon: '/icons/radarr.svg', bg: '#f2f2f7' },
 ];
 
+const np = manifestCard('nowplaying', 'index.html');
+const backup = manifestCard('backup', 'backup.html');
+
 const DESIGN = 170;
 const CARD_W = 110;
 const CARD_H = 108.1;
@@ -80,7 +85,7 @@ const cardStyle = `width:${CARD_W}px;height:${CARD_H}px;border-radius:${RADIUS}p
       <p class="sy-cc__title">Stackyard</p>
       <div class="sy-cc__screen sy-cc__screen--calm">
         <div class="sy-cc__grid">
-          <div class="wpv__card sy-cc__wcell" data-card="dark" style={cardStyle}>
+          <div class="wpv__card sy-cc__wcell" data-card={np.card ?? undefined} data-appearance={np.appearance} style={cardStyle}>
             <iframe
               data-np
               src="/widgets/nowplaying/index.html?id=cc-np-a&size=small&lang=en"
@@ -105,7 +110,7 @@ const cardStyle = `width:${CARD_W}px;height:${CARD_H}px;border-radius:${RADIUS}p
               <span class="sy-cc__name">{t.name}</span>
             </span>
           ))}
-          <div class="wpv__card sy-cc__wcell" data-card="dark" style={cardStyle}>
+          <div class="wpv__card sy-cc__wcell" data-card={backup.card ?? undefined} data-appearance={backup.appearance} style={cardStyle}>
             <iframe
               src="/widgets/backup/backup.html?id=cc-backup&size=small&lang=en"
               title="Backup widget"
@@ -137,8 +142,8 @@ const cardStyle = `width:${CARD_W}px;height:${CARD_H}px;border-radius:${RADIUS}p
 
   <figcaption class="sy-cc__figcap">
     The same facts either way: what is playing, last night's backup, seven
-    pending requests, thirty-one percent of queries blocked and a proxy that
-    needs attention.
+    pending requests, three unread notifications and a proxy that needs
+    attention.
   </figcaption>
 </figure>
 
diff --git a/src/components/CompareTable.astro b/src/components/CompareTable.astro
index 7f68ae0..cd701f6 100644
--- a/src/components/CompareTable.astro
+++ b/src/components/CompareTable.astro
@@ -16,10 +16,11 @@ interface Props {
 }
 
 const { rows, rivals, footnotes } = Astro.props;
+const names = ['Stackyard', ...rivals];
 ---
 
-<div class="sy-cmp">
-  <div class="sy-cmp__scroll sy-tscroll">
+<div class="sy-cmp not-content">
+  <div class="sy-cmp__card">
     <table class="sy-cmp__t">
       <caption class="sy-cmp__sr">Stackyard compared with {rivals.join(', ')}</caption>
       <thead>
@@ -28,22 +29,20 @@ const { rows, rivals, footnotes } = Astro.props;
           <th scope="col" class="sy-cmp__own">
             <img
               class="sy-cmp__logo sy-cmp__logo--light"
-              src="/img/stackyard-wordmark-light.svg"
+              src="/img/stackyard-wordmark-light-b3140d1e.svg"
               alt="Stackyard"
-              width="118"
-              height="26"
+              width="100"
+              height="22"
             />
             <img
               class="sy-cmp__logo sy-cmp__logo--dark"
-              src="/img/stackyard-wordmark-dark.svg"
+              src="/img/stackyard-wordmark-dark-4680834d.svg"
               alt="Stackyard"
-              width="118"
-              height="26"
+              width="100"
+              height="22"
             />
           </th>
-          {rivals.map((name) => (
-            <th scope="col"><span class="sy-cmp__rival">{name}</span></th>
-          ))}
+          {rivals.map((name) => <th scope="col">{name}</th>)}
         </tr>
       </thead>
       <tbody>
@@ -75,107 +74,140 @@ const { rows, rivals, footnotes } = Astro.props;
     </table>
   </div>
 
-  <ol class="sy-cmp__notes">
-    {footnotes.map((text, i) => (
-      <li id={`sy-fn-${i + 1}`} set:html={text} />
+  <div class="sy-cmp__list">
+    {rows.map((row, g) => (
+      <section class="sy-cmp__group" aria-labelledby={`sy-cmp-g${g}`}>
+        <p class="sy-cmp__gh" id={`sy-cmp-g${g}`}>
+          {row.label}
+          {row.labelNote && (
+            <a class="sy-cmp__mark" href={`#sy-fn-${row.labelNote}`}>
+              <sup>{row.labelNote}</sup>
+              <span class="sy-cmp__sr">See note {row.labelNote}</span>
+            </a>
+          )}
+        </p>
+        <dl class="sy-cmp__rows">
+          {row.values.map((value, i) => (
+            <div class:list={['sy-cmp__row', { 'sy-cmp__own': i === 0 }]}>
+              <dt>{names[i]}</dt>
+              <dd>
+                {value}
+                {i === 0 && row.cellNote && (
+                  <a class="sy-cmp__mark" href={`#sy-fn-${row.cellNote}`}>
+                    <sup>{row.cellNote}</sup>
+                    <span class="sy-cmp__sr">See note {row.cellNote}</span>
+                  </a>
+                )}
+              </dd>
+            </div>
+          ))}
+        </dl>
+      </section>
     ))}
+  </div>
+
+  <ol class="sy-cmp__notes">
+    {footnotes.map((text, i) => <li id={`sy-fn-${i + 1}`} set:html={text} />)}
   </ol>
 </div>
 
 <style>
-  /* Type is the product scale: footnote 13/18, subheadline 15/20, callout 16/21.
-     Docs pages do not load tokens.css, so the values are literal here. */
-
   .sy-cmp {
+    container-type: inline-size;
     margin: 20px 0 24px;
   }
 
+  .sy-cmp__card {
+    background: var(--sy-card);
+    border-radius: 22px;
+    overflow: hidden;
+  }
+
   .sy-cmp__t {
     width: 100%;
-    min-width: 40rem;
     table-layout: fixed;
-    border-collapse: collapse;
+    border-collapse: separate;
+    border-spacing: 0;
+    font-size: 15px;
+    line-height: 1.3333;
+    letter-spacing: -0.0153em;
   }
 
   .sy-cmp__t th,
   .sy-cmp__t td {
-    padding: 16px 12px;
-    text-align: center;
-    vertical-align: middle;
+    position: relative;
+    padding: 14px 10px;
     border: 0;
-    /* Starlight fills every th. The column tint is the only fill this wants. */
     background: transparent;
+    text-align: center;
+    vertical-align: middle;
   }
 
-  .sy-cmp__t tbody th,
-  .sy-cmp__t tbody td {
-    height: 52px;
-  }
-
-  /* Row name. Sentence case, not caps: caps costs word shape at 13px. */
-  .sy-cmp__t tbody th {
-    width: 9.5rem;
-    padding-left: 0;
-    padding-right: 16px;
-    text-align: left;
+  .sy-cmp__t thead th {
+    padding-block: 16px 10px;
     font-size: 13px;
     line-height: 1.3846;
     letter-spacing: -0.0062em;
-    font-weight: 400;
-    color: var(--sl-color-gray-3);
-  }
-
-  .sy-cmp__t thead th {
-    padding-top: 4px;
-    padding-bottom: 20px;
+    font-weight: 600;
+    color: var(--sy-dim);
     vertical-align: bottom;
   }
 
-  .sy-cmp__t td {
+  .sy-cmp__t tbody th {
+    width: 30%;
+    padding-inline-start: 16px;
+    text-align: start;
     font-size: 15px;
-    line-height: 1.3333;
     letter-spacing: -0.0153em;
-    color: var(--sl-color-gray-2);
+    font-weight: 400;
+    color: var(--sy-tx);
+  }
+
+  .sy-cmp__t td {
+    color: var(--sy-dim);
   }
 
-  .sy-cmp__t td.sy-cmp__own {
-    font-size: 16px;
-    line-height: 1.3125;
-    letter-spacing: -0.0194em;
+  .sy-cmp__t .sy-cmp__own {
+    background: color-mix(in srgb, var(--sy-accent) 10%, transparent);
+    color: var(--sy-tx);
     font-weight: 600;
-    color: var(--sl-color-white);
   }
 
-  /* Separator: 1px, inset 16 leading, flush trailing. */
-  .sy-cmp__t tbody tr + tr td {
-    border-top: 1px solid var(--sl-color-gray-6);
+  .sy-cmp__t thead .sy-cmp__own {
+    border-start-start-radius: 16px;
+    border-start-end-radius: 16px;
   }
 
-  .sy-cmp__t tbody tr + tr th {
-    position: relative;
+  .sy-cmp__t tbody tr:last-child .sy-cmp__own {
+    border-end-start-radius: 16px;
+    border-end-end-radius: 16px;
   }
 
-  .sy-cmp__t tbody tr + tr th::before {
+  .sy-cmp__t tbody tr + tr > *::before {
     content: '';
     position: absolute;
     top: 0;
-    left: 16px;
-    right: 0;
+    inset-inline: 0;
     height: 1px;
-    background: var(--sl-color-gray-6);
+    background: var(--sy-row-sep);
+  }
+
+  .sy-cmp__t tbody tr + tr > th::before {
+    inset-inline-start: 16px;
+  }
+
+  .sy-cmp__t tbody tr + tr > :last-child::before {
+    inset-inline-end: 16px;
   }
 
   .sy-cmp__logo {
     display: block;
-    width: 118px;
+    width: 100px;
     height: auto;
     margin: 0 auto;
   }
 
-  .sy-cmp__logo--dark {
-    display: none;
-  }
-
+  .sy-cmp__logo--dark,
   :root[data-theme='dark'] .sy-cmp__logo--light {
     display: none;
   }
@@ -184,36 +216,79 @@ const { rows, rivals, footnotes } = Astro.props;
     display: block;
   }
 
-  .sy-cmp__rival {
+  .sy-cmp__list {
+    display: none;
+  }
+
+  .sy-cmp__group + .sy-cmp__group {
+    margin-top: 18px;
+  }
+
+  .sy-cmp__gh {
+    margin: 0;
+    padding: 0 16px 6px;
+    font-size: 13px;
+    line-height: 1.3846;
+    letter-spacing: -0.0062em;
+    font-weight: 600;
+    color: var(--sy-dim);
+  }
+
+  .sy-cmp__rows {
+    margin: 0;
+    background: var(--sy-card);
+    border-radius: 22px;
+    overflow: hidden;
+  }
+
+  .sy-cmp__row {
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12px;
+    min-height: 44px;
+    padding: 11px 16px;
     font-size: 15px;
     line-height: 1.3333;
     letter-spacing: -0.0153em;
-    font-weight: 600;
-    color: var(--sl-color-gray-3);
   }
 
-  /* The Stackyard column reads as one grouped card behind the rows. */
-  .sy-cmp__t th.sy-cmp__own,
-  .sy-cmp__t td.sy-cmp__own {
-    background: color-mix(in srgb, var(--sl-color-accent-low) 40%, transparent);
-    box-shadow:
-      inset 1px 0 0 color-mix(in srgb, var(--sl-color-text-accent) 20%, transparent),
-      inset -1px 0 0 color-mix(in srgb, var(--sl-color-text-accent) 20%, transparent);
+  .sy-cmp__row + .sy-cmp__row::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    inset-inline: 16px;
+    height: 1px;
+    background: var(--sy-row-sep);
+  }
+
+  .sy-cmp__row dt {
+    color: var(--sy-tx);
+  }
+
+  .sy-cmp__row dd {
+    margin: 0;
+    color: var(--sy-dim);
+    text-align: end;
   }
 
-  .sy-cmp__t thead th.sy-cmp__own {
-    padding-top: 16px;
-    border-radius: var(--sy-radius-lg, 14px) var(--sy-radius-lg, 14px) 0 0;
-    box-shadow:
-      inset 1px 1px 0 color-mix(in srgb, var(--sl-color-text-accent) 20%, transparent),
-      inset -1px 0 0 color-mix(in srgb, var(--sl-color-text-accent) 20%, transparent);
+  .sy-cmp__row.sy-cmp__own {
+    background: color-mix(in srgb, var(--sy-accent) 10%, transparent);
   }
 
-  .sy-cmp__t tbody tr:last-child td.sy-cmp__own {
-    border-radius: 0 0 var(--sy-radius-lg, 14px) var(--sy-radius-lg, 14px);
-    box-shadow:
-      inset 1px -1px 0 color-mix(in srgb, var(--sl-color-text-accent) 20%, transparent),
-      inset -1px 0 0 color-mix(in srgb, var(--sl-color-text-accent) 20%, transparent);
+  .sy-cmp__row.sy-cmp__own :is(dt, dd) {
+    color: var(--sy-tx);
+    font-weight: 600;
+  }
+
+  @container (max-width: 520px) {
+    .sy-cmp__card {
+      display: none;
+    }
+    .sy-cmp__list {
+      display: block;
+    }
   }
 
   .sy-cmp__mark {
@@ -224,7 +299,7 @@ const { rows, rivals, footnotes } = Astro.props;
   .sy-cmp__mark sup {
     font-size: 11px;
     line-height: 1;
-    padding-left: 2px;
+    padding-inline-start: 2px;
   }
 
   .sy-cmp__mark:hover sup {
@@ -232,16 +307,16 @@ const { rows, rivals, footnotes } = Astro.props;
   }
 
   .sy-cmp__notes {
-    margin: 20px 0 0;
-    padding-left: 16px;
+    margin: 14px 0 0;
+    padding-inline-start: 16px;
     font-size: 13px;
     line-height: 1.3846;
     letter-spacing: -0.0062em;
-    color: var(--sl-color-gray-3);
+    color: var(--sy-dim);
   }
 
   .sy-cmp__notes li + li {
-    margin-top: 8px;
+    margin-top: 6px;
   }
 
   .sy-cmp__notes a {
@@ -249,7 +324,7 @@ const { rows, rivals, footnotes } = Astro.props;
   }
 
   .sy-cmp__notes li:target {
-    color: var(--sl-color-white);
+    color: var(--sy-tx);
   }
 
   .sy-cmp__sr {
@@ -261,14 +336,4 @@ const { rows, rivals, footnotes } = Astro.props;
     clip-path: inset(50%);
     white-space: nowrap;
   }
-
-  @media (max-width: 640px) {
-    .sy-cmp__t th,
-    .sy-cmp__t td {
-      padding: 12px 8px;
-    }
-    .sy-cmp__t tbody th {
-      width: 8rem;
-    }
-  }
 </style>
diff --git a/src/components/Head.astro b/src/components/Head.astro
index e319cc8..f3ac809 100644
--- a/src/components/Head.astro
+++ b/src/components/Head.astro
@@ -59,5 +59,15 @@ const breadcrumb = {
     sync(box);
     observer.observe(box);
   }
+
+  /* Expressive Code makes a scrolling code block a region without a name. */
+  const blocks = [...document.querySelectorAll<HTMLElement>('.expressive-code pre')];
+  const label = new MutationObserver(() => {
+    blocks.forEach((pre, i) => {
+      if (pre.getAttribute('role') !== 'region') pre.removeAttribute('aria-label');
+      else pre.setAttribute('aria-label', `Code example ${i + 1}${pre.dataset.language ? `, ${pre.dataset.language}` : ''}`);
+    });
+  });
+  for (const pre of blocks) label.observe(pre, { attributes: true, attributeFilter: ['role'] });
 </script>
 <script src="../scripts/motion.ts"></script>
diff --git a/src/components/IconSet.astro b/src/components/IconSet.astro
index 05048eb..b8632e3 100644
--- a/src/components/IconSet.astro
+++ b/src/components/IconSet.astro
@@ -1,25 +1,15 @@
 ---
-import { readRepoFile } from '../lib/repo';
+import { iconSprite, loadIconSet } from '../lib/icon-set';
+import { SIDEBAR_ICON_IDS } from '../lib/sidebar-icons';
 
-const source = readRepoFile('ui/js/icon-set.js');
-let sprite = '';
-let ids: string[] = [];
-if (source) {
-  const mod = await import(/* @vite-ignore */ `data:text/javascript;base64,${Buffer.from(source).toString('base64')}`);
-  let defs = '';
-  let syms = '';
-  ids = Object.keys(mod.ICONS);
-  for (const id of ids) {
-    const s = mod.symbol(id, mod.ICONS[id]);
-    defs += s.defs;
-    syms += s.sym;
-  }
-  sprite = `<svg class="sy-sprite" width="0" height="0" aria-hidden="true" focusable="false"><defs>${defs}</defs>${syms}</svg>`;
-}
+const mod = await loadIconSet();
+const ids = mod ? Object.keys(mod.ICONS) : [];
+/* The sidebar sprite defines these ids on every docs page. Repeating them duplicates ids. */
+const sprite = await iconSprite(ids.filter((id) => !SIDEBAR_ICON_IDS.includes(id)));
 ---
 
 {
-  source ? (
+  mod ? (
     <div class="sy-iconset not-content">
       <Fragment set:html={sprite} />
       {ids.map(id => (
diff --git a/src/components/Sidebar.astro b/src/components/Sidebar.astro
new file mode 100644
index 0000000..7f6df3f
--- /dev/null
+++ b/src/components/Sidebar.astro
@@ -0,0 +1,19 @@
+---
+import MobileMenuFooter from '@astrojs/starlight/components/MobileMenuFooter.astro';
+import SidebarPersister from '@astrojs/starlight/components/SidebarPersister.astro';
+import SidebarSublist from './SidebarSublist.astro';
+import { iconSprite } from '../lib/icon-set';
+import { SIDEBAR_ICON_IDS } from '../lib/sidebar-icons';
+
+const { sidebar } = Astro.locals.starlightRoute;
+const sprite = await iconSprite(SIDEBAR_ICON_IDS);
+---
+
+<Fragment set:html={sprite} />
+<SidebarPersister>
+  <SidebarSublist sublist={sidebar} />
+</SidebarPersister>
+
+<div class="md:sl-hidden">
+  <MobileMenuFooter />
+</div>
diff --git a/src/components/SidebarSublist.astro b/src/components/SidebarSublist.astro
new file mode 100644
index 0000000..053f7ca
--- /dev/null
+++ b/src/components/SidebarSublist.astro
@@ -0,0 +1,59 @@
+---
+import { Icon } from '@astrojs/starlight/components';
+import SidebarRestorePoint from '@astrojs/starlight/components/SidebarRestorePoint.astro';
+import { sidebarIcon } from '../lib/sidebar-icons';
+
+type Entry =
+  | { type: 'link'; label: string; href: string; isCurrent: boolean; attrs: Record<string, string> }
+  | { type: 'group'; label: string; entries: Entry[]; collapsed: boolean };
+
+interface Props {
+  sublist: Entry[];
+  nested?: boolean;
+}
+
+const { sublist, nested } = Astro.props;
+const hasCurrent = (entries: Entry[]): boolean =>
+  entries.some((e) => (e.type === 'link' ? e.isCurrent : hasCurrent(e.entries)));
+---
+
+<ul class:list={{ 'top-level': !nested, 'sy-nav': true }}>
+  {
+    sublist.map((entry) => {
+      const icon = sidebarIcon(entry);
+      return (
+        <li>
+          {entry.type === 'link' ? (
+            <a
+              href={entry.href}
+              aria-current={entry.isCurrent ? 'page' : undefined}
+              class:list={['sy-nl', { large: !nested, 'has-icon': icon }]}
+              {...entry.attrs}
+            >
+              {icon && (
+                <svg class="sy-icon" width="20" height="20" aria-hidden="true" focusable="false">
+                  <use href={`#sy-solid-${icon}`} />
+                </svg>
+              )}
+              <span>{entry.label}</span>
+            </a>
+          ) : (
+            <details open={hasCurrent(entry.entries) || !entry.collapsed}>
+              <summary class:list={['sy-nl', { 'has-icon': icon }]}>
+                {icon && (
+                  <svg class="sy-icon" width="20" height="20" aria-hidden="true" focusable="false">
+                    <use href={`#sy-solid-${icon}`} />
+                  </svg>
+                )}
+                <span class="group-label large">{entry.label}</span>
+                <Icon name="right-caret" class="caret" size="1.125rem" />
+              </summary>
+              <SidebarRestorePoint />
+              <Astro.self sublist={entry.entries} nested />
+            </details>
+          )}
+        </li>
+      );
+    })
+  }
+</ul>
diff --git a/src/content/docs/docs/badges.md b/src/content/docs/docs/badges.md
index f855fe4..992e9c5 100644
--- a/src/content/docs/docs/badges.md
+++ b/src/content/docs/docs/badges.md
@@ -8,7 +8,7 @@ description: Add health checks, fixed labels and live values from any API to Sta
 A badge is the small pill on an app tile. Each app can have three kinds.
 
 <figure class="sy-shot">
-  <img class="sy-shot__light" src="/img/admin/app-edit-badge-98d02665.png" alt="The Badge section of an app: Health Check, Fixed Label and Live Activity" loading="lazy"><img class="sy-shot__dark" src="/img/admin/app-edit-badge-dark-cee1d99a.png" alt="The Badge section of an app: Health Check, Fixed Label and Live Activity" loading="lazy">
+  <img class="sy-shot__light" src="/img/admin/app-edit-badge-03598133.png" alt="The Badge section of an app: Health Check, Fixed Label and Live Activity" loading="lazy"><img class="sy-shot__dark" src="/img/admin/app-edit-badge-dark-adce9ae8.png" alt="The Badge section of an app: Health Check, Fixed Label and Live Activity" loading="lazy">
 </figure>
 
 ## Health check
@@ -37,7 +37,7 @@ Tick **Secret** on a header to keep its value on the server. Poll sets how often
 One API can feed up to five values. Press Add Label for each.
 
 <figure class="sy-shot">
-  <img class="sy-shot__light" src="/img/admin/app-edit-labels-af3ec51a.png" alt="Two labels, each with Value, Label Text, Color, Unit and Show From" loading="lazy"><img class="sy-shot__dark" src="/img/admin/app-edit-labels-dark-2ff5328b.png" alt="Two labels, each with Value, Label Text, Color, Unit and Show From" loading="lazy">
+  <img class="sy-shot__light" src="/img/admin/app-edit-labels-4eb0fb0b.png" alt="Two labels, each with Value, Label Text, Color, Unit and Show From" loading="lazy"><img class="sy-shot__dark" src="/img/admin/app-edit-labels-dark-07bd1535.png" alt="Two labels, each with Value, Label Text, Color, Unit and Show From" loading="lazy">
 </figure>
 
 - **Show From** keeps a value hidden below that count.
diff --git a/src/content/docs/docs/contributing/design-system.mdx b/src/content/docs/docs/contributing/design-system.mdx
index 1d9da0b..2cdd12a 100644
--- a/src/content/docs/docs/contributing/design-system.mdx
+++ b/src/content/docs/docs/contributing/design-system.mdx
@@ -44,20 +44,20 @@ Use the files as they are. Do not recolour, stretch or redraw them.
 
 <div class="sy-logo">
   <figure class="sy-logo__dark">
-    <img src="/img/stackyard-wordmark-dark.svg" alt="Stackyard wordmark on dark" />
-    <figcaption><a href="/img/stackyard-wordmark-dark.svg" download>Wordmark, dark</a></figcaption>
+    <img src="/img/stackyard-wordmark-dark-4680834d.svg" alt="Stackyard wordmark on dark" />
+    <figcaption><a href="/img/stackyard-wordmark-dark-4680834d.svg" download="stackyard-wordmark-dark.svg">Wordmark, dark</a></figcaption>
   </figure>
   <figure class="sy-logo__light">
-    <img src="/img/stackyard-wordmark-light.svg" alt="Stackyard wordmark on light" />
-    <figcaption><a href="/img/stackyard-wordmark-light.svg" download>Wordmark, light</a></figcaption>
+    <img src="/img/stackyard-wordmark-light-b3140d1e.svg" alt="Stackyard wordmark on light" />
+    <figcaption><a href="/img/stackyard-wordmark-light-b3140d1e.svg" download="stackyard-wordmark-light.svg">Wordmark, light</a></figcaption>
   </figure>
   <figure class="sy-logo__dark">
-    <img src="/img/stackyard-mark.svg" alt="Stackyard mark on dark" />
-    <figcaption><a href="/img/stackyard-mark.svg" download>Mark, dark</a></figcaption>
+    <img src="/img/stackyard-mark-0ce25219.svg" alt="Stackyard mark on dark" />
+    <figcaption><a href="/img/stackyard-mark-0ce25219.svg" download="stackyard-mark.svg">Mark, dark</a></figcaption>
   </figure>
   <figure class="sy-logo__light">
-    <img src="/img/stackyard-mark-light.svg" alt="Stackyard mark on light" />
-    <figcaption><a href="/img/stackyard-mark-light.svg" download>Mark, light</a></figcaption>
+    <img src="/img/stackyard-mark-light-c3aadde5.svg" alt="Stackyard mark on light" />
+    <figcaption><a href="/img/stackyard-mark-light-c3aadde5.svg" download="stackyard-mark-light.svg">Mark, light</a></figcaption>
   </figure>
 </div>
 
diff --git a/src/content/docs/docs/customization.md b/src/content/docs/docs/customization.md
index d4adb31..a56efd2 100644
--- a/src/content/docs/docs/customization.md
+++ b/src/content/docs/docs/customization.md
@@ -21,7 +21,7 @@ Browsers only allow Keep Screen Awake over HTTPS. On a plain HTTP address the to
 
 
 <figure class="sy-shot">
-  <img class="sy-shot__light" src="/img/admin/appearance-e9d99c15.png" alt="The Appearance section of the admin UI" loading="lazy"><img class="sy-shot__dark" src="/img/admin/appearance-dark-449811e9.png" alt="The Appearance section of the admin UI" loading="lazy">
+  <img class="sy-shot__light" src="/img/admin/appearance-31fd5463.png" alt="The Appearance section of the admin UI" loading="lazy"><img class="sy-shot__dark" src="/img/admin/appearance-dark-cb2e78c0.png" alt="The Appearance section of the admin UI" loading="lazy">
   <figcaption>Appearance, in the admin UI.</figcaption>
 </figure>
 
diff --git a/src/content/docs/docs/index.md b/src/content/docs/docs/index.md
index 4d883c7..963a110 100644
--- a/src/content/docs/docs/index.md
+++ b/src/content/docs/docs/index.md
@@ -5,7 +5,7 @@ description: Stackyard is a calm, self-hosted homelab dashboard for your apps, w
 
 Stackyard is a self-hosted dashboard for your homelab. Apps, folders, a few widgets and status badges, in one container.
 
-<img src="/img/dashboard-b3d50cc8.jpg" width="1800" height="1125" alt="The Stackyard dashboard, with widgets, app tiles, a folder and the dock." />
+<img src="/img/dashboard-7d037291.jpg" width="1800" height="1125" alt="The Stackyard dashboard, with widgets, app tiles, two folders and the dock." />
 
 - **Calm.** A health badge shows only when something is wrong.
 - **Badges from any API.** Pick a value from a service's API response. No code. See [Badges](/docs/badges/).
diff --git a/src/lib/icon-set.ts b/src/lib/icon-set.ts
new file mode 100644
index 0000000..ad7e12b
--- /dev/null
+++ b/src/lib/icon-set.ts
@@ -0,0 +1,54 @@
+import { readRepoFile } from './repo';
+
+type Shape = Record<string, unknown>;
+type Icon = { shapes: Shape[]; gap?: number; inkMask?: boolean };
+type IconModule = {
+  ICONS: Record<string, Icon>;
+  symbol: (id: string, icon: Icon) => { defs: string; sym: string };
+  rect: (...a: unknown[]) => Shape;
+  bar: (...a: unknown[]) => Shape;
+  line: (...a: unknown[]) => Shape;
+};
+
+let loaded: Promise<IconModule | null> | undefined;
+
+export function loadIconSet(): Promise<IconModule | null> {
+  loaded ??= (async () => {
+    const source = readRepoFile('ui/js/icon-set.js');
+    if (!source) return null;
+    return import(/* @vite-ignore */ `data:text/javascript;base64,${Buffer.from(source).toString('base64')}`);
+  })();
+  return loaded;
+}
+
+/* Used only when the app checkout predates them. The build fails on a missing id. */
+function docIcons(m: IconModule): Record<string, Icon> {
+  return {
+    start: {
+      inkMask: false,
+      shapes: [m.line('M12 2v9M8 7l4 4 4-4', 'accent'), m.rect(2, 14, 20, 8, 4), m.bar(5, 17, 6)],
+    },
+    run: {
+      gap: 0,
+      shapes: [m.rect(2, 4, 20, 16, 4), m.line('M6 9l3 3-3 3', 'accent'), m.bar(12, 14, 6)],
+    },
+    create: {
+      shapes: [m.rect(3, 5, 16, 16, 4), m.line('M19 3v4M17 5h4', 'accent'), m.bar(6, 10, 6), m.bar(6, 14, 10)],
+    },
+  };
+}
+
+export async function iconSprite(ids: string[]): Promise<string> {
+  const m = await loadIconSet();
+  if (!m) return '';
+  const all = { ...docIcons(m), ...m.ICONS };
+  let defs = '';
+  let syms = '';
+  for (const id of new Set(ids)) {
+    if (!all[id]) throw new Error(`Unknown icon: ${id}`);
+    const s = m.symbol(id, all[id]);
+    defs += s.defs;
+    syms += s.sym;
+  }
+  return `<svg class="sy-sprite" width="0" height="0" aria-hidden="true" focusable="false"><defs>${defs}</defs>${syms}</svg>`;
+}
diff --git a/src/lib/sidebar-icons.ts b/src/lib/sidebar-icons.ts
new file mode 100644
index 0000000..d9d3162
--- /dev/null
+++ b/src/lib/sidebar-icons.ts
@@ -0,0 +1,35 @@
+/* Keys are sidebar group labels and link paths in astro.config.mjs. Renaming
+   either there drops the icon here. */
+const GROUPS: Record<string, string> = {
+  'Get started': 'start',
+  'Build your dashboard': 'dashboard',
+  Widgets: 'widget',
+  'Run Stackyard': 'run',
+  'Create a widget': 'create',
+  Contributing: 'heart',
+  About: 'info',
+};
+
+const LINKS: Record<string, string> = {
+  '/docs/settings-reference/': 'general',
+  '/docs/troubleshooting/': 'bug',
+  '/docs/widgets/': 'docs',
+  '/docs/widgets/backup/': 'backup',
+  '/docs/widgets/books/': 'books',
+  '/docs/widgets/clock/': 'clock',
+  '/docs/widgets/connections/': 'connections',
+  '/docs/widgets/custom/': 'edit',
+  '/docs/widgets/dashboard-switch/': 'switcher',
+  '/docs/widgets/disk-health/': 'disk',
+  '/docs/widgets/dns/': 'dns',
+  '/docs/widgets/github/': 'github',
+  '/docs/widgets/now-playing/': 'nowplaying',
+  '/docs/widgets/system-summary/': 'system',
+  '/docs/widgets/weather/': 'weather',
+};
+
+export const SIDEBAR_ICON_IDS = [...new Set([...Object.values(GROUPS), ...Object.values(LINKS)])];
+
+export function sidebarIcon(entry: { type: string; label: string; href?: string }): string | undefined {
+  return entry.type === 'group' ? GROUPS[entry.label] : LINKS[entry.href ?? ''];
+}
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 0c887b9..00847fc 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,6 +1,5 @@
 ---
 import { readAppVersion } from '../lib/repo';
-import '../styles/fonts.css';
 
 const version = readAppVersion();
 
@@ -10,14 +9,14 @@ const description =
 
 const site = Astro.site?.href.replace(/\/$/, '') ?? '';
 const canonical = `${site}/`;
-const ogImage = `${site}/img/og-64722d2b.jpg`;
+const ogImage = `${site}/img/og-48fdebbd.jpg`;
 
 const publisher = {
   '@type': 'Organization',
   '@id': `${site}/#organization`,
   name: 'Stackyard',
   url: `${site}/`,
-  logo: `${site}/img/stackyard-wordmark-dark.svg`,
+  logo: `${site}/img/stackyard-wordmark-dark-4680834d.svg`,
   sameAs: ['https://github.com/SandObserver/stackyard'],
 };
 
@@ -86,13 +85,6 @@ const schema = {
     <meta name="twitter:description" content={description} />
     <meta name="twitter:image" content={ogImage} />
     <script type="application/ld+json" set:html={JSON.stringify(schema)} />
-    <link
-      rel="preload"
-      as="font"
-      type="font/woff2"
-      href="/fonts/inter-latin.woff2"
-      crossorigin
-    />
     <link
       rel="preload"
       as="image"
@@ -107,7 +99,7 @@ const schema = {
 <div class="wrap">
   <nav class="nav">
     <div class="brand">
-      <img src="/img/stackyard-wordmark-dark.svg" alt="Stackyard" width="125" height="28">
+      <img src="/img/stackyard-wordmark-dark-4680834d.svg" alt="Stackyard" width="125" height="28">
     </div>
     <div class="nav-right">
       <a class="pill pill-solid" href="/docs/installation/docker/">Install</a>
@@ -148,7 +140,7 @@ const schema = {
             <div class="np">
               <iframe
                 class="np-frame"
-                src="/widgets/nowplaying/index.html?id=w-nowplaying&size=small&lang=en"
+                src="/widgets/nowplaying/index.html?id=np-plex&size=small&lang=en"
                 title="Now Playing widget"
                 aria-label="Now Playing widget"
                 loading="lazy"
@@ -158,40 +150,36 @@ const schema = {
             </div>
 
             <div class="cell">
-              <div class="itile" style="background:#3d1854"><img src="/icons/homebridge.svg" alt=""></div>
+              <div class="itile" style="--tc:#3d1854"><img src="/icons/homebridge.svg" alt=""></div>
               <span class="ilabel">Homebridge</span>
             </div>
             <div class="cell">
-              <div class="itile" style="background:#f2f2f7"><img src="/icons/pi-hole.svg" alt=""></div>
-              <span class="ilabel">Pi-Hole</span>
+              <div class="itile" style="--tc:#123054"><img src="/icons/authelia.svg" alt=""></div>
+              <span class="ilabel">Authelia</span>
             </div>
             <div class="cell">
-              <div class="itile" style="background:#f2f2f7"><img src="/icons/authentik.svg" alt=""></div>
-              <span class="ilabel">Authentik</span>
+              <div class="itile" style="--tc:#1c1c1e"><img src="/icons/filebrowser-quantum.svg" alt=""></div>
+              <span class="ilabel">Filebrowser</span>
             </div>
             <div class="cell">
-              <div class="itile" style="background:#1c1c1e"><img src="/icons/portainer.svg" alt=""></div>
-              <span class="ilabel">Portainer</span>
+              <div class="itile" style="--tc:#1c1c1e"><img src="/icons/w-plex.svg" alt=""></div>
+              <span class="ilabel">Plex</span>
             </div>
 
             <div class="cell">
-              <div class="itile" style="background:#1c1c1e">
-                <img src="/icons/jellyfin.svg" alt="">
-                <span class="badge" style="background:#1d6cf5" data-live-jellyfin>2</span>
-              </div>
-              <span class="ilabel">Jellyfin</span>
-            </div>
-            <div class="cell">
-              <div class="itile" style="background:#1c1c1e">
-                <img src="/icons/seerr.svg" alt="">
+              <div class="itile" style="--tc:#4e38f5"><img src="/icons/seerr-light.svg" alt="">
                 <span class="badge" style="background:#ffcc00;color:#1c1c1e" data-live-seerr>7</span>
               </div>
               <span class="ilabel">Seerr</span>
             </div>
             <div class="cell">
-              <div class="itile" style="background:#1c1c1e"><img src="/icons/npm.svg" alt=""></div>
+              <div class="itile" style="--tc:#cc3737"><img src="/icons/npm.svg" alt=""></div>
               <span class="ilabel">NPM</span>
             </div>
+            <div class="cell">
+              <div class="itile" style="--tc:#348a7a"><img src="/icons/ntfy.svg" alt=""></div>
+              <span class="ilabel">Ntfy</span>
+            </div>
             <div class="cell">
               <div class="folder">
                 <div class="fmini"><img loading="lazy" decoding="async" src="/icons/sonarr.svg" alt=""></div>
@@ -217,7 +205,7 @@ const schema = {
               <span class="ilabel">Monitoring</span>
             </div>
             <div class="cell">
-              <div class="itile" style="background:#3b4250"><img src="/icons/settings.svg" alt=""></div>
+              <div class="itile" style="--tc:#1c1c1e"><img class="itile-sys" src="/icons/settings-toggles.svg" alt=""></div>
               <span class="ilabel">Settings</span>
             </div>
 
@@ -239,28 +227,28 @@ const schema = {
       <div class="fvis">
         <div class="bdemo">
           <div class="bdemo-item">
-            <div class="banchor" style="background:#3A3A3C"><span class="badge" style="background:#30D158"></span></div>
+            <div class="banchor" style="--tc:#3A3A3C"><span class="badge" style="background:#30D158"></span></div>
             <div class="bmeta">
               <span class="bcap">Health check</span>
               <span class="bsrc">Container health or a ping</span>
             </div>
           </div>
           <div class="bdemo-item">
-            <div class="banchor" style="background:#4A4A6A"><span class="badge" style="background:#0091FF">4K</span></div>
+            <div class="banchor" style="--tc:#4A4A6A"><span class="badge" style="background:#0091FF">4K</span></div>
             <div class="bmeta">
               <span class="bcap">Fixed label</span>
               <span class="bsrc">Text you set</span>
             </div>
           </div>
           <div class="bdemo-item">
-            <div class="banchor" style="background:#5A4636"><span class="badge" style="background:#ffcc00;color:#1c1c1e" data-live-seerr>7</span></div>
+            <div class="banchor" style="--tc:#5A4636"><span class="badge" style="background:#ffcc00;color:#1c1c1e" data-live-seerr>7</span></div>
             <div class="bmeta">
               <span class="bcap">Live activity</span>
               <span class="bsrc">A number from the service API</span>
             </div>
           </div>
           <div class="bdemo-item">
-            <div class="banchor" style="background:#3F4A6B"><span class="badge badge-peek" style="background:#30D158"></span><span class="badge" style="background:#ffcc00;color:#1c1c1e">4</span></div>
+            <div class="banchor" style="--tc:#3F4A6B"><span class="badge badge-peek" style="background:#30D158"></span><span class="badge" style="background:#ffcc00;color:#1c1c1e">4</span></div>
             <div class="bmeta">
               <span class="bcap">Several values</span>
               <span class="bsrc">One poll, each label named in a list</span>
@@ -300,23 +288,25 @@ const schema = {
             <span class="achip">Widgets</span>
             <span class="achip">Folders</span>
           </div>
-          <div class="arow">
-            <svg class="ahandle" viewBox="0 0 24 24" aria-hidden="true"><g><circle cx="9" cy="6" r="2" fill="currentColor"/><circle cx="15" cy="6" r="2" fill="currentColor"/><circle cx="9" cy="12" r="2" fill="currentColor"/><circle cx="15" cy="12" r="2" fill="currentColor"/><circle cx="9" cy="18" r="2" fill="currentColor"/><circle cx="15" cy="18" r="2" fill="currentColor"/></g><g></g></svg>
-            <span class="aicon" style="background:#1c1c1e"><img src="/icons/w-github.svg" alt=""></span>
-            <span class="aname">GitHub</span>
-            <span class="apills">
-              <span class="apill" style="background:rgba(0,145,255,.20);color:#5CB8FF">Dock</span>
-              <span class="apill" style="background:rgba(219,52,242,.20);color:#EA8DFF">Badge</span>
-              <span class="apill" style="background:rgba(48,209,88,.20);color:#4AD968">Health</span>
-            </span>
-          </div>
-          <div class="arow">
-            <svg class="ahandle" viewBox="0 0 24 24" aria-hidden="true"><g><circle cx="9" cy="6" r="2" fill="currentColor"/><circle cx="15" cy="6" r="2" fill="currentColor"/><circle cx="9" cy="12" r="2" fill="currentColor"/><circle cx="15" cy="12" r="2" fill="currentColor"/><circle cx="9" cy="18" r="2" fill="currentColor"/><circle cx="15" cy="18" r="2" fill="currentColor"/></g><g></g></svg>
-            <span class="aicon aicon-wg" style="background:#3A3A3C"><svg viewBox="0 0 24 24" aria-hidden="true"><defs><mask id="lp-nowplaying-m" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="#fff"/><path d="M10 8v8l6-4z" fill="#000" stroke="#000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></mask></defs><g mask="url(#lp-nowplaying-m)"><rect x="3" y="3" width="18" height="18" rx="4" fill="currentColor"/></g><g><path d="M10 8v8l6-4z" class="sy-a sy-as" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg></span>
-            <span class="aname">Now Playing</span>
-            <span class="apills">
-              <span class="apill" style="background:rgba(0,210,224,.20);color:#3BDDEC">Widget</span>
-            </span>
+          <div class="arows">
+            <div class="arow">
+              <svg class="ahandle" viewBox="0 0 24 24" aria-hidden="true"><g><circle cx="9" cy="6" r="2" fill="currentColor"/><circle cx="15" cy="6" r="2" fill="currentColor"/><circle cx="9" cy="12" r="2" fill="currentColor"/><circle cx="15" cy="12" r="2" fill="currentColor"/><circle cx="9" cy="18" r="2" fill="currentColor"/><circle cx="15" cy="18" r="2" fill="currentColor"/></g><g></g></svg>
+              <span class="aicon" style="background:#1c1c1e"><img src="/icons/w-github.svg" alt=""></span>
+              <span class="aname">GitHub</span>
+              <span class="apills">
+                <span class="apill" style="background:rgba(109,124,255,.20);color:#B7B9FF">Dock</span>
+                <span class="apill" style="background:rgba(0,145,255,.20);color:#79C5FF">Badge</span>
+                <span class="apill" style="background:rgba(255,55,95,.20);color:#FF9FCF">Health</span>
+              </span>
+            </div>
+            <div class="arow">
+              <svg class="ahandle" viewBox="0 0 24 24" aria-hidden="true"><g><circle cx="9" cy="6" r="2" fill="currentColor"/><circle cx="15" cy="6" r="2" fill="currentColor"/><circle cx="9" cy="12" r="2" fill="currentColor"/><circle cx="15" cy="12" r="2" fill="currentColor"/><circle cx="9" cy="18" r="2" fill="currentColor"/><circle cx="15" cy="18" r="2" fill="currentColor"/></g><g></g></svg>
+              <span class="aicon aicon-wg" style="background:#3A3A3C"><svg viewBox="0 0 24 24" aria-hidden="true"><defs><mask id="lp-nowplaying-m" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="#fff"/><path d="M10 8v8l6-4z" fill="#000" stroke="#000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></mask></defs><g mask="url(#lp-nowplaying-m)"><rect x="3" y="3" width="18" height="18" rx="4" fill="currentColor"/></g><g><path d="M10 8v8l6-4z" class="sy-a sy-as" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg></span>
+              <span class="aname">Now Playing</span>
+              <span class="apills">
+                <span class="apill" style="background:rgba(48,209,88,.20);color:#6BE083">Widget</span>
+              </span>
+            </div>
           </div>
         </div>
       </div>
@@ -354,7 +344,7 @@ const schema = {
   <div class="wrap foot-in">
     <div class="foot-l">
       <div class="brand">
-        <img src="/img/stackyard-wordmark-dark.svg" alt="Stackyard" width="125" height="28">
+        <img src="/img/stackyard-wordmark-dark-4680834d.svg" alt="Stackyard" width="125" height="28">
       </div>
       <div class="foot-links">
         <a href="https://github.com/SandObserver/stackyard">GitHub</a><span>·</span>
@@ -411,14 +401,11 @@ if (reduced) {
 }
 
 if (!reduced) {
-  const jellyfin = document.querySelectorAll('[data-live-jellyfin]');
   const seerr = document.querySelectorAll('[data-live-seerr]');
   const jitter = (base) => String(Math.max(1, base + Math.round((Math.random() - 0.5) * 2)));
   let timer = 0;
   const tick = () => {
-    const j = jitter(2);
     const s = jitter(7);
-    jellyfin.forEach((n) => { n.textContent = j; });
     seerr.forEach((n) => { n.textContent = s; });
   };
   const schedule = () => {
@@ -449,10 +436,11 @@ if (!reduced) {
       --success:#30D158;
       --radius-lg:14px;
       --radius-md:10px;
-      --font-ui:'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
+      --font-ui:-apple-system, BlinkMacSystemFont, system-ui, sans-serif;
       --font-display:var(--font-ui);
       /* Keep the near-black ink. White on --accent measures 1.86:1 and fails WCAG AA. */
-      --on-accent-ink:#06181B;
+      --on-accent-ink:#000000;
+      --fill:rgba(120,120,128,.32);
       --spring:cubic-bezier(.34,1.56,.64,1);
       --gs:1;
     }
@@ -471,11 +459,11 @@ if (!reduced) {
     /* Keep the hit area. The drawn pill is 40px, below the 44px minimum. */
     .pill::after{content:'';position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:44px}
     .pill-solid{background:var(--label-primary);color:#101012}
-    .pill-ghost{background:rgba(255,255,255,.07);color:var(--label-secondary);border:1px solid var(--separator)}
-    .pill-ghost:hover{color:var(--label-primary)}
+    .pill-ghost{background:var(--fill);color:var(--label-primary)}
+    .pill-ghost:hover{color:var(--label-primary);background:rgba(120,120,128,.42)}
 
     .hero{padding:44px 0 40px}
-    .hero h1{margin:0;font-family:var(--font-display);font-size:74px;line-height:1.02;letter-spacing:-0.035em;
+    .hero h1{margin:0;font-family:var(--font-display);font-size:74px;line-height:1.04;letter-spacing:-0.025em;
       font-weight:700;color:var(--label-primary);max-width:15ch;text-wrap:balance}
     .hero p{margin:26px 0 0;font-size:19px;line-height:1.5;color:var(--a11y-dim);max-width:54ch;text-wrap:pretty}
     .cta-row{display:flex;align-items:center;gap:12px;margin-top:34px}
@@ -483,7 +471,8 @@ if (!reduced) {
       font-size:16px;font-weight:600;letter-spacing:-0.01em}
     .btn-accent{background:var(--accent);color:var(--on-accent-ink)}
     .btn-accent:hover{background:var(--accent-strong);color:var(--on-accent-ink)}
-    .btn-quiet{background:rgba(255,255,255,.08);color:var(--label-primary);border:1px solid var(--separator)}
+    .btn-quiet{background:var(--fill);color:var(--label-primary)}
+    .btn-quiet:hover{background:rgba(120,120,128,.42);color:var(--label-primary)}
 
     /* Metrics come from dashboard.css: 1041px design width, six 152.67px
        columns, 25px column gap, 30px row gap, 152px tile height. */
@@ -500,7 +489,7 @@ if (!reduced) {
       --col:calc(152.67px * var(--gs)); --tile-h:calc(152px * var(--gs));
       --gap-c:calc(25px * var(--gs));   --gap-r:calc(30px * var(--gs));
       --icon:calc(72px * var(--gs));    --art:calc(50px * var(--gs));
-      --ir:calc(16.1px * var(--gs));    --lbl:calc(13px * var(--gs));
+      --ir:calc(19px * var(--gs));    --lbl:calc(13px * var(--gs));
       --lblw:calc(84px * var(--gs));
       padding:calc(34px * var(--gs)) calc(24px * var(--gs)) 0;
       height:368px;overflow:hidden}
@@ -508,33 +497,38 @@ if (!reduced) {
       grid-auto-rows:var(--tile-h);column-gap:var(--gap-c);row-gap:var(--gap-r);
       width:100%;justify-content:center}
 
-    /* Icon geometry follows dashboard.js mkIcon and ICON_R: 72px wrap,
-       50px artwork, radius 72 * 0.2237. */
+    /* Icon geometry follows dashboard.css .plate: 72px wrap, 50px artwork,
+       19px radius. */
     .cell{width:var(--col);height:var(--tile-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(6px * var(--gs))}
-    .itile{position:relative;width:var(--icon);height:var(--icon);border-radius:var(--ir);display:flex;align-items:center;justify-content:center;
-      isolation:isolate;flex-shrink:0}
-    .itile::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none;
-      box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.14)}
-    .itile::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:2;pointer-events:none;
-      background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,0) 60%)}
+    .itile,.banchor{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;flex-shrink:0;
+      background-color:var(--tc);
+      background-image:radial-gradient(46% 2% at 50% 0,rgba(255,255,255,.6),rgba(255,255,255,.25) 45%,transparent),
+        radial-gradient(46% 1.6% at 50% 100%,rgba(255,255,255,.35),rgba(255,255,255,.14) 45%,transparent),
+        radial-gradient(1.2% 25% at 0 50%,rgba(0,0,0,.19),transparent),
+        radial-gradient(1.2% 25% at 100% 50%,rgba(0,0,0,.19),transparent),
+        linear-gradient(oklch(from var(--tc) calc(l + .03 + l * .05) c h) 4%,var(--tc) 50%,oklch(from var(--tc) calc(l - .03 - l * .05) c h) 96%);
+      box-shadow:inset 0 .5px 0 rgba(255,255,255,.18), inset 0 -.5px 0 rgba(255,255,255,.1)}
+    .itile{width:var(--icon);height:var(--icon);border-radius:var(--ir)}
     .itile img{position:relative;z-index:1;width:var(--art);height:var(--art);object-fit:contain;display:block}
+    .itile .itile-sys{width:calc(var(--art) * 1.22);height:calc(var(--art) * 1.22)}
     .ilabel{width:var(--lblw);font-size:var(--lbl);line-height:1.3846;letter-spacing:-0.0062em;font-weight:500;
       color:rgba(255,255,255,.90);text-shadow:0 1px 4px rgba(0,0,0,.7);text-align:center;
       white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-    .badge{position:absolute;top:calc(-7px * var(--gs));right:calc(-7px * var(--gs));z-index:3;min-width:calc(20px * var(--gs));height:calc(20px * var(--gs));padding:0 calc(5px * var(--gs));border-radius:50px;
-      display:flex;align-items:center;justify-content:center;font-size:calc(11px * var(--gs));line-height:1;font-weight:700;color:#fff;
+    .badge{position:absolute;top:calc(-9px * var(--gs));right:calc(-9px * var(--gs));z-index:3;min-width:calc(22px * var(--gs));height:calc(22px * var(--gs));padding:0 calc(6px * var(--gs));border-radius:50px;
+      display:flex;align-items:center;justify-content:center;font-size:calc(15px * var(--gs));line-height:1;letter-spacing:-0.0153em;font-weight:500;color:#000;
       transform:translateZ(0)}
 
-    .folder{width:var(--icon);height:var(--icon);border-radius:var(--ir);background:rgba(120,130,160,.35);
+    .folder{width:var(--icon);height:var(--icon);border-radius:calc(16px * var(--gs));background:rgba(51,51,51,.33);
       display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:calc(3px * var(--gs));padding:calc(10px * var(--gs));
-      -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
-      box-shadow:inset 1px 1px 0 rgba(255,255,255,.22),inset -1px -1px 0 rgba(0,0,0,.12)}
-    .fmini{border-radius:28%;overflow:hidden;display:flex;align-items:center;justify-content:center}
+      -webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}
+    .fmini{border-radius:28%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.15)}
     .fmini img{width:72%;height:72%;object-fit:contain}
 
     .wcell{width:var(--col);height:var(--tile-h);border-radius:calc(28px * var(--gs));overflow:hidden}
     /* Keep the cell background. The widget document is transparent. */
     .wcell{position:relative;background:#1c1c1e}
+    .wcell::after,.np::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;
+      box-shadow:inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(255,255,255,.05)}
     .wframe{position:absolute;top:0;left:0;display:block;border:0;width:170px;height:170px;
       transform:scale(calc(0.8981 * var(--gs)));transform-origin:top left}
 
@@ -560,13 +554,9 @@ if (!reduced) {
        when a badge has more to report. The stack keeps its outer edge where a
        single badge sits, so the front pill shifts inward instead. */
     .badge-peek{z-index:2;box-shadow:0 0 0 1.5px rgba(0,0,0,.55)}
-    .badge-peek + .badge{right:0}
+    .badge-peek + .badge{right:-3px}
     .bdemo-item{display:flex;flex-direction:column;align-items:center;gap:12px;width:136px;text-align:center}
-    .banchor{position:relative;width:60px;height:60px;border-radius:13.4px;isolation:isolate;flex-shrink:0}
-    .banchor::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;
-      box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.14)}
-    .banchor::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:2;pointer-events:none;
-      background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,0) 60%)}
+    .banchor{width:60px;height:60px;border-radius:16px}
     .bmeta{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
     .bcap{font-size:14px;font-weight:600;color:var(--label-primary)}
     .bsrc{font-size:12.5px;line-height:1.32;color:var(--a11y-dim);text-wrap:balance}
@@ -597,33 +587,27 @@ if (!reduced) {
     .mrow-a .mname{top:auto;bottom:calc(100% + 3px);transform:translate(-50%,-4px)}
     .mrow-a .mitem:hover .mname{transform:translate(-50%,0)}
 
-    .admin{width:100%;background:var(--bg-elevated-secondary);border:1px solid var(--separator-opaque);
-      border-radius:26px;overflow:hidden}
-    .achips{display:flex;gap:6px;padding:14px 16px 12px}
-    .achip{height:26px;padding:0 11px;border-radius:13px;display:flex;align-items:center;
-      font-size:12px;font-weight:600;color:var(--label-secondary);background:rgba(120,120,128,.18)}
-    .achip.on{background:rgba(0,210,224,.20);color:var(--accent-strong)}
-    .arow{display:flex;align-items:center;gap:11px;height:52px;padding:0 16px;border-top:1px solid var(--separator)}
+    .admin{width:100%;background:#000;border-radius:26px;overflow:hidden;padding:0 0 8px}
+    .achips{display:flex;gap:6px;padding:16px 16px 12px}
+    .achip{height:32px;padding:0 14px;border-radius:999px;display:flex;align-items:center;
+      font-size:13px;font-weight:500;color:#C7C7CC;background:var(--fill)}
+    .achip.on{background:var(--accent);color:var(--on-accent-ink);font-weight:600}
+    .arows{margin:0 8px;background:var(--bg-secondary);border-radius:22px;padding:0 12px}
+    .arow{display:flex;align-items:center;gap:11px;height:58px;padding:0 4px}
+    .arow + .arow{border-top:1px solid var(--separator-opaque)}
     .ahandle{width:13px;height:13px;flex-shrink:0;color:rgba(235,235,245,.34)}
-    .aicon{width:26px;height:26px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
-    .aicon img{width:17px;height:17px;object-fit:contain;display:block}
+    .aicon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
+    .aicon img{width:24px;height:24px;object-fit:contain;display:block}
     .aicon-wg svg{width:20px;height:20px;color:rgba(235,235,245,.82)}
-    .aname{font-size:14px;color:var(--label-primary);flex:1;white-space:nowrap}
+    .aname{font-size:13px;font-weight:600;color:#F2F2F7;flex:1;white-space:nowrap}
     .apills{display:flex;gap:5px}
-    .apill{height:20px;padding:0 8px;border-radius:6px;display:flex;align-items:center;
-      font-size:11px;font-weight:600;letter-spacing:.01em}
+    .apill{padding:3px 10px;border-radius:20px;display:flex;align-items:center;
+      font-size:11px;line-height:13px;font-weight:700;letter-spacing:.0055em}
 
-    .group{width:400px;background:var(--bg-elevated-secondary);border:1px solid var(--separator-opaque);
-      border-radius:26px}
-    .grow{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px}
-    .grow + .grow{border-top:1px solid var(--separator)}
-    .grow-l{font-size:15px;color:var(--label-primary)}
-    .grow-b{height:30px;padding:0 14px;border-radius:10px;border:1px solid var(--separator);
-      color:var(--label-secondary);font-size:13px;font-weight:600;display:flex;align-items:center}
 
     .langs{display:flex;gap:10px;flex-wrap:wrap;width:100%}
-    .lang{height:36px;padding:0 16px;border-radius:18px;border:1px solid var(--separator);
-      display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--label-secondary)}
+    .lang{height:36px;padding:0 16px;border-radius:999px;background:var(--fill);
+      display:flex;align-items:center;gap:7px;font-size:15px;font-weight:500;color:#F2F2F7}
     .lang b{font-size:10px;font-weight:700;color:var(--accent);letter-spacing:.03em}
 
     .cta{background:var(--bg-elevated-tertiary);padding:58px 0}
@@ -682,14 +666,15 @@ if (!reduced) {
       .screen-inner .dgrid{grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;
         column-gap:var(--gap);row-gap:var(--gap);justify-content:stretch}
       .screen-inner .cell{width:auto;height:auto;aspect-ratio:1;gap:calc(3px * var(--sc))}
-      .screen-inner .itile,.screen-inner .folder{width:74%;height:auto;aspect-ratio:1;border-radius:22.5%}
+      .screen-inner .itile,.screen-inner .folder{width:74%;height:auto;aspect-ratio:1;border-radius:26%}
       .screen-inner .itile img{width:64%;height:64%}
+      .screen-inner .itile img.itile-sys{width:78%;height:78%}
       .screen-inner .folder{gap:4%;padding:13%}
       .screen-inner .ilabel{width:100%;font-size:var(--lbl)}
-      .screen-inner .badge{top:calc(-5px * var(--sc));right:calc(-5px * var(--sc));
-        min-width:calc(15px * var(--sc));height:calc(15px * var(--sc));
-        border-radius:50px;padding:0 calc(4px * var(--sc));
-        font-size:calc(9px * var(--sc))}
+      .screen-inner .badge{top:calc(-8px * var(--sc));right:calc(-8px * var(--sc));
+        min-width:calc(18px * var(--sc));height:calc(18px * var(--sc));
+        border-radius:50px;padding:0 calc(5px * var(--sc));
+        font-size:calc(12px * var(--sc))}
       .screen-inner .wcell,.screen-inner .np{grid-column:span 2;grid-row:span 2;
         width:100%;height:auto;aspect-ratio:1;border-radius:18%;transform:none}
       /* Set by the page script from the measured card. The bordered card
@@ -697,6 +682,9 @@ if (!reduced) {
       .screen-inner .wframe{transform:scale(var(--ws,.9))}
       .screen-inner .np-frame{transform:scale(var(--nps,var(--ws,.9)))}
     }
+    @media (max-width:374px){
+      .nav .brand img{width:27px;object-fit:cover;object-position:left center}
+    }
     @media (max-width:600px){
       .wrap{padding:0 20px}
       .nav{padding:18px 0;gap:12px}
diff --git a/src/styles/docs.css b/src/styles/docs.css
index b7bc9c5..8be02ec 100644
--- a/src/styles/docs.css
+++ b/src/styles/docs.css
@@ -29,11 +29,19 @@
   --sy-radius-lg: 14px;
   --sy-radius-md: 10px;
 
-  --sy-font: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
+  --sy-font: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
   --sy-font-display: var(--sy-font);
 
   --sl-font: var(--sy-font);
   --sl-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
+
+  --sl-text-body: 1.0625rem;
+  --sl-text-h1: 2.125rem;
+  --sl-text-h2: 1.375rem;
+  --sl-text-h3: 1.125rem;
+  --sl-text-h4: 1rem;
+  --sy-radius-window: 34px;
+  --sl-menu-button-size: 44px;
 }
 
 :root,
@@ -52,13 +60,13 @@
   --sl-color-accent: #0090a0;
   --sl-color-accent-high: var(--sy-teal-hi);
 
-  --sl-color-text: var(--sy-a11y-dim);
+  --sl-color-text: #dcdce0;
   --sl-color-text-accent: var(--sy-teal-hi);
   --sl-color-text-invert: #000000;
 
   --sl-color-bg: #000000;
-  --sl-color-bg-nav: var(--sy-gray6);
-  --sl-color-bg-sidebar: var(--sy-gray6);
+  --sl-color-bg-nav: rgba(0, 0, 0, 0.72);
+  --sl-color-bg-sidebar: #141517;
   --sl-color-bg-inline-code: rgba(120, 120, 128, 0.24);
   --sl-color-bg-accent: var(--sy-teal-hi);
 
@@ -72,13 +80,24 @@
   --sy-dim: var(--sy-a11y-dim);
   --sy-sep: rgba(255, 255, 255, 0.17);
   --sy-overlay: rgba(255, 255, 255, 0.08);
+
+  --sy-tx: #f2f2f7;
+  --sy-card: var(--sy-gray6);
+  --sy-sel: rgba(255, 255, 255, 0.14);
+  --sy-hover: rgba(255, 255, 255, 0.04);
+  --sy-row-sep: #38383a;
+  --sy-fill: rgba(120, 120, 128, 0.32);
+  --sy-accent: var(--sy-teal);
+  --sy-on-accent: #000000;
+  --sy-glass: rgba(30, 30, 32, 0.72);
+  --sy-glass-rim: rgba(255, 255, 255, 0.12);
 }
 
 :root[data-theme='light'] {
   --sl-color-white: #000000;
   --sl-color-gray-1: var(--sy-gray6);
   --sl-color-gray-2: var(--sy-gray4);
-  --sl-color-gray-3: #6c6c70;
+  --sl-color-gray-3: #636366;
   --sl-color-gray-4: #8e8e93;
   --sl-color-gray-5: #c7c7cc;
   --sl-color-gray-6: #e5e5ea;
@@ -89,14 +108,14 @@
   --sl-color-accent: #00587e;
   --sl-color-accent-high: #003f5c;
 
-  --sl-color-text: #3c3c43;
+  --sl-color-text: #1c1c1e;
   --sl-color-text-accent: #00587e;
   --sl-color-text-invert: #ffffff;
 
-  --sl-color-bg: #ffffff;
-  --sl-color-bg-nav: #f2f2f7;
-  --sl-color-bg-sidebar: #f2f2f7;
-  --sl-color-bg-inline-code: rgba(120, 120, 128, 0.16);
+  --sl-color-bg: #f2f2f7;
+  --sl-color-bg-nav: rgba(242, 242, 247, 0.74);
+  --sl-color-bg-sidebar: #ecedf0;
+  --sl-color-bg-inline-code: rgba(120, 120, 128, 0.12);
   --sl-color-bg-accent: #00587e;
 
   --sl-color-hairline: #c6c6c8;
@@ -106,10 +125,21 @@
   --sy-surface: #f2f2f7;
   --sy-surface-2: #ffffff;
   --sy-label: #000000;
-  --sy-dim: #6c6c70;
+  --sy-dim: #636366;
   --sy-sep: rgba(60, 60, 67, 0.29);
   --sy-overlay: rgba(0, 0, 0, 0.05);
 
+  --sy-tx: #1c1c1e;
+  --sy-card: #ffffff;
+  --sy-sel: rgba(0, 0, 0, 0.07);
+  --sy-hover: rgba(0, 0, 0, 0.03);
+  --sy-row-sep: #e6e6e6;
+  --sy-fill: rgba(120, 120, 128, 0.16);
+  --sy-accent: #0071a4;
+  --sy-on-accent: #ffffff;
+  --sy-glass: rgba(255, 255, 255, 0.74);
+  --sy-glass-rim: rgba(0, 0, 0, 0.06);
+
   --sy-green-hi: #248a3d;
   --sy-blue-hi: #0040dd;
   --sy-purple-hi: #8944ab;
@@ -237,382 +267,6 @@
   border: 1px solid var(--sy-sep);
   color: var(--sy-dim);
 }
-.sy-btn--save {
-  background: #248a3d;
-  color: #ffffff;
-}
-.sy-btn--danger {
-  background: transparent;
-  border: 1px solid var(--sy-red);
-  color: var(--sy-red-hi);
-}
-
-.sy-pill {
-  display: inline-flex;
-  align-items: center;
-  height: 22px;
-  padding: 0 10px;
-  border-radius: 11px;
-  font-family: var(--sy-font);
-  font-size: 11px;
-  font-weight: 600;
-  line-height: 1;
-  vertical-align: middle;
-  margin: -3px 1px;
-  position: relative;
-  top: -1px;
-}
-.sy-pill--dock {
-  background: color-mix(in srgb, var(--sy-indigo) 20%, transparent);
-  color: var(--sy-indigo-hi);
-}
-.sy-pill--badge {
-  background: color-mix(in srgb, var(--sy-blue) 20%, transparent);
-  color: var(--sy-blue-hi);
-}
-.sy-pill--health {
-  background: color-mix(in srgb, var(--sy-pink) 20%, transparent);
-  color: var(--sy-pink-hi);
-}
-.sy-pill--widget {
-  background: color-mix(in srgb, var(--sy-green) 20%, transparent);
-  color: var(--sy-green-hi);
-}
-.sy-pill--folder {
-  background: color-mix(in srgb, var(--sy-brown) 20%, transparent);
-  color: var(--sy-brown-hi);
-}
-
-.sy-chip {
-  display: inline-flex;
-  align-items: center;
-  height: 28px;
-  padding: 0 14px;
-  border-radius: 14px;
-  background: var(--sy-overlay);
-  color: var(--sy-dim);
-  font-size: 12px;
-  font-weight: 600;
-  vertical-align: middle;
-}
-.sy-chip.is-on {
-  background: color-mix(in srgb, var(--sy-teal) 20%, transparent);
-  color: var(--sy-teal-hi);
-}
-
-.sy-toggle {
-  display: inline-block;
-  width: 44px;
-  height: 20px;
-  border-radius: 10px;
-  background: var(--sy-overlay);
-  position: relative;
-  vertical-align: middle;
-}
-.sy-toggle::after {
-  content: '';
-  position: absolute;
-  inset-block: 2px;
-  inset-inline-start: 2px;
-  width: 26px;
-  border-radius: 8px;
-  background: #ffffff;
-}
-.sy-toggle.is-on {
-  background: var(--sy-green);
-}
-.sy-toggle.is-on::after {
-  inset-inline-start: auto;
-  inset-inline-end: 2px;
-}
-
-.sy-group {
-  margin: 1.2rem 0;
-  background: var(--sy-surface);
-  border: 1px solid var(--sl-color-hairline);
-  border-radius: var(--sy-radius-group);
-  overflow: hidden;
-}
-.sy-group__head {
-  padding: 11px 14px 6px;
-  font-size: 12.5px;
-  color: var(--sy-dim);
-}
-.sy-row {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  min-height: 42px;
-  padding: 7px 14px;
-  border-top: 1px solid var(--sy-sep);
-}
-.sy-group__head + .sy-row {
-  border-top: 0;
-}
-.sy-row:first-child {
-  border-top: 0;
-}
-.sy-row__label {
-  flex: 1;
-  min-width: 0;
-  font-size: 14px;
-  line-height: 1.25;
-  color: var(--sy-label);
-}
-.sy-row__sub {
-  display: block;
-  font-size: 12px;
-  line-height: 1.3;
-  color: var(--sy-dim);
-  margin-top: 1px;
-}
-.sy-row__value {
-  font-size: 14px;
-  color: var(--sy-dim);
-  text-align: end;
-}
-
-.sy-tiles {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 22px;
-  margin: 1.2rem 0;
-}
-.sy-tile {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 7px;
-  width: 92px;
-}
-.sy-tile__art {
-  position: relative;
-  width: 64px;
-  height: 64px;
-  border-radius: 14.3px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  isolation: isolate;
-}
-.sy-tile__art::after {
-  content: '';
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  pointer-events: none;
-  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 60%);
-}
-.sy-tile__art img {
-  width: 44px;
-  height: 44px;
-  object-fit: contain;
-}
-.sy-tile__name {
-  font-size: 12.5px;
-  color: var(--sl-color-gray-2);
-  text-align: center;
-}
-.sy-badge {
-  position: absolute;
-  top: -6px;
-  inset-inline-end: -6px;
-  z-index: 3;
-  min-width: 18px;
-  height: 18px;
-  padding: 0 5px;
-  border-radius: 9px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 10.5px;
-  font-weight: 700;
-  color: #ffffff;
-}
-
-.sy-caption {
-  margin-top: -0.6rem;
-  font-size: 13px;
-  color: var(--sy-dim);
-}
-
-.sy-tiles--row {
-  flex-wrap: nowrap;
-  align-items: flex-start;
-  gap: 26px;
-}
-.sy-tiles--row .sy-tile {
-  flex: 0 0 auto;
-}
-.sy-tiles--row .sy-tile__art {
-  flex: 0 0 auto;
-}
-/* Reserve two lines. A wrapping caption otherwise shifts its neighbours. */
-.sy-tiles--row .sy-tile__cap {
-  min-height: 2.7em;
-}
-.sy-tile--plain .sy-tile__art::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.18),
-    inset 0 -1px 0 rgba(0, 0, 0, 0.14);
-}
-.sy-tile__cap {
-  font-size: 12.5px;
-  color: var(--sy-dim);
-  text-align: center;
-  line-height: 1.35;
-}
-
-.sy-badge--stale {
-  opacity: 0.55;
-  outline: 1.5px dashed rgba(255, 255, 255, 0.92);
-  outline-offset: 1px;
-}
-:root[data-theme='light'] .sy-badge--stale {
-  outline-color: rgba(0, 0, 0, 0.55);
-}
-
-.sy-order {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  margin: 1.2rem 0;
-}
-.sy-order__step {
-  display: flex;
-  align-items: center;
-  gap: 14px;
-  padding: 9px 4px;
-}
-.sy-order__step + .sy-order__step {
-  border-top: 1px solid var(--sy-sep);
-}
-.sy-order__rank {
-  width: 22px;
-  height: 22px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  background: var(--sy-overlay);
-  font-size: 11.5px;
-  font-weight: 700;
-  color: var(--sy-dim);
-  font-variant-numeric: tabular-nums;
-}
-.sy-order__demo {
-  width: 34px;
-  flex-shrink: 0;
-  display: flex;
-  justify-content: center;
-}
-.sy-order__text {
-  font-size: 14px;
-  color: var(--sy-label);
-}
-.sy-order__text small {
-  display: block;
-  font-size: 12.5px;
-  color: var(--sy-dim);
-  margin-top: 1px;
-}
-.sy-badge--inline {
-  position: static;
-  display: inline-flex;
-}
-
-.sy-row__handle {
-  width: 12px;
-  flex-shrink: 0;
-  color: var(--sy-dim);
-  opacity: 0.55;
-  line-height: 1;
-}
-.sy-row__handle::before {
-  content: '⠿';
-  font-size: 15px;
-}
-.sy-row__ico {
-  width: 30px;
-  height: 30px;
-  border-radius: 8px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-}
-.sy-row__ico img {
-  width: 20px;
-  height: 20px;
-  object-fit: contain;
-}
-.sy-row__ico--folder {
-  background: rgba(120, 130, 160, 0.35);
-}
-.sy-row__pills {
-  display: flex;
-  gap: 4px;
-  flex-shrink: 0;
-}
-.sy-row__acts {
-  display: flex;
-  gap: 4px;
-  flex-shrink: 0;
-}
-.sy-iconbtn {
-  width: 22px;
-  height: 22px;
-  border-radius: 7px;
-  background: var(--sy-overlay);
-  color: var(--sy-dim);
-  font-size: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-button.sy-iconbtn {
-  border: 0;
-  cursor: pointer;
-  font-family: inherit;
-  transition: background 0.15s ease, color 0.15s ease;
-}
-button.sy-iconbtn:hover {
-  background: color-mix(in srgb, var(--sy-teal) 20%, transparent);
-  color: var(--sy-teal-hi);
-}
-button.sy-iconbtn:focus-visible {
-  outline: 2px solid var(--sy-teal);
-  outline-offset: 2px;
-}
-[data-reorder] .sy-row {
-  transition: background 0.2s ease;
-}
-
-.sy-table-wide table {
-  table-layout: fixed;
-}
-.sy-table-wide table th:nth-child(1),
-.sy-table-wide table td:nth-child(1) {
-  width: 20%;
-}
-.sy-table-wide table th:nth-child(2),
-.sy-table-wide table td:nth-child(2) {
-  width: 46%;
-}
-.sy-table-wide table th:nth-child(3),
-.sy-table-wide table td:nth-child(3) {
-  width: 34%;
-}
-.sy-table-wide table code {
-  overflow-wrap: anywhere;
-}
 
 .sy-tscroll {
   overflow-x: auto;
@@ -635,9 +289,6 @@ button.sy-iconbtn:focus-visible {
   .sl-markdown-content .sy-tscroll table td:not(:first-child) code {
     overflow-wrap: anywhere;
   }
-  .sy-table-wide table {
-    table-layout: auto;
-  }
 }
 
 .sidebar-content,
@@ -716,19 +367,13 @@ starlight-toc nav a {
   color: var(--sy-dim);
 }
 
-.sy-shot--small img {
-  width: auto;
-  max-width: 190px;
-}
-
 /* Starlight adds margin-top to every adjacent sibling in markdown content.
    Add any new component class here or its rows stagger. */
 .sl-markdown-content :where(
-  .sy-tiles, .sy-tile, .sy-order, .sy-order__step, .sy-group, .sy-row,
-  .sy-shot, .sy-tile__art, .sy-row__label, .sy-row__pills, .sy-row__acts,
-  .wpv, .wpv__mat, .wpv__card, .wpv-pair,
-  .sy-cmp, .sy-cmp__scroll, .sy-cmp__notes,
-  .sy-cc, .sy-cc__pair, .sy-cc__panel, .sy-cc__screen, .sy-cc__row, .sy-cc__head,
+  .sy-shot,
+  .wpv, .wpv__mat, .wpv__card,
+  .sy-cmp, .sy-cmp__notes,
+  .sy-cc, .sy-cc__pair, .sy-cc__panel, .sy-cc__screen, .sy-cc__head,
   .sy-cc__stats, .sy-cc__stat, .sy-cc__grid, .sy-cc__tile, .sy-cc__card,
   .sy-cc__head, .sy-cc__names
 ) > * {
@@ -797,8 +442,6 @@ starlight-toc nav a {
   .wpv__mat > * {
     position: relative;
   }
-  /* The product's card colours. A widget with no light design, and one that
-     names a card, keeps the same colour in both docs themes. */
   .wpv__card {
     position: relative;
     overflow: hidden;
@@ -812,8 +455,7 @@ starlight-toc nav a {
   }
   .wpv__card[data-appearance='dark'],
   .wpv__card[data-card='dark'],
-  :root[data-theme='light'] .wpv__card[data-appearance='dark'],
-  :root[data-theme='light'] .wpv__card[data-card='dark'] {
+  :root[data-theme='light'] .wpv__card[data-appearance='dark'] {
     border-color: rgba(255, 255, 255, 0.09);
     background: #1c1c1e;
   }
@@ -848,16 +490,6 @@ starlight-toc nav a {
     font-size: 13px;
     color: var(--sy-dim);
   }
-    .wpv-pair {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 18px;
-    margin: 1.3rem 0;
-  }
-  .wpv-pair .wpv {
-    margin: 0;
-    flex: 1 1 260px;
-  }
 
   .wpv__row {
     display: flex;
@@ -901,8 +533,8 @@ starlight-toc nav a {
   text-transform: uppercase;
   padding: 0.2em 0.6em;
   border-radius: 999px;
-  color: var(--sy-on-accent-ink, #06181b);
-  background: var(--sl-color-accent);
+  color: var(--sy-on-accent);
+  background: var(--sy-accent);
 }
 .sl-markdown-content .cl-date {
   font-size: 0.82rem;
@@ -1007,9 +639,9 @@ starlight-toc nav a {
 }
 
 .sl-markdown-content :where(
-  .sy-views, .sy-seg, .sy-list, .sy-list__box, .sy-disc, .sy-disc__row, .sy-disc__main,
+  .sy-list, .sy-list__box, .sy-disc, .sy-disc__row, .sy-disc__main,
   .sy-disc__body, .sy-disc__fields, .sy-disc__links, .sy-set__row, .sy-set__main,
-  .sy-link, .sy-link__row, .sy-sw-row, .sy-radii, .sy-logo
+  .sy-link, .sy-link__row, .sy-sw-row, .sy-logo
 ) > * {
   margin-top: 0;
 }
@@ -1253,7 +885,6 @@ starlight-toc nav a {
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .sy-seg__opt,
   .sy-disc__chev {
     transition: none;
   }
@@ -1294,27 +925,6 @@ starlight-toc nav a {
   color: var(--sy-label);
   font-weight: 500;
 }
-.sl-markdown-content .sy-radii {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 18px;
-  margin-top: 1.2rem;
-}
-.sy-radii figure {
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  font-size: 12.5px;
-  color: var(--sy-dim);
-}
-.sy-radii figure > span {
-  display: block;
-  width: 96px;
-  height: 64px;
-  background: var(--sy-surface);
-  border: 1px solid var(--sl-color-hairline);
-}
 .sl-markdown-content .sy-logo {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
@@ -1363,3 +973,433 @@ starlight-toc nav a {
 .sl-markdown-content .sy-sw-label + .sy-sw-row {
   margin-top: 0.5rem;
 }
+
+.sy-sprite {
+  position: absolute;
+  width: 0;
+  height: 0;
+  overflow: hidden;
+}
+.sy-i { fill: currentColor; }
+.sy-i3 { fill: currentColor; fill-opacity: 0.4; }
+.sy-a { fill: var(--icon-accent, currentColor); }
+.sy-is { stroke: currentColor; }
+.sy-i3s { stroke: currentColor; stroke-opacity: 0.4; }
+.sy-as { stroke: var(--icon-accent, currentColor); }
+
+body {
+  background: var(--sl-color-bg);
+  -webkit-font-smoothing: antialiased;
+}
+
+.page > .header {
+  border-bottom: 0;
+  -webkit-backdrop-filter: blur(24px) saturate(180%);
+  backdrop-filter: blur(24px) saturate(180%);
+}
+@media (prefers-reduced-transparency: reduce) {
+  .page > .header {
+    background: var(--sl-color-bg);
+    -webkit-backdrop-filter: none;
+    backdrop-filter: none;
+  }
+}
+
+.header site-search > button {
+  height: 36px;
+  border: 0;
+  border-radius: 999px;
+  background: var(--sy-fill);
+  color: var(--sl-color-gray-2);
+  padding-inline: 14px 8px;
+}
+.header site-search > button:hover {
+  color: var(--sy-tx);
+  border: 0;
+}
+.header site-search kbd {
+  background: transparent;
+  border: 0;
+}
+.header starlight-theme-select select,
+.mobile-preferences starlight-theme-select select {
+  min-height: 36px;
+  border-radius: 999px;
+}
+starlight-menu-button button {
+  width: 44px;
+  height: 44px;
+  border-radius: 50%;
+  border: 0.5px solid var(--sy-glass-rim);
+  background: var(--sy-glass);
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  color: var(--sy-tx);
+}
+
+.sidebar-pane {
+  background: var(--sl-color-bg-sidebar);
+}
+.sidebar-content {
+  padding: 8px 10px 16px;
+  gap: 0;
+}
+@media (min-width: 50rem) {
+  .sidebar-pane {
+    inset-block: var(--sl-nav-height) 12px;
+    inset-inline-start: 12px;
+    width: calc(var(--sl-sidebar-width) - 12px);
+    border: 0;
+    border-radius: var(--sy-radius-group);
+    scrollbar-width: thin;
+  }
+}
+
+.sy-nav {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.top-level > li + li {
+  margin-top: 2px;
+}
+.sy-nl {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 36px;
+  padding-block: 6px;
+  padding-inline: 45px 12px;
+  border-radius: 18px;
+  color: var(--sl-color-gray-2);
+  font-size: 15px;
+  line-height: 1.3333;
+  letter-spacing: -0.0287em;
+  text-decoration: none;
+  overflow-wrap: anywhere;
+}
+.sy-nl.large,
+summary.sy-nl {
+  min-height: 44px;
+  border-radius: 22px;
+  padding-inline: 10px 12px;
+  color: var(--sy-tx);
+}
+.sy-nl.large:not(.has-icon) {
+  padding-inline-start: 45px;
+}
+.sy-nl.has-icon:not(.large, summary) {
+  padding-inline-start: 45px;
+}
+.sy-nl .sy-icon {
+  flex-shrink: 0;
+  color: var(--sy-dim);
+  --icon-accent: color-mix(in srgb, currentColor 55%, transparent);
+}
+summary.sy-nl .sy-icon,
+.sy-nl.large .sy-icon {
+  margin-inline-end: 7px;
+}
+.sy-nl:hover {
+  color: var(--sy-tx);
+}
+.sy-nl:hover .sy-icon,
+.sy-nl[aria-current='page'] .sy-icon {
+  --icon-accent: var(--sy-accent);
+}
+@media not ((hover: hover) and (pointer: fine)) {
+  .sy-nl:hover {
+    background: var(--sy-hover);
+  }
+}
+.sy-nl[aria-current='page'] {
+  background: var(--sy-sel);
+  color: var(--sy-tx);
+  font-weight: 600;
+}
+.sy-nl:focus-visible {
+  outline: 2px solid var(--sy-accent);
+  outline-offset: -2px;
+}
+summary.sy-nl {
+  cursor: pointer;
+  user-select: none;
+  list-style: none;
+}
+summary.sy-nl::marker,
+summary.sy-nl::-webkit-details-marker {
+  display: none;
+}
+summary.sy-nl .group-label {
+  flex: 1;
+  min-width: 0;
+}
+summary.sy-nl .caret {
+  flex-shrink: 0;
+  color: var(--sy-dim);
+  transition: transform 0.2s ease-in-out;
+}
+[dir='rtl'] summary.sy-nl .caret {
+  transform: rotateZ(180deg);
+}
+[open] > summary.sy-nl .caret {
+  transform: rotateZ(90deg);
+}
+.sy-nav .sy-nav {
+  padding-block: 2px 6px;
+}
+.sy-mp--hover {
+  background: var(--sy-hover);
+}
+@media (prefers-reduced-motion: reduce) {
+  summary.sy-nl .caret {
+    transition: none;
+  }
+}
+
+.mobile-preferences {
+  border-top: 1px solid var(--sy-row-sep);
+  margin-top: 8px;
+}
+
+.content-panel + .content-panel {
+  border-top: 0;
+}
+.content-panel:first-child {
+  padding-bottom: 0;
+}
+h1#_top {
+  font-size: var(--sl-text-h1);
+  line-height: 1.2059;
+  letter-spacing: 0.0118em;
+  font-weight: 700;
+  color: var(--sl-color-white);
+}
+.sl-markdown-content {
+  font-size: var(--sl-text-body);
+  line-height: 1.55;
+  letter-spacing: -0.012em;
+}
+.sl-markdown-content h2 {
+  font-weight: 700;
+  letter-spacing: -0.0118em;
+}
+.sl-markdown-content h3,
+.sl-markdown-content h4 {
+  font-weight: 600;
+  letter-spacing: -0.02em;
+}
+.sl-markdown-content :where(a:not(.sl-anchor-link)) {
+  color: var(--sl-color-text-accent);
+  text-underline-offset: 0.18em;
+  text-decoration-thickness: 1px;
+}
+.sl-markdown-content :not(pre) > code {
+  border-radius: 6px;
+  background: var(--sl-color-bg-inline-code);
+}
+
+.sl-markdown-content .starlight-aside {
+  border-radius: 22px;
+  padding: 16px 18px;
+}
+
+.expressive-code .frame pre {
+  border: 0;
+  border-radius: 20px;
+  background: var(--sy-card);
+}
+.expressive-code .frame .copy button {
+  border-radius: 999px;
+}
+
+.sl-markdown-content table {
+  border-collapse: separate;
+  border-spacing: 0;
+  background: var(--sy-card);
+  border-radius: 22px;
+  overflow: hidden;
+}
+.sl-markdown-content th,
+.sl-markdown-content td {
+  border: 0;
+  border-bottom: 1px solid var(--sy-row-sep);
+  padding: 12px 16px;
+}
+.sl-markdown-content tr:last-child td {
+  border-bottom: 0;
+}
+.sl-markdown-content th {
+  background: transparent;
+  color: var(--sy-dim);
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: -0.0062em;
+  padding-block: 12px 8px;
+}
+.sy-tscroll {
+  border-radius: 22px;
+}
+
+.sy-shot img {
+  border: 0;
+  border-radius: 22px;
+}
+
+.pagination-links a {
+  border: 0;
+  border-radius: 22px;
+  background: var(--sy-card);
+  box-shadow: none;
+  color: var(--sy-tx);
+}
+.pagination-links a:hover {
+  background: color-mix(in srgb, var(--sy-card) 88%, var(--sy-tx));
+}
+.pagination-links .link-title {
+  color: var(--sl-color-text-accent);
+}
+
+@media (min-width: 72rem) {
+  .right-sidebar {
+    border-inline-start: 0;
+  }
+}
+.right-sidebar-panel h2 {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--sy-dim);
+  letter-spacing: -0.0062em;
+  padding-inline: 10px;
+}
+.right-sidebar-panel starlight-toc a {
+  font-size: 13px;
+  padding: 6px 10px;
+  border-radius: 16px;
+  color: var(--sy-dim);
+}
+.right-sidebar-panel starlight-toc a[aria-current='true'] {
+  color: var(--sy-tx);
+  font-weight: 600;
+}
+.sy-mp--toc {
+  background: var(--sy-sel);
+}
+mobile-starlight-toc nav {
+  border-top: 0;
+  border-bottom: 0;
+  background: var(--sl-color-bg-nav);
+  -webkit-backdrop-filter: blur(24px) saturate(180%);
+  backdrop-filter: blur(24px) saturate(180%);
+}
+
+.sl-markdown-content .sy-list__box {
+  background: var(--sy-card);
+  border: 0;
+  border-radius: 22px;
+}
+.sy-set__row + .sy-set__row::before,
+.sy-link + .sy-link::before {
+  inset-inline: 16px;
+  background: var(--sy-row-sep);
+}
+.wpv__mat {
+  border: 0;
+  border-radius: var(--sy-radius-group);
+}
+.sl-markdown-content .cl-item {
+  border: 0;
+  border-radius: 22px;
+  background: var(--sy-card);
+}
+.sl-markdown-content .cl-body {
+  border-top: 1px solid var(--sy-row-sep);
+}
+.sy-logo figure {
+  border-radius: 22px;
+}
+
+.sy-btn {
+  height: 28px;
+  padding: 0 12px;
+  border-radius: 999px;
+  font-size: 13px;
+  font-weight: 500;
+}
+.sy-btn--primary {
+  background: var(--sy-accent);
+  color: var(--sy-on-accent);
+  font-weight: 600;
+}
+.sy-btn--ghost {
+  border: 0;
+  background: var(--sy-fill);
+  color: var(--sy-tx);
+}
+
+.wpv__card {
+  --card-edge-hi: rgba(255, 255, 255, 0.16);
+  --card-edge-lo: rgba(255, 255, 255, 0.05);
+}
+:root[data-theme='light'] .wpv__card:not([data-appearance='dark'], [data-card='dark'], [data-card='graphite']) {
+  --card-edge-hi: rgba(255, 255, 255, 0.9);
+  --card-edge-lo: rgba(0, 0, 0, 0.05);
+}
+.wpv__card::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  z-index: 5;
+  border-radius: inherit;
+  pointer-events: none;
+  box-shadow:
+    inset 0 1px 0 var(--card-edge-hi),
+    inset 0 -1px 0 var(--card-edge-lo);
+}
+
+mobile-starlight-toc summary {
+  border-bottom: 0;
+}
+mobile-starlight-toc .toggle {
+  border: 0;
+  border-radius: 999px;
+  background: var(--sy-fill);
+  color: var(--sy-tx);
+}
+mobile-starlight-toc .dropdown {
+  border: 0;
+  border-radius: 22px;
+  margin-inline: 1rem;
+  background: var(--sy-card);
+  box-shadow: 0 8px 48px rgba(0, 0, 0, 0.25);
+  overflow: hidden;
+}
+mobile-starlight-toc .dropdown a {
+  border-top-color: var(--sy-row-sep);
+}
+@media (max-width: 49.99rem) {
+  .header site-search > button {
+    width: 44px;
+    height: 44px;
+    padding: 0;
+    justify-content: center;
+    border-radius: 50%;
+  }
+}
+
+/* Keep display:table. Starlight sets display:block and the row separators then
+   stop short of the card. */
+.sl-markdown-content .sy-tscroll > table {
+  display: table;
+  width: 100%;
+}
+
+.sl-markdown-content > img {
+  border-radius: 22px;
+}
+
+:root[data-theme='light'] .starlight-aside--caution .starlight-aside__title {
+  color: #b02e00;
+}
+:root[data-theme='light'] .starlight-aside--danger .starlight-aside__title {
+  color: #b80011;
+}
diff --git a/src/styles/fonts.css b/src/styles/fonts.css
deleted file mode 100644
index b9717e6..0000000
--- a/src/styles/fonts.css
+++ /dev/null
@@ -1,8 +0,0 @@
-@font-face {
-  font-family: 'Inter';
-  src: url('/fonts/inter-latin.woff2') format('woff2');
-  font-weight: 100 900;
-  font-style: normal;
-  font-display: swap;
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2122, U+20AC, U+2212;
-}
diff --git a/src/styles/tokens.css b/src/styles/tokens.css
deleted file mode 100644
index f409af2..0000000
--- a/src/styles/tokens.css
+++ /dev/null
@@ -1,270 +0,0 @@
-/* ── Browser support ─────────────────────────────────────────────────────────
-   WebKit 16.2 and newer, and current Chrome, Edge and Firefox.
-
-   There is no autoprefixer. The vendor prefixes still in this project are the
-   ones with no working unprefixed equivalent at that floor. Do not remove one
-   because an unprefixed property sits beside it.
-
-   ui/test/vendor-prefix-ratchet.test.mjs holds the permitted list. */
-
-/* ── Palette ─────────────────────────────────────────────────────────────────
-   Dark values. Each hue has a -hi partner, the increased-contrast value used by
-   the prefers-contrast block below. The light theme re-declares both further
-   down. */
-:root {
-  --sy-red:#FF4245;      --sy-red-hi:#FF6165;
-  --sy-orange:#FF9230;   --sy-orange-hi:#FFA056;
-  --sy-yellow:#FFD600;   --sy-yellow-hi:#FEDF43;
-  --sy-green:#30D158;    --sy-green-hi:#4AD968;
-  --sy-mint:#00DAC3;     --sy-mint-hi:#54DFCB;
-  --sy-teal:#00D2E0;     --sy-teal-hi:#3BDDEC;
-  --sy-cyan:#3CD3FE;     --sy-cyan-hi:#6DD9FF;
-  --sy-blue:#0091FF;     --sy-blue-hi:#5CB8FF;
-  --sy-indigo:#6D7CFF;   --sy-indigo-hi:#A7AAFF;
-  --sy-purple:#DB34F2;   --sy-purple-hi:#EA8DFF;
-  --sy-pink:#FF375F;     --sy-pink-hi:#FF8AC4;
-  --sy-brown:#B78A66;    --sy-brown-hi:#DBA679;
-
-  /* gray6 is the darkest, gray the lightest. The light theme reverses this. */
-  --sy-gray:#8E8E93;     --sy-gray-hi:#AEAEB2;
-  --sy-gray2:#636366;    --sy-gray2-hi:#7C7C80;
-  --sy-gray3:#48484A;    --sy-gray3-hi:#545456;
-  --sy-gray4:#3A3A3C;    --sy-gray4-hi:#444446;
-  --sy-gray5:#2C2C2E;    --sy-gray5-hi:#363638;
-  --sy-gray6:#1C1C1E;    --sy-gray6-hi:#242426;
-
-  /* Not palette values. Each is the lift off gray and gray2 that clears WCAG on
-     the card surface, gray4. Lowering either fails ui/test/contrast.test.mjs. */
-  --sy-a11y-dim:#A3A3A8;
-  --sy-a11y-border:#838387;
-}
-
-/* ── Roles ───────────────────────────────────────────────────────────────────
-   What a colour is for. A rule names a role, never a palette entry. */
-:root {
-  --accent:        var(--sy-teal);
-  --accent-strong: var(--sy-teal-hi);
-  --danger:        var(--sy-red);
-  --warning:       var(--sy-orange);
-  --success:       var(--sy-green);
-
-  /* Ink on a filled control. White in both themes. Not a label level: the text
-     ramp would turn it black in the light theme. */
-  --on-accent:     #FFFFFF;
-
-  --sy-radius-lg:14px;
-  --sy-radius-md:10px;
-  --sy-radius-group:26px;
-}
-
-/* ── Semantic colour ─────────────────────────────────────────────────────────
-   What a colour is applied to, dark values. See docs/design-system.md.
-
-   Label levels below primary do not clear WCAG on this project's cards. Text
-   that has to be read on a card uses --sy-a11y-dim.
-
-   Fills are not the dashboard's glass. The glass is white at low alpha over a
-   wallpaper; a fill is grey-tinted and assumes an opaque surface. */
-:root {
-  --label-primary:     #FFFFFF;
-  --label-secondary:   rgba(235,235,245,.70);
-  --label-tertiary:    rgba(235,235,245,.30);
-  --label-quaternary:  rgba(235,235,245,.16);
-
-  --fill-primary:      rgba(120,120,128,.36);
-  --fill-secondary:    rgba(120,120,128,.32);
-  --fill-tertiary:     rgba(118,118,128,.24);
-  --fill-quaternary:   rgba(118,118,128,.18);
-
-  --separator-opaque:  #38383A;
-  --separator:         rgba(255,255,255,.17);
-
-  --bg-primary:        #000000;
-  --bg-secondary:      var(--sy-gray6);
-  --bg-tertiary:       var(--sy-gray5);
-  --bg-elevated-primary:   var(--sy-gray6);
-  --bg-elevated-secondary: var(--sy-gray5);
-  --bg-elevated-tertiary:  var(--sy-gray4);
-
-  /* The opt-in light widget card. */
-  --bg-primary-light:  #FFFFFF;
-
-  /* A slider or switch knob. Full white in both themes, so not a label. */
-  --control-knob:      #FFFFFF;
-}
-
-/* ── Light theme ─────────────────────────────────────────────────────────────
-   The same sets at their light values, selected by an attribute a page sets on
-   <html>. No stylesheet declares a prefers-color-scheme rule.
-
-   Light hues are drawn for a fill, not for text. A role that ends up as text or
-   as the edge of a control points at the -hi entry, the accessible variant of
-   the same hue. ui/test/contrast.test.mjs measures the required pairs. */
-html[data-theme="light"] {
-  --sy-red:#FF383C;      --sy-red-hi:#D70015;
-  --sy-orange:#FF8D28;   --sy-orange-hi:#C93400;
-  --sy-yellow:#FFCC00;   --sy-yellow-hi:#B25000;
-  --sy-green:#34C759;    --sy-green-hi:#238539;
-  --sy-mint:#00C8B3;     --sy-mint-hi:#0C817B;
-  --sy-teal:#00C3D0;     --sy-teal-hi:#0071A4;
-  --sy-cyan:#00C0E8;     --sy-cyan-hi:#007AA3;
-  --sy-blue:#0088FF;     --sy-blue-hi:#0040DD;
-  --sy-indigo:#6155F5;   --sy-indigo-hi:#3634A3;
-  --sy-purple:#CB30E0;   --sy-purple-hi:#8944AB;
-  --sy-pink:#FF2D55;     --sy-pink-hi:#C9155A;
-  --sy-brown:#AC7F5E;    --sy-brown-hi:#7F6545;
-
-  /* Reversed: gray is the darkest here, gray6 the lightest. */
-  --sy-gray:#8E8E93;     --sy-gray-hi:#6C6C70;
-  --sy-gray2:#AEAEB2;    --sy-gray2-hi:#8E8E93;
-  --sy-gray3:#C7C7CC;    --sy-gray3-hi:#AEAEB2;
-  --sy-gray4:#D1D1D6;    --sy-gray4-hi:#BCBCC0;
-  --sy-gray5:#E5E5EA;    --sy-gray5-hi:#D8D8DC;
-  --sy-gray6:#F2F2F7;    --sy-gray6-hi:#EBEBF0;
-
-  /* The greys above already clear WCAG on white, so no lift is needed here. */
-  --sy-a11y-dim:var(--sy-gray-hi);
-  --sy-a11y-border:var(--sy-gray);
-
-  /* The accessible teal. The light teal carries neither white ink nor a link
-     colour on white. */
-  --accent:        var(--sy-teal-hi);
-  --accent-strong: #00587E;
-  --danger:        var(--sy-red-hi);
-  --warning:       var(--sy-orange-hi);
-  --success:       var(--sy-green-hi);
-
-  --label-primary:     #000000;
-  --label-secondary:   rgba(60,60,67,.60);
-  --label-tertiary:    rgba(60,60,67,.30);
-  --label-quaternary:  rgba(60,60,67,.18);
-
-  --fill-primary:      rgba(120,120,120,.20);
-  --fill-secondary:    rgba(120,120,128,.16);
-  --fill-tertiary:     rgba(118,118,128,.12);
-  --fill-quaternary:   rgba(116,116,128,.08);
-
-  --separator-opaque:  #C6C6C8;
-  --separator:         rgba(0,0,0,.12);
-
-  --bg-primary:        #FFFFFF;
-  --bg-secondary:      var(--sy-gray6);
-  --bg-tertiary:       #FFFFFF;
-  --bg-elevated-primary:   #FFFFFF;
-  --bg-elevated-secondary: var(--sy-gray6);
-  --bg-elevated-tertiary:  #FFFFFF;
-}
-
-/* ── Type scale ──────────────────────────────────────────────────────────────
-   Eleven styles at the default step. A rule sets all three tokens of a style.
-
-   Leading is unitless and tracking is in em, never px. Sizes are multiplied by
-   var(--sc) and a reader can zoom, so both have to follow the size in use.
-
-   The comment on each line is the size and leading pair the design is checked
-   against. ui/test/type-scale.test.mjs holds them. */
-:root {
-  --fs-large-title:34px; --lh-large-title:1.2059; --tr-large-title:0.0118em;  /* 34/41 */
-  --fs-title-1:28px;     --lh-title-1:1.2143;     --tr-title-1:0.0136em;      /* 28/34 */
-  --fs-title-2:22px;     --lh-title-2:1.2727;     --tr-title-2:-0.0118em;     /* 22/28 */
-  --fs-title-3:20px;     --lh-title-3:1.25;       --tr-title-3:-0.0225em;     /* 20/25 */
-  --fs-headline:17px;    --lh-headline:1.2941;    --tr-headline:-0.0253em;    /* 17/22 */
-  --fs-body:17px;        --lh-body:1.2941;        --tr-body:-0.0253em;        /* 17/22 */
-  --fs-callout:16px;     --lh-callout:1.3125;     --tr-callout:-0.0194em;     /* 16/21 */
-  --fs-subheadline:15px; --lh-subheadline:1.3333; --tr-subheadline:-0.0153em; /* 15/20 */
-  --fs-footnote:13px;    --lh-footnote:1.3846;    --tr-footnote:-0.0062em;    /* 13/18 */
-  --fs-caption-1:12px;   --lh-caption-1:1.3333;   --tr-caption-1:0;           /* 12/16 */
-  --fs-caption-2:11px;   --lh-caption-2:1.1818;   --tr-caption-2:0.0055em;    /* 11/13 */
-
-  --fw-headline:600;
-
-  /* The system face. It picks the optical cut for the size it is drawn at.
-     Naming a cut pins one and defeats that. Do not name one. */
-  --font-ui: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
-}
-
-/* ── Type step ───────────────────────────────────────────────────────────────
-   The same eleven styles at smaller sizes, for a denser layout. A page opts in
-   with a class on <html>. A phone stays at the default step.
-
-   Tracking is republished per step, not inherited. There is one absolute
-   tracking per style, so the em that reproduces it at 17 does not at 15. */
-html.type-small:not(.is-mobile) {
-  --fs-large-title:32px; --lh-large-title:1.2188; --tr-large-title:0.0125em;  /* 32/39 */
-  --fs-title-1:26px;     --lh-title-1:1.2308;     --tr-title-1:0.0146em;      /* 26/32 */
-  --fs-title-2:20px;     --lh-title-2:1.2;        --tr-title-2:-0.013em;      /* 20/24 */
-  --fs-title-3:18px;     --lh-title-3:1.2778;     --tr-title-3:-0.025em;      /* 18/23 */
-  --fs-headline:15px;    --lh-headline:1.3333;    --tr-headline:-0.0287em;    /* 15/20 */
-  --fs-body:15px;        --lh-body:1.3333;        --tr-body:-0.0287em;        /* 15/20 */
-  --fs-callout:14px;     --lh-callout:1.3571;     --tr-callout:-0.0221em;     /* 14/19 */
-  --fs-subheadline:13px; --lh-subheadline:1.3846; --tr-subheadline:-0.0177em; /* 13/18 */
-  --fs-footnote:12px;    --lh-footnote:1.3333;    --tr-footnote:-0.0067em;    /* 12/16 */
-  --fs-caption-1:11px;   --lh-caption-1:1.1818;   --tr-caption-1:0;           /* 11/13 */
-  --fs-caption-2:11px;   --lh-caption-2:1.1818;   --tr-caption-2:0.0055em;    /* 11/13 */
-}
-
-/* ── Accessibility preferences ───────────────────────────────────────────────
-   Both pages load this file, so a preference applies to both. Only rules that
-   suit any page belong here. A selector naming dashboard elements, or an
-   override of a token dashboard.css defines, stays in that file. */
-
-/* Not zero. A duration of exactly 0 skips the transitionend event some code
-   waits on. .01ms is instant and still fires. */
-@media (prefers-reduced-motion: reduce) {
-  *, *::before, *::after {
-    transition-duration: .01ms !important;
-    animation-duration: .01ms !important;
-    animation-iteration-count: 1 !important;
-    scroll-behavior: auto !important;
-  }
-}
-
-/* Reduced transparency: drop the blur, keep the motion. */
-@media (prefers-reduced-transparency: reduce) {
-  * { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
-}
-
-/* Increased contrast: raise the hues and every role follows. Both selectors are
-   needed. The light theme sets the palette at a higher specificity, so a :root
-   rule alone would leave the light hues unraised. */
-@media (prefers-contrast: more) {
-  :root, html[data-theme="light"] {
-    --sy-red:var(--sy-red-hi);
-    --sy-orange:var(--sy-orange-hi);
-    --sy-yellow:var(--sy-yellow-hi);
-    --sy-green:var(--sy-green-hi);
-    --sy-mint:var(--sy-mint-hi);
-    --sy-teal:var(--sy-teal-hi);
-    --sy-cyan:var(--sy-cyan-hi);
-    --sy-blue:var(--sy-blue-hi);
-    --sy-indigo:var(--sy-indigo-hi);
-    --sy-purple:var(--sy-purple-hi);
-    --sy-pink:var(--sy-pink-hi);
-    --sy-brown:var(--sy-brown-hi);
-    --sy-gray:var(--sy-gray-hi);
-    --sy-gray2:var(--sy-gray2-hi);
-    --sy-gray3:var(--sy-gray3-hi);
-    --sy-gray4:var(--sy-gray4-hi);
-    --sy-gray5:var(--sy-gray5-hi);
-    --sy-gray6:var(--sy-gray6-hi);
-  }
-}
-
-/* ── Rules both pages need ───────────────────────────────────────────────── */
-
-*, *::before, *::after { box-sizing:border-box; margin:0; padding:0 }
-
-/* The wallpaper. Promoted to its own layer, so scrolling does not repaint
-   it. */
-html::before {
-  content:''; position:fixed; inset:0; z-index:0;
-  background-image:var(--bg-image,none);
-  background-size:var(--bg-size,cover); background-position:center;
-  background-repeat:no-repeat; background-color:var(--bg-color,var(--bg-base));
-  pointer-events:none;
-  filter:brightness(var(--bg-brightness,1));
-  transform:translateZ(0);
-}
-
-/* Sits above the wallpaper. Each page adds its own sizing. */
-body { background:transparent; position:relative; z-index:1 }