diff --git a/.gitignore b/.gitignore
index b5d3accf7e5..dd631d5aca8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -20,3 +20,4 @@ npm-debug.log*
 pnpm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.gstack/
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 00000000000..2381d777955
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,7 @@
+# AGENTS.md
+
+## Validation
+
+- Never validate changes in this repo by running the full build.
+- The build is intentionally considered too expensive and inefficient for routine validation.
+- Prefer targeted verification instead, such as reviewing the changed files, running narrow checks relevant to the edit, or using lightweight local validation where available.
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 97a80f0d4e2..0b026a95575 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -155,7 +155,7 @@ const config: Config = {
     metadata: [
       {
         name: "theme-color",
-        content: "#242526",
+        content: "#171616",
         media: "(prefers-color-scheme: dark)",
       }, // matches docusaurus theme rather than unraid specific color
       {
diff --git a/i18n/de/docusaurus-theme-classic/footer.json b/i18n/de/docusaurus-theme-classic/footer.json
index 977bf61f20d..cd4c71b21e4 100644
--- a/i18n/de/docusaurus-theme-classic/footer.json
+++ b/i18n/de/docusaurus-theme-classic/footer.json
@@ -52,7 +52,7 @@
     "description": "The label of footer link with label=CC BY-SA 4.0 linking to https://creativecommons.org/licenses/by-sa/4.0/"
   },
   "copyright": {
-    "message": "<small>Urheberrecht &copy; 2005-2025 Lime Technology, Inc.<br>Unraid&reg; ist ein eingetragenes Warenzeichen von Lime Technology, Inc.</small>",
+    "message": "<small>Urheberrecht &copy; 2005-{currentYear} Lime Technology, Inc.<br>Unraid&reg; ist ein eingetragenes Warenzeichen von Lime Technology, Inc.</small>",
     "description": "The footer copyright"
   },
   "logo.alt": {
diff --git a/i18n/en/docusaurus-theme-classic/footer.json b/i18n/en/docusaurus-theme-classic/footer.json
index b117eb32d1a..7a0b28dcc8c 100644
--- a/i18n/en/docusaurus-theme-classic/footer.json
+++ b/i18n/en/docusaurus-theme-classic/footer.json
@@ -52,7 +52,7 @@
     "description": "The label of footer link with label=CC BY-SA 4.0 linking to https://creativecommons.org/licenses/by-sa/4.0/"
   },
   "copyright": {
-    "message": "<small>Copyright &copy; 2005-2025 Lime Technology, Inc.<br>Unraid&reg; is a registered trademark of Lime Technology, Inc.</small>",
+    "message": "<small>Copyright &copy; 2005-{currentYear} Lime Technology, Inc.<br>Unraid&reg; is a registered trademark of Lime Technology, Inc.</small>",
     "description": "The footer copyright"
   },
   "logo.alt": {
diff --git a/i18n/es/docusaurus-theme-classic/footer.json b/i18n/es/docusaurus-theme-classic/footer.json
index f62676c3928..c7d0ad49450 100644
--- a/i18n/es/docusaurus-theme-classic/footer.json
+++ b/i18n/es/docusaurus-theme-classic/footer.json
@@ -52,7 +52,7 @@
     "description": "The label of footer link with label=CC BY-SA 4.0 linking to https://creativecommons.org/licenses/by-sa/4.0/"
   },
   "copyright": {
-    "message": "<small>Copyright &copy; 2005-2025 Lime Technology, Inc.<br>Unraid&reg; es una marca registrada de Lime Technology, Inc.</small>",
+    "message": "<small>Copyright &copy; 2005-{currentYear} Lime Technology, Inc.<br>Unraid&reg; es una marca registrada de Lime Technology, Inc.</small>",
     "description": "The footer copyright"
   },
   "logo.alt": {
diff --git a/i18n/fr/docusaurus-theme-classic/footer.json b/i18n/fr/docusaurus-theme-classic/footer.json
index c6d226111ef..c6fd86a0d8c 100644
--- a/i18n/fr/docusaurus-theme-classic/footer.json
+++ b/i18n/fr/docusaurus-theme-classic/footer.json
@@ -52,7 +52,7 @@
     "description": "The label of footer link with label=CC BY-SA 4.0 linking to https://creativecommons.org/licenses/by-sa/4.0/"
   },
   "copyright": {
-    "message": "<small>Droits d'auteur &copy; 2005-2025 Lime Technology, Inc.<br>Unraid&reg; est une marque déposée de Lime Technology, Inc.</small>",
+    "message": "<small>Droits d'auteur &copy; 2005-{currentYear} Lime Technology, Inc.<br>Unraid&reg; est une marque déposée de Lime Technology, Inc.</small>",
     "description": "The footer copyright"
   },
   "logo.alt": {
diff --git a/i18n/zh/docusaurus-theme-classic/footer.json b/i18n/zh/docusaurus-theme-classic/footer.json
index 91032e0aa5d..521024fb759 100644
--- a/i18n/zh/docusaurus-theme-classic/footer.json
+++ b/i18n/zh/docusaurus-theme-classic/footer.json
@@ -52,7 +52,7 @@
     "description": "The label of footer link with label=CC BY-SA 4.0 linking to https://creativecommons.org/licenses/by-sa/4.0/"
   },
   "copyright": {
-    "message": "<small>版权所有 &copy; 2005-2025 Lime Technology, Inc.<br>Unraid&reg; 是 Lime Technology, Inc. 的注册商标。</small>",
+    "message": "<small>版权所有 &copy; 2005-{currentYear} Lime Technology, Inc.<br>Unraid&reg; 是 Lime Technology, Inc. 的注册商标。</small>",
     "description": "The footer copyright"
   },
   "logo.alt": {
diff --git a/package.json b/package.json
index 4e59b5d49a7..f28dc173a84 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
     "@fontsource-variable/atkinson-hyperlegible-next": "^5.2.6",
     "@mdx-js/react": "^3.1.1",
     "@renatonagliati/remark-auto-glossary": "github:renatonagliati/remark-auto-glossary",
+    "@tabler/icons-react": "^3.40.0",
     "clsx": "^2.1.1",
     "docusaurus-plugin-image-zoom": "^3.0.1",
     "prism-react-renderer": "^2.4.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f8cc7d14e2f..384b854a001 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,6 +35,9 @@ importers:
       '@renatonagliati/remark-auto-glossary':
         specifier: github:renatonagliati/remark-auto-glossary
         version: https://codeload.github.com/renatonagliati/remark-auto-glossary/tar.gz/b99c75f38d194dd08285a96942cd69513ac24623(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@tabler/icons-react':
+        specifier: ^3.40.0
+        version: 3.40.0(react@19.2.4)
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
@@ -2018,6 +2021,14 @@ packages:
     resolution: {integrity: sha512-+PmQX0PiAYPMeVYe237LJAYvOMYW1j2rH5YROyS3b4CTVJum34HfRvKvAzozHAQG0TnHNdUfY9nCeUyRAs//cw==}
     engines: {node: '>=14.16'}
 
+  '@tabler/icons-react@3.40.0':
+    resolution: {integrity: sha512-oO5+6QCnna4a//mYubx4euZfECtzQZFDGsDMIdzZUhbdyBCT+3bRVFBPueGIcemWld4Vb/0UQ39C/cmGfGylAg==}
+    peerDependencies:
+      react: '>= 16'
+
+  '@tabler/icons@3.40.0':
+    resolution: {integrity: sha512-V/Q4VgNPKubRTiLdmWjV/zscYcj5IIk+euicUtaVVqF6luSC9rDngYWgST5/yh3Mrg/mYUwRv1YVTk71Jp0twQ==}
+
   '@tsconfig/docusaurus@2.0.9':
     resolution: {integrity: sha512-0jVxZCgy2v7TnJrW9kVNikNwJHeiWb68Zhiiw2vHw4tzBFSP5vS2zn3O5EY2oPEVz5dXZRkK7MnWG3Ay5q0mIg==}
 
@@ -9285,6 +9296,13 @@ snapshots:
     dependencies:
       defer-to-connect: 2.0.1
 
+  '@tabler/icons-react@3.40.0(react@19.2.4)':
+    dependencies:
+      '@tabler/icons': 3.40.0
+      react: 19.2.4
+
+  '@tabler/icons@3.40.0': {}
+
   '@tsconfig/docusaurus@2.0.9': {}
 
   '@tybys/wasm-util@0.10.1':
diff --git a/src/components/ResponsiveEmbed/index.tsx b/src/components/ResponsiveEmbed/index.tsx
index 393bdd910ad..7d7b8b1148f 100644
--- a/src/components/ResponsiveEmbed/index.tsx
+++ b/src/components/ResponsiveEmbed/index.tsx
@@ -7,6 +7,10 @@ type ResponsiveEmbedProps = {
   aspectRatio?: `${number}/${number}` | `${number} / ${number}`;
   allow?: string;
   referrerPolicy?: HTMLIFrameElement["referrerPolicy"];
+  disableMargin?: boolean;
+  embedClassName?: string;
+  frameClassName?: string;
+  iframeClassName?: string;
 };
 
 export default function ResponsiveEmbed({
@@ -15,17 +19,27 @@ export default function ResponsiveEmbed({
   aspectRatio = "16 / 9",
   allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
   referrerPolicy = "strict-origin-when-cross-origin",
+  disableMargin = false,
+  embedClassName,
+  frameClassName,
+  iframeClassName,
 }: ResponsiveEmbedProps) {
   const frameStyle = {
     aspectRatio,
   } satisfies CSSProperties;
 
+  const embedClasses = [disableMargin ? styles.embedNoMargin : styles.embed, embedClassName]
+    .filter(Boolean)
+    .join(" ");
+  const frameClasses = [styles.frame, frameClassName].filter(Boolean).join(" ");
+  const iframeClasses = [styles.iframe, iframeClassName].filter(Boolean).join(" ");
+
   return (
-    <div className={styles.embed}>
-      <div className={styles.frame} style={frameStyle}>
+    <div className={embedClasses}>
+      <div className={frameClasses} style={frameStyle}>
         <iframe
           {...{ credentialless: "" }}
-          className={styles.iframe}
+          className={iframeClasses}
           src={src}
           title={title}
           allow={allow}
diff --git a/src/components/ResponsiveEmbed/styles.module.css b/src/components/ResponsiveEmbed/styles.module.css
index e7d73018b9f..50475abd4b9 100644
--- a/src/components/ResponsiveEmbed/styles.module.css
+++ b/src/components/ResponsiveEmbed/styles.module.css
@@ -2,6 +2,10 @@
   margin: 1.5rem 0;
 }
 
+.embedNoMargin {
+  margin: 0 !important;
+}
+
 .frame {
   position: relative;
   width: 100%;
diff --git a/src/css/custom.css b/src/css/custom.css
index 72c4c5948c1..a867a726c65 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -1,4 +1,3 @@
-@import url("https://use.typekit.net/ymm4lqb.css");
 @import "@fontsource-variable/atkinson-hyperlegible-next";
 
 /**
@@ -12,28 +11,148 @@
 
 :root {
   /* Keep Unraid primary colors for branding */
-  --unraid-brand-font-family: "nudista-web", -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-  --ifm-font-family-base: "Atkinson Hyperlegible Next Variable", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --unraid-tabler-chevron-up: url("/img/icons/tabler-chevron-up.svg");
+  --unraid-tabler-external-link: url("/img/icons/tabler-external-link.svg");
+  --unraid-tabler-search: url("/img/icons/tabler-search.svg");
+  --unraid-tabler-x: url("/img/icons/tabler-x.svg");
+  --ifm-font-family-base:
+    "Atkinson Hyperlegible Next Variable", system-ui, -apple-system,
+    "BlinkMacSystemFont", "Segoe UI", sans-serif;
   --ifm-heading-font-family: var(--ifm-font-family-base);
   --ifm-heading-font-weight: 600;
   --ifm-heading-line-height: 1.15;
-  --ifm-color-primary: #E94129;
+  --ifm-color-primary: #e94129;
   --ifm-color-primary-dark: #d13a24;
   --ifm-color-primary-darker: #c63522;
   --ifm-color-primary-darkest: #a32b1c;
   --ifm-color-primary-light: #ec5a44;
   --ifm-color-primary-lighter: #ed6350;
   --ifm-color-primary-lightest: #f08575;
+  --ifm-menu-link-sublist-icon: var(--unraid-tabler-chevron-up);
 }
 
-[data-theme='dark'] {
-  --ifm-color-primary: #F3622D;
+html[data-theme="dark"] {
+  --ifm-color-primary: #f3622d;
   --ifm-color-primary-dark: #e55a28;
   --ifm-color-primary-darker: #df5525;
   --ifm-color-primary-darkest: #b8451e;
   --ifm-color-primary-light: #f47a42;
   --ifm-color-primary-lighter: #f5824a;
   --ifm-color-primary-lightest: #f7a06e;
+  --ifm-background-color: #171616;
+  --ifm-background-surface-color: #171616;
+  --ifm-navbar-background-color: #1c1b1b;
+  --ifm-footer-background-color: #171616;
+}
+
+html[data-theme="dark"]:root {
+  --docsearch-primary-color: #f3622d;
+  --docsearch-soft-primary-color: rgba(243, 98, 45, 0.16);
+  --docsearch-secondary-color: #b6b7d5;
+  --docsearch-text-color: #c4c7dc;
+  --docsearch-secondary-text-color: #b6b7d5;
+  --docsearch-subtle-color: #2d2c2c;
+  --docsearch-error-color: #ef5350;
+  --docsearch-success-color: rgba(67, 160, 71, 0.2);
+  --docsearch-highlight-color: #f3622d;
+  --docsearch-hit-highlight-color: rgba(243, 98, 45, 0.12);
+  --docsearch-focus-color: #f7a06e;
+  --docsearch-background-color: #2a2929;
+  --docsearch-icon-color: #b6b7d5;
+  --docsearch-container-background: rgba(23, 22, 22, 0.82);
+  --docsearch-modal-background: #1c1b1b;
+  --docsearch-modal-shadow:
+    inset 1px 1px 0 0 #2a2929, 0 3px 8px 0 rgba(0, 0, 0, 0.45);
+  --docsearch-searchbox-background: rgba(23, 22, 22, 0.72);
+  --docsearch-searchbox-focus-background: rgba(23, 22, 22, 0.72);
+  --docsearch-hit-color: #bec3c9;
+  --docsearch-hit-shadow: none;
+  --docsearch-hit-background: #171616;
+  --docsearch-key-background: #2a2929;
+  --docsearch-key-color: #b6b7d5;
+  --docsearch-key-pressed-shadow: inset 0 2px 4px rgba(12, 13, 20, 0.4);
+  --docsearch-footer-background: rgba(23, 22, 22, 0.72);
+  --docsearch-footer-shadow:
+    inset 0 1px 0 0 rgba(78, 74, 72, 0.5), 0 -4px 8px 0 rgba(0, 0, 0, 0.2);
+  --docsearch-logo-color: #f3622d;
+  --docsearch-muted-color: #7f8497;
+  --docsearch-muted-color-darker: rgba(127, 132, 151, 0.28);
+  --shimmer-bg: linear-gradient(
+    90deg,
+    #e0e3e8 0%,
+    var(--docsearch-muted-color) 20%,
+    var(--docsearch-muted-color) 60%,
+    #e0e3e8 95%
+  );
+  --docsearch-dropdown-menu-background: var(--docsearch-hit-background);
+  --docsearch-dropdown-menu-item-hover-background: var(
+    --docsearch-modal-background
+  );
+  --docsearch-search-button-background: #1c1b1b;
+  --docsearch-search-button-text-color: var(--docsearch-text-color);
+}
+
+html[data-theme="dark"] .DocSearch-Button {
+  background-color: var(--docsearch-searchbox-background);
+  border-color: var(--docsearch-subtle-color);
+  color: var(--docsearch-muted-color);
+}
+
+html[data-theme="dark"] .DocSearch-Button-Key,
+html[data-theme="dark"] .DocSearch-Commands-Key {
+  background: var(--docsearch-key-background);
+  border-color: rgba(127, 132, 151, 0.24);
+  color: var(--docsearch-key-color);
+  box-shadow: none !important;
+}
+
+html[data-theme="dark"] .DocSearch-Modal,
+html[data-theme="dark"] .DocSearch-Menu-content {
+  background: var(--docsearch-modal-background);
+  box-shadow: var(--docsearch-modal-shadow);
+}
+
+html[data-theme="dark"] .DocSearch-Form,
+html[data-theme="dark"] .DocSearch-Footer,
+html[data-theme="dark"] .DocSearch-Hit-source {
+  background: var(--docsearch-modal-background);
+  border-color: var(--docsearch-subtle-color);
+}
+
+html[data-theme="dark"] .DocSearch-Dropdown,
+html[data-theme="dark"] .DocSearch-NewConversationScreen-SuggestedQuestion,
+html[data-theme="dark"] .DocSearch-AskAiScreen-Response,
+html[data-theme="dark"] .DocSearch-AskAiScreen-RelatedSources-Item-Link,
+html[data-theme="dark"] .DocSearch-Hit a,
+html[data-theme="dark"] .DocSearch-Hit--AskAI {
+  background: var(--docsearch-hit-background);
+  color: var(--docsearch-text-color);
+}
+
+html[data-theme="dark"] .DocSearch-Hit[aria-selected="true"] a,
+html[data-theme="dark"] .DocSearch-Hit[aria-selected="true"] .DocSearch-Hit--AskAI,
+html[data-theme="dark"] .DocSearch-Action:hover,
+html[data-theme="dark"] .DocSearch-AskAi-Return:hover,
+html[data-theme="dark"] .DocSearch-Menu-item:hover,
+html[data-theme="dark"] .DocSearch-NewConversationScreen-SuggestedQuestion:hover,
+html[data-theme="dark"] .DocSearch-AskAiScreen-ActionButton:hover,
+html[data-theme="dark"] .DocSearch-AskAiScreen-RelatedSources-Item-Link:hover {
+  background: var(--docsearch-hit-highlight-color);
+}
+
+html[data-theme="dark"] .DocSearch-SearchBar-Magnifier,
+html[data-theme="dark"] .DocSearch-Back-Icon,
+html[data-theme="dark"] .DocSearch-Search-Icon,
+html[data-theme="dark"] .DocSearch-Link,
+html[data-theme="dark"] .DocSearch-Clear,
+html[data-theme="dark"] .DocSearch-Prefill,
+html[data-theme="dark"] .DocSearch-Markdown-Content a,
+html[data-theme="dark"] .DocSearch-Hits mark {
+  color: var(--docsearch-highlight-color);
+}
+
+html[data-theme="dark"] .DocSearch-Markdown-Content blockquote {
+  border-left-color: var(--docsearch-hit-highlight-color);
 }
 
 html,
@@ -57,11 +176,6 @@ h6,
   letter-spacing: normal;
 }
 
-h1,
-h2 {
-  font-family: var(--unraid-brand-font-family);
-}
-
 .navbar__title {
   font-family: var(--ifm-font-family-base);
   font-size: 1.0625rem;
@@ -93,19 +207,80 @@ h2 {
   line-height: 1.4;
 }
 
+.dropdown > .navbar__link:after {
+  border: 0;
+  content: "";
+  display: inline-block;
+  width: 0.8rem;
+  height: 0.8rem;
+  margin-left: 0.35rem;
+  position: relative;
+  top: 1px;
+  background: var(--unraid-tabler-chevron-up) 50% / 0.8rem 0.8rem no-repeat;
+  filter: var(--ifm-menu-link-sublist-icon-filter);
+  transform: rotate(180deg);
+}
+
+.menu__link--sublist-caret:after,
+.menu__caret:before {
+  min-width: 1rem;
+  width: 1rem;
+  height: 1rem;
+  background-size: 0.9rem 0.9rem;
+}
+
+.DocSearch-Button-Container .DocSearch-Search-Icon,
+.DocSearch-MagnifierLabel .DocSearch-Search-Icon,
+.DocSearch-Close svg {
+  display: none;
+}
+
+.DocSearch-Button-Container::before,
+.DocSearch-MagnifierLabel::before,
+.DocSearch-Close::before {
+  content: "";
+  flex: none;
+  width: 20px;
+  height: 20px;
+  background-color: currentcolor;
+  mask-position: center;
+  mask-repeat: no-repeat;
+  mask-size: contain;
+  -webkit-mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-size: contain;
+}
+
+.DocSearch-Button-Container::before,
+.DocSearch-MagnifierLabel::before {
+  mask-image: var(--unraid-tabler-search);
+  -webkit-mask-image: var(--unraid-tabler-search);
+}
+
+.DocSearch-Close {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
+.DocSearch-Close::before {
+  mask-image: var(--unraid-tabler-x);
+  -webkit-mask-image: var(--unraid-tabler-x);
+}
+
 /* ===========================
    Glossary Terms - Preserved Functionality
    =========================== */
 
 /* Glossary terms - orange color preserved */
 a[href*="glossary#"] {
-  color: #FE872F !important;
+  color: #fe872f !important;
   text-decoration: none !important;
   font-weight: 500 !important;
 }
 
 a[href*="glossary#"]:hover {
-  color: #E94129 !important;
+  color: #e94129 !important;
 }
 
 /* Additional selectors for different plugin outputs */
@@ -114,7 +289,7 @@ a[class*="glossary"],
 a[class*="term"],
 a[title*="glossary"],
 a[title*="definition"] {
-  color: #FE872F !important;
+  color: #fe872f !important;
   text-decoration: none !important;
   font-weight: 500 !important;
 }
@@ -124,17 +299,17 @@ a[class*="glossary"]:hover,
 a[class*="term"]:hover,
 a[title*="glossary"]:hover,
 a[title*="definition"]:hover {
-  color: #E94129 !important;
+  color: #e94129 !important;
 }
 
 .glossary-term {
-  color: #FE872F !important;
+  color: #fe872f !important;
   text-decoration: none !important;
   font-weight: 500 !important;
 }
 
 .glossary-term:hover {
-  color: #E94129 !important;
+  color: #e94129 !important;
 }
 
 .glossary-term:visited,
@@ -202,11 +377,11 @@ a[title*="definition"]:hover {
 }
 
 .styles-module_light__Z6W-X a {
-  color: #E94129 !important;
+  color: #e94129 !important;
 }
 
 .styles-module_dark__xNqje a {
-  color: #F3622D !important;
+  color: #f3622d !important;
 }
 
 .styles-module_light__Z6W-X a:hover {
@@ -224,7 +399,7 @@ a[title*="definition"]:hover {
 .flex-container {
   display: flex;
   justify-content: center;
-  gap: .5rem;
+  gap: 0.5rem;
   flex-wrap: nowrap;
 }
 
@@ -232,7 +407,7 @@ a[title*="definition"]:hover {
   text-align: center;
   max-width: 350px;
 }
- 
+
 .flex-figure img {
   width: 100%;
   height: auto;
@@ -250,18 +425,48 @@ a[title*="definition"]:hover {
   scroll-margin-top: 128px;
 }
 
-/* External link icons */
-a[href^="http"]:not([href*="docs.unraid.net"]):not([href*="releases.unraid.net"]):not([href*="localhost"]):not([href*="127.0.0.1"])::after {
-  content: "↗";
+/* External link icons for prose links.
+   Navbar, footer, and sidebar links already render @theme/Icon/ExternalLink. */
+.theme-doc-markdown
+  a[href^="http"]:not(
+    [href*="docs.unraid.net"],
+    [href*="releases.unraid.net"],
+    [href*="localhost"],
+    [href*="127.0.0.1"]
+  )::after,
+.theme-blog-markdown
+  a[href^="http"]:not(
+    [href*="docs.unraid.net"],
+    [href*="releases.unraid.net"],
+    [href*="localhost"],
+    [href*="127.0.0.1"]
+  )::after {
+  content: "";
   display: inline-block;
   margin-left: 0.25em;
-  font-size: 0.8em;
-  font-weight: bold;
+  width: 0.9em;
+  height: 0.9em;
+  mask: var(--unraid-tabler-external-link) 50% / contain no-repeat;
+  -webkit-mask: var(--unraid-tabler-external-link) 50% / contain no-repeat;
+  background-color: currentcolor;
   text-decoration: none;
   transition: transform 0.2s ease;
 }
 
-a[href^="http"]:not([href*="docs.unraid.net"]):not([href*="localhost"]):not([href*="127.0.0.1"]):hover::after {
+.theme-doc-markdown
+  a[href^="http"]:not(
+    [href*="docs.unraid.net"],
+    [href*="releases.unraid.net"],
+    [href*="localhost"],
+    [href*="127.0.0.1"]
+  ):hover::after,
+.theme-blog-markdown
+  a[href^="http"]:not(
+    [href*="docs.unraid.net"],
+    [href*="releases.unraid.net"],
+    [href*="localhost"],
+    [href*="127.0.0.1"]
+  ):hover::after {
   transform: translate(1px, -1px);
 }
 
@@ -274,9 +479,213 @@ html {
   scroll-margin-top: 70px;
 }
 
-/* Auto-expand details when targeted */
-details:target {
-  open: true;
+/* ===========================
+   Feedback Widget
+   =========================== */
+
+.feedback-widget-button {
+  position: fixed;
+  right: 1rem;
+  bottom: 1rem;
+  z-index: 1100;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.75rem;
+  height: 2.75rem;
+  padding: 0;
+  border: 1px solid rgba(233, 65, 41, 0.16);
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.96);
+  color: var(--ifm-color-primary);
+  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
+  cursor: pointer;
+  backdrop-filter: blur(14px);
+  -webkit-backdrop-filter: blur(14px);
+  transition:
+    transform 0.2s ease,
+    box-shadow 0.2s ease,
+    border-color 0.2s ease;
+}
+
+.feedback-widget-button--hidden {
+  opacity: 0;
+  pointer-events: none;
+  transform: scale(0.92);
+}
+
+.feedback-widget-button:hover {
+  transform: translateY(-2px);
+  border-color: rgba(233, 65, 41, 0.28);
+  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.16);
+}
+
+.feedback-widget-button:focus-visible {
+  outline: 2px solid var(--ifm-color-primary);
+  outline-offset: 3px;
+}
+
+.feedback-widget-button__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.feedback-widget-button__icon svg {
+  width: 1.15rem;
+  height: 1.15rem;
+}
+
+.feedback-widget-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 1095;
+  border: 0;
+  background: rgba(15, 23, 42, 0.28);
+  backdrop-filter: blur(2px);
+  -webkit-backdrop-filter: blur(2px);
+}
+
+.feedback-widget-panel {
+  position: fixed;
+  right: 1rem;
+  bottom: 1rem;
+  z-index: 1105;
+  display: flex;
+  flex-direction: column;
+  width: min(calc(100vw - 2rem), 24rem);
+  height: min(84vh, 44rem);
+  overflow: hidden;
+  border: 1px solid rgba(233, 65, 41, 0.12);
+  border-radius: 1rem;
+  background: rgba(255, 255, 255, 0.98);
+  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.24);
+}
+
+.feedback-widget-panel__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 1rem 1rem 0.9rem;
+  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
+}
+
+.feedback-widget-panel__copy {
+  min-width: 0;
+}
+
+.feedback-widget-panel__eyebrow {
+  margin: 0 0 0.2rem;
+  color: var(--ifm-color-primary);
+  font-size: 0.72rem;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.feedback-widget-panel__title {
+  margin: 0;
+  font-family: var(--ifm-font-family-base);
+  font-size: 1rem;
+  font-weight: 600;
+  line-height: 1.3;
+}
+
+.feedback-widget-panel__close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+  flex: none;
+  border: 0;
+  border-radius: 999px;
+  background: rgba(148, 163, 184, 0.14);
+  color: inherit;
+  cursor: pointer;
+  transition:
+    background-color 0.2s ease,
+    transform 0.2s ease;
+}
+
+.feedback-widget-panel__close:hover {
+  transform: rotate(90deg);
+  background: rgba(148, 163, 184, 0.22);
+}
+
+.feedback-widget-panel__close:focus-visible {
+  outline: 2px solid var(--ifm-color-primary);
+  outline-offset: 2px;
+}
+
+.feedback-widget-panel__close svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+.feedback-widget-panel__frame {
+  flex: 1;
+  min-height: 0;
+  background: #ffffff;
+}
+
+.feedback-widget-panel__embed {
+  height: 100%;
+}
+
+.feedback-widget-panel__embed-frame {
+  height: 100%;
+  border-radius: 0;
+  aspect-ratio: auto !important;
+}
+
+.feedback-widget-panel__iframe {
+  display: block;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+
+html[data-theme="dark"] .feedback-widget-button {
+  border-color: rgba(243, 98, 45, 0.24);
+  background: rgba(28, 27, 27, 0.95);
+  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35);
+}
+
+html[data-theme="dark"] .feedback-widget-button:hover {
+  border-color: rgba(243, 98, 45, 0.4);
+}
+
+html[data-theme="dark"] .feedback-widget-panel {
+  border-color: rgba(243, 98, 45, 0.18);
+  background: rgba(28, 27, 27, 0.98);
+  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.45);
+}
+
+html[data-theme="dark"] .feedback-widget-panel__header {
+  border-bottom-color: rgba(148, 163, 184, 0.12);
+}
+
+html[data-theme="dark"] .feedback-widget-panel__close {
+  background: rgba(148, 163, 184, 0.16);
+}
+
+html[data-theme="dark"] .feedback-widget-panel__close:hover {
+  background: rgba(148, 163, 184, 0.24);
+}
+
+@media (min-width: 997px) {
+  .feedback-widget-button {
+    right: 1.5rem;
+    bottom: 1.5rem;
+  }
+
+  .feedback-widget-panel {
+    right: 1.5rem;
+    bottom: 1.5rem;
+  }
 }
 
 /* ===========================
@@ -322,7 +731,9 @@ div[data-iframe="true"] .iframe-back-button {
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
   font-weight: 600;
   text-decoration: none;
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
+  transition:
+    transform 0.2s ease,
+    box-shadow 0.2s ease;
 }
 
 div[data-iframe="true"] .iframe-back-button:hover {
@@ -344,7 +755,7 @@ div[data-iframe="true"] .iframe-back-button__icon {
 div[data-iframe="true"] .iframe-back-button svg {
   width: 1.25rem;
   height: 1.25rem;
-  fill: currentColor;
+  fill: currentcolor;
 }
 
 /* ===========================
@@ -353,7 +764,7 @@ div[data-iframe="true"] .iframe-back-button svg {
 
 div[class^="announcementBar_"] {
   font-weight: 700;
-  background: linear-gradient(to right, #E94129 0%, #EC8572 100%);
+  background: linear-gradient(to right, #e94129 0%, #ec8572 100%);
 }
 
 navpath {
@@ -369,8 +780,8 @@ navpath {
   outline: 1px solid #363535;
   outline-offset: -2px;
   text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
-  background-color: #F6B686;
+  background-color: #f6b686;
   color: #363535;
   font-size: 16px;
-  font-weight: bold; 
+  font-weight: bold;
 }
diff --git a/src/hooks/useIframe.ts b/src/hooks/useIframe.ts
index 6d5469a7354..d49043926b1 100644
--- a/src/hooks/useIframe.ts
+++ b/src/hooks/useIframe.ts
@@ -9,10 +9,11 @@ import {
 
 /**
  * React hook that detects if the current page is displayed inside an iframe
- * @returns boolean indicating if the current page is in an iframe
+ * @returns boolean indicating if the current page is in an iframe,
+ * or undefined until the client-side check has completed
  */
-export function useIframe(): boolean {
-  const [isInIframeState, setIsInIframeState] = useState(false);
+export function useIframe(): boolean | undefined {
+  const [isInIframeState, setIsInIframeState] = useState<boolean | undefined>(undefined);
 
   useEffect(() => {
     if (typeof window === 'undefined') {
diff --git a/src/theme/Admonition/Icon/Danger.tsx b/src/theme/Admonition/Icon/Danger.tsx
new file mode 100644
index 00000000000..5bdf8e1be2b
--- /dev/null
+++ b/src/theme/Admonition/Icon/Danger.tsx
@@ -0,0 +1,6 @@
+import { IconFlame } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../../Icon/shared";
+
+export default function AdmonitionIconDanger(props: ThemeIconProps) {
+  return <ThemeIcon icon={IconFlame} {...props} />;
+}
diff --git a/src/theme/Admonition/Icon/Info.tsx b/src/theme/Admonition/Icon/Info.tsx
new file mode 100644
index 00000000000..fb98d81e8b3
--- /dev/null
+++ b/src/theme/Admonition/Icon/Info.tsx
@@ -0,0 +1,6 @@
+import { IconInfoCircle } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../../Icon/shared";
+
+export default function AdmonitionIconInfo(props: ThemeIconProps) {
+  return <ThemeIcon icon={IconInfoCircle} {...props} />;
+}
diff --git a/src/theme/Admonition/Icon/Note.tsx b/src/theme/Admonition/Icon/Note.tsx
new file mode 100644
index 00000000000..7f2d1fab93f
--- /dev/null
+++ b/src/theme/Admonition/Icon/Note.tsx
@@ -0,0 +1,6 @@
+import { IconFileDescriptionFilled } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../../Icon/shared";
+
+export default function AdmonitionIconNote(props: ThemeIconProps) {
+  return <ThemeIcon icon={IconFileDescriptionFilled} {...props} />;
+}
diff --git a/src/theme/Admonition/Icon/Tip.tsx b/src/theme/Admonition/Icon/Tip.tsx
new file mode 100644
index 00000000000..662ca213370
--- /dev/null
+++ b/src/theme/Admonition/Icon/Tip.tsx
@@ -0,0 +1,6 @@
+import { IconBulb } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../../Icon/shared";
+
+export default function AdmonitionIconTip(props: ThemeIconProps) {
+  return <ThemeIcon icon={IconBulb} {...props} />;
+}
diff --git a/src/theme/Admonition/Icon/Warning.tsx b/src/theme/Admonition/Icon/Warning.tsx
new file mode 100644
index 00000000000..0768c6a8156
--- /dev/null
+++ b/src/theme/Admonition/Icon/Warning.tsx
@@ -0,0 +1,6 @@
+import { IconAlertSquareRoundedFilled } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../../Icon/shared";
+
+export default function AdmonitionIconWarning(props: ThemeIconProps) {
+  return <ThemeIcon icon={IconAlertSquareRoundedFilled} {...props} />;
+}
diff --git a/src/theme/Footer/Copyright/index.tsx b/src/theme/Footer/Copyright/index.tsx
new file mode 100644
index 00000000000..44d0b01706c
--- /dev/null
+++ b/src/theme/Footer/Copyright/index.tsx
@@ -0,0 +1,19 @@
+import React, { type ReactNode } from "react";
+import type { Props } from "@theme/Footer/Copyright";
+
+const CURRENT_YEAR_TOKEN_PATTERN = /\{currentYear\}/g;
+const COPYRIGHT_YEAR_PATTERN = /2005-\d{4}/;
+
+export default function FooterCopyright({ copyright }: Props): ReactNode {
+  const currentYear = new Date().getFullYear().toString();
+  const resolvedCopyright = copyright
+    .replace(CURRENT_YEAR_TOKEN_PATTERN, currentYear)
+    .replace(COPYRIGHT_YEAR_PATTERN, `2005-${currentYear}`);
+
+  return (
+    <div
+      className="footer__copyright"
+      dangerouslySetInnerHTML={{ __html: resolvedCopyright }}
+    />
+  );
+}
diff --git a/src/theme/Icon/Arrow/index.tsx b/src/theme/Icon/Arrow/index.tsx
new file mode 100644
index 00000000000..a342652238d
--- /dev/null
+++ b/src/theme/Icon/Arrow/index.tsx
@@ -0,0 +1,6 @@
+import { IconChevronsLeft } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../shared";
+
+export default function IconArrow(props: ThemeIconProps) {
+  return <ThemeIcon icon={IconChevronsLeft} defaultWidth={20} defaultHeight={20} {...props} />;
+}
diff --git a/src/theme/Icon/Close/index.tsx b/src/theme/Icon/Close/index.tsx
new file mode 100644
index 00000000000..524a1ff8031
--- /dev/null
+++ b/src/theme/Icon/Close/index.tsx
@@ -0,0 +1,19 @@
+import { IconX } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../shared";
+
+export default function IconClose({
+  width = 21,
+  height = 21,
+  strokeWidth = 1.5,
+  ...props
+}: ThemeIconProps) {
+  return (
+    <ThemeIcon
+      icon={IconX}
+      width={width}
+      height={height}
+      strokeWidth={strokeWidth}
+      {...props}
+    />
+  );
+}
diff --git a/src/theme/Icon/Copy/index.tsx b/src/theme/Icon/Copy/index.tsx
new file mode 100644
index 00000000000..910704c4a32
--- /dev/null
+++ b/src/theme/Icon/Copy/index.tsx
@@ -0,0 +1,6 @@
+import { IconCopy as TablerIconCopy } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../shared";
+
+export default function IconCopy(props: ThemeIconProps) {
+  return <ThemeIcon icon={TablerIconCopy} {...props} />;
+}
diff --git a/src/theme/Icon/DarkMode/index.tsx b/src/theme/Icon/DarkMode/index.tsx
new file mode 100644
index 00000000000..7bb86263d54
--- /dev/null
+++ b/src/theme/Icon/DarkMode/index.tsx
@@ -0,0 +1,6 @@
+import { IconMoon } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../shared";
+
+export default function IconDarkMode(props: ThemeIconProps) {
+  return <ThemeIcon icon={IconMoon} defaultWidth={20} defaultHeight={20} {...props} />;
+}
diff --git a/src/theme/Icon/Edit/index.tsx b/src/theme/Icon/Edit/index.tsx
new file mode 100644
index 00000000000..c8680a0c637
--- /dev/null
+++ b/src/theme/Icon/Edit/index.tsx
@@ -0,0 +1,6 @@
+import { IconEdit as TablerIconEdit } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../shared";
+
+export default function IconEdit(props: ThemeIconProps) {
+  return <ThemeIcon icon={TablerIconEdit} defaultWidth={20} defaultHeight={20} {...props} />;
+}
diff --git a/src/theme/Icon/ExternalLink/index.tsx b/src/theme/Icon/ExternalLink/index.tsx
new file mode 100644
index 00000000000..4c041084b50
--- /dev/null
+++ b/src/theme/Icon/ExternalLink/index.tsx
@@ -0,0 +1,23 @@
+import { IconExternalLink as TablerIconExternalLink } from "@tabler/icons-react";
+import { translate } from "@docusaurus/Translate";
+import { ThemeIcon, type ThemeIconProps } from "../shared";
+
+export default function IconExternalLink({
+  width = 13.5,
+  height = 13.5,
+  ...props
+}: ThemeIconProps) {
+  return (
+    <ThemeIcon
+      icon={TablerIconExternalLink}
+      width={width}
+      height={height}
+      label={translate({
+        id: "theme.IconExternalLink.ariaLabel",
+        message: "(opens in new tab)",
+        description: "The ARIA label for the external link icon",
+      })}
+      {...props}
+    />
+  );
+}
diff --git a/src/theme/Icon/Home/index.tsx b/src/theme/Icon/Home/index.tsx
new file mode 100644
index 00000000000..b9169e530b4
--- /dev/null
+++ b/src/theme/Icon/Home/index.tsx
@@ -0,0 +1,6 @@
+import { IconHome as TablerIconHome } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../shared";
+
+export default function IconHome(props: ThemeIconProps) {
+  return <ThemeIcon icon={TablerIconHome} {...props} />;
+}
diff --git a/src/theme/Icon/Language/index.tsx b/src/theme/Icon/Language/index.tsx
new file mode 100644
index 00000000000..f378fcac6c8
--- /dev/null
+++ b/src/theme/Icon/Language/index.tsx
@@ -0,0 +1,10 @@
+import { IconLanguage as TablerIconLanguage } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../shared";
+
+export default function IconLanguage({
+  width = 20,
+  height = 20,
+  ...props
+}: ThemeIconProps) {
+  return <ThemeIcon icon={TablerIconLanguage} width={width} height={height} {...props} />;
+}
diff --git a/src/theme/Icon/LightMode/index.tsx b/src/theme/Icon/LightMode/index.tsx
new file mode 100644
index 00000000000..6082639398b
--- /dev/null
+++ b/src/theme/Icon/LightMode/index.tsx
@@ -0,0 +1,6 @@
+import { IconSun } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../shared";
+
+export default function IconLightMode(props: ThemeIconProps) {
+  return <ThemeIcon icon={IconSun} defaultWidth={20} defaultHeight={20} {...props} />;
+}
diff --git a/src/theme/Icon/Menu/index.tsx b/src/theme/Icon/Menu/index.tsx
new file mode 100644
index 00000000000..4cdc20029a0
--- /dev/null
+++ b/src/theme/Icon/Menu/index.tsx
@@ -0,0 +1,10 @@
+import { IconMenu2 } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../shared";
+
+export default function IconMenu({
+  width = 30,
+  height = 30,
+  ...props
+}: ThemeIconProps) {
+  return <ThemeIcon icon={IconMenu2} width={width} height={height} {...props} />;
+}
diff --git a/src/theme/Icon/Success/index.tsx b/src/theme/Icon/Success/index.tsx
new file mode 100644
index 00000000000..34f965144a3
--- /dev/null
+++ b/src/theme/Icon/Success/index.tsx
@@ -0,0 +1,6 @@
+import { IconCheck } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../shared";
+
+export default function IconSuccess(props: ThemeIconProps) {
+  return <ThemeIcon icon={IconCheck} {...props} />;
+}
diff --git a/src/theme/Icon/SystemColorMode/index.tsx b/src/theme/Icon/SystemColorMode/index.tsx
new file mode 100644
index 00000000000..235738b3d35
--- /dev/null
+++ b/src/theme/Icon/SystemColorMode/index.tsx
@@ -0,0 +1,6 @@
+import { IconDeviceDesktop } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../shared";
+
+export default function IconSystemColorMode(props: ThemeIconProps) {
+  return <ThemeIcon icon={IconDeviceDesktop} defaultWidth={20} defaultHeight={20} {...props} />;
+}
diff --git a/src/theme/Icon/WordWrap/index.tsx b/src/theme/Icon/WordWrap/index.tsx
new file mode 100644
index 00000000000..ef9958d9e1a
--- /dev/null
+++ b/src/theme/Icon/WordWrap/index.tsx
@@ -0,0 +1,6 @@
+import { IconTextWrap } from "@tabler/icons-react";
+import { ThemeIcon, type ThemeIconProps } from "../shared";
+
+export default function IconWordWrap(props: ThemeIconProps) {
+  return <ThemeIcon icon={IconTextWrap} {...props} />;
+}
diff --git a/src/theme/Icon/shared.tsx b/src/theme/Icon/shared.tsx
new file mode 100644
index 00000000000..31886f08681
--- /dev/null
+++ b/src/theme/Icon/shared.tsx
@@ -0,0 +1,32 @@
+import type { ComponentType, ReactElement, SVGProps } from "react";
+
+export type ThemeIconProps = SVGProps<SVGSVGElement>;
+
+type ThemeIconWrapperProps = ThemeIconProps & {
+  defaultWidth?: number | string;
+  defaultHeight?: number | string;
+  icon: ComponentType<SVGProps<SVGSVGElement>>;
+  label?: string;
+};
+
+export function ThemeIcon({
+  defaultWidth,
+  defaultHeight,
+  icon: Icon,
+  label,
+  width,
+  height,
+  ...props
+}: ThemeIconWrapperProps): ReactElement {
+  const ariaHidden = label ? undefined : props["aria-hidden"] ?? true;
+
+  return (
+    <Icon
+      width={width ?? defaultWidth}
+      height={height ?? defaultHeight}
+      aria-hidden={ariaHidden}
+      aria-label={label}
+      {...props}
+    />
+  );
+}
diff --git a/src/theme/Layout/FeedbackWidget.tsx b/src/theme/Layout/FeedbackWidget.tsx
new file mode 100644
index 00000000000..f186bbe65fa
--- /dev/null
+++ b/src/theme/Layout/FeedbackWidget.tsx
@@ -0,0 +1,225 @@
+import Translate, { translate } from "@docusaurus/Translate";
+import type { ReactElement } from "react";
+import React, { useEffect, useRef, useState } from "react";
+import ResponsiveEmbed from "../../components/ResponsiveEmbed";
+import { useIframe } from "../../hooks/useIframe";
+
+const FEEDBACK_EMBED_URL =
+  "https://product.unraid.net/embed/f/docs-experience-survey";
+const FOCUSABLE_SELECTOR = [
+  'a[href]',
+  'button:not([disabled])',
+  'textarea:not([disabled])',
+  'input:not([disabled])',
+  'select:not([disabled])',
+  'iframe',
+  '[tabindex]:not([tabindex="-1"])',
+].join(", ");
+
+function getFocusableElements(container: HTMLElement): HTMLElement[] {
+  return Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter(
+    (element) =>
+      !element.hasAttribute("disabled") &&
+      element.getAttribute("aria-hidden") !== "true" &&
+      element.tabIndex !== -1,
+  );
+}
+
+export function FeedbackWidget(): ReactElement | null {
+  const isInIframeState = useIframe();
+  const [isOpen, setIsOpen] = useState(false);
+  const dialogRef = useRef<HTMLElement | null>(null);
+  const previousFocusRef = useRef<HTMLElement | null>(null);
+
+  useEffect(() => {
+    if (
+      !isOpen ||
+      typeof window === "undefined" ||
+      typeof document === "undefined"
+    ) {
+      return;
+    }
+
+    previousFocusRef.current =
+      document.activeElement instanceof HTMLElement ? document.activeElement : null;
+
+    const dialogElement = dialogRef.current;
+    if (!dialogElement) {
+      return;
+    }
+
+    const handleKeyDown = (event: KeyboardEvent): void => {
+      if (event.key === "Escape") {
+        setIsOpen(false);
+        return;
+      }
+
+      if (event.key !== "Tab") {
+        return;
+      }
+
+      const focusableElements = getFocusableElements(dialogElement);
+      if (focusableElements.length === 0) {
+        event.preventDefault();
+        dialogElement.focus();
+        return;
+      }
+
+      const firstElement = focusableElements[0];
+      const lastElement = focusableElements[focusableElements.length - 1];
+      const activeElement = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+
+      if (event.shiftKey) {
+        if (activeElement === firstElement || activeElement === dialogElement) {
+          event.preventDefault();
+          lastElement.focus();
+        }
+        return;
+      }
+
+      if (activeElement === lastElement) {
+        event.preventDefault();
+        firstElement.focus();
+      }
+    };
+
+    const previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    window.addEventListener("keydown", handleKeyDown);
+
+    const focusableElements = getFocusableElements(dialogElement);
+    const focusTarget = focusableElements[0] ?? dialogElement;
+    focusTarget.focus();
+
+    return () => {
+      document.body.style.overflow = previousOverflow;
+      window.removeEventListener("keydown", handleKeyDown);
+      previousFocusRef.current?.focus();
+    };
+  }, [isOpen]);
+
+  if (isInIframeState !== false) {
+    return null;
+  }
+
+  return (
+    <>
+      <button
+        type="button"
+        className={`feedback-widget-button${isOpen ? " feedback-widget-button--hidden" : ""}`}
+        aria-hidden={isOpen}
+        aria-label={translate({
+          message: "Open feedback panel",
+          description: "Aria label for the floating docs feedback button",
+        })}
+        tabIndex={isOpen ? -1 : 0}
+        title={translate({
+          message: "Share feedback",
+          description: "Tooltip for the floating docs feedback button",
+        })}
+        onClick={() => setIsOpen(true)}
+      >
+        <span className="feedback-widget-button__icon" aria-hidden="true">
+          <svg viewBox="0 0 24 24" focusable="false">
+            <path
+              d="M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5v7A2.5 2.5 0 0 1 17.5 16H10l-4.5 4v-4h-1A2.5 2.5 0 0 1 4 13.5z"
+              fill="none"
+              stroke="currentColor"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth="1.8"
+            />
+            <path
+              d="M8 9.25h8M8 12h5.5"
+              fill="none"
+              stroke="currentColor"
+              strokeLinecap="round"
+              strokeWidth="1.8"
+            />
+          </svg>
+        </span>
+      </button>
+
+      {isOpen ? (
+        <>
+          <button
+            type="button"
+            className="feedback-widget-backdrop"
+            aria-hidden="true"
+            tabIndex={-1}
+            onClick={() => setIsOpen(false)}
+          />
+
+          <section
+            className="feedback-widget-panel"
+            role="dialog"
+            aria-modal="true"
+            aria-labelledby="feedback-widget-title"
+            ref={dialogRef}
+            tabIndex={-1}
+          >
+            <div className="feedback-widget-panel__header">
+              <div className="feedback-widget-panel__copy">
+                <p className="feedback-widget-panel__eyebrow">
+                  <Translate
+                    id="theme.Layout.FeedbackWidget.eyebrow"
+                    description="Eyebrow label above the docs feedback panel title"
+                  >
+                    Docs feedback
+                  </Translate>
+                </p>
+                <h2
+                  id="feedback-widget-title"
+                  className="feedback-widget-panel__title"
+                >
+                  <Translate
+                    id="theme.Layout.FeedbackWidget.title"
+                    description="Title for the docs feedback modal panel"
+                  >
+                    Share your docs experience
+                  </Translate>
+                </h2>
+              </div>
+
+              <button
+                type="button"
+                className="feedback-widget-panel__close"
+                aria-label={translate({
+                  message: "Close feedback panel",
+                  description: "Aria label for the close button in the docs feedback modal",
+                })}
+                onClick={() => setIsOpen(false)}
+              >
+                <svg viewBox="0 0 24 24" focusable="false" aria-hidden="true">
+                  <path
+                    d="M6 6l12 12M18 6l-12 12"
+                    fill="none"
+                    stroke="currentColor"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                  />
+                </svg>
+              </button>
+            </div>
+
+            <div className="feedback-widget-panel__frame">
+              <ResponsiveEmbed
+                src={FEEDBACK_EMBED_URL}
+                title={translate({
+                  message: "Docs experience survey",
+                  description: "Title attribute for the embedded docs feedback survey iframe",
+                })}
+                aspectRatio="1 / 1"
+                disableMargin
+                embedClassName="feedback-widget-panel__embed"
+                frameClassName="feedback-widget-panel__embed-frame"
+                iframeClassName="feedback-widget-panel__iframe"
+              />
+            </div>
+          </section>
+        </>
+      ) : null}
+    </>
+  );
+}
diff --git a/src/theme/Layout/IframeNavigation.tsx b/src/theme/Layout/IframeNavigation.tsx
index 2a0a7446d90..3e3212fde78 100644
--- a/src/theme/Layout/IframeNavigation.tsx
+++ b/src/theme/Layout/IframeNavigation.tsx
@@ -104,7 +104,14 @@ export function IframeNavigation(): ReactElement | null {
     >
       <span aria-hidden="true" className="iframe-back-button__icon">
         <svg viewBox="0 0 24 24" focusable="false">
-          <path d="M12 4.5a1 1 0 0 1 .76 1.65L8.91 11H18a1 1 0 1 1 0 2H8.91l3.85 4.85a1 1 0 1 1-1.52 1.3l-5.5-6.9a1 1 0 0 1 0-1.3l5.5-6.9A1 1 0 0 1 12 4.5Z" />
+          <path
+            d="M5 12h14M5 12l6 6M5 12l6-6"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
         </svg>
       </span>
     </Link>
diff --git a/src/theme/Layout/Provider/index.tsx b/src/theme/Layout/Provider/index.tsx
index c594ab1914b..aadf2dad1e9 100644
--- a/src/theme/Layout/Provider/index.tsx
+++ b/src/theme/Layout/Provider/index.tsx
@@ -1,5 +1,6 @@
 import React from "react";
 import LayoutProvider from "@theme-original/Layout/Provider";
+import { FeedbackWidget } from "../FeedbackWidget";
 import { ThemeSync } from "../ThemeSync";
 import { IframeNavigation } from "../IframeNavigation";
 
@@ -8,6 +9,7 @@ export default function LayoutProviderWrapper({ children }) {
     <LayoutProvider>
       <ThemeSync />
       <IframeNavigation />
+      <FeedbackWidget />
       {children}
     </LayoutProvider>
   );
diff --git a/static/img/icons/tabler-chevron-up.svg b/static/img/icons/tabler-chevron-up.svg
new file mode 100644
index 00000000000..728a7a06301
--- /dev/null
+++ b/static/img/icons/tabler-chevron-up.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="m6 15 6-6 6 6" />
+</svg>
diff --git a/static/img/icons/tabler-external-link.svg b/static/img/icons/tabler-external-link.svg
new file mode 100644
index 00000000000..853481cf438
--- /dev/null
+++ b/static/img/icons/tabler-external-link.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 7H7a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-5" />
+  <path d="M16 5h3v3" />
+  <path d="m10 14 9-9" />
+</svg>
diff --git a/static/img/icons/tabler-search.svg b/static/img/icons/tabler-search.svg
new file mode 100644
index 00000000000..0179db70dc2
--- /dev/null
+++ b/static/img/icons/tabler-search.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="10" cy="10" r="7" />
+  <path d="m21 21-6-6" />
+</svg>
diff --git a/static/img/icons/tabler-x.svg b/static/img/icons/tabler-x.svg
new file mode 100644
index 00000000000..9c11ecce6a3
--- /dev/null
+++ b/static/img/icons/tabler-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M18 6 6 18" />
+  <path d="m6 6 12 12" />
+</svg>