diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
index 08894a60..d22bdfa6 100644
--- a/.github/workflows/pages.yml
+++ b/.github/workflows/pages.yml
@@ -6,6 +6,19 @@ on:
       - main
     paths:
       - site/**
+      - tools/web_simulator/**
+      - tests/site/**
+      - modules/ui_shared/**
+      - modules/ui_lvgl_ux_packs/**
+      - modules/ui_presentation/**
+      - modules/ui_map_runtime/**
+      - modules/ui_gps_runtime/**
+      - modules/core_sys/**
+      - modules/core_chat/**
+      - modules/core_team/**
+      - platform/shared/**
+      - platform/linux/common/**
+      - docs/reticulum/pages/**
       - packs/**
       - docs/images/**
       - scripts/build_pack_repository.py
@@ -53,6 +66,25 @@ jobs:
       - name: Configure GitHub Pages
         uses: actions/configure-pages@v6
 
+      - name: Verify website localization
+        run: |
+          node site/i18n/check-catalogs.mjs
+          node --test tests/site/i18n-runtime.test.mjs tests/site/i18n-all-locales.test.mjs tests/site/i18n-markup.test.mjs
+          node --test tests/site/i18n-packs.test.mjs
+
+      - name: Install pinned Emscripten SDK
+        run: |
+          git clone --depth 1 https://github.com/emscripten-core/emsdk.git "$RUNNER_TEMP/trail-mate-emsdk"
+          "$RUNNER_TEMP/trail-mate-emsdk/emsdk" install 4.0.10
+          "$RUNNER_TEMP/trail-mate-emsdk/emsdk" activate 4.0.10
+
+      - name: Build and verify native firmware previews
+        run: |
+          source "$RUNNER_TEMP/trail-mate-emsdk/emsdk_env.sh"
+          emcmake cmake -S tools/web_simulator -B build/web-simulator -G Ninja -DCMAKE_BUILD_TYPE=Release
+          cmake --build build/web-simulator --parallel 4
+          node tests/site/native-ui.test.mjs
+
       - name: Verify locale packs
         run: python tools/validate_locale_packs.py --pack-root packs
 
@@ -61,6 +93,13 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         run: python scripts/prepare_pages_site.py --site-root site --repo ${{ github.repository }}
 
+      - name: Build Animal Island UI components
+        working-directory: site
+        run: |
+          npm ci --ignore-scripts
+          npm run build:components
+          rm -rf node_modules
+
       - name: Upload GitHub Pages artifact
         uses: actions/upload-pages-artifact@v5
         with:
diff --git a/site/.gitignore b/site/.gitignore
new file mode 100644
index 00000000..c2658d7d
--- /dev/null
+++ b/site/.gitignore
@@ -0,0 +1 @@
+node_modules/
diff --git a/site/README.md b/site/README.md
new file mode 100644
index 00000000..13e41fcd
--- /dev/null
+++ b/site/README.md
@@ -0,0 +1,71 @@
+# Trail Mate GitHub Pages
+
+The site is a static product guide. Its language is independent of the firmware
+language shown inside the WebAssembly preview and of downloadable device packs.
+
+## Responsibilities
+
+| Path | Responsibility |
+| --- | --- |
+| `index.html` | Semantic sections and translation markers; product links |
+| `main.js` | Release/pack data loading, install panel and page startup |
+| `i18n/` | Website catalogs, locale state, DOM binding and localized pack presentation |
+| `components.jsx` | Animal Island UI Select, Title, Icon, Background and BackTop |
+| `components-dist/` | Browser-ready component bundle and font assets |
+| `explorer-data.js` | Stable feature IDs, icons and documentation links; no translated prose |
+| `native-explorer.js` | Native preview lifecycle and browser input bridge |
+| `simulator/devices/` | Manufacturer, display geometry, SVG artwork and physical controls |
+| `simulator/components/` | SVG mounting, input overlay, fitting and control labels |
+| `assets/device/` | Device artwork supplied for this project |
+| `data/`, `assets/native/`, `assets/packs/` | Generated release, native-preview and pack artifacts |
+| `../tools/web_simulator/` | C++ host and simulated hardware services for real LVGL pages |
+| `../tests/site/` | Locale, geometry and native page checks |
+
+## Local preview
+
+```sh
+cd site
+npm ci --ignore-scripts
+npm run build:components
+cd ..
+python -m http.server 8765 --directory site --bind 127.0.0.1
+```
+
+Open `http://127.0.0.1:8765/`. The simulator also needs generated native assets;
+see `../tools/web_simulator/README.md` for the Emscripten build.
+Use HTTP for local development so module and data requests behave like Pages.
+All asset URLs are relative and support the `/trail-mate/` deployment prefix.
+
+## Product boundaries
+
+- Manufacturer filtering defaults to all devices. Simulator manufacturer and
+  device selectors are linked through the device registry.
+- Pager, T-Deck and Wio Tracker L2 have native previews. T-Echo-Lite is a
+  manual-install target. Wio Tracker L2 is not yet on sale; its purchase control
+  is disabled. The SVG viewport fits available space automatically.
+- Web Flasher renders one device/radio panel. Release metadata determines
+  artifact availability; selecting another target does not download its firmware.
+- Device legends and native framebuffer text belong to the device/firmware.
+  Website language selection translates the surrounding guide and controls.
+- Native pages share firmware C++ view code, but radio, GNSS, storage, chat data
+  and power state are simulated. This is an interface preview, not a guarantee of
+  complete hardware or protocol behavior.
+- Meshtastic and MeshCore support serves basic outdoor communication; full
+  protocol parity and unrelated advanced radio features are outside this claim.
+- Survey examples use measurements entered by the user. They do not imply a
+  built-in rangefinder or automatic angle measurement.
+
+## Verification and publishing
+
+```sh
+node site/i18n/check-catalogs.mjs
+node --test tests/site/*.test.mjs
+```
+
+The native test requires the generated JS/WASM/data artifacts for all three
+preview profiles. The Pages workflow builds them, verifies website catalogs and
+device packs, prepares release assets, then builds the component bundle.
+Do not deploy `node_modules` or local build directories.
+
+See `i18n/README.md` for adding or revising a language and `THIRD_PARTY.md` for
+credits. Changes to website text must preserve hardware and protocol boundaries.
diff --git a/site/THIRD_PARTY.md b/site/THIRD_PARTY.md
new file mode 100644
index 00000000..309fd486
--- /dev/null
+++ b/site/THIRD_PARTY.md
@@ -0,0 +1,18 @@
+# Website credits
+
+- **Animal Island UI 1.10.0**, by **guokaigdg**:
+  <https://guokaigdg.github.io/animal-island-ui/>.
+  Licensed under **Creative Commons Attribution–NonCommercial 4.0 International**:
+  <https://creativecommons.org/licenses/by-nc/4.0/>.
+  The site uses Select, Title, Icon, Background and BackTop, with custom layout,
+  colors, sizing and localized labels. The shopping-bag icon is extracted from
+  this library for device purchase links.
+- React and React DOM are distributed under the MIT license; their license
+  notices are preserved in the generated component bundle.
+- Noto Sans SC font assets are bundled through Animal Island UI and are licensed
+  under the SIL Open Font License 1.1: <https://openfontlicense.org/>.
+- Sample map data is attributed to OpenStreetMap contributors in the preview.
+  Tile and synthetic route details are in
+  `../tools/web_simulator/data/ATTRIBUTION.md`.
+- Device SVG artwork was supplied for this project. LILYGO, Seeed Studio and
+  device names remain their respective owners' marks.
diff --git a/site/assets/.gitignore b/site/assets/.gitignore
index b08d0898..d4d59c8e 100644
--- a/site/assets/.gitignore
+++ b/site/assets/.gitignore
@@ -1,4 +1,9 @@
 *
+!device/
+!device/lilygo/
+!device/lilygo/*.svg
+!device/seeed/
+!device/seeed/*.svg
 !.gitignore
 !animal-island/
 !animal-island/dividers/
diff --git a/site/assets/animal-island/icons/shopping-bag.svg b/site/assets/animal-island/icons/shopping-bag.svg
new file mode 100644
index 00000000..c8c46e75
--- /dev/null
+++ b/site/assets/animal-island/icons/shopping-bag.svg
@@ -0,0 +1,8 @@
+<!-- Animal Island UI, guokaigdg, CC-BY-NC-4.0. Source: src/components/Icon/svg/shopping-bag.svg -->
+<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#2A2A2A" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round">
+<path d="M18 17 C 18 8 30 8 30 17" stroke="#2A2A2A" stroke-width="3" fill="none"/>
+<path d="M10 16 L 38 16 L 36 42 L 12 42 Z" fill="#F4A6A4"/>
+<circle cx="20" cy="26" r="1.6" fill="#2A2A2A"/>
+<circle cx="28" cy="26" r="1.6" fill="#2A2A2A"/>
+<path d="M20 30 Q 24 33 28 30" stroke="#2A2A2A" fill="none" stroke-width="2"/>
+</svg>
diff --git a/site/assets/device/lilygo/lilygo-tlora-pager.svg b/site/assets/device/lilygo/lilygo-tlora-pager.svg
new file mode 100644
index 00000000..6f4e3060
--- /dev/null
+++ b/site/assets/device/lilygo/lilygo-tlora-pager.svg
@@ -0,0 +1,1213 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 587.9104 687.70074"
+   version="1.1"
+   id="svg200"
+   sodipodi:docname="buyer benmeshtastic-01 (6).svg"
+   inkscape:version="1.4 (e7c3feb1, 2024-10-09)"
+   width="587.9104"
+   height="687.70074"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview200"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.63720913"
+     inkscape:cx="-10.985404"
+     inkscape:cy="444.90888"
+     inkscape:window-width="1472"
+     inkscape:window-height="890"
+     inkscape:window-x="0"
+     inkscape:window-y="38"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg200" />
+  <defs
+     id="defs1">
+    <style
+       id="style1">.cls-1{fill:#cf8740;}.cls-2{fill:#61636e;}.cls-3{fill:#282828;}.cls-4{fill:#cfcdcc;}.cls-5{fill:#989a9e;}.cls-12,.cls-14,.cls-18,.cls-19,.cls-20,.cls-6{fill:none;}.cls-6{stroke:#b7b6b6;}.cls-18,.cls-19,.cls-20,.cls-6{stroke-miterlimit:10;}.cls-18,.cls-6{stroke-width:1.94px;}.cls-7{fill:#333433;}.cls-8{fill:#f8ae59;}.cls-9{fill:#e5e3e2;}.cls-10{fill:#d7d6d5;}.cls-11{fill:#7a7b7c;}.cls-12,.cls-14,.cls-18,.cls-19,.cls-20{stroke:#1d1d1b;}.cls-12,.cls-14{stroke-linecap:round;stroke-linejoin:round;}.cls-12{stroke-width:2.02px;}.cls-13{fill:#1d1d1b;}.cls-14{stroke-width:1.96px;}.cls-15{fill:#fff;}.cls-16{fill:#63615e;}.cls-17{fill:#b7b6b6;}.cls-19{stroke-width:1.98px;}.cls-20{stroke-width:2.02px;}</style>
+  </defs>
+  <g
+     id="Layer_2"
+     data-name="Layer 2"
+     transform="translate(-245.94,-153.75)">
+    <path
+       class="cls-1" fill="#cf8740"
+       d="m 832.36,798.4 c 0,0 -32.09,-25.19 -64.21,-70.26 0,0 0,-0.1 0,-0.06 2.65,2.24 25.78,22.08 43.46,41.57 18.83,20.7 20.75,28.75 20.75,28.75 z"
+       id="path1" />
+    <path
+       class="cls-2" fill="#61636e"
+       d="m 714.47,398.89 5,-129.39 c 0.19,-4.47 0.58,-8.94 1.17,-13.38 l 12.58,-93.84 a 8.72,8.72 0 0 1 8.65,-7.56 h 25.86 a 8.73,8.73 0 0 1 8.7,8.15 l 6.22,94.9 a 144.62,144.62 0 0 1 0.22,14.87 l -5.67,149.91"
+       id="path2" />
+    <path
+       class="cls-2" fill="#61636e"
+       d="M 270.74,405 V 167.73 a 8.72,8.72 0 0 1 8.71,-8.71 h 38.64 a 8.71,8.71 0 0 1 8.69,8.71 V 399.2"
+       id="path3" />
+    <rect
+       class="cls-3" fill="#282828"
+       x="278.34"
+       y="245.57001"
+       width="8.5900002"
+       height="37.990002"
+       rx="1.36"
+       id="rect3" />
+    <rect
+       class="cls-3" fill="#282828"
+       x="312.01999"
+       y="245.57001"
+       width="8.5900002"
+       height="37.990002"
+       rx="1.36"
+       id="rect4" />
+    <rect
+       class="cls-3" fill="#282828"
+       x="278.34"
+       y="347.41"
+       width="8.5900002"
+       height="37.990002"
+       rx="1.36"
+       id="rect5" />
+    <rect
+       class="cls-3" fill="#282828"
+       x="312.01999"
+       y="347.41"
+       width="8.5900002"
+       height="37.990002"
+       rx="1.36"
+       id="rect6" />
+    <rect
+       class="cls-3" fill="#282828"
+       x="285.76999"
+       y="162.36"
+       width="25.719999"
+       height="9.1999998"
+       id="rect7" />
+    <rect
+       class="cls-4" fill="#cfcdcc"
+       x="346.42999"
+       y="426.69"
+       width="338.60001"
+       height="111.36"
+       id="rect8" />
+    <path
+       class="cls-5" fill="#989a9e"
+       d="m 783.21,445.34 v 230.73 c -0.003,18.71332 -5.81709,36.96392 -16.64,52.23 l -12.37,17.46 c -16.93654,23.89137 -44.40445,38.08939 -73.69,38.09 H 312.85 c -36.41604,0.006 -65.94,-29.51396 -65.94,-65.93 V 445.34 c 0,-25.48242 20.65758,-46.14 46.14,-46.14 h 444 c 25.49023,-0.0111 46.16,20.64977 46.16,46.14 z"
+       id="path8"
+       sodipodi:nodetypes="scccccssscs" />
+    <rect
+       class="cls-6" stroke-width="1.94px"
+       x="345.92001"
+       y="428.25"
+       width="340.13"
+       height="155.95"
+       id="rect9" />
+    <rect
+       class="cls-7" fill="#333433"
+       x="747.12"
+       y="439.17999"
+       width="18.82"
+       height="89.07"
+       rx="2.79"
+       id="rect10" />
+    <path
+       class="cls-7" fill="#333433"
+       d="m 311.26,737.68 -3.9,10.44 a 5.17,5.17 0 0 1 -6.49,3.06 c -9.51,-3.16 -17.08,-8.57 -21.13,-14.68 a 5.12,5.12 0 0 1 3.53,-7.88 54.46,54.46 0 0 1 7.44,-0.5 51.61,51.61 0 0 1 17.5,2.93 5.14,5.14 0 0 1 3.05,6.63 z"
+       id="path10" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="291.57999"
+       cy="641.46997"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,291.5775,641.47465)"
+       id="ellipse11" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="340.39999"
+       cy="634.02002"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,340.40033,634.02157)"
+       id="ellipse12" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="390.04999"
+       cy="629.06"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,390.05655,629.06329)"
+       id="ellipse13" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="438.88"
+       cy="624.91998"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,438.88027,624.91984)"
+       id="ellipse14" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="487.42999"
+       cy="623.27002"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,487.42377,623.26247)"
+       id="ellipse15" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="291.57999"
+       cy="692.66998"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,291.57203,692.66691)"
+       id="ellipse16" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="340.39999"
+       cy="685.22998"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,340.40193,685.2309)"
+       id="ellipse17" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="390.04999"
+       cy="680.26001"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,390.05108,680.25555)"
+       id="ellipse18" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="438.88"
+       cy="676.12"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,438.88187,676.12918)"
+       id="ellipse19" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="487.42999"
+       cy="674.46997"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,487.42537,674.4718)"
+       id="ellipse20" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="343.20999"
+       cy="735.63"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,343.21597,735.62529)"
+       id="ellipse21" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="390.04999"
+       cy="727.62"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,390.04865,727.61656)"
+       id="ellipse22" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="438.88"
+       cy="723.47998"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,438.88445,723.47811)"
+       id="ellipse23" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="487.42999"
+       cy="721.82001"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,487.42794,721.82074)"
+       id="ellipse24" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="734.63"
+       cy="641.46997"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,734.63698,641.4734)"
+       id="ellipse25" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="685.81"
+       cy="634.02002"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,685.80909,634.01857)"
+       id="ellipse26" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="636.15997"
+       cy="629.06"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,636.15727,629.06503)"
+       id="ellipse27" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="587.33002"
+       cy="624.91998"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,587.33027,624.91984)"
+       id="ellipse28" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="538.78003"
+       cy="623.27002"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,538.78588,623.26758)"
+       id="ellipse29" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="734.63"
+       cy="692.66998"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,734.62651,692.67774)"
+       id="ellipse30" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="685.81"
+       cy="685.22998"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,685.81069,685.22791)"
+       id="ellipse31" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="636.15997"
+       cy="680.26001"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,636.1518,680.2573)"
+       id="ellipse32" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="587.33002"
+       cy="676.12"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,587.33187,676.12917)"
+       id="ellipse33" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="538.78003"
+       cy="674.46997"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,538.78042,674.45984)"
+       id="ellipse34" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="636.15997"
+       cy="727.62"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,636.14937,727.6183)"
+       id="ellipse35" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="684.17999"
+       cy="737.10999"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,684.17847,737.104)"
+       id="ellipse36" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="587.33002"
+       cy="723.47998"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,587.33444,723.47811)"
+       id="ellipse37" />
+    <ellipse
+       class="cls-7" fill="#333433"
+       cx="538.78003"
+       cy="721.82001"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,538.77799,721.82085)"
+       id="ellipse38" />
+    <path
+       class="cls-7" fill="#333433"
+       d="m 730.47,553.74 v 21 a 20.6,20.6 0 0 0 20.6,20.6 h 5.75 a 7.82,7.82 0 0 0 7.82,-7.82 v 0 A 7.9,7.9 0 0 0 763.7,583.8 L 745.37,550 a 7.8,7.8 0 0 0 -6.54,-4.08 h -0.22 a 7.84,7.84 0 0 0 -8.14,7.82 z"
+       id="path38" />
+    <rect
+       class="cls-3" fill="#282828"
+       x="749.28998"
+       y="515.75"
+       width="14.67"
+       height="4.4099998"
+       rx="1.49"
+       id="rect42" />
+    <rect
+       class="cls-3" fill="#282828"
+       x="749.28998"
+       y="503.95999"
+       width="14.67"
+       height="4.4099998"
+       rx="1.49"
+       id="rect43" />
+    <rect
+       class="cls-3" fill="#282828"
+       x="749.28998"
+       y="480.38"
+       width="14.67"
+       height="4.4099998"
+       rx="1.49"
+       id="rect45" />
+    <rect
+       class="cls-3" fill="#282828"
+       x="749.28998"
+       y="468.59"
+       width="14.67"
+       height="4.4099998"
+       rx="1.49"
+       id="rect46" />
+    <rect
+       class="cls-3" fill="#282828"
+       x="749.28998"
+       y="456.79999"
+       width="14.67"
+       height="4.4099998"
+       rx="1.49"
+       id="rect47" />
+    <rect
+       class="cls-3" fill="#282828"
+       x="749.28998"
+       y="445.01001"
+       width="14.67"
+       height="4.4099998"
+       rx="1.49"
+       id="rect48" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 832.36,798.4 -44.86,41.81 c -28.37,-20.32 -61.34,-69.4 -61.34,-69.4 0,0 12.15,-5.4 23.22,-19.64 11.07,-14.24 17.8,-23.94 17.8,-23.94 0,0 24.52,31.25 39,46.48 a 303.12,303.12 0 0 0 26.18,24.67 z"
+       id="path48" />
+    <path
+       class="cls-11" fill="#7a7b7c"
+       d="m 737.07,410.82 a 34.55,34.55 0 0 1 34.52,34.52 V 676.07 A 78.32,78.32 0 0 1 757.1,721.59 L 744.73,739 a 78.84,78.84 0 0 1 -64.22,33.2 H 312.85 A 54.38,54.38 0 0 1 258.53,717.88 V 445.34 a 34.55,34.55 0 0 1 34.52,-34.52 h 444 m 0,-11.62 h -444 a 46.14,46.14 0 0 0 -46.14,46.14 v 272.58 a 65.93,65.93 0 0 0 65.94,65.93 h 367.66 a 90.33,90.33 0 0 0 73.69,-38.09 l 12.37,-17.46 a 90.33,90.33 0 0 0 16.64,-52.23 V 445.34 A 46.14,46.14 0 0 0 737.07,399.2 Z"
+       id="path49" />
+    <path
+       class="cls-15" fill="#fff"
+       d="M 274.58,551.47 H 276 v 9.93 h 4.86 v 1.2 h -6.28 z"
+       id="path70" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 285.7,551.47 h 1.42 v 11.13 h -1.42 z"
+       id="path71" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 291.6,551.47 h 1.4 v 9.93 h 4.66 v 1.2 h -6 z"
+       id="path72" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 303.94,558.29 -3.2,-6.82 h 1.45 l 1.37,3.14 c 0.34,0.82 0.66,1.6 1,2.43 h 0.07 c 0.37,-0.83 0.74,-1.61 1.06,-2.43 l 1.38,-3.14 h 1.41 l -3.21,6.82 v 4.31 h -1.36 z"
+       id="path73" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 312.16,557.05 c 0,-3.59 2.06,-5.78 4.89,-5.78 a 4.09,4.09 0 0 1 3.08,1.37 l -0.75,0.92 a 3,3 0 0 0 -2.29,-1 c -2.15,0 -3.53,1.73 -3.53,4.5 0,2.77 1.27,4.55 3.54,4.55 a 2.82,2.82 0 0 0 1.92,-0.65 V 558 h -2.25 v -1.18 h 3.49 v 4.68 a 4.42,4.42 0 0 1 -3.29,1.3 c -2.81,0.01 -4.81,-2.14 -4.81,-5.75 z"
+       id="path74" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 324.34,557 c 0,-3.57 1.88,-5.73 4.56,-5.73 2.68,0 4.56,2.17 4.56,5.73 0,3.56 -1.88,5.81 -4.56,5.81 -2.68,0 -4.56,-2.25 -4.56,-5.81 z m 7.72,0 c 0,-2.78 -1.25,-4.49 -3.16,-4.49 -1.91,0 -3.15,1.71 -3.15,4.49 0,2.78 1.25,4.56 3.15,4.56 1.9,0 3.16,-1.79 3.16,-4.56 z"
+       id="path75" />
+    <polygon
+       class="cls-15" fill="#fff"
+       points="745.37,579.22 745.37,585.36 737.07,577.07 745.37,568.77 745.37,573.86 752.53,573.86 752.53,579.22 "
+       id="polygon75" />
+    <rect
+       class="cls-3" fill="#282828"
+       x="749.28998"
+       y="492.17001"
+       width="14.67"
+       height="4.4099998"
+       rx="1.49"
+       id="rect44" />
+    <polygon
+       class="cls-15" fill="#fff"
+       points="733.53,699.48 733.53,705.61 725.23,697.33 733.53,689.02 733.53,694.12 739.14,694.12 739.14,689.45 743.21,689.45 743.21,699.48 "
+       id="polygon76" />
+    <polygon
+       class="cls-15" fill="#fff"
+       points="669.98,751.27 678.26,742.97 686.57,751.27 "
+       id="polygon77" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 285.84,640.27 h -1.73 v -8.56 l -1.39,0.7 v -1.82 l 1.54,-0.86 h 1.58 z"
+       id="path77" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 292.88,654 a 4.64,4.64 0 0 1 -1.85,-1.9 6,6 0 0 1 -0.66,-2.86 V 645 a 5.94,5.94 0 0 1 0.66,-2.85 4.64,4.64 0 0 1 1.85,-1.9 6,6 0 0 1 5.53,0 4.64,4.64 0 0 1 1.85,1.9 5.94,5.94 0 0 1 0.66,2.85 v 4.17 a 6,6 0 0 1 -0.66,2.86 4.64,4.64 0 0 1 -1.85,1.9 6,6 0 0 1 -5.53,0 z m 4.23,-2.09 a 2.38,2.38 0 0 0 1,-1 3.37,3.37 0 0 0 0.35,-1.55 V 645 a 3.34,3.34 0 0 0 -0.35,-1.55 2.38,2.38 0 0 0 -1,-1 3.09,3.09 0 0 0 -2.93,0 2.46,2.46 0 0 0 -1,1 3.34,3.34 0 0 0 -0.34,1.55 v 4.32 a 3.37,3.37 0 0 0 0.34,1.55 2.46,2.46 0 0 0 1,1 3.16,3.16 0 0 0 2.93,0 z m -1.7,-1.47 1.28,-1.62 5.59,4.31 -1.28,1.6 z"
+       id="path78" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 329.53,631.16 3.64,-4.83 a 3.11,3.11 0 0 0 0.44,-0.76 1.94,1.94 0 0 0 0.16,-0.74 v 0 a 1,1 0 0 0 -0.32,-0.82 1.32,1.32 0 0 0 -0.92,-0.29 1.21,1.21 0 0 0 -0.92,0.35 1.57,1.57 0 0 0 -0.43,1 h -1.78 a 4,4 0 0 1 0.51,-1.62 2.71,2.71 0 0 1 1.07,-1 3.26,3.26 0 0 1 1.53,-0.35 3.88,3.88 0 0 1 1.65,0.32 2.38,2.38 0 0 1 1,0.94 2.87,2.87 0 0 1 0.36,1.48 v 0 a 3.48,3.48 0 0 1 -0.25,1.29 4.6,4.6 0 0 1 -0.67,1.23 l -2.78,3.64 h 3.8 v 1.66 h -6.09 z"
+       id="path79" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 342.75,632.19 h 1.83 l 2.91,10.68 2.25,-10.68 h 2.5 l -3.49,14.72 h -2.36 l -2.66,-10.29 -2.79,10.29 h -2.36 l -3.49,-14.72 h 2.5 l 2.25,10.68 z"
+       id="path80" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 382.65,627.36 a 2.69,2.69 0 0 1 -1.13,-1 3.31,3.31 0 0 1 -0.51,-1.53 h 1.78 a 1.52,1.52 0 0 0 0.24,0.65 1.19,1.19 0 0 0 0.47,0.39 1.57,1.57 0 0 0 0.67,0.13 1.39,1.39 0 0 0 1,-0.35 1.35,1.35 0 0 0 0.36,-1 v -0.28 a 1.67,1.67 0 0 0 -0.32,-1.08 1.11,1.11 0 0 0 -0.9,-0.38 h -0.82 v -1.65 h 0.82 a 0.94,0.94 0 0 0 0.77,-0.33 1.42,1.42 0 0 0 0.27,-0.92 v -0.26 a 1.18,1.18 0 0 0 -0.29,-0.85 1.11,1.11 0 0 0 -0.83,-0.3 1.21,1.21 0 0 0 -0.58,0.13 1.1,1.1 0 0 0 -0.44,0.42 1.89,1.89 0 0 0 -0.26,0.68 h -1.77 a 3.84,3.84 0 0 1 0.53,-1.57 2.84,2.84 0 0 1 1.07,-1 3.26,3.26 0 0 1 1.48,-0.34 3,3 0 0 1 2.14,0.72 2.67,2.67 0 0 1 0.76,2 v 0.25 a 2.27,2.27 0 0 1 -0.4,1.32 2.36,2.36 0 0 1 -1.13,0.84 2,2 0 0 1 1.25,0.82 2.75,2.75 0 0 1 0.45,1.63 v 0.25 a 3.22,3.22 0 0 1 -0.36,1.57 2.4,2.4 0 0 1 -1.05,1 3.65,3.65 0 0 1 -1.65,0.34 3.83,3.83 0 0 1 -1.62,-0.3 z"
+       id="path81" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 391,627.08 h 2.42 v 14.73 H 391 Z m 1,0 h 8.66 v 2.32 H 392 Z m 0,6.26 h 7.55 v 2.31 H 392 Z m 0,6.15 h 8.66 v 2.32 H 392 Z"
+       id="path82" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 429.19,619.7 3.39,-7.36 h 1.89 l -3.31,7.28 h 4.95 v 1.63 h -6.92 z m 4.4,-3 h 1.71 v 6.2 h -1.71 z"
+       id="path83" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 438.66,622.36 h 2.42 v 14.73 h -2.42 z m 1,6.34 h 5.07 a 1.55,1.55 0 0 0 0.89,-0.25 1.67,1.67 0 0 0 0.61,-0.7 2.72,2.72 0 0 0 0.22,-1.07 2.46,2.46 0 0 0 -0.21,-1 1.59,1.59 0 0 0 -0.6,-0.7 1.66,1.66 0 0 0 -0.91,-0.25 h -5.07 v -2.32 h 5.14 a 4.34,4.34 0 0 1 2.19,0.54 3.69,3.69 0 0 1 1.46,1.52 5.21,5.21 0 0 1 0,4.54 3.71,3.71 0 0 1 -1.47,1.52 4.32,4.32 0 0 1 -2.18,0.54 h -5.14 z m 3.55,1.86 2.51,-0.46 3.87,7 h -2.91 z"
+       id="path84" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 479.54,621.62 a 2.59,2.59 0 0 1 -1.05,-1 3.68,3.68 0 0 1 -0.5,-1.56 h 1.73 a 1.36,1.36 0 0 0 0.41,0.9 1.21,1.21 0 0 0 0.89,0.33 1.16,1.16 0 0 0 1,-0.41 1.77,1.77 0 0 0 0.34,-1.15 v -0.88 a 1.77,1.77 0 0 0 -0.33,-1.15 1.07,1.07 0 0 0 -0.9,-0.4 1.33,1.33 0 0 0 -0.74,0.21 1.56,1.56 0 0 0 -0.52,0.61 h -1.6 v -5.8 h 5.51 V 613 H 480 v 2.11 a 1.72,1.72 0 0 1 0.61,-0.34 2.14,2.14 0 0 1 0.74,-0.13 2.81,2.81 0 0 1 1.48,0.38 2.43,2.43 0 0 1 0.94,1.1 4.38,4.38 0 0 1 0.32,1.75 v 0.88 a 3.93,3.93 0 0 1 -0.36,1.75 2.52,2.52 0 0 1 -1,1.1 3.34,3.34 0 0 1 -1.73,0.4 3.05,3.05 0 0 1 -1.46,-0.38 z"
+       id="path85" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 486.88,621.35 h 10.59 v 2.32 h -10.59 z m 4.09,1.21 h 2.41 v 13.52 H 491 Z"
+       id="path86" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 545.35,621.59 a 2.47,2.47 0 0 1 -1,-1.09 3.77,3.77 0 0 1 -0.36,-1.72 v 0 a 5.42,5.42 0 0 1 0.15,-1.22 7,7 0 0 1 0.4,-1.28 l 0.09,-0.21 a 2,2 0 0 1 0.1,-0.21 l 2.21,-4.53 h 1.92 l -2.61,5.25 -0.25,-0.26 a 1.29,1.29 0 0 1 0.53,-0.53 1.73,1.73 0 0 1 0.81,-0.19 2.75,2.75 0 0 1 1.44,0.37 2.39,2.39 0 0 1 0.92,1.08 4.16,4.16 0 0 1 0.31,1.7 v 0 a 3.86,3.86 0 0 1 -0.35,1.74 2.44,2.44 0 0 1 -1,1.1 3.33,3.33 0 0 1 -1.66,0.41 3.29,3.29 0 0 1 -1.65,-0.41 z m 2.57,-1.67 a 1.5,1.5 0 0 0 0.33,-1 v 0 a 1.79,1.79 0 0 0 -0.34,-1.18 1.17,1.17 0 0 0 -1,-0.42 1.08,1.08 0 0 0 -0.91,0.42 1.89,1.89 0 0 0 -0.32,1.19 v 0 a 1.54,1.54 0 0 0 0.33,1 1.41,1.41 0 0 0 1.89,0 z"
+       id="path87" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 533.83,630.24 v 5.84 h -2.41 v -5.84 L 527,621.35 h 2.6 l 3,6.49 3,-6.49 h 2.6 z"
+       id="path88" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 597.23,614.91 -2.54,9.21 h -1.86 l 2.5,-8.87 h -2.24 v 1.55 h -1.74 v -3.21 h 5.88 z"
+       id="path89" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 577.16,637.85 a 4.3,4.3 0 0 1 -1.81,-1.87 6.57,6.57 0 0 1 -0.61,-3 v -9.4 h 2.42 v 9.47 a 3.11,3.11 0 0 0 0.74,2.23 2.78,2.78 0 0 0 2.1,0.79 2.81,2.81 0 0 0 2.12,-0.79 3.12,3.12 0 0 0 0.75,-2.23 v -9.47 h 2.42 V 633 a 6.57,6.57 0 0 1 -0.62,3 4.3,4.3 0 0 1 -1.81,1.87 6.57,6.57 0 0 1 -5.7,0 z"
+       id="path90" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 643.31,626.89 a 2.69,2.69 0 0 1 -1.14,-1 2.9,2.9 0 0 1 -0.41,-1.54 v -0.18 a 2.89,2.89 0 0 1 1.53,-2.53 2.37,2.37 0 0 1 -0.95,-0.88 2.22,2.22 0 0 1 -0.36,-1.21 v -0.26 a 2.77,2.77 0 0 1 0.38,-1.45 2.58,2.58 0 0 1 1.07,-1 3.83,3.83 0 0 1 3.2,0 2.52,2.52 0 0 1 1.07,1 2.77,2.77 0 0 1 0.38,1.45 v 0.26 a 2.23,2.23 0 0 1 -0.36,1.22 2.5,2.5 0 0 1 -1,0.87 2.89,2.89 0 0 1 1.12,1 2.81,2.81 0 0 1 0.42,1.48 v 0.18 a 2.9,2.9 0 0 1 -0.41,1.54 2.69,2.69 0 0 1 -1.14,1 4.29,4.29 0 0 1 -3.44,0 z m 2.53,-1.48 a 1.29,1.29 0 0 0 0.54,-0.52 1.45,1.45 0 0 0 0.19,-0.76 V 624 a 1.38,1.38 0 0 0 -0.19,-0.74 1.28,1.28 0 0 0 -0.54,-0.49 1.91,1.91 0 0 0 -1.62,0 1.24,1.24 0 0 0 -0.54,0.5 1.38,1.38 0 0 0 -0.19,0.74 v 0.11 a 1.44,1.44 0 0 0 0.19,0.75 1.33,1.33 0 0 0 0.54,0.51 1.79,1.79 0 0 0 0.81,0.18 1.76,1.76 0 0 0 0.81,-0.15 z m -0.12,-4.63 a 1.15,1.15 0 0 0 0.47,-0.48 1.57,1.57 0 0 0 0.16,-0.73 v -0.1 a 1.34,1.34 0 0 0 -0.16,-0.68 1.16,1.16 0 0 0 -0.47,-0.46 1.57,1.57 0 0 0 -1.38,0 1.08,1.08 0 0 0 -0.46,0.46 1.34,1.34 0 0 0 -0.17,0.68 v 0.11 a 1.53,1.53 0 0 0 0.17,0.72 1.07,1.07 0 0 0 0.46,0.48 1.49,1.49 0 0 0 1.38,0 z"
+       id="path91" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 631.92,641.37 h -2.48 v -14.73 h 2.48 z"
+       id="path92" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 695.77,628.47 0.18,0.26 a 1.1,1.1 0 0 1 -0.55,0.49 2.25,2.25 0 0 1 -0.87,0.16 2.41,2.41 0 0 1 -1.36,-0.39 2.55,2.55 0 0 1 -0.91,-1.08 3.78,3.78 0 0 1 -0.33,-1.62 v 0 a 3.86,3.86 0 0 1 0.36,-1.74 2.47,2.47 0 0 1 1,-1.11 3.71,3.71 0 0 1 3.25,0 2.55,2.55 0 0 1 1,1.12 4.06,4.06 0 0 1 0.35,1.76 v 0 a 5.07,5.07 0 0 1 -0.15,1.17 7.74,7.74 0 0 1 -0.42,1.29 1.19,1.19 0 0 1 -0.08,0.2 l -0.09,0.2 -2.06,4.51 h -1.79 z m 0.12,-1.1 a 1.76,1.76 0 0 0 0.33,-1.14 v 0 a 1.66,1.66 0 0 0 -0.33,-1.1 1.34,1.34 0 0 0 -1.89,0 1.67,1.67 0 0 0 -0.34,1.11 v 0 a 1.76,1.76 0 0 0 0.34,1.14 1.18,1.18 0 0 0 1,0.39 1.15,1.15 0 0 0 0.89,-0.4 z"
+       id="path93" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 677.83,647.4 a 4.66,4.66 0 0 1 -1.86,-1.9 5.93,5.93 0 0 1 -0.65,-2.85 v -4.18 a 5.93,5.93 0 0 1 0.65,-2.85 4.66,4.66 0 0 1 1.86,-1.9 5.48,5.48 0 0 1 2.76,-0.67 5.54,5.54 0 0 1 2.77,0.67 4.7,4.7 0 0 1 1.85,1.9 5.94,5.94 0 0 1 0.66,2.85 v 4.18 a 5.94,5.94 0 0 1 -0.66,2.85 4.7,4.7 0 0 1 -1.85,1.9 5.54,5.54 0 0 1 -2.77,0.67 5.48,5.48 0 0 1 -2.76,-0.67 z m 4.22,-2.09 a 2.4,2.4 0 0 0 1,-1 3.37,3.37 0 0 0 0.35,-1.55 v -4.36 a 3.37,3.37 0 0 0 -0.35,-1.55 2.4,2.4 0 0 0 -1,-1 3.14,3.14 0 0 0 -2.92,0 2.46,2.46 0 0 0 -1,1 3.37,3.37 0 0 0 -0.34,1.55 v 4.32 a 3.37,3.37 0 0 0 0.34,1.55 2.46,2.46 0 0 0 1,1 3.14,3.14 0 0 0 2.92,0 z"
+       id="path94" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 742.06,639.83 a 3,3 0 0 1 -0.79,-2.21 v -4.79 a 3,3 0 0 1 0.79,-2.2 3.73,3.73 0 0 1 4.58,0 3,3 0 0 1 0.79,2.21 v 4.79 a 3,3 0 0 1 -0.79,2.21 3.71,3.71 0 0 1 -4.58,0 z m 3.31,-1.28 a 1.86,1.86 0 0 0 0.33,-1.18 v -4.28 a 1.84,1.84 0 0 0 -0.33,-1.18 1.47,1.47 0 0 0 -2,0 1.84,1.84 0 0 0 -0.33,1.18 v 4.28 a 1.86,1.86 0 0 0 0.33,1.18 1.47,1.47 0 0 0 2,0 z"
+       id="path95" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 725.26,640 h 2.42 v 14.73 h -2.42 z m 1.17,6.7 h 4.71 a 2,2 0 0 0 1,-0.27 1.8,1.8 0 0 0 0.68,-0.76 2.52,2.52 0 0 0 0.25,-1.15 2.6,2.6 0 0 0 -0.24,-1.15 1.78,1.78 0 0 0 -0.69,-0.77 2,2 0 0 0 -1,-0.28 h -4.71 V 640 h 4.64 a 4.83,4.83 0 0 1 2.37,0.57 4,4 0 0 1 1.59,1.58 5.3,5.3 0 0 1 0,4.74 4,4 0 0 1 -1.59,1.57 4.94,4.94 0 0 1 -2.37,0.56 h -4.64 z"
+       id="path96" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 545.59,664.5 h 1.76 v 1.76 h -1.76 z m 0,5.75 h 1.76 v 2.47 l -1.76,1.75 z"
+       id="path97" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 526.8,671.51 h 2.42 v 14.73 h -2.42 z m 1.29,6.29 h 8.37 v 2.32 h -8.37 z m 6.92,-6.29 h 2.42 v 14.73 H 535 Z"
+       id="path98" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 594,663.85 1.77,-1.76 v 4.23 H 594 Z"
+       id="path99" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 577.1,686.39 a 4,4 0 0 1 -1.62,-1.41 l 2,-1.43 a 2.17,2.17 0 0 0 0.85,0.74 2.53,2.53 0 0 0 1.16,0.26 1.92,1.92 0 0 0 1.56,-0.65 2.82,2.82 0 0 0 0.55,-1.85 V 672 h 2.4 v 10 a 5.86,5.86 0 0 1 -0.55,2.62 3.84,3.84 0 0 1 -1.59,1.65 5.17,5.17 0 0 1 -2.51,0.56 5,5 0 0 1 -2.25,-0.44 z"
+       id="path100" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 643.3,668.13 1.76,-1.75 v 4.22 h -1.76 z m 2.21,0 1.76,-1.75 v 4.22 h -1.76 z"
+       id="path101" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 626,676.3 h 2.42 V 691 H 626 Z m 1.65,8.62 6.2,-8.62 h 3 l -9.2,12 z m 2.45,-1.55 2,-1.51 5.37,9.17 h -2.9 z"
+       id="path102" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 689.84,686 a 3.92,3.92 0 0 1 -1.84,-1.8 6.41,6.41 0 0 1 -0.62,-3 v -2 a 7.54,7.54 0 0 1 0.62,-3.2 4.08,4.08 0 0 1 1.86,-1.94 6.68,6.68 0 0 1 3.1,-0.65 6.58,6.58 0 0 1 3.04,0.59 4.16,4.16 0 0 1 1.87,2 7.43,7.43 0 0 1 0.62,3.24 v 2.26 a 2.74,2.74 0 0 1 -0.53,1.85 2.06,2.06 0 0 1 -1.57,0.59 2.33,2.33 0 0 1 -1.69,-0.56 2.36,2.36 0 0 1 -0.56,-1.71 h 1.58 a 1.17,1.17 0 0 0 0.16,0.69 0.53,0.53 0 0 0 0.47,0.23 0.49,0.49 0 0 0 0.45,-0.21 1.21,1.21 0 0 0 0.14,-0.68 v -2.41 a 5.84,5.84 0 0 0 -0.45,-2.44 3.12,3.12 0 0 0 -1.35,-1.47 4.6,4.6 0 0 0 -2.21,-0.49 4.7,4.7 0 0 0 -2.24,0.49 3,3 0 0 0 -1.35,1.46 6,6 0 0 0 -0.47,2.45 v 2 a 4.74,4.74 0 0 0 0.45,2.19 2.91,2.91 0 0 0 1.35,1.31 5.18,5.18 0 0 0 2.26,0.43 h 2.16 v 1.46 H 693 A 7.17,7.17 0 0 1 689.84,686 Z m 0.9,-2.87 a 4,4 0 0 1 -0.62,-2.43 v -1.25 a 3.68,3.68 0 0 1 0.7,-2.44 3.2,3.2 0 0 1 4.23,0 3.66,3.66 0 0 1 0.7,2.45 v 2.34 l -1,0.42 a 2,2 0 0 1 -0.68,1.29 2.32,2.32 0 0 1 -1.49,0.43 2.18,2.18 0 0 1 -1.84,-0.82 z M 693.8,682 a 2,2 0 0 0 0.29,-1.2 v -1.39 a 2,2 0 0 0 -0.29,-1.19 1,1 0 0 0 -0.87,-0.39 c -0.77,0 -1.16,0.53 -1.16,1.59 v 1.38 a 2,2 0 0 0 0.29,1.2 1,1 0 0 0 0.87,0.4 1,1 0 0 0 0.87,-0.4 z"
+       id="path103" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 674.36,683.32 h 2.42 v 14.73 h -2.42 z m 1.14,12.41 h 8.5 v 2.32 h -8.5 z"
+       id="path104" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 545.59,717.92 h 1.76 v 1.76 h -1.76 z m 0,-8.77 h 1.72 v 7.61 h -1.72 z"
+       id="path105" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 527.15,719.18 h 2.41 v 14.73 h -2.41 z m 1.21,12.44 h 4.35 a 2.85,2.85 0 0 0 1.88,-0.53 1.87,1.87 0 0 0 0.62,-1.49 v 0 a 2.29,2.29 0 0 0 -0.25,-1.12 1.64,1.64 0 0 0 -0.75,-0.72 2.87,2.87 0 0 0 -1.25,-0.24 h -4.6 v -2.27 H 533 a 2.15,2.15 0 0 0 1.53,-0.49 1.81,1.81 0 0 0 0.52,-1.41 1.72,1.72 0 0 0 -0.55,-1.38 2.51,2.51 0 0 0 -1.64,-0.47 h -4.46 v -2.29 h 4.69 a 5.45,5.45 0 0 1 2.41,0.48 3.28,3.28 0 0 1 1.5,1.31 4.2,4.2 0 0 1 0.51,2.13 3.45,3.45 0 0 1 -0.32,1.48 2.87,2.87 0 0 1 -0.95,1.1 3.66,3.66 0 0 1 -1.52,0.61 3.55,3.55 0 0 1 1.6,0.61 3,3 0 0 1 1,1.23 3.79,3.79 0 0 1 0.36,1.67 v 0 a 4.21,4.21 0 0 1 -0.53,2.13 3.56,3.56 0 0 1 -1.53,1.39 5.45,5.45 0 0 1 -2.37,0.49 h -4.86 z"
+       id="path106" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 594,718.42 h 1.77 v 1.77 H 594 Z"
+       id="path107" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 575,719.69 h 2.63 L 584,731 l -0.24,0.26 v -11.57 h 2.35 v 14.71 h -2.71 l -6.32,-11.16 0.25,-0.26 V 734.4 H 575 Z"
+       id="path108" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 644.4,722.71 h 1.77 v 2.47 l -1.77,1.75 z"
+       id="path109" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 634.5,724 h 2.79 v 14.7 H 635 v -11.24 l 0.1,0.65 -3.22,8.74 H 630 l -3.22,-8.53 0.1,-0.86 v 11.24 h -2.27 V 724 h 2.8 l 3.56,9.82 z"
+       id="path110" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 677.48,739.4 a 2.41,2.41 0 0 1 -1,-1 3.41,3.41 0 0 1 -0.34,-1.58 v -2.18 a 3.37,3.37 0 0 1 0.34,-1.57 2.38,2.38 0 0 1 1,-1 3,3 0 0 1 1.5,-0.36 2.67,2.67 0 0 1 1.29,0.31 2.63,2.63 0 0 1 1,0.88 3.58,3.58 0 0 1 0.52,1.36 h -1.34 a 1.88,1.88 0 0 0 -0.31,-0.67 1.61,1.61 0 0 0 -0.5,-0.44 1.39,1.39 0 0 0 -0.64,-0.15 1.52,1.52 0 0 0 -0.79,0.2 1.34,1.34 0 0 0 -0.51,0.59 2,2 0 0 0 -0.18,0.88 v 2.18 a 2,2 0 0 0 0.18,0.89 1.37,1.37 0 0 0 0.51,0.58 1.52,1.52 0 0 0 0.79,0.2 1.33,1.33 0 0 0 0.63,-0.15 1.38,1.38 0 0 0 0.51,-0.43 1.76,1.76 0 0 0 0.3,-0.68 h 1.34 a 3.43,3.43 0 0 1 -0.53,1.36 2.52,2.52 0 0 1 -1,0.88 2.67,2.67 0 0 1 -1.29,0.31 3,3 0 0 1 -1.48,-0.41 z"
+       id="path111" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 685.12,731.74 h 1 l 3,7.94 h -1.4 l -2,-5.91 -2.05,5.91 h -1.4 z m -1.57,5.18 h 4.17 v 1.25 h -4.17 z"
+       id="path112" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 690.14,731.74 h 1.31 v 7.94 h -1.31 z m 0.63,3.61 h 2.54 a 1.1,1.1 0 0 0 0.55,-0.14 1,1 0 0 0 0.37,-0.42 1.42,1.42 0 0 0 0,-1.23 1,1 0 0 0 -0.37,-0.42 1,1 0 0 0 -0.55,-0.15 h -2.54 v -1.25 h 2.5 a 2.66,2.66 0 0 1 1.28,0.31 2.11,2.11 0 0 1 0.85,0.85 2.53,2.53 0 0 1 0.31,1.28 2.49,2.49 0 0 1 -0.31,1.27 2.11,2.11 0 0 1 -0.85,0.85 2.66,2.66 0 0 1 -1.28,0.3 h -2.5 z"
+       id="path113" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 285.84,692.11 h -1.73 v -8.56 l -1.39,0.7 v -1.82 l 1.54,-0.85 h 1.58 z"
+       id="path114" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 294.89,691.61 h 1.76 l 5.53,14.72 h -2.61 l -3.8,-11 -3.81,11 h -2.6 z m -2.89,9.61 h 7.75 v 2.32 H 292 Z"
+       id="path115" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 329.53,683 3.64,-4.83 a 2.94,2.94 0 0 0 0.44,-0.76 1.9,1.9 0 0 0 0.16,-0.74 v 0 a 1.06,1.06 0 0 0 -0.32,-0.82 1.37,1.37 0 0 0 -0.92,-0.29 1.25,1.25 0 0 0 -0.92,0.35 1.62,1.62 0 0 0 -0.43,1 h -1.78 a 3.92,3.92 0 0 1 0.51,-1.62 2.65,2.65 0 0 1 1.07,-1 3.14,3.14 0 0 1 1.53,-0.36 3.88,3.88 0 0 1 1.65,0.32 2.38,2.38 0 0 1 1,0.94 2.91,2.91 0 0 1 0.36,1.49 v 0 a 3.56,3.56 0 0 1 -0.25,1.29 4.6,4.6 0 0 1 -0.67,1.23 l -2.82,3.71 h 3.8 v 1.65 h -6.09 z"
+       id="path116" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 341.49,698.7 a 8.37,8.37 0 0 1 -1.83,-0.61 7.23,7.23 0 0 1 -1.57,-1 l 1.29,-1.94 a 5.93,5.93 0 0 0 1.91,1.09 6.62,6.62 0 0 0 2.24,0.37 4.22,4.22 0 0 0 2.29,-0.53 1.66,1.66 0 0 0 0.82,-1.49 v 0 a 1.48,1.48 0 0 0 -0.37,-1.07 2.05,2.05 0 0 0 -0.95,-0.59 11.1,11.1 0 0 0 -1.51,-0.35 h -0.12 -0.18 a 13.61,13.61 0 0 1 -2.43,-0.58 3.44,3.44 0 0 1 -1.62,-1.19 3.89,3.89 0 0 1 -0.67,-2.44 v 0 a 4.34,4.34 0 0 1 0.63,-2.39 3.9,3.9 0 0 1 1.82,-1.51 7.77,7.77 0 0 1 4.46,-0.34 8.62,8.62 0 0 1 3,1.36 l -1.17,2 a 7,7 0 0 0 -1.73,-0.93 5.09,5.09 0 0 0 -1.72,-0.31 3.83,3.83 0 0 0 -2.16,0.51 1.64,1.64 0 0 0 -0.77,1.44 v 0 a 1.53,1.53 0 0 0 0.39,1.11 2.36,2.36 0 0 0 1,0.59 15.19,15.19 0 0 0 1.66,0.4 h 0.07 0.08 0.11 0.11 a 11.78,11.78 0 0 1 2.29,0.66 3.59,3.59 0 0 1 1.53,1.24 3.84,3.84 0 0 1 0.62,2.31 v 0 a 4.19,4.19 0 0 1 -0.65,2.36 4,4 0 0 1 -1.88,1.5 7.84,7.84 0 0 1 -3,0.51 9.67,9.67 0 0 1 -1.99,-0.18 z"
+       id="path117" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 382.65,679.2 a 2.66,2.66 0 0 1 -1.13,-1 3.39,3.39 0 0 1 -0.51,-1.53 h 1.78 a 1.48,1.48 0 0 0 0.24,0.64 1,1 0 0 0 0.47,0.39 1.57,1.57 0 0 0 0.67,0.13 1.35,1.35 0 0 0 1,-0.35 1.31,1.31 0 0 0 0.36,-1 v -0.29 a 1.63,1.63 0 0 0 -0.32,-1.07 1.08,1.08 0 0 0 -0.9,-0.38 h -0.82 v -1.66 h 0.82 a 0.94,0.94 0 0 0 0.77,-0.32 1.43,1.43 0 0 0 0.27,-0.93 v -0.25 a 1.21,1.21 0 0 0 -0.29,-0.86 1.29,1.29 0 0 0 -1.41,-0.16 1.15,1.15 0 0 0 -0.44,0.41 2,2 0 0 0 -0.26,0.69 h -1.77 a 3.79,3.79 0 0 1 0.53,-1.57 2.77,2.77 0 0 1 1.07,-1 3.13,3.13 0 0 1 1.48,-0.34 3,3 0 0 1 2.14,0.71 2.67,2.67 0 0 1 0.76,2 v 0.25 a 2.3,2.3 0 0 1 -0.4,1.33 2.41,2.41 0 0 1 -1.13,0.83 2,2 0 0 1 1.25,0.82 2.78,2.78 0 0 1 0.45,1.63 v 0.25 a 3.17,3.17 0 0 1 -0.36,1.57 2.36,2.36 0 0 1 -1.05,1 3.79,3.79 0 0 1 -1.65,0.34 3.68,3.68 0 0 1 -1.62,-0.28 z"
+       id="path118" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 390.43,678.93 h 2.42 v 14.72 h -2.42 z m 1.4,12.4 h 3.43 a 3.35,3.35 0 0 0 2.33,-0.75 2.72,2.72 0 0 0 0.82,-2.12 v -4.34 a 2.71,2.71 0 0 0 -0.82,-2.12 3.35,3.35 0 0 0 -2.33,-0.75 h -3.43 v -2.32 h 3.37 a 7.13,7.13 0 0 1 3.09,0.61 4.44,4.44 0 0 1 1.95,1.81 5.77,5.77 0 0 1 0.66,2.85 v 4.18 a 5.8,5.8 0 0 1 -0.65,2.81 4.39,4.39 0 0 1 -1.94,1.82 6.89,6.89 0 0 1 -3.12,0.64 h -3.36 z"
+       id="path119" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 429.19,671.55 3.39,-7.36 h 1.89 l -3.31,7.27 h 4.95 v 1.64 h -6.92 z m 4.4,-3 h 1.71 v 6.2 h -1.71 z"
+       id="path120" />
+    <path
+       class="cls-15" fill="#fff"
+       d="M 439.62,674.21 H 442 v 14.73 h -2.42 z m 1,0 h 8.45 v 2.32 h -8.45 z m 0,6.39 H 448 v 2.31 h -7.34 z"
+       id="path121" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 479.54,673.46 a 2.5,2.5 0 0 1 -1.05,-1 3.78,3.78 0 0 1 -0.5,-1.56 h 1.73 a 1.4,1.4 0 0 0 0.41,0.9 1.24,1.24 0 0 0 0.89,0.32 1.16,1.16 0 0 0 1,-0.4 1.8,1.8 0 0 0 0.34,-1.16 v -0.88 a 1.76,1.76 0 0 0 -0.33,-1.14 1.08,1.08 0 0 0 -0.9,-0.41 1.26,1.26 0 0 0 -0.74,0.22 1.49,1.49 0 0 0 -0.52,0.61 h -1.6 v -5.81 h 5.51 v 1.66 H 480 v 2.12 a 1.74,1.74 0 0 1 0.61,-0.35 2.39,2.39 0 0 1 0.74,-0.12 2.8,2.8 0 0 1 1.48,0.37 2.43,2.43 0 0 1 0.94,1.1 4.41,4.41 0 0 1 0.32,1.75 v 0.88 a 3.9,3.9 0 0 1 -0.36,1.75 2.52,2.52 0 0 1 -1,1.1 3.24,3.24 0 0 1 -1.64,0.39 3.06,3.06 0 0 1 -1.55,-0.34 z"
+       id="path122" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 497.46,679.84 v 2.72 a 6.07,6.07 0 0 1 -0.66,2.89 4.66,4.66 0 0 1 -1.84,1.94 5.48,5.48 0 0 1 -2.76,0.68 5.79,5.79 0 0 1 -2.78,-0.64 4.56,4.56 0 0 1 -1.87,-1.82 5.45,5.45 0 0 1 -0.66,-2.72 v -4.35 a 6.06,6.06 0 0 1 0.65,-2.88 4.63,4.63 0 0 1 1.84,-1.93 5.39,5.39 0 0 1 2.76,-0.69 5.3,5.3 0 0 1 2.38,0.54 5,5 0 0 1 1.82,1.54 5.76,5.76 0 0 1 1,2.3 h -2.62 a 2.55,2.55 0 0 0 -1.48,-1.71 2.78,2.78 0 0 0 -1.1,-0.23 2.75,2.75 0 0 0 -1.45,0.38 2.55,2.55 0 0 0 -1,1.08 3.52,3.52 0 0 0 -0.34,1.6 v 4.35 a 2.85,2.85 0 0 0 0.35,1.44 2.41,2.41 0 0 0 1,1 3.08,3.08 0 0 0 1.48,0.34 2.87,2.87 0 0 0 1.46,-0.36 2.44,2.44 0 0 0 1,-1 3.73,3.73 0 0 0 0.34,-1.63 v -0.44 h -2.62 v -2.32 z"
+       id="path123" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 336.71,732.1 v 1.65 h -6.18 v -1.65 z"
+       id="path124" />
+    <path
+       class="cls-15" fill="#fff"
+       d="M 349.41,733.74 343.17,744 h 6.44 v 2.32 h -9.36 v -2.14 l 6.26,-10.27 h -6.07 v -2.31 h 9 z"
+       id="path125" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 384,726.93 a 5.43,5.43 0 0 1 -1.26,-0.5 3.54,3.54 0 0 1 -0.94,-0.74 l 1,-1.42 a 3.62,3.62 0 0 0 1.22,0.86 3.44,3.44 0 0 0 1.42,0.29 2.34,2.34 0 0 0 1.42,-0.36 1.28,1.28 0 0 0 0.48,-1.08 v 0 a 1.14,1.14 0 0 0 -0.22,-0.75 1.4,1.4 0 0 0 -0.59,-0.41 5.21,5.21 0 0 0 -0.92,-0.24 h -0.19 a 9.77,9.77 0 0 1 -1.61,-0.41 2.37,2.37 0 0 1 -1.06,-0.84 2.9,2.9 0 0 1 -0.44,-1.73 v 0 a 3.46,3.46 0 0 1 0.4,-1.75 2.51,2.51 0 0 1 1.19,-1.08 4.61,4.61 0 0 1 1.93,-0.37 4.44,4.44 0 0 1 1,0.12 4.73,4.73 0 0 1 1,0.35 5.63,5.63 0 0 1 1,0.56 l -0.87,1.45 a 4.44,4.44 0 0 0 -1.08,-0.59 3,3 0 0 0 -1.07,-0.2 2.16,2.16 0 0 0 -1.32,0.34 1.21,1.21 0 0 0 -0.45,1 v 0 a 1.21,1.21 0 0 0 0.25,0.8 1.46,1.46 0 0 0 0.64,0.42 8.37,8.37 0 0 0 1.05,0.28 h 0.15 0.08 a 6.7,6.7 0 0 1 1.47,0.47 2.36,2.36 0 0 1 1,0.89 3,3 0 0 1 0.32,1.71 v 0 a 3.3,3.3 0 0 1 -0.42,1.72 2.63,2.63 0 0 1 -1.24,1 4.9,4.9 0 0 1 -2,0.36 5.54,5.54 0 0 1 -1.34,-0.15 z m 0.72,-11.75 h 1.72 v 1.65 h -1.72 z m 0,11.35 h 1.72 v 1.75 h -1.72 z"
+       id="path126" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 396.06,732.48 3.51,-6 h 2.62 l -4.87,8.14 -3.85,6.58 h -2.62 z m 0,2.49 -0.29,-0.5 -4.83,-8 h 2.62 l 3.43,5.79 0.36,0.59 5,8.34 h -2.62 z"
+       id="path127" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 432.77,714.76 h 1.77 v 1.77 h -1.77 z m 0,5.75 h 1.77 v 1.77 h -1.77 z"
+       id="path128" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 442.26,736 a 4.43,4.43 0 0 1 -1.81,-1.9 6.32,6.32 0 0 1 -0.63,-2.92 v -4 a 6.39,6.39 0 0 1 0.63,-2.93 4.49,4.49 0 0 1 1.81,-1.9 5.53,5.53 0 0 1 2.78,-0.67 5.07,5.07 0 0 1 2.41,0.57 4.81,4.81 0 0 1 1.79,1.63 6.63,6.63 0 0 1 1,2.53 h -2.49 a 3.55,3.55 0 0 0 -0.58,-1.24 2.71,2.71 0 0 0 -0.94,-0.82 2.46,2.46 0 0 0 -1.23,-0.35 2.72,2.72 0 0 0 -1.45,0.38 2.51,2.51 0 0 0 -0.95,1.08 3.79,3.79 0 0 0 -0.33,1.65 v 4 a 3.86,3.86 0 0 0 0.33,1.65 2.48,2.48 0 0 0 0.95,1.07 2.72,2.72 0 0 0 1.45,0.38 2.48,2.48 0 0 0 1.18,-0.28 2.65,2.65 0 0 0 0.94,-0.8 3.47,3.47 0 0 0 0.57,-1.26 h 2.49 a 6.59,6.59 0 0 1 -1,2.52 4.84,4.84 0 0 1 -1.79,1.64 5.06,5.06 0 0 1 -2.4,0.57 5.53,5.53 0 0 1 -2.73,-0.6 z"
+       id="path129" />
+    <path
+       class="cls-8" fill="#f8ae59"
+       d="m 481.11,717.1 a 3.74,3.74 0 0 1 0.41,-0.92 c 0.17,-0.26 0.38,-0.55 0.64,-0.89 0.26,-0.34 0.36,-0.46 0.47,-0.63 a 2.7,2.7 0 0 0 0.29,-0.56 2.09,2.09 0 0 0 0.11,-0.67 v 0 a 1.31,1.31 0 0 0 -0.28,-0.88 1,1 0 0 0 -0.79,-0.3 1,1 0 0 0 -0.8,0.36 1.66,1.66 0 0 0 -0.29,1 h -1.78 a 3.84,3.84 0 0 1 0.38,-1.63 2.38,2.38 0 0 1 1,-1 3,3 0 0 1 1.49,-0.36 3.47,3.47 0 0 1 1.54,0.32 2.15,2.15 0 0 1 1,0.93 2.87,2.87 0 0 1 0.34,1.46 v 0 a 3,3 0 0 1 -0.5,1.72 c -0.14,0.21 -0.33,0.47 -0.56,0.76 a 7.84,7.84 0 0 0 -0.57,0.77 3.24,3.24 0 0 0 -0.36,0.77 3.06,3.06 0 0 0 -0.14,1 h -1.73 a 4.34,4.34 0 0 1 0.13,-1.25 z m -0.18,2.4 h 1.76 v 1.76 h -1.76 z"
+       id="path130" />
+    <path
+       class="cls-15" fill="#fff"
+       d="m 487.4,720.76 h 2.6 l 3.33,10.69 3.33,-10.69 h 2.55 l -4.85,14.73 h -2.07 z"
+       id="path131" />
+    <circle
+       class="cls-16" fill="#63615e"
+       cx="278.17001"
+       cy="428.75"
+       r="5.04"
+       id="circle131" />
+    <circle
+       class="cls-16" fill="#63615e"
+       cx="278.17001"
+       cy="445.89001"
+       r="5.04"
+       id="circle132" />
+    <circle
+       class="cls-16" fill="#63615e"
+       cx="278.17001"
+       cy="463.03"
+       r="5.04"
+       id="circle133" />
+    <circle
+       class="cls-16" fill="#63615e"
+       cx="278.17001"
+       cy="480.17001"
+       r="5.04"
+       id="circle134" />
+    <circle
+       class="cls-16" fill="#63615e"
+       cx="278.17001"
+       cy="497.31"
+       r="5.04"
+       id="circle135" />
+    <circle
+       class="cls-16" fill="#63615e"
+       cx="278.17001"
+       cy="514.45001"
+       r="5.04"
+       id="circle136" />
+    <circle
+       class="cls-16" fill="#63615e"
+       cx="278.17001"
+       cy="531.59998"
+       r="5.04"
+       id="circle137" />
+    <path
+       class="cls-16" fill="#63615e"
+       d="m 283.22,548.74 a 4.62,4.62 0 0 1 -0.19,1.34 h -9.7 a 4.3,4.3 0 0 1 -0.19,-1.34 5.04,5.04 0 1 1 10.08,0 z"
+       id="path137" />
+    <path
+       class="cls-16" fill="#63615e"
+       d="m 283.22,565.89 a 5.04,5.04 0 0 1 -10.08,0 4.39,4.39 0 0 1 0.19,-1.36 H 283 a 4.71,4.71 0 0 1 0.22,1.36 z"
+       id="path138" />
+    <circle
+       class="cls-16" fill="#63615e"
+       cx="278.17001"
+       cy="583.02002"
+       r="5.04"
+       id="circle138" />
+    <circle
+       class="cls-16" fill="#63615e"
+       cx="296.17001"
+       cy="428.75"
+       r="5.04"
+       id="circle139" />
+    <circle
+       class="cls-16" fill="#63615e"
+       cx="296.17001"
+       cy="445.89001"
+       r="5.04"
+       id="circle140" />
+    <circle
+       class="cls-16" fill="#63615e"
+       cx="296.17001"
+       cy="463.03"
+       r="5.04"
+       id="circle141" />
+    <circle
+       class="cls-16" fill="#63615e"
+       cx="296.17001"
+       cy="480.17001"
+       r="5.04"
+       id="circle142" />
+    <circle
+       class="cls-16" fill="#63615e"
+       cx="296.17001"
+       cy="497.31"
+       r="5.04"
+       id="circle143" />
+    <circle
+       class="cls-16" fill="#63615e"
+       cx="296.17001"
+       cy="514.45001"
+       r="5.04"
+       id="circle144" />
+    <circle
+       class="cls-16" fill="#63615e"
+       cx="296.17001"
+       cy="531.59998"
+       r="5.04"
+       id="circle145" />
+    <path
+       class="cls-16" fill="#63615e"
+       d="m 301.21,548.74 a 4.3,4.3 0 0 1 -0.19,1.34 h -9.69 a 4.31,4.31 0 0 1 -0.2,-1.34 5.04,5.04 0 1 1 10.08,0 z"
+       id="path145" />
+    <path
+       class="cls-16" fill="#63615e"
+       d="m 301.21,565.89 a 5.04,5.04 0 0 1 -10.08,0 4.39,4.39 0 0 1 0.2,-1.36 H 301 a 4.39,4.39 0 0 1 0.21,1.36 z"
+       id="path146" />
+    <circle
+       class="cls-16" fill="#63615e"
+       cx="296.17001"
+       cy="583.02002"
+       r="5.04"
+       id="circle146" />
+    <circle
+       class="cls-17" fill="#b7b6b6"
+       cx="314.16"
+       cy="428.75"
+       r="5.04"
+       id="circle147" />
+    <circle
+       class="cls-17" fill="#b7b6b6"
+       cx="314.16"
+       cy="445.89001"
+       r="5.04"
+       id="circle148" />
+    <circle
+       class="cls-17" fill="#b7b6b6"
+       cx="314.16"
+       cy="463.03"
+       r="5.04"
+       id="circle149" />
+    <circle
+       class="cls-17" fill="#b7b6b6"
+       cx="314.16"
+       cy="480.17001"
+       r="5.04"
+       id="circle150" />
+    <circle
+       class="cls-17" fill="#b7b6b6"
+       cx="314.16"
+       cy="497.31"
+       r="5.04"
+       id="circle151" />
+    <circle
+       class="cls-17" fill="#b7b6b6"
+       cx="314.16"
+       cy="514.45001"
+       r="5.04"
+       id="circle152" />
+    <circle
+       class="cls-17" fill="#b7b6b6"
+       cx="314.16"
+       cy="531.59998"
+       r="5.04"
+       id="circle153" />
+    <path
+       class="cls-17" fill="#b7b6b6"
+       d="m 319.21,548.74 a 4.62,4.62 0 0 1 -0.19,1.34 h -9.7 a 4.62,4.62 0 0 1 -0.19,-1.34 5.04,5.04 0 1 1 10.08,0 z"
+       id="path153" />
+    <path
+       class="cls-17" fill="#b7b6b6"
+       d="m 319.21,565.89 a 5.04,5.04 0 0 1 -10.08,0 4.71,4.71 0 0 1 0.19,-1.36 H 319 a 4.71,4.71 0 0 1 0.21,1.36 z"
+       id="path154" />
+    <circle
+       class="cls-17" fill="#b7b6b6"
+       cx="314.16"
+       cy="583.02002"
+       r="5.04"
+       id="circle154" />
+    <circle
+       class="cls-17" fill="#b7b6b6"
+       cx="332.16"
+       cy="428.75"
+       r="5.04"
+       id="circle155" />
+    <circle
+       class="cls-17" fill="#b7b6b6"
+       cx="332.16"
+       cy="445.89001"
+       r="5.04"
+       id="circle156" />
+    <circle
+       class="cls-17" fill="#b7b6b6"
+       cx="332.16"
+       cy="463.03"
+       r="5.04"
+       id="circle157" />
+    <circle
+       class="cls-17" fill="#b7b6b6"
+       cx="332.16"
+       cy="480.17001"
+       r="5.04"
+       id="circle158" />
+    <circle
+       class="cls-17" fill="#b7b6b6"
+       cx="332.16"
+       cy="497.31"
+       r="5.04"
+       id="circle159" />
+    <circle
+       class="cls-17" fill="#b7b6b6"
+       cx="332.16"
+       cy="514.45001"
+       r="5.04"
+       id="circle160" />
+    <circle
+       class="cls-17" fill="#b7b6b6"
+       cx="332.16"
+       cy="531.59998"
+       r="5.04"
+       id="circle161" />
+    <path
+       class="cls-17" fill="#b7b6b6"
+       d="m 337.21,548.74 a 4.31,4.31 0 0 1 -0.2,1.34 h -9.69 a 4.31,4.31 0 0 1 -0.2,-1.34 5.045,5.045 0 1 1 10.09,0 z"
+       id="path161" />
+    <path
+       class="cls-17" fill="#b7b6b6"
+       d="m 337.21,565.89 a 5.045,5.045 0 0 1 -10.09,0 4.39,4.39 0 0 1 0.2,-1.36 H 337 a 4.39,4.39 0 0 1 0.21,1.36 z"
+       id="path162" />
+    <circle
+       class="cls-17" fill="#b7b6b6"
+       cx="332.16"
+       cy="583.02002"
+       r="5.04"
+       id="circle162" />
+    <path
+       class="cls-18" stroke="#1d1d1b"
+       d="m 783.21,445.34 v 230.73 a 90.33,90.33 0 0 1 -16.64,52.23 l -12.37,17.46 a 90.33,90.33 0 0 1 -73.69,38.09 H 312.85 A 65.93,65.93 0 0 1 246.91,717.92 V 445.34 a 46.14,46.14 0 0 1 46.14,-46.14 h 444 a 46.14,46.14 0 0 1 46.16,46.14 z"
+       id="path163" />
+    <path
+       class="cls-18" stroke="#1d1d1b"
+       d="m 714.47,398.89 5,-129.39 c 0.19,-4.47 0.58,-8.94 1.17,-13.38 l 12.58,-93.84 a 8.72,8.72 0 0 1 8.65,-7.56 h 25.86 a 8.73,8.73 0 0 1 8.7,8.15 l 6.22,94.9 a 144.62,144.62 0 0 1 0.22,14.87 l -5.67,149.91"
+       id="path164" />
+    <path
+       class="cls-18" stroke="#1d1d1b"
+       d="M 270.74,405 V 167.73 a 8.72,8.72 0 0 1 8.71,-8.71 h 38.64 a 8.71,8.71 0 0 1 8.69,8.71 V 399.2"
+       id="path165" />
+    <rect
+       class="cls-18" stroke="#1d1d1b"
+       x="278.34"
+       y="245.57001"
+       width="8.5900002"
+       height="37.990002"
+       rx="1.36"
+       id="rect165" />
+    <rect
+       class="cls-18" stroke="#1d1d1b"
+       x="312.01999"
+       y="245.57001"
+       width="8.5900002"
+       height="37.990002"
+       rx="1.36"
+       id="rect166" />
+    <rect
+       class="cls-18" stroke="#1d1d1b"
+       x="278.34"
+       y="347.41"
+       width="8.5900002"
+       height="37.990002"
+       rx="1.36"
+       id="rect167" />
+    <rect
+       class="cls-18" stroke="#1d1d1b"
+       x="312.01999"
+       y="347.41"
+       width="8.5900002"
+       height="37.990002"
+       rx="1.36"
+       id="rect168" />
+    <rect
+       class="cls-18" stroke="#1d1d1b"
+       x="285.76999"
+       y="162.36"
+       width="25.719999"
+       height="9.1999998"
+       id="rect169" />
+    <rect
+       class="cls-18" stroke="#1d1d1b"
+       x="345.92001"
+       y="428.25"
+       width="340.13"
+       height="155.95"
+       id="rect170"
+       style="fill:#000000" />
+    <rect
+       class="cls-18" stroke="#1d1d1b"
+       x="747.12"
+       y="439.17999"
+       width="18.82"
+       height="89.07"
+       rx="2.79"
+       id="rect171" />
+    <ellipse
+       class="cls-19" stroke-width="1.98px"
+       cx="513.10999"
+       cy="765.08002"
+       rx="50.290001"
+       ry="13.81"
+       id="ellipse171" />
+    <path
+       class="cls-19" stroke-width="1.98px"
+       d="m 311.26,737.68 -3.9,10.44 a 5.17,5.17 0 0 1 -6.49,3.06 c -9.51,-3.16 -17.08,-8.57 -21.13,-14.68 a 5.12,5.12 0 0 1 3.53,-7.88 54.46,54.46 0 0 1 7.44,-0.5 51.61,51.61 0 0 1 17.5,2.93 5.14,5.14 0 0 1 3.05,6.63 z"
+       id="path171" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="291.57999"
+       cy="641.46997"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,291.5775,641.47465)"
+       id="ellipse172" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="340.39999"
+       cy="634.02002"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,340.40033,634.02157)"
+       id="ellipse173" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="390.04999"
+       cy="629.06"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,390.05655,629.06329)"
+       id="ellipse174" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="438.88"
+       cy="624.91998"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,438.88027,624.91984)"
+       id="ellipse175" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="487.42999"
+       cy="623.27002"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,487.42377,623.26247)"
+       id="ellipse176" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="291.57999"
+       cy="692.66998"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,291.57203,692.66691)"
+       id="ellipse177" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="340.39999"
+       cy="685.22998"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,340.40193,685.2309)"
+       id="ellipse178" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="390.04999"
+       cy="680.26001"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,390.05108,680.25555)"
+       id="ellipse179" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="438.88"
+       cy="676.12"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,438.88187,676.12918)"
+       id="ellipse180" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="487.42999"
+       cy="674.46997"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,487.42537,674.4718)"
+       id="ellipse181" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="343.20999"
+       cy="735.63"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,343.21597,735.62529)"
+       id="ellipse182" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="390.04999"
+       cy="727.62"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,390.04865,727.61656)"
+       id="ellipse183" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="438.88"
+       cy="723.47998"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,438.88445,723.47811)"
+       id="ellipse184" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="487.42999"
+       cy="721.82001"
+       rx="14.9"
+       ry="22.690001"
+       transform="rotate(-45,487.42794,721.82074)"
+       id="ellipse185" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="734.63"
+       cy="641.46997"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,734.63698,641.4734)"
+       id="ellipse186" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="685.81"
+       cy="634.02002"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,685.80909,634.01857)"
+       id="ellipse187" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="636.15997"
+       cy="629.06"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,636.15727,629.06503)"
+       id="ellipse188" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="587.33002"
+       cy="624.91998"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,587.33027,624.91984)"
+       id="ellipse189" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="538.78003"
+       cy="623.27002"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,538.78588,623.26758)"
+       id="ellipse190" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="734.63"
+       cy="692.66998"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,734.62651,692.67774)"
+       id="ellipse191" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="685.81"
+       cy="685.22998"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,685.81069,685.22791)"
+       id="ellipse192" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="636.15997"
+       cy="680.26001"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,636.1518,680.2573)"
+       id="ellipse193" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="587.33002"
+       cy="676.12"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,587.33187,676.12917)"
+       id="ellipse194" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="538.78003"
+       cy="674.46997"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,538.78042,674.45984)"
+       id="ellipse195" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="636.15997"
+       cy="727.62"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,636.14937,727.6183)"
+       id="ellipse196" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="684.17999"
+       cy="737.10999"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,684.17847,737.104)"
+       id="ellipse197" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="587.33002"
+       cy="723.47998"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,587.33444,723.47811)"
+       id="ellipse198" />
+    <ellipse
+       class="cls-20" stroke-width="2.02px"
+       cx="538.78003"
+       cy="721.82001"
+       rx="22.690001"
+       ry="14.9"
+       transform="rotate(-45,538.77799,721.82085)"
+       id="ellipse199" />
+    <path
+       class="cls-20" stroke-width="2.02px"
+       d="m 730.47,553.74 v 21 a 20.6,20.6 0 0 0 20.6,20.6 h 5.75 a 7.82,7.82 0 0 0 7.82,-7.82 v 0 A 7.9,7.9 0 0 0 763.7,583.8 L 745.37,550 a 7.8,7.8 0 0 0 -6.54,-4.08 h -0.22 a 7.84,7.84 0 0 0 -8.14,7.82 z"
+       id="path199" />
+    <path
+       class="cls-18" stroke="#1d1d1b"
+       d="m 832.36,798.41 c 0,0 -1.92,-8 -20.71,-28.76 -17.68,-19.49 -40.81,-39.32 -43.45,-41.57 0,0 -0.09,0 -0.06,0.06 32.14,45.07 64.22,70.27 64.22,70.27 L 787.5,840.2 c -28.37,-20.32 -61.35,-69.4 -61.35,-69.4"
+       id="path200" />
+  </g>
+  <ellipse
+     class="cls-8" fill="#f8ae59"
+     cx="267.16998"
+     cy="611.33002"
+     rx="50.290001"
+     ry="13.81"
+     id="ellipse10" />
+</svg>
diff --git a/site/assets/device/lilygo/t-deck.svg b/site/assets/device/lilygo/t-deck.svg
new file mode 100644
index 00000000..c13a445c
--- /dev/null
+++ b/site/assets/device/lilygo/t-deck.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="696.3 500.37 622.29 968.69"><defs><style>.cls-1{fill:#2d2d2d;}.cls-2{fill:#383838;}.cls-3{fill:#474649;}.cls-4{fill:#939696;}.cls-5,.cls-7{fill:#e6e8e8;}.cls-11,.cls-12,.cls-13,.cls-14,.cls-15,.cls-16,.cls-17,.cls-18,.cls-6{fill:none;}.cls-16,.cls-6{stroke:#939696;stroke-width:2px;}.cls-18,.cls-6{stroke-linecap:round;stroke-linejoin:round;}.cls-7{font-size:22.85px;font-family:ArialMT, Arial;}.cls-8{fill:#515153;}.cls-9{fill:#e2d299;}.cls-10{fill:#fff;}.cls-11,.cls-13,.cls-14,.cls-15{stroke:#050606;}.cls-11,.cls-12,.cls-13,.cls-14,.cls-15,.cls-16,.cls-17{stroke-miterlimit:10;}.cls-11{stroke-width:1.35px;}.cls-12,.cls-17,.cls-18{stroke:#fff;}.cls-12,.cls-15{stroke-width:1.79px;}.cls-13{stroke-width:1.8px;}.cls-14{stroke-width:4.05px;}.cls-17{stroke-width:1.37px;}.cls-18{stroke-width:1.37px;}</style></defs><g id="Layer_3" data-name="Layer 3"><path class="cls-1" fill="#2d2d2d" d="M1292.56,1030.81v287.34c0,51.3-17,98.13-78.62,120.23-33.78,12.13-72.45,17.21-107.88,19.81-23.07,1.7-66.69,2.55-98.62,2.85-31.93-.3-75.55-1.15-98.62-2.85-35.43-2.6-74.1-7.68-107.88-19.81-61.6-22.1-78.62-68.93-78.62-120.23V1030.81Z"/><path class="cls-2" fill="#383838" d="M1306.83,1210.35c-3,2.5-2.35,7.42-6.33,11.56-2,2.07-5.21,2.65-7.94,2.72v93.52c0,51.3-17,98.13-78.62,120.23-33.78,12.13-72.45,17.21-107.88,19.81-23.07,1.7-66.69,2.55-98.62,2.85-31.93-.3-75.55-1.15-98.62-2.85-35.43-2.6-74.1-7.68-107.88-19.81-61.6-22.1-78.62-68.93-78.62-120.23v-94.29a17.44,17.44,0,0,1-7.13-1.4c-5.08-2.35-3.9-7.73-7.43-11.92a8.73,8.73,0,0,0-3.92-2.65v110.83c0,52.75,17,100.9,78.62,123.63,33.79,12.47,72.21,18,107.6,21.08,21,1.85,69.3,3.79,117.26,3.59h.24c48,.2,96.28-1.74,117.26-3.59,35.39-3.12,73.81-8.61,107.6-21.08,61.59-22.73,78.62-70.88,78.62-123.63V1208.18A13.09,13.09,0,0,0,1306.83,1210.35Z"/><path class="cls-3" fill="#474649" d="M722.79,1332.36h0a25.91,25.91,0,0,0,25.92-25.92V1137.88h530.2v186.39a12.8,12.8,0,0,0,12.81,12.8h0v-29l.84-277.22H722.32Z"/><path class="cls-1" fill="#2d2d2d" d="M1292.56,590.3v440.51H722.32V590.3a74.74,74.74,0,0,1,74.75-74.75h420.74A74.74,74.74,0,0,1,1292.56,590.3Z"/><rect class="cls-4" fill="#939696" x="942.13" y="547.62" width="132.22" height="13.89" rx="6.95"/><rect class="cls-5" fill="#e6e8e8" x="743.88" y="1199.81" width="540.06" height="13.65" rx="6.82"/><rect class="cls-5" fill="#e6e8e8" x="743.88" y="1133.54" width="540.06" height="13.65" rx="6.82"/><rect class="cls-5" fill="#e6e8e8" x="743.88" y="1266.09" width="540.06" height="13.65" rx="6.82"/><rect class="cls-5" fill="#e6e8e8" x="743.88" y="1332.36" width="540.06" height="13.65" rx="6.82"/><path class="cls-6" stroke-linecap="round" stroke-linejoin="round" d="M1021.42,1034.73v9.87a34.52,34.52,0,0,1,27,27.08h9.86"/><path class="cls-6" stroke-linecap="round" stroke-linejoin="round" d="M1007.54,1034.76v9.88a34.5,34.5,0,0,0-26.79,27h-9.86"/><path class="cls-6" stroke-linecap="round" stroke-linejoin="round" d="M971,1085.57h9.89a34.53,34.53,0,0,0,26.69,26.57V1122"/><path class="cls-6" stroke-linecap="round" stroke-linejoin="round" d="M1021.42,1122.05v-9.87a34.53,34.53,0,0,0,26.86-26.61h9.89"/><circle class="cls-5" fill="#e6e8e8" cx="1014.57" cy="1078.39" r="26.4"/><rect class="cls-2" fill="#383838" x="755.65" y="633.64" width="500.52" height="377.46"/><text class="cls-7" transform="translate(762.22 1184.58)">Q</text><text class="cls-7" transform="translate(813.86 1184.58)">W</text><text class="cls-7" transform="translate(867.23 1184.58)">E</text><text class="cls-7" transform="translate(920.6 1184.58)">R</text><text class="cls-7" transform="translate(973.98 1184.58)">T</text><text class="cls-7" transform="translate(1034.95 1184.58)">Y</text><text class="cls-7" transform="translate(1142 1184.58)">I</text><text class="cls-7" transform="translate(1088.49 1184.58)">U</text><text class="cls-7" transform="translate(1246.93 1184.58)">P</text><text class="cls-7" transform="translate(1194.11 1184.58)">O</text><text class="cls-7" transform="translate(762.22 1249.77)">A</text><text class="cls-7" transform="translate(813.86 1249.77)">S</text><text class="cls-7" transform="translate(867.23 1249.77)">D</text><text class="cls-7" transform="translate(920.6 1249.77)">F</text><text class="cls-7" transform="translate(973.98 1249.77)">G</text><text class="cls-7" transform="translate(1034.95 1249.77)">H</text><text class="cls-7" transform="translate(1142 1249.77)">K</text><text class="cls-7" transform="translate(1088.49 1249.77)">J</text><text class="cls-7" transform="translate(1194.11 1249.77)">L</text><text class="cls-7" transform="translate(758.45 1316)">alt</text><text class="cls-7" transform="translate(813.86 1316)">Z</text><text class="cls-7" transform="translate(867.23 1316)">X</text><text class="cls-7" transform="translate(920.6 1316)">C</text><text class="cls-7" transform="translate(973.98 1316)">V</text><text class="cls-7" transform="translate(1034.95 1316)">B</text><text class="cls-7" transform="translate(1142 1316)">M</text><text class="cls-7" transform="translate(1088.49 1316)">N</text><path class="cls-8" fill="#515153" d="M1316.56,617.77v408.74a6.22,6.22,0,0,1-1.81,4.39l-3.71,3.71v173.57a13.09,13.09,0,0,0-4.21,2.17c-3,2.5-2.35,7.42-6.33,11.56-2,2.07-5.21,2.65-7.94,2.72V590.3a74.74,74.74,0,0,0-74.75-74.75H797.07a74.74,74.74,0,0,0-74.75,74.75v633.56a17.44,17.44,0,0,1-7.13-1.4c-5.08-2.35-3.9-7.73-7.43-11.92a8.73,8.73,0,0,0-3.92-2.65V1034.61l-3.71-3.71-.08-.09a6.2,6.2,0,0,1-1.73-4.3V617.77a6.23,6.23,0,0,1,1.59-4.15l3.93-4.38V594.81a92.42,92.42,0,0,1,92.42-92.42h422.36A92.38,92.38,0,0,1,1311,594.81v14.43l3.93,4.38A6.23,6.23,0,0,1,1316.56,617.77Z"/></g><g id="Layer_2" data-name="Layer 2"><path class="cls-9" fill="#e2d299" d="M743.88,1061.4a14.6,14.6,0,1,1,14.6-14.6A14.62,14.62,0,0,1,743.88,1061.4Zm0-26a11.36,11.36,0,1,0,11.36,11.36A11.38,11.38,0,0,0,743.88,1035.44Z"/><path class="cls-10" fill="#fff" d="M892.79,1438.55v-19.42h4v16.13h9.83v3.29Z"/><path class="cls-10" fill="#fff" d="M909.28,1438.55V1419h4v19.58Z"/><path class="cls-10" fill="#fff" d="M917.1,1438.55v-19.42h4v16.13h9.83v3.29Z"/><path class="cls-10" fill="#fff" d="M936.34,1438.55v-8.24L929.17,1419h4.63l4.61,7.75,4.51-7.75h4.56l-7.2,11.37v8.21Z"/><path class="cls-10" fill="#fff" d="M958.55,1431.36v-3.3h8.53v7.8a10.79,10.79,0,0,1-3.6,2.11,13.17,13.17,0,0,1-4.78.92,10.74,10.74,0,0,1-5.36-1.29,8.23,8.23,0,0,1-3.43-3.69,11.83,11.83,0,0,1-1.15-5.21,11.35,11.35,0,0,1,1.28-5.44,8.72,8.72,0,0,1,3.76-3.65,10.12,10.12,0,0,1,4.69-1,9.32,9.32,0,0,1,5.69,1.53,6.89,6.89,0,0,1,2.64,4.23l-3.93.73a4.14,4.14,0,0,0-1.55-2.28,4.74,4.74,0,0,0-2.85-.83,5.37,5.37,0,0,0-4.12,1.64,6.93,6.93,0,0,0-1.53,4.88,7.65,7.65,0,0,0,1.55,5.23,5.16,5.16,0,0,0,4.06,1.74,6.77,6.77,0,0,0,2.49-.49,8.55,8.55,0,0,0,2.14-1.18v-2.48Z"/><path class="cls-10" fill="#fff" d="M969.92,1428.88a12.38,12.38,0,0,1,.9-5,9,9,0,0,1,1.82-2.68,7.61,7.61,0,0,1,2.53-1.77,10.88,10.88,0,0,1,4.22-.77,9.2,9.2,0,0,1,6.93,2.68q2.59,2.68,2.59,7.47a10.24,10.24,0,0,1-2.57,7.42,10.29,10.29,0,0,1-13.84,0A10.09,10.09,0,0,1,969.92,1428.88Zm4.07-.13a7.34,7.34,0,0,0,1.54,5,5.28,5.28,0,0,0,7.78,0,7.5,7.5,0,0,0,1.52-5.11,7.35,7.35,0,0,0-1.48-5,5,5,0,0,0-3.92-1.65,5,5,0,0,0-3.94,1.67A7.41,7.41,0,0,0,974,1428.75Z"/><path class="cls-10" fill="#fff" d="M1004,1438.55v-16.26H998.2V1419h15.56v3.32H1008v16.26Z"/><path class="cls-10" fill="#fff" d="M1014.35,1433.33v-3.75h7.37v3.75Z"/><path class="cls-10" fill="#fff" d="M1024,1438.55V1419h4v8.7l8-8.7h5.31l-7.37,7.63,7.77,12h-5.11l-5.38-9.19-3.21,3.28v5.91Z"/><path class="cls-10" fill="#fff" d="M1051.86,1434l3.74.63a6.13,6.13,0,0,1-2.28,3.13,6.68,6.68,0,0,1-3.89,1.08,6.35,6.35,0,0,1-5.48-2.42,8.08,8.08,0,0,1-1.4-4.89,7.82,7.82,0,0,1,1.84-5.52,6,6,0,0,1,4.66-2,6.32,6.32,0,0,1,5,2.09c1.22,1.39,1.8,3.53,1.75,6.4h-9.41a3.8,3.8,0,0,0,.91,2.6,2.84,2.84,0,0,0,2.17.93,2.31,2.31,0,0,0,1.48-.48A3,3,0,0,0,1051.86,1434Zm.21-3.79a3.64,3.64,0,0,0-.84-2.48,2.7,2.7,0,0,0-4,0,3.41,3.41,0,0,0-.79,2.43Z"/><path class="cls-10" fill="#fff" d="M1057.08,1424.37h4l3.4,10.07,3.31-10.07h3.89l-5,13.65-.9,2.47a10.12,10.12,0,0,1-.94,1.9,4.17,4.17,0,0,1-1,1.06,4.48,4.48,0,0,1-1.43.63,7,7,0,0,1-1.91.23,9.46,9.46,0,0,1-2.13-.23l-.33-2.93a8.72,8.72,0,0,0,1.59.17,2.34,2.34,0,0,0,1.93-.77,5.37,5.37,0,0,0,1-2Z"/><path class="cls-10" fill="#fff" d="M1073.91,1438.55V1419h3.75V1426a5.32,5.32,0,0,1,4.12-2,5.52,5.52,0,0,1,4.29,1.88,7.75,7.75,0,0,1,1.69,5.38,8.21,8.21,0,0,1-1.73,5.6,5.39,5.39,0,0,1-4.2,2,5.28,5.28,0,0,1-2.4-.61,5.87,5.87,0,0,1-2-1.8v2.08Zm3.73-7.4a6.06,6.06,0,0,0,.69,3.26,3,3,0,0,0,2.59,1.5,2.65,2.65,0,0,0,2.12-1.06,5.27,5.27,0,0,0,.87-3.35,5.49,5.49,0,0,0-.88-3.5,2.77,2.77,0,0,0-2.25-1.08,2.84,2.84,0,0,0-2.25,1A4.79,4.79,0,0,0,1077.64,1431.15Z"/><path class="cls-10" fill="#fff" d="M1089.91,1431.26a7.75,7.75,0,0,1,.92-3.62,6.31,6.31,0,0,1,2.62-2.67,7.76,7.76,0,0,1,3.77-.92,7.09,7.09,0,0,1,5.27,2.09,7.18,7.18,0,0,1,2.06,5.28,7.29,7.29,0,0,1-2.08,5.34,7,7,0,0,1-5.22,2.12,8.22,8.22,0,0,1-3.72-.89,6.07,6.07,0,0,1-2.7-2.58A8.69,8.69,0,0,1,1089.91,1431.26Zm3.85.2a4.66,4.66,0,0,0,1,3.23,3.26,3.26,0,0,0,4.94,0,5.76,5.76,0,0,0,0-6.46,3.28,3.28,0,0,0-4.94,0A4.68,4.68,0,0,0,1093.76,1431.46Z"/><path class="cls-10" fill="#fff" d="M1110.3,1428.7l-3.41-.62a5.26,5.26,0,0,1,2-3,7.19,7.19,0,0,1,4.16-1,9.08,9.08,0,0,1,3.74.59,3.73,3.73,0,0,1,1.73,1.51,7.65,7.65,0,0,1,.5,3.36l0,4.38a14.16,14.16,0,0,0,.19,2.76,7.9,7.9,0,0,0,.67,1.9h-3.71a11,11,0,0,1-.36-1.1c-.07-.23-.11-.37-.14-.44a6.79,6.79,0,0,1-2.06,1.4,5.88,5.88,0,0,1-2.33.47,4.88,4.88,0,0,1-3.46-1.19,4.23,4.23,0,0,1-.68-5.15,3.78,3.78,0,0,1,1.61-1.45,12.77,12.77,0,0,1,3-.87,21,21,0,0,0,3.65-.92v-.38a1.93,1.93,0,0,0-.54-1.54,3.15,3.15,0,0,0-2-.46,2.74,2.74,0,0,0-1.57.39A2.8,2.8,0,0,0,1110.3,1428.7Zm5,3c-.48.16-1.24.35-2.29.58a6.93,6.93,0,0,0-2,.65,1.56,1.56,0,0,0-.73,1.32,1.86,1.86,0,0,0,.58,1.37,2.08,2.08,0,0,0,1.5.57,3.24,3.24,0,0,0,1.94-.67,2.35,2.35,0,0,0,.89-1.24,7.26,7.26,0,0,0,.15-1.83Z"/><path class="cls-10" fill="#fff" d="M1126.3,1438.55h-3.76v-14.18H1126v2a6.1,6.1,0,0,1,1.61-1.89,3,3,0,0,1,1.62-.45,4.67,4.67,0,0,1,2.47.71l-1.16,3.27a3.3,3.3,0,0,0-1.76-.62,2.1,2.1,0,0,0-1.34.44,3,3,0,0,0-.86,1.57,22.25,22.25,0,0,0-.31,4.75Z"/><path class="cls-10" fill="#fff" d="M1146.36,1438.55h-3.48v-2.08a5.69,5.69,0,0,1-2.06,1.81,5.18,5.18,0,0,1-2.38.6,5.39,5.39,0,0,1-4.19-2,8,8,0,0,1-1.74-5.49,7.86,7.86,0,0,1,1.7-5.48,5.5,5.5,0,0,1,4.28-1.88,5.32,5.32,0,0,1,4.12,2V1419h3.75Zm-10-7.4a6.49,6.49,0,0,0,.63,3.29,2.84,2.84,0,0,0,2.54,1.47,2.76,2.76,0,0,0,2.2-1.1,5.06,5.06,0,0,0,.91-3.29,5.54,5.54,0,0,0-.88-3.52,2.79,2.79,0,0,0-2.26-1.08,2.83,2.83,0,0,0-2.24,1.06A4.81,4.81,0,0,0,1136.34,1431.15Z"/><rect class="cls-11" stroke-width="1.35px" x="755.65" y="633.64" width="500.52" height="377.46"/><path class="cls-12" stroke-width="1.79px" d="M1084.05,1030.81a84.23,84.23,0,0,1-5.85,102.73"/><path class="cls-12" stroke-width="1.79px" d="M945.08,1030.81a84.23,84.23,0,0,0,5.85,102.73"/><path class="cls-12" stroke-width="1.79px" d="M1056.1,1030.81a63.17,63.17,0,0,1-10.75,102.73"/><path class="cls-12" stroke-width="1.79px" d="M973,1030.81a63.15,63.15,0,0,0,10.75,102.73"/><circle class="cls-12" stroke-width="1.79px" cx="1014.57" cy="1078.39" r="26.4"/><path class="cls-13" stroke-width="1.8px" d="M703.84,1208.34a10.08,10.08,0,0,1,7.37,8.09c1.15,6.75,7.53,8.15,11.11,7.13"/><path class="cls-14" stroke-width="4.05px" d="M1315,613.62l-3.93-4.38V594.81a92.42,92.42,0,0,0-92.42-92.42H796.26a92.42,92.42,0,0,0-92.42,92.42v14.43l-3.93,4.38a6.23,6.23,0,0,0-1.59,4.15v408.74a6.22,6.22,0,0,0,1.81,4.39l3.71,3.71v284.11c0,52.75,17,100.9,78.62,123.63,33.79,12.47,72.21,18,107.6,21.08,21,1.85,69.3,3.79,117.26,3.59h.24c48,.2,96.28-1.74,117.26-3.59,35.39-3.12,73.81-8.61,107.6-21.08,61.59-22.73,78.62-70.88,78.62-123.63V1034.61l3.71-3.71a6.22,6.22,0,0,0,1.81-4.39V617.77A6.23,6.23,0,0,0,1315,613.62Zm-22.41,704.53c0,51.3-17,98.13-78.62,120.23-33.78,12.13-72.45,17.21-107.88,19.81-23.07,1.7-66.69,2.55-98.62,2.85-31.93-.3-75.55-1.15-98.62-2.85-35.43-2.6-74.1-7.68-107.88-19.81-61.6-22.1-78.62-68.93-78.62-120.23V590.3a74.74,74.74,0,0,1,74.75-74.75h420.74a74.74,74.74,0,0,1,74.75,74.75Z"/><path class="cls-13" stroke-width="1.8px" d="M1311.05,1208.34a10.08,10.08,0,0,0-7.37,8.09c-1.15,6.75-7.53,8.15-11.11,7.13"/><rect class="cls-11" stroke-width="1.35px" x="942.13" y="547.62" width="132.22" height="13.89" rx="6.95"/><line class="cls-11" stroke-width="1.35px" x1="722.32" y1="1030.81" x2="1292.57" y2="1030.81"/><rect class="cls-13" stroke-width="1.8px" x="748.71" y="1147.19" width="53.02" height="52.62"/><path class="cls-13" stroke-width="1.8px" d="M748.71,1199.81h45.08V1175a27.9,27.9,0,0,0-28-27.8H748.71"/><rect class="cls-13" stroke-width="1.8px" x="801.73" y="1147.19" width="53.02" height="52.62"/><path class="cls-13" stroke-width="1.8px" d="M801.73,1199.81h45.08V1175a27.9,27.9,0,0,0-28-27.8H801.73"/><rect class="cls-13" stroke-width="1.8px" x="854.75" y="1147.19" width="53.02" height="52.62"/><path class="cls-13" stroke-width="1.8px" d="M854.75,1199.81h45.08V1175a27.9,27.9,0,0,0-28-27.8H854.75"/><rect class="cls-13" stroke-width="1.8px" x="907.77" y="1147.19" width="53.02" height="52.62"/><path class="cls-13" stroke-width="1.8px" d="M907.77,1199.81h45.08V1175a27.9,27.9,0,0,0-28-27.8H907.77"/><rect class="cls-13" stroke-width="1.8px" x="960.79" y="1147.19" width="53.02" height="52.62"/><path class="cls-13" stroke-width="1.8px" d="M960.79,1199.81h45.08V1175a27.9,27.9,0,0,0-28-27.8H960.79"/><rect class="cls-13" stroke-width="1.8px" x="1225.89" y="1147.19" width="53.02" height="52.62" transform="translate(2504.8 2347) rotate(-180)"/><path class="cls-13" stroke-width="1.8px" d="M1278.91,1147.19h-17.07a27.91,27.91,0,0,0-28,27.8v24.82h45.08"/><rect class="cls-13" stroke-width="1.8px" x="1172.87" y="1147.19" width="53.02" height="52.62" transform="translate(2398.76 2347) rotate(-180)"/><path class="cls-13" stroke-width="1.8px" d="M1225.89,1147.19h-17.07a27.91,27.91,0,0,0-28,27.8v24.82h45.08"/><rect class="cls-13" stroke-width="1.8px" x="1119.85" y="1147.19" width="53.02" height="52.62" transform="translate(2292.72 2347) rotate(-180)"/><path class="cls-13" stroke-width="1.8px" d="M1172.87,1147.19H1155.8a27.91,27.91,0,0,0-28,27.8v24.82h45.08"/><rect class="cls-13" stroke-width="1.8px" x="1066.83" y="1147.19" width="53.02" height="52.62" transform="translate(2186.68 2347) rotate(-180)"/><path class="cls-13" stroke-width="1.8px" d="M1119.85,1147.19h-17.07a27.91,27.91,0,0,0-28,27.8v24.82h45.08"/><rect class="cls-13" stroke-width="1.8px" x="1013.81" y="1147.19" width="53.02" height="52.62" transform="translate(2080.64 2347) rotate(-180)"/><path class="cls-13" stroke-width="1.8px" d="M1066.83,1147.19h-17.07a27.91,27.91,0,0,0-28,27.8v24.82h45.08"/><rect class="cls-13" stroke-width="1.8px" x="748.71" y="1213.46" width="53.02" height="52.62"/><path class="cls-13" stroke-width="1.8px" d="M748.71,1266.08h45.08v-24.82a27.9,27.9,0,0,0-28-27.8H748.71"/><rect class="cls-13" stroke-width="1.8px" x="801.73" y="1213.46" width="53.02" height="52.62"/><path class="cls-13" stroke-width="1.8px" d="M801.73,1266.08h45.08v-24.82a27.9,27.9,0,0,0-28-27.8H801.73"/><rect class="cls-13" stroke-width="1.8px" x="854.75" y="1213.46" width="53.02" height="52.62"/><path class="cls-13" stroke-width="1.8px" d="M854.75,1266.08h45.08v-24.82a27.9,27.9,0,0,0-28-27.8H854.75"/><rect class="cls-13" stroke-width="1.8px" x="907.77" y="1213.46" width="53.02" height="52.62"/><path class="cls-13" stroke-width="1.8px" d="M907.77,1266.08h45.08v-24.82a27.9,27.9,0,0,0-28-27.8H907.77"/><rect class="cls-13" stroke-width="1.8px" x="960.79" y="1213.46" width="53.02" height="52.62"/><path class="cls-13" stroke-width="1.8px" d="M960.79,1266.08h45.08v-24.82a27.9,27.9,0,0,0-28-27.8H960.79"/><rect class="cls-13" stroke-width="1.8px" x="1225.89" y="1213.46" width="53.02" height="52.62" transform="translate(2504.8 2479.54) rotate(-180)"/><path class="cls-13" stroke-width="1.8px" d="M1278.91,1213.46h-17.07a27.91,27.91,0,0,0-28,27.8v24.82h45.08"/><rect class="cls-13" stroke-width="1.8px" x="1172.87" y="1213.46" width="53.02" height="52.62" transform="translate(2398.76 2479.54) rotate(-180)"/><path class="cls-13" stroke-width="1.8px" d="M1225.89,1213.46h-17.07a27.91,27.91,0,0,0-28,27.8v24.82h45.08"/><rect class="cls-13" stroke-width="1.8px" x="1119.85" y="1213.46" width="53.02" height="52.62" transform="translate(2292.72 2479.54) rotate(-180)"/><path class="cls-13" stroke-width="1.8px" d="M1172.87,1213.46H1155.8a27.91,27.91,0,0,0-28,27.8v24.82h45.08"/><rect class="cls-13" stroke-width="1.8px" x="1066.83" y="1213.46" width="53.02" height="52.62" transform="translate(2186.68 2479.54) rotate(-180)"/><path class="cls-13" stroke-width="1.8px" d="M1119.85,1213.46h-17.07a27.91,27.91,0,0,0-28,27.8v24.82h45.08"/><rect class="cls-13" stroke-width="1.8px" x="1013.81" y="1213.46" width="53.02" height="52.62" transform="translate(2080.64 2479.54) rotate(-180)"/><path class="cls-13" stroke-width="1.8px" d="M1066.83,1213.46h-17.07a27.91,27.91,0,0,0-28,27.8v24.82h45.08"/><rect class="cls-13" stroke-width="1.8px" x="748.71" y="1279.73" width="53.02" height="52.62"/><path class="cls-13" stroke-width="1.8px" d="M748.71,1332.35h45.08v-24.82a27.9,27.9,0,0,0-28-27.8H748.71"/><rect class="cls-13" stroke-width="1.8px" x="801.73" y="1279.73" width="53.02" height="52.62"/><path class="cls-13" stroke-width="1.8px" d="M801.73,1332.35h45.08v-24.82a27.9,27.9,0,0,0-28-27.8H801.73"/><path class="cls-13" stroke-width="1.8px" d="M812.55,1346h17.07a27.9,27.9,0,0,1,28,27.8V1394"/><path class="cls-13" stroke-width="1.8px" d="M872.15,1346h17.07a27.9,27.9,0,0,1,28,27.8v24.6"/><rect class="cls-13" stroke-width="1.8px" x="854.75" y="1279.73" width="53.02" height="52.62"/><path class="cls-13" stroke-width="1.8px" d="M854.75,1332.35h45.08v-24.82a27.9,27.9,0,0,0-28-27.8H854.75"/><rect class="cls-13" stroke-width="1.8px" x="907.77" y="1279.73" width="53.02" height="52.62"/><path class="cls-13" stroke-width="1.8px" d="M907.77,1332.35h45.08v-24.82a27.9,27.9,0,0,0-28-27.8H907.77"/><rect class="cls-13" stroke-width="1.8px" x="960.79" y="1279.73" width="53.02" height="52.62"/><path class="cls-13" stroke-width="1.8px" d="M960.79,1332.35h45.08v-24.82a27.9,27.9,0,0,0-28-27.8H960.79"/><rect class="cls-13" stroke-width="1.8px" x="1225.89" y="1279.73" width="53.02" height="52.62" transform="translate(2504.8 2612.09) rotate(-180)"/><path class="cls-13" stroke-width="1.8px" d="M1278.91,1279.73h-17.07a27.91,27.91,0,0,0-28,27.8v24.82h45.08"/><rect class="cls-13" stroke-width="1.8px" x="1172.87" y="1279.73" width="53.02" height="52.62" transform="translate(2398.76 2612.09) rotate(-180)"/><path class="cls-13" stroke-width="1.8px" d="M1225.89,1279.73h-17.07a27.91,27.91,0,0,0-28,27.8v24.82h45.08"/><rect class="cls-13" stroke-width="1.8px" x="1119.85" y="1279.73" width="53.02" height="52.62" transform="translate(2292.72 2612.09) rotate(-180)"/><path class="cls-13" stroke-width="1.8px" d="M1172.87,1279.73H1155.8a27.91,27.91,0,0,0-28,27.8v24.82h45.08"/><rect class="cls-13" stroke-width="1.8px" x="1066.83" y="1279.73" width="53.02" height="52.62" transform="translate(2186.68 2612.09) rotate(-180)"/><path class="cls-13" stroke-width="1.8px" d="M1119.85,1279.73h-17.07a27.91,27.91,0,0,0-28,27.8v24.82h45.08"/><rect class="cls-13" stroke-width="1.8px" x="1013.81" y="1279.73" width="53.02" height="52.62" transform="translate(2080.64 2612.09) rotate(-180)"/><path class="cls-13" stroke-width="1.8px" d="M1066.83,1279.73h-17.07a27.91,27.91,0,0,0-28,27.8v24.82h45.08"/><rect class="cls-15" stroke-width="1.79px" x="743.88" y="1199.81" width="540.06" height="13.65" rx="6.82"/><rect class="cls-15" stroke-width="1.79px" x="743.88" y="1133.54" width="540.06" height="13.65" rx="6.82"/><rect class="cls-15" stroke-width="1.79px" x="743.88" y="1266.09" width="540.06" height="13.65" rx="6.82"/><rect class="cls-15" stroke-width="1.79px" x="743.88" y="1332.36" width="540.06" height="13.65" rx="6.82"/><path class="cls-15" stroke-width="1.79px" d="M802.07,1346c0,26.61,14.41,41.86,40.7,46,40.67,6.37,101.92,8.23,181.39,8"/><line class="cls-15" stroke-width="1.79px" x1="924.85" y1="1398.7" x2="924.85" y2="1346.01"/><line class="cls-15" stroke-width="1.79px" x1="864.53" y1="1394.78" x2="864.53" y2="1346.01"/><path class="cls-13" stroke-width="1.8px" d="M1170.33,1394V1373.8a27.9,27.9,0,0,1,28-27.8h17.07"/><path class="cls-13" stroke-width="1.8px" d="M1110.73,1398.4v-24.6a27.9,27.9,0,0,1,28-27.8h17.07"/><path class="cls-15" stroke-width="1.79px" d="M1225.89,1346c0,26.61-14.41,41.86-40.7,46-40.67,6.37-101.92,8.23-181.39,8"/><line class="cls-15" stroke-width="1.79px" x1="1103.11" y1="1346.01" x2="1103.11" y2="1398.7"/><line class="cls-15" stroke-width="1.79px" x1="1163.43" y1="1346.01" x2="1163.43" y2="1394.78"/><circle class="cls-1" fill="#2d2d2d" cx="743.88" cy="1046.8" r="7.19"/><path class="cls-9" fill="#e2d299" d="M736.69,1104a5.93,5.93,0,1,1,5.93-5.93A5.94,5.94,0,0,1,736.69,1104Zm0-10.07a4.14,4.14,0,1,0,4.14,4.14A4.15,4.15,0,0,0,736.69,1094Z"/><path class="cls-9" fill="#e2d299" d="M736.69,1120.19a5.94,5.94,0,1,1,5.93-5.93A5.94,5.94,0,0,1,736.69,1120.19Zm0-10.07a4.14,4.14,0,1,0,4.14,4.14A4.14,4.14,0,0,0,736.69,1110.12Z"/><path class="cls-9" fill="#e2d299" d="M736.69,1136.35a5.93,5.93,0,1,1,5.93-5.93A5.94,5.94,0,0,1,736.69,1136.35Zm0-10.07a4.14,4.14,0,1,0,4.14,4.14A4.15,4.15,0,0,0,736.69,1126.28Z"/><path class="cls-9" fill="#e2d299" d="M736.69,1168.68a5.93,5.93,0,1,1,5.93-5.93A5.94,5.94,0,0,1,736.69,1168.68Zm0-10.07a4.14,4.14,0,1,0,4.14,4.14A4.15,4.15,0,0,0,736.69,1158.61Z"/><path class="cls-9" fill="#e2d299" d="M736.69,1184.85a5.94,5.94,0,1,1,5.93-5.93A5.94,5.94,0,0,1,736.69,1184.85Zm0-10.07a4.14,4.14,0,1,0,4.14,4.14A4.14,4.14,0,0,0,736.69,1174.78Z"/><path class="cls-16" stroke-miterlimit="10" d="M918.05,1077.65a.77.77,0,0,1,0,.95l-8.88,11.19L903,1097.6a.76.76,0,0,1-.6.29H885.84a.76.76,0,0,1-.6-1.24l14.31-18.05a.77.77,0,0,0,0-.95l-14.32-18.05a.76.76,0,0,1,.6-1.24h16.55a.76.76,0,0,1,.6.29l6.19,7.81Z"/><path class="cls-16" stroke-miterlimit="10" d="M885,1077.65a.77.77,0,0,1,0,.95l-8.88,11.19L870,1097.6a.76.76,0,0,1-.6.29H852.81a.76.76,0,0,1-.6-1.24l14.31-18.05a.77.77,0,0,0,0-.95L852.2,1059.6a.76.76,0,0,1,.6-1.24h16.55a.76.76,0,0,1,.6.29l6.19,7.81Z"/><path class="cls-16" stroke-miterlimit="10" d="M852,1077.65a.77.77,0,0,1,0,.95l-8.88,11.19-6.19,7.81a.76.76,0,0,1-.6.29H819.78a.76.76,0,0,1-.6-1.24l14.31-18.05a.77.77,0,0,0,0-.95l-14.32-18.05a.76.76,0,0,1,.6-1.24h16.55a.76.76,0,0,1,.6.29l6.19,7.81Z"/><path class="cls-16" stroke-miterlimit="10" d="M1111.88,1077.65a.77.77,0,0,0,0,.95l8.87,11.19,6.19,7.81a.79.79,0,0,0,.6.29h16.55a.77.77,0,0,0,.6-1.24l-14.31-18.05a.77.77,0,0,1,0-.95l14.32-18.05a.77.77,0,0,0-.6-1.24h-16.56a.79.79,0,0,0-.6.29l-6.19,7.81Z"/><path class="cls-16" stroke-miterlimit="10" d="M1144.91,1077.65a.77.77,0,0,0,0,.95l8.87,11.19,6.19,7.81a.79.79,0,0,0,.6.29h16.55a.77.77,0,0,0,.6-1.24l-14.31-18.05a.77.77,0,0,1,0-.95l14.32-18.05a.77.77,0,0,0-.6-1.24h-16.56a.79.79,0,0,0-.6.29l-6.19,7.81Z"/><path class="cls-16" stroke-miterlimit="10" d="M1177.94,1077.65a.77.77,0,0,0,0,.95l8.87,11.19,6.19,7.81a.79.79,0,0,0,.6.29h16.55a.77.77,0,0,0,.6-1.24l-14.31-18.05a.77.77,0,0,1,0-.95l14.32-18.05a.77.77,0,0,0-.6-1.24H1193.6a.79.79,0,0,0-.6.29l-6.19,7.81Z"/><path class="cls-10" fill="#fff" d="M944.82,608.91V582.67h3.47v23.14h12.92v3.1Z"/><path class="cls-10" fill="#fff" d="M965.94,608.91V582.67h3.47v26.24Z"/><path class="cls-10" fill="#fff" d="M975.39,608.91V582.67h3.47v23.14h12.93v3.1Z"/><path class="cls-10" fill="#fff" d="M1000.6,608.91V597.79l-10.12-15.12h4.23l5.17,7.91q1.43,2.22,2.67,4.44c.78-1.37,1.74-2.92,2.86-4.64l5.08-7.71h4l-10.47,15.12v11.12Z"/><path class="cls-10" fill="#fff" d="M1029.93,598.62v-3.08l11.12,0v9.74a19.85,19.85,0,0,1-5.28,3.07,15.79,15.79,0,0,1-5.58,1,14.85,14.85,0,0,1-7-1.66,10.88,10.88,0,0,1-4.77-4.79,15,15,0,0,1-1.61-7,16.24,16.24,0,0,1,1.6-7.15,10.63,10.63,0,0,1,4.61-4.93,14.47,14.47,0,0,1,6.93-1.61,13.8,13.8,0,0,1,5.14.92,8.53,8.53,0,0,1,3.61,2.57,11.52,11.52,0,0,1,2,4.3l-3.14.86a9.81,9.81,0,0,0-1.46-3.16,6.07,6.07,0,0,0-2.51-1.83,9.2,9.2,0,0,0-3.62-.69,10.48,10.48,0,0,0-4.11.73,7.58,7.58,0,0,0-2.8,1.9,9.12,9.12,0,0,0-1.66,2.6,13.68,13.68,0,0,0-1,5.28,12.86,12.86,0,0,0,1.2,5.87,7.72,7.72,0,0,0,3.52,3.51,11,11,0,0,0,4.91,1.14,11.61,11.61,0,0,0,4.4-.86,11.35,11.35,0,0,0,3.26-1.86v-4.88Z"/><path class="cls-10" fill="#fff" d="M1045.11,596.13q0-6.54,3.51-10.23a11.92,11.92,0,0,1,9.06-3.7,12.53,12.53,0,0,1,6.55,1.74,11.32,11.32,0,0,1,4.45,4.84,15.73,15.73,0,0,1,1.53,7,15.52,15.52,0,0,1-1.61,7.15,11,11,0,0,1-4.56,4.77,13.07,13.07,0,0,1-6.38,1.62,12.42,12.42,0,0,1-6.62-1.79,11.48,11.48,0,0,1-4.42-4.89A14.84,14.84,0,0,1,1045.11,596.13Zm3.58,0a10.54,10.54,0,0,0,2.56,7.48,8.89,8.89,0,0,0,12.85,0q2.54-2.76,2.53-7.82a13.51,13.51,0,0,0-1.08-5.6,8.28,8.28,0,0,0-3.17-3.7,8.57,8.57,0,0,0-4.68-1.32,8.93,8.93,0,0,0-6.35,2.53Q1048.7,590.25,1048.69,596.18Z"/><path class="cls-10" fill="#fff" d="M990.05,1421.1v-4.57h2a2.75,2.75,0,0,1,.93.12,1,1,0,0,1,.51.44,1.23,1.23,0,0,1,.19.69,1.16,1.16,0,0,1-.31.82,1.62,1.62,0,0,1-1,.42,1.32,1.32,0,0,1,.37.23,2.86,2.86,0,0,1,.5.61l.8,1.24h-.76l-.61-.95c-.18-.27-.32-.48-.44-.63a1.27,1.27,0,0,0-.3-.31,1.13,1.13,0,0,0-.28-.12l-.34,0h-.7v2Zm.6-2.55H992a1.84,1.84,0,0,0,.65-.09.72.72,0,0,0,.36-.27.78.78,0,0,0,.12-.41.68.68,0,0,0-.24-.54,1.07,1.07,0,0,0-.74-.21h-1.45Z"/><path class="cls-10" fill="#fff" d="M991.8,1422.71a3.74,3.74,0,1,1,3.74-3.74A3.74,3.74,0,0,1,991.8,1422.71Zm0-6.94A3.21,3.21,0,1,0,995,1419,3.21,3.21,0,0,0,991.8,1415.77Z"/><polyline class="cls-12" stroke-width="1.79px" points="1101.56 1065.39 1111.5 1065.39 1123.2 1051.99 1217.31 1051.99 1245.51 1093.92 1286.27 1093.92"/><polyline class="cls-12" stroke-width="1.79px" points="927.7 1065.39 917.75 1065.39 906.06 1051.99 811.95 1051.99 783.75 1093.92 764.44 1093.92"/><polyline class="cls-12" stroke-width="1.79px" points="985.94 1365.91 985.94 1373.8 1042.55 1373.8 1042.55 1365.91"/><path class="cls-17" stroke-width="1.37px" d="M1266.42,1247.22H1252.5a1.86,1.86,0,0,1-1.19-.44l-5.61-4.67a3,3,0,0,1,0-4.67l5.61-4.68a1.85,1.85,0,0,1,1.19-.43h13.92a1.72,1.72,0,0,1,1.71,1.72v11.45A1.72,1.72,0,0,1,1266.42,1247.22Z"/><line class="cls-17" stroke-width="1.37px" x1="1254.51" y1="1235.71" x2="1262.65" y2="1243.84"/><line class="cls-17" stroke-width="1.37px" x1="1262.65" y1="1235.71" x2="1254.51" y2="1243.84"/><path class="cls-18" stroke-width="1.37px" d="M1261.8,1296.61v6.25a7.19,7.19,0,0,1-7.19,7.19h-7.39l2.9-3.14v6.23l-2.9-3.09"/><path class="cls-10" fill="#fff" d="M1249.84,1308s.34,3.83,0,3.83a9.67,9.67,0,0,1-2-1.42v-.91Z"/></g></svg>
\ No newline at end of file
diff --git a/site/assets/device/lilygo/t-echo-lite-kit.svg b/site/assets/device/lilygo/t-echo-lite-kit.svg
new file mode 100644
index 00000000..8b1c0716
--- /dev/null
+++ b/site/assets/device/lilygo/t-echo-lite-kit.svg
@@ -0,0 +1,117 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1536" viewBox="0 0 1024 1536" role="img" aria-labelledby="title desc">
+<title id="title">LILYGO T-Echo Lite Kit</title>
+<desc id="desc">Geometric vector illustration of the clear grey enclosure, e-paper display and round keypad. All lettering is outlined.</desc>
+<defs>
+  <g id="key"><circle r="53" fill="#c3c7c8" stroke="#a1a7a9" stroke-width="1.5"/><circle r="44" fill="#e8ebec" stroke="#a1a7a9" stroke-width="2"/><path d="M-34-29A44 44 0 0 1 34-29" fill="none" stroke="#f7f8f8" stroke-width="2"/></g>
+  <g id="screw"><circle r="23" fill="#7f8587"/><circle r="17" fill="#eac381" stroke="#e9edee" stroke-width="3"/><circle r="10" fill="#7a8083"/></g>
+  <clipPath id="lower-inset"><rect x="254" y="647" width="516" height="784" rx="57"/></clipPath>
+</defs>
+<!-- Attachment loop and antenna connector -->
+<g id="attachment" stroke="#a8aeb1" stroke-width="3" stroke-linejoin="round">
+  <path d="M571 72 589 41Q597 27 614 27H667Q683 27 693 43L708 72H682L675 57Q671 50 661 50H620Q608 50 603 59L598 72Z" fill="#d5dadd"/>
+  <rect x="482" y="46" width="44" height="45" rx="4" fill="#dca854" stroke="#505456"/>
+  <path d="M489 48V80M517 48V80" stroke="#f9d68d" stroke-width="5"/>
+</g>
+<!-- Lower enclosure: deliberate, flat structural layers -->
+<g id="keypad-housing" stroke-linejoin="round">
+  <path d="M239 627H782Q795 627 794 642V1374C794 1420 763 1455 720 1456H305C261 1456 227 1421 227 1374V642Q225 627 239 627Z" fill="#bdc3c5" fill-opacity=".68" stroke="#555e62" stroke-width="3"/>
+  <path d="M239 644V1373Q239 1443 308 1443H717Q781 1443 781 1373V644" fill="none" stroke="#dadcdd" stroke-width="5"/>
+  <rect x="254" y="647" width="516" height="784" rx="57" fill="#adb5b8" fill-opacity=".4" stroke="#eef1f2" stroke-width="2"/>
+  <g clip-path="url(#lower-inset)">
+    <rect x="283" y="681" width="458" height="722" rx="32" fill="#a2adb1" opacity=".17"/>
+    <path d="M270 680H303V1354Q303 1408 349 1414H310Q268 1405 268 1354Z" fill="#fff" opacity=".2"/>
+    <g fill="#ff791d">
+      <path d="M257 1260 425 1428H396L257 1289Z"/>
+      <path d="M257 1302 383 1428H355L257 1330Z"/>
+      <path d="M257 1344 341 1428H314L257 1371Z"/>
+    </g>
+  </g>
+  <g fill="#c5c9ca" stroke="#949b9e" stroke-width="2">
+    <rect x="313" y="646" width="70" height="51" rx="5"/>
+    <rect x="640" y="646" width="70" height="51" rx="5"/>
+  </g>
+</g>
+<!-- Upper enclosure and visible board -->
+<g id="display-housing" stroke-linejoin="round">
+  <rect x="227" y="69" width="568" height="583" rx="72" fill="#afb8bc" fill-opacity=".74" stroke="#555e62" stroke-width="3"/>
+  <rect x="241" y="83" width="540" height="555" rx="60" fill="#c3cbce" fill-opacity=".3" stroke="#edf1f2" stroke-width="3"/>
+  <rect x="260" y="102" width="502" height="518" rx="42" fill="#8f9ba1" opacity=".22"/>
+  <rect x="474" y="80" width="59" height="54" fill="#efc579" stroke="#4a5052" stroke-width="3"/>
+  <path d="M482 84H525V129H482Z" fill="#f6d899"/>
+  <path d="M488 84V129" stroke="#ffe5ae" stroke-width="6"/>
+  <path d="M278 313H293V385H278ZM730 313H745V385H730Z" fill="#dee1e1"/>
+  <path d="M287 339 302 350 287 361ZM735 339 720 350 735 361Z" fill="#777f82"/>
+  <rect x="309" y="158" width="405" height="462" rx="15" fill="#8f979b" stroke="#bdc4c7" stroke-width="3"/>
+  <rect x="318" y="168" width="387" height="443" rx="9" fill="#d4dcdf" stroke="#edf1f2" stroke-width="3"/>
+  <rect x="342" y="187" width="338" height="332" rx="2" fill="#e1e4e2" stroke="#8a9295" stroke-width="3"/>
+  <path d="M343 188H679" stroke="#c5ccce" stroke-width="2"/>
+  <rect x="340" y="520" width="48" height="39" fill="#929c9f"/>
+  <path d="m364 526 4 5 6 1-1 6 2 4-6 2-5 5-4-5-6-2 2-5-1-5 6-1Z" fill="#e4e9e9"/>
+  <use href="#screw" x="277" y="130"/>
+  <use href="#screw" x="745" y="130"/>
+  <use href="#screw" x="277" y="580"/>
+  <use href="#screw" x="745" y="580"/>
+  <path d="M277 87H726M245 146V406M778 151V544M262 613Q275 627 301 628H725" fill="none" stroke="#e0e4e5" stroke-width="3"/>
+</g>
+<!-- Key caps share one precise circular master -->
+<g id="keys">
+<use href="#key" x="334" y="761"/>
+<use href="#key" x="334" y="879"/>
+<use href="#key" x="334" y="1001"/>
+<use href="#key" x="334" y="1133"/>
+<use href="#key" x="334" y="1251"/>
+<use href="#key" x="450" y="835"/>
+<use href="#key" x="570" y="835"/>
+<use href="#key" x="690" y="835"/>
+<use href="#key" x="450" y="951"/>
+<use href="#key" x="570" y="951"/>
+<use href="#key" x="690" y="951"/>
+<use href="#key" x="450" y="1073"/>
+<use href="#key" x="570" y="1073"/>
+<use href="#key" x="690" y="1073"/>
+<use href="#key" x="450" y="1191"/>
+<use href="#key" x="570" y="1191"/>
+<use href="#key" x="690" y="1191"/>
+<use href="#key" x="450" y="1309"/>
+<use href="#key" x="570" y="1309"/>
+<use href="#key" x="690" y="1309"/>
+</g>
+<g id="key-icons" fill="none" stroke="#20292d" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
+  <path d="m334 740 20 33h-40Z"/>
+  <circle cx="334" cy="879" r="11" fill="#20292d" stroke="none"/>
+  <path d="m314 987 20 34 20-34Z"/>
+  <path d="m321 1119 26 26m0-26-26 26" stroke-width="5"/>
+  <path d="M319 1236h30v30h-30Z"/>
+  <path d="m552 846 18-16 18 16m-30-5v20h24v-20" stroke-width="3.5"/>
+  <rect x="670" y="821" width="41" height="29" rx="1" stroke-width="3"/>
+  <path d="m671 823 19 18 20-18m-39 26 14-13m25 13-14-13" stroke-width="3"/>
+  <path d="M441 969h18m-13 5a5 5 0 1 1-10 0 5 5 0 0 1 10 0m17 0a5 5 0 1 1-10 0 5 5 0 0 1 10 0" stroke="#ff7717" stroke-width="2.5"/>
+</g>
+<g id="lettering" fill="#20292d">
+<path aria-label="LILYGO" fill="#ff791d" d="M521.29 757V716.53H529.53V750.13H550.01V757ZM555.63 757V716.2H563.87V757ZM571.94 757V716.53H580.18V750.13H600.66V757ZM617.25 757V739.83L602.31 716.2H611.96L621.57 732.34L630.97 716.2H640.46L625.46 739.88V757ZM663.54 742V735.12H681.29V751.38Q678.71 753.88 673.79 755.79Q668.88 757.7 663.84 757.7Q657.44 757.7 652.68 755.01Q647.92 752.32 645.53 747.33Q643.14 742.33 643.14 736.46Q643.14 730.09 645.81 725.13Q648.48 720.18 653.63 717.53Q657.55 715.5 663.4 715.5Q671 715.5 675.27 718.69Q679.54 721.88 680.77 727.5L672.58 729.03Q671.72 726.02 669.34 724.28Q666.96 722.54 663.4 722.54Q658 722.54 654.81 725.97Q651.63 729.39 651.63 736.13Q651.63 743.39 654.85 747.02Q658.08 750.65 663.31 750.65Q665.9 750.65 668.51 749.64Q671.11 748.62 672.97 747.18V742ZM687.22 736.85Q687.22 730.62 689.09 726.38Q690.48 723.27 692.89 720.79Q695.29 718.31 698.16 717.12Q701.97 715.5 706.96 715.5Q715.97 715.5 721.39 721.1Q726.8 726.69 726.8 736.65Q726.8 746.54 721.43 752.12Q716.06 757.7 707.07 757.7Q697.97 757.7 692.59 752.14Q687.22 746.59 687.22 736.85ZM695.71 736.57Q695.71 743.5 698.91 747.08Q702.11 750.65 707.04 750.65Q711.97 750.65 715.12 747.11Q718.28 743.56 718.28 736.46Q718.28 729.45 715.21 726Q712.13 722.54 707.04 722.54Q701.95 722.54 698.83 726.04Q695.71 729.53 695.71 736.57Z"/>
+<path aria-label="®" fill="#ff791d" d="M734.05 713.34Q736.55 713.34 738.94 714.63Q741.32 715.91 742.66 718.31Q743.99 720.7 743.99 723.3Q743.99 725.87 742.67 728.24Q741.36 730.61 739 731.93Q736.63 733.24 734.05 733.24Q731.46 733.24 729.1 731.93Q726.73 730.61 725.41 728.24Q724.09 725.87 724.09 723.3Q724.09 720.7 725.43 718.31Q726.77 715.91 729.16 714.63Q731.54 713.34 734.05 713.34ZM734.05 714.99Q731.95 714.99 729.97 716.07Q727.98 717.14 726.86 719.14Q725.74 721.13 725.74 723.3Q725.74 725.45 726.84 727.42Q727.94 729.39 729.92 730.49Q731.9 731.59 734.05 731.59Q736.2 731.59 738.17 730.49Q740.15 729.39 741.24 727.42Q742.34 725.45 742.34 723.3Q742.34 721.13 741.22 719.14Q740.11 717.14 738.12 716.07Q736.13 714.99 734.05 714.99ZM729.68 728.79V718.09H733.36Q735.25 718.09 736.09 718.39Q736.93 718.68 737.43 719.42Q737.94 720.16 737.94 720.99Q737.94 722.16 737.1 723.03Q736.26 723.9 734.88 724.01Q735.44 724.25 735.79 724.58Q736.43 725.21 737.37 726.7L738.67 728.79H736.56L735.61 727.11Q734.49 725.12 733.81 724.62Q733.33 724.25 732.42 724.25H731.41V728.79ZM731.41 722.77H733.51Q735.01 722.77 735.56 722.32Q736.1 721.87 736.1 721.13Q736.1 720.66 735.84 720.28Q735.58 719.91 735.11 719.72Q734.64 719.54 733.37 719.54H731.41Z"/>
+<path aria-label="Esc" fill="#20292d" d="M422.84 847V821.23H441.47V824.27H426.25V832.16H440.51V835.19H426.25V843.96H442.07V847ZM445.11 841.43 448.24 840.94Q448.51 842.82 449.71 843.82Q450.91 844.82 453.08 844.82Q455.26 844.82 456.31 843.93Q457.37 843.04 457.37 841.85Q457.37 840.78 456.43 840.16Q455.78 839.74 453.2 839.09Q449.72 838.21 448.37 837.57Q447.03 836.93 446.33 835.79Q445.64 834.66 445.64 833.29Q445.64 832.04 446.21 830.98Q446.78 829.91 447.77 829.21Q448.51 828.67 449.78 828.29Q451.05 827.91 452.51 827.91Q454.71 827.91 456.37 828.54Q458.03 829.18 458.82 830.26Q459.62 831.34 459.91 833.15L456.82 833.57Q456.61 832.13 455.6 831.32Q454.59 830.51 452.74 830.51Q450.56 830.51 449.63 831.23Q448.7 831.95 448.7 832.92Q448.7 833.54 449.09 834.03Q449.47 834.54 450.3 834.87Q450.77 835.05 453.09 835.68Q456.45 836.58 457.78 837.15Q459.11 837.72 459.86 838.81Q460.62 839.9 460.62 841.52Q460.62 843.1 459.69 844.5Q458.77 845.89 457.03 846.66Q455.29 847.42 453.09 847.42Q449.46 847.42 447.55 845.91Q445.64 844.4 445.11 841.43ZM476.56 840.16 479.67 840.57Q479.16 843.78 477.06 845.6Q474.96 847.42 471.9 847.42Q468.07 847.42 465.74 844.92Q463.41 842.41 463.41 837.74Q463.41 834.71 464.41 832.45Q465.42 830.18 467.46 829.04Q469.51 827.91 471.92 827.91Q474.96 827.91 476.89 829.45Q478.83 830.99 479.37 833.82L476.3 834.29Q475.86 832.41 474.74 831.46Q473.62 830.51 472.04 830.51Q469.65 830.51 468.16 832.23Q466.66 833.94 466.66 837.65Q466.66 841.41 468.11 843.12Q469.55 844.82 471.87 844.82Q473.73 844.82 474.98 843.68Q476.23 842.54 476.56 840.16Z"/>
+<path aria-label="home" fill="#ff7717" d="M547.49 823V809.4H549.16V814.28Q550.33 812.92 552.11 812.92Q553.2 812.92 554.01 813.36Q554.82 813.79 555.17 814.55Q555.51 815.31 555.51 816.76V823H553.84V816.76Q553.84 815.5 553.3 814.93Q552.76 814.36 551.77 814.36Q551.02 814.36 550.37 814.75Q549.72 815.13 549.44 815.79Q549.16 816.45 549.16 817.61V823ZM557.43 818.07Q557.43 815.34 558.96 814.02Q560.23 812.92 562.05 812.92Q564.09 812.92 565.38 814.26Q566.66 815.59 566.66 817.93Q566.66 819.84 566.09 820.93Q565.52 822.02 564.43 822.62Q563.34 823.22 562.05 823.22Q559.99 823.22 558.71 821.9Q557.43 820.57 557.43 818.07ZM559.15 818.07Q559.15 819.97 559.98 820.91Q560.8 821.85 562.05 821.85Q563.3 821.85 564.12 820.9Q564.95 819.96 564.95 818.02Q564.95 816.19 564.12 815.25Q563.29 814.31 562.05 814.31Q560.8 814.31 559.98 815.24Q559.15 816.18 559.15 818.07ZM568.62 823V813.15H570.12V814.53Q570.58 813.81 571.35 813.37Q572.12 812.92 573.1 812.92Q574.2 812.92 574.9 813.38Q575.6 813.83 575.89 814.65Q577.06 812.92 578.93 812.92Q580.4 812.92 581.18 813.74Q581.97 814.55 581.97 816.24V823H580.31V816.79Q580.31 815.79 580.15 815.35Q579.99 814.91 579.56 814.64Q579.13 814.37 578.56 814.37Q577.52 814.37 576.83 815.06Q576.15 815.75 576.15 817.28V823H574.48V816.6Q574.48 815.49 574.07 814.93Q573.66 814.37 572.73 814.37Q572.03 814.37 571.43 814.74Q570.83 815.11 570.56 815.83Q570.29 816.54 570.29 817.89V823ZM591.19 819.83 592.92 820.04Q592.51 821.55 591.41 822.39Q590.3 823.22 588.59 823.22Q586.43 823.22 585.16 821.89Q583.89 820.56 583.89 818.16Q583.89 815.67 585.17 814.3Q586.45 812.92 588.49 812.92Q590.47 812.92 591.72 814.27Q592.98 815.62 592.98 818.06Q592.98 818.2 592.97 818.5H585.62Q585.71 820.12 586.54 820.99Q587.36 821.85 588.6 821.85Q589.51 821.85 590.16 821.37Q590.81 820.88 591.19 819.83ZM585.71 817.13H591.21Q591.1 815.88 590.58 815.26Q589.78 814.3 588.51 814.3Q587.36 814.3 586.58 815.07Q585.79 815.84 585.71 817.13Z"/>
+<path aria-label="1" fill="#20292d" d="M453.96 960H450.2V930.88Q448.91 932.4 446.72 933.99Q444.54 935.57 442.71 936.39V931.97Q445.81 930.19 448.18 927.63Q450.56 925.06 451.52 922.62H453.96Z"/>
+<path aria-label="2" fill="#20292d" d="M579.6 955.61V960H559.41Q559.34 957.33 561.02 954.03Q562.71 950.73 567.21 946.24Q572.46 941.01 574.09 938.15Q575.71 935.29 575.71 932.83Q575.71 929.99 574.05 928.2Q572.39 926.41 569.95 926.41Q567.33 926.41 565.66 928.34Q563.98 930.27 563.98 933.87L560.12 933.39Q560.53 928.03 563.16 925.33Q565.79 922.62 570.08 922.62Q574.75 922.62 577.15 925.77Q579.55 928.92 579.55 932.93Q579.55 936.49 577.67 939.75Q575.79 943.01 570.53 948.45Q567.18 951.88 566.2 953.12Q565.23 954.36 564.62 955.61Z"/>
+<path aria-label="3" fill="#20292d" d="M679.87 950.17 683.63 949.56Q684.79 956.88 689.54 956.88Q692.11 956.88 693.99 954.71Q695.87 952.54 695.87 949.08Q695.87 945.83 694.14 943.85Q692.41 941.87 689.9 941.87Q688.83 941.87 687.26 942.38L687.69 938.37L688.27 938.42Q691.04 938.42 692.77 936.72Q694.49 935.02 694.49 932.17Q694.49 929.56 693.05 927.97Q691.6 926.38 689.52 926.38Q687.36 926.38 685.87 928.05Q684.39 929.71 683.98 933.09L680.25 932.27Q680.96 927.5 683.45 925.06Q685.94 922.62 689.47 922.62Q693.17 922.62 695.76 925.37Q698.35 928.11 698.35 932.27Q698.35 934.81 697.25 936.77Q696.14 938.72 694.16 939.84Q695.99 940.35 697.19 941.52Q698.38 942.68 699.12 944.64Q699.85 946.59 699.85 949.01Q699.85 954.13 696.83 957.4Q693.81 960.66 689.59 960.66Q685.68 960.66 682.97 957.82Q680.25 954.97 679.87 950.17Z"/>
+<path aria-label="4" fill="#20292d" d="M451.85 1082V1073.09H438.62V1068.9L452.56 1044.78H455.61V1068.9H459.75V1073.09H455.61V1082ZM451.85 1068.9V1052.12L442.31 1068.9Z"/>
+<path aria-label="5" fill="#20292d" d="M559.84 1072.25 563.78 1071.84Q564.24 1075.4 565.85 1077.14Q567.46 1078.88 569.59 1078.88Q572.26 1078.88 574.19 1076.43Q576.12 1073.98 576.12 1069.74Q576.12 1065.75 574.25 1063.55Q572.39 1061.36 569.57 1061.36Q567.87 1061.36 566.38 1062.31Q564.9 1063.26 564.03 1064.96L560.5 1064.4L563.47 1045.29H578.63V1049.65H566.47L564.82 1059.66Q567.54 1057.32 570.58 1057.32Q574.42 1057.32 577.25 1060.58Q580.08 1063.85 580.08 1069.38Q580.08 1074.84 577.25 1078.74Q574.42 1082.63 569.64 1082.63Q565.68 1082.63 562.95 1079.88Q560.22 1077.12 559.84 1072.25Z"/>
+<path aria-label="6" fill="#20292d" d="M699.29 1053.89 695.56 1054.25Q695.03 1051.38 693.99 1050.16Q692.49 1048.38 690.38 1048.38Q687.11 1048.38 685.12 1052.45Q683.42 1055.95 683.4 1062.8Q684.69 1060.37 686.65 1059.11Q688.6 1057.85 690.79 1057.85Q694.42 1057.85 697.12 1061.14Q699.83 1064.43 699.83 1069.94Q699.83 1073.67 698.47 1076.71Q697.11 1079.74 694.98 1081.19Q692.84 1082.63 690.28 1082.63Q685.66 1082.63 682.66 1078.47Q679.67 1074.31 679.67 1064.58Q679.67 1053.79 682.74 1049.21Q685.81 1044.62 690.61 1044.62Q694.09 1044.62 696.44 1047Q698.79 1049.37 699.29 1053.89ZM683.98 1069.94Q683.98 1073.98 685.89 1076.43Q687.79 1078.88 690.3 1078.88Q692.51 1078.88 694.25 1076.57Q695.99 1074.26 695.99 1070.22Q695.99 1066.26 694.27 1064.07Q692.54 1061.89 690.05 1061.89Q687.61 1061.89 685.8 1064.06Q683.98 1066.23 683.98 1069.94Z"/>
+<path aria-label="7" fill="#20292d" d="M440.1 1167.65V1163.26H459.85V1166.81Q455.43 1172.55 452.08 1181.76Q448.73 1190.96 448.22 1200H444.36Q444.44 1195.33 445.85 1189.11Q447.26 1182.89 449.72 1177.25Q452.18 1171.61 455.03 1167.65Z"/>
+<path aria-label="8" fill="#20292d" d="M565.61 1179.81Q563.35 1178.8 562.19 1176.91Q561.04 1175.02 561.04 1172.2Q561.04 1167.96 563.54 1165.29Q566.04 1162.62 569.82 1162.62Q573.63 1162.62 576.16 1165.34Q578.68 1168.06 578.68 1172.35Q578.68 1175.04 577.57 1176.91Q576.45 1178.77 574.19 1179.81Q576.96 1180.91 578.44 1183.34Q579.93 1185.78 579.93 1189.39Q579.93 1194.36 577.05 1197.5Q574.16 1200.63 569.9 1200.63Q565.58 1200.63 562.7 1197.5Q559.82 1194.36 559.82 1189.26Q559.82 1185.53 561.35 1183.1Q562.89 1180.68 565.61 1179.81ZM564.9 1172.07Q564.9 1174.81 566.34 1176.44Q567.79 1178.06 569.9 1178.06Q571.96 1178.06 573.4 1176.46Q574.85 1174.86 574.85 1172.32Q574.85 1169.71 573.36 1168.05Q571.88 1166.38 569.85 1166.38Q567.82 1166.38 566.36 1168.01Q564.9 1169.63 564.9 1172.07ZM563.65 1189.26Q563.65 1192.69 565.49 1194.78Q567.33 1196.88 569.9 1196.88Q572.49 1196.88 574.29 1194.85Q576.09 1192.81 576.09 1189.41Q576.09 1185.98 574.24 1183.89Q572.39 1181.79 569.8 1181.79Q567.23 1181.79 565.44 1183.88Q563.65 1185.96 563.65 1189.26Z"/>
+<path aria-label="9" fill="#20292d" d="M680.4 1191.39 684.01 1190.99Q684.87 1196.88 689.09 1196.88Q690.96 1196.88 692.5 1195.59Q694.04 1194.31 695.1 1191.04Q696.17 1187.76 696.17 1183.39V1182.48Q695 1184.74 693.02 1186.06Q691.04 1187.38 688.98 1187.38Q685.25 1187.38 682.55 1184.12Q679.84 1180.86 679.84 1175.19Q679.84 1169.35 682.65 1165.99Q685.46 1162.62 689.47 1162.62Q692.31 1162.62 694.77 1164.5Q697.24 1166.38 698.58 1170.04Q699.93 1173.7 699.93 1180.58Q699.93 1188.24 698.48 1192.48Q697.03 1196.72 694.56 1198.68Q692.08 1200.63 689.01 1200.63Q685.53 1200.63 683.2 1198.26Q680.86 1195.89 680.4 1191.39ZM695.76 1174.96Q695.76 1170.98 693.99 1168.69Q692.21 1166.41 689.9 1166.41Q687.49 1166.41 685.59 1168.85Q683.7 1171.28 683.7 1175.35Q683.7 1179 685.51 1181.17Q687.31 1183.34 689.82 1183.34Q692.31 1183.34 694.04 1181.16Q695.76 1178.98 695.76 1174.96Z"/>
+<path aria-label="0" fill="#20292d" d="M559.84 1308.64Q559.84 1299.27 562.37 1294.45Q564.9 1289.62 569.82 1289.62Q574.19 1289.62 576.7 1293.54Q579.75 1298.26 579.75 1308.64Q579.75 1317.96 577.24 1322.8Q574.72 1327.63 569.77 1327.63Q565.4 1327.63 562.62 1323.37Q559.84 1319.1 559.84 1308.64ZM563.68 1308.64Q563.68 1317.71 565.42 1320.79Q567.16 1323.88 569.87 1323.88Q572.44 1323.88 574.16 1320.75Q575.89 1317.63 575.89 1308.64Q575.89 1299.55 574.15 1296.48Q572.41 1293.41 569.64 1293.41Q567.11 1293.41 565.39 1296.53Q563.68 1299.65 563.68 1308.64Z"/>
+<path aria-label="#" fill="#20292d" d="M680.22 1325.63 682.03 1314.82H678.52V1311.04H682.66L684.21 1301.82H678.52V1298.04H684.82L686.65 1287.14H689.77L687.94 1298.04H694.52L696.32 1287.14H699.47L697.64 1298.04H701.27V1301.82H697.03L695.48 1311.04H701.27V1314.82H694.85L693.05 1325.63H689.9L691.7 1314.82H685.15L683.35 1325.63ZM685.79 1311.04H692.34L693.88 1301.82H687.33Z"/>
+<path aria-label="*" fill="#20292d" d="M437.59 1295.58 439.29 1290.31Q445.19 1292.39 447.87 1293.91Q447.16 1287.19 447.12 1284.67H452.5Q452.39 1288.34 451.65 1293.87Q455.47 1291.94 460.41 1290.31L462.12 1295.58Q457.4 1297.14 452.88 1297.66Q455.14 1299.62 459.26 1304.67L454.81 1307.83Q452.65 1304.89 449.72 1299.85Q446.98 1305.08 444.9 1307.83L440.52 1304.67Q444.82 1299.37 446.68 1297.66Q441.89 1296.73 437.59 1295.58Z"/>
+<path aria-label="ABC" fill="#ff7717" d="M551.47 980 556.42 967.12H558.25L563.53 980H561.58L560.08 976.1H554.69L553.28 980ZM555.19 974.71H559.55L558.21 971.14Q557.59 969.51 557.3 968.47Q557.05 969.71 556.6 970.93ZM564.82 980V967.12H569.65Q571.13 967.12 572.02 967.51Q572.91 967.9 573.42 968.71Q573.92 969.52 573.92 970.41Q573.92 971.24 573.48 971.97Q573.03 972.7 572.12 973.14Q573.29 973.49 573.92 974.31Q574.55 975.14 574.55 976.26Q574.55 977.17 574.17 977.95Q573.78 978.73 573.22 979.15Q572.66 979.57 571.81 979.78Q570.96 980 569.73 980ZM566.52 972.53H569.31Q570.44 972.53 570.94 972.38Q571.59 972.19 571.92 971.74Q572.25 971.29 572.25 970.61Q572.25 969.97 571.94 969.48Q571.63 969 571.06 968.82Q570.49 968.64 569.1 968.64H566.52ZM566.52 978.48H569.73Q570.56 978.48 570.89 978.42Q571.48 978.31 571.88 978.07Q572.27 977.82 572.53 977.35Q572.78 976.88 572.78 976.26Q572.78 975.54 572.41 975.01Q572.04 974.48 571.39 974.27Q570.73 974.05 569.5 974.05H566.52ZM586.09 975.48 587.79 975.91Q587.26 978.01 585.86 979.12Q584.47 980.22 582.46 980.22Q580.38 980.22 579.07 979.37Q577.77 978.52 577.08 976.92Q576.4 975.31 576.4 973.46Q576.4 971.45 577.17 969.95Q577.94 968.45 579.36 967.67Q580.78 966.9 582.48 966.9Q584.42 966.9 585.74 967.88Q587.06 968.86 587.57 970.65L585.9 971.04Q585.45 969.64 584.59 969Q583.74 968.35 582.45 968.35Q580.96 968.35 579.97 969.07Q578.97 969.78 578.56 970.98Q578.16 972.18 578.16 973.45Q578.16 975.1 578.64 976.32Q579.12 977.55 580.13 978.15Q581.14 978.76 582.32 978.76Q583.75 978.76 584.74 977.93Q585.74 977.11 586.09 975.48Z"/>
+<path aria-label="DEF" fill="#ff7717" d="M673.39 980V967.12H677.83Q679.33 967.12 680.12 967.3Q681.23 967.55 682.01 968.22Q683.03 969.08 683.54 970.42Q684.04 971.76 684.04 973.49Q684.04 974.96 683.7 976.09Q683.36 977.22 682.82 977.97Q682.28 978.71 681.65 979.13Q681.01 979.56 680.11 979.78Q679.21 980 678.04 980ZM675.09 978.48H677.84Q679.12 978.48 679.84 978.24Q680.57 978 681 977.57Q681.61 976.97 681.94 975.94Q682.28 974.92 682.28 973.46Q682.28 971.44 681.62 970.35Q680.96 969.27 680.01 968.9Q679.32 968.64 677.8 968.64H675.09ZM686.42 980V967.12H695.74V968.64H688.13V972.58H695.26V974.09H688.13V978.48H696.04V980ZM698.48 980V967.12H707.17V968.64H700.19V972.63H706.23V974.15H700.19V980Z"/>
+<path aria-label="GHI" fill="#ff7717" d="M441.42 1095.95V1094.43L446.88 1094.43V1099.21Q445.62 1100.21 444.28 1100.71Q442.95 1101.22 441.54 1101.22Q439.64 1101.22 438.09 1100.41Q436.54 1099.59 435.75 1098.06Q434.96 1096.52 434.96 1094.62Q434.96 1092.74 435.74 1091.11Q436.53 1089.48 438.01 1088.69Q439.48 1087.9 441.41 1087.9Q442.81 1087.9 443.94 1088.35Q445.06 1088.8 445.71 1089.61Q446.35 1090.42 446.68 1091.72L445.14 1092.14Q444.85 1091.16 444.42 1090.59Q443.99 1090.03 443.19 1089.69Q442.39 1089.35 441.42 1089.35Q440.25 1089.35 439.4 1089.71Q438.54 1090.07 438.02 1090.65Q437.5 1091.23 437.21 1091.92Q436.72 1093.12 436.72 1094.51Q436.72 1096.24 437.31 1097.4Q437.9 1098.56 439.04 1099.12Q440.17 1099.68 441.44 1099.68Q442.55 1099.68 443.61 1099.26Q444.66 1098.83 445.21 1098.35V1095.95ZM449.44 1101V1088.12H451.15V1093.41H457.84V1088.12H459.55V1101H457.84V1094.93H451.15V1101ZM462.68 1101V1088.12H464.38V1101Z"/>
+<path aria-label="JKL" fill="#ff7717" d="M555.01 1097.34 556.55 1097.13Q556.61 1098.61 557.1 1099.15Q557.59 1099.7 558.46 1099.7Q559.11 1099.7 559.57 1099.4Q560.04 1099.11 560.21 1098.6Q560.39 1098.1 560.39 1096.99V1088.12H562.09V1096.9Q562.09 1098.51 561.7 1099.4Q561.31 1100.29 560.46 1100.75Q559.62 1101.22 558.47 1101.22Q556.78 1101.22 555.88 1100.24Q554.98 1099.27 555.01 1097.34ZM564.81 1101V1088.12H566.52V1094.5L572.91 1088.12H575.23L569.82 1093.34L575.46 1101H573.21L568.62 1094.48L566.52 1096.54V1101ZM576.82 1101V1088.12H578.52V1099.48H584.87V1101Z"/>
+<path aria-label="MNO" fill="#ff7717" d="M670.34 1101V1088.12H672.91L675.96 1097.24Q676.38 1098.51 676.57 1099.15Q676.79 1098.44 677.26 1097.08L680.34 1088.12H682.63V1101H680.99V1090.22L677.25 1101H675.71L671.98 1090.03V1101ZM685.37 1101V1088.12H687.12L693.88 1098.23V1088.12H695.52V1101H693.77L687 1090.88V1101ZM697.87 1094.72Q697.87 1091.52 699.59 1089.7Q701.31 1087.89 704.04 1087.89Q705.82 1087.89 707.25 1088.74Q708.69 1089.59 709.44 1091.12Q710.19 1092.64 710.19 1094.58Q710.19 1096.54 709.4 1098.08Q708.61 1099.63 707.16 1100.42Q705.71 1101.22 704.03 1101.22Q702.21 1101.22 700.78 1100.34Q699.34 1099.46 698.6 1097.94Q697.87 1096.42 697.87 1094.72ZM699.62 1094.75Q699.62 1097.08 700.88 1098.42Q702.13 1099.76 704.02 1099.76Q705.94 1099.76 707.19 1098.41Q708.43 1097.05 708.43 1094.57Q708.43 1092.99 707.9 1091.82Q707.37 1090.65 706.34 1090Q705.32 1089.35 704.04 1089.35Q702.23 1089.35 700.93 1090.6Q699.62 1091.84 699.62 1094.75Z"/>
+<path aria-label="PQRS" fill="#ff7717" d="M425.88 1219V1206.12H430.74Q432.03 1206.12 432.7 1206.24Q433.65 1206.4 434.29 1206.84Q434.94 1207.28 435.33 1208.08Q435.72 1208.88 435.72 1209.84Q435.72 1211.49 434.67 1212.62Q433.63 1213.76 430.89 1213.76H427.59V1219ZM427.59 1212.24H430.92Q432.57 1212.24 433.27 1211.63Q433.96 1211.01 433.96 1209.89Q433.96 1209.09 433.55 1208.51Q433.14 1207.93 432.47 1207.75Q432.04 1207.64 430.88 1207.64H427.59ZM447.65 1217.62Q448.84 1218.44 449.84 1218.82L449.34 1220Q447.95 1219.5 446.57 1218.42Q445.14 1219.22 443.41 1219.22Q441.66 1219.22 440.24 1218.38Q438.81 1217.53 438.04 1216Q437.27 1214.47 437.27 1212.56Q437.27 1210.65 438.05 1209.09Q438.82 1207.52 440.25 1206.7Q441.68 1205.89 443.44 1205.89Q445.23 1205.89 446.66 1206.73Q448.09 1207.58 448.84 1209.11Q449.6 1210.63 449.6 1212.55Q449.6 1214.14 449.11 1215.41Q448.63 1216.68 447.65 1217.62ZM443.9 1215.44Q445.38 1215.85 446.33 1216.67Q447.84 1215.3 447.84 1212.55Q447.84 1210.98 447.31 1209.82Q446.77 1208.65 445.75 1208Q444.73 1207.35 443.45 1207.35Q441.54 1207.35 440.29 1208.66Q439.03 1209.96 439.03 1212.56Q439.03 1215.07 440.27 1216.42Q441.52 1217.76 443.45 1217.76Q444.37 1217.76 445.17 1217.42Q444.38 1216.9 443.49 1216.68ZM451.92 1219V1206.12H457.63Q459.35 1206.12 460.25 1206.46Q461.14 1206.81 461.68 1207.69Q462.22 1208.57 462.22 1209.63Q462.22 1211 461.33 1211.94Q460.44 1212.88 458.59 1213.14Q459.26 1213.46 459.62 1213.78Q460.36 1214.46 461.03 1215.49L463.27 1219H461.13L459.42 1216.32Q458.67 1215.16 458.19 1214.54Q457.71 1213.93 457.33 1213.68Q456.94 1213.44 456.55 1213.34Q456.26 1213.28 455.6 1213.28H453.62V1219ZM453.62 1211.8H457.29Q458.46 1211.8 459.11 1211.56Q459.77 1211.32 460.12 1210.79Q460.46 1210.25 460.46 1209.63Q460.46 1208.72 459.8 1208.13Q459.13 1207.54 457.7 1207.54H453.62ZM464.31 1214.86 465.92 1214.72Q466.03 1215.69 466.45 1216.31Q466.87 1216.93 467.75 1217.31Q468.62 1217.69 469.72 1217.69Q470.7 1217.69 471.45 1217.4Q472.19 1217.11 472.56 1216.6Q472.92 1216.1 472.92 1215.5Q472.92 1214.9 472.57 1214.44Q472.22 1213.99 471.41 1213.68Q470.89 1213.48 469.12 1213.05Q467.34 1212.63 466.63 1212.25Q465.71 1211.77 465.25 1211.05Q464.8 1210.33 464.8 1209.45Q464.8 1208.47 465.35 1207.62Q465.91 1206.77 466.97 1206.33Q468.04 1205.9 469.34 1205.9Q470.77 1205.9 471.86 1206.36Q472.96 1206.82 473.55 1207.71Q474.13 1208.61 474.18 1209.75L472.54 1209.87Q472.41 1208.65 471.65 1208.02Q470.89 1207.4 469.41 1207.4Q467.86 1207.4 467.15 1207.97Q466.44 1208.53 466.44 1209.33Q466.44 1210.03 466.95 1210.47Q467.44 1210.92 469.52 1211.39Q471.59 1211.86 472.37 1212.21Q473.49 1212.73 474.03 1213.53Q474.57 1214.32 474.57 1215.36Q474.57 1216.39 473.98 1217.3Q473.39 1218.21 472.28 1218.71Q471.18 1219.22 469.8 1219.22Q468.05 1219.22 466.87 1218.71Q465.69 1218.2 465.02 1217.18Q464.34 1216.15 464.31 1214.86Z"/>
+<path aria-label="TUV" fill="#ff7717" d="M556.67 1219V1207.64H552.42V1206.12H562.63V1207.64H558.37V1219ZM572.84 1206.12H574.54V1213.56Q574.54 1215.5 574.1 1216.64Q573.67 1217.79 572.52 1218.5Q571.37 1219.22 569.51 1219.22Q567.7 1219.22 566.55 1218.6Q565.39 1217.97 564.9 1216.79Q564.41 1215.61 564.41 1213.56V1206.12H566.12V1213.55Q566.12 1215.23 566.43 1216.02Q566.74 1216.82 567.5 1217.25Q568.26 1217.68 569.36 1217.68Q571.24 1217.68 572.04 1216.83Q572.84 1215.98 572.84 1213.55ZM581.07 1219 576.07 1206.12H577.92L581.27 1215.48Q581.67 1216.6 581.94 1217.58Q582.24 1216.53 582.64 1215.48L586.12 1206.12H587.86L582.81 1219Z"/>
+<path aria-label="WXYZ" fill="#ff7717" d="M667.64 1219 664.22 1206.12H665.97L667.93 1214.56Q668.25 1215.89 668.48 1217.2Q668.97 1215.13 669.06 1214.82L671.51 1206.12H673.56L675.41 1212.64Q676.1 1215.06 676.41 1217.2Q676.66 1215.98 677.05 1214.39L679.08 1206.12H680.79L677.26 1219H675.61L672.9 1209.18Q672.55 1207.95 672.49 1207.67Q672.29 1208.56 672.11 1209.18L669.38 1219ZM681.07 1219 686.05 1212.29 681.66 1206.12H683.69L686.03 1209.42Q686.76 1210.45 687.06 1211Q687.5 1210.3 688.08 1209.53L690.68 1206.12H692.53L688 1212.19L692.88 1219H690.77L687.53 1214.4Q687.26 1214.01 686.97 1213.54Q686.54 1214.25 686.35 1214.51L683.12 1219ZM698.02 1219V1213.54L693.05 1206.12H695.12L697.66 1210Q698.37 1211.09 698.97 1212.18Q699.55 1211.17 700.38 1209.9L702.88 1206.12H704.86L699.72 1213.54V1219ZM705.36 1219V1217.42L711.96 1209.17Q712.67 1208.29 713.3 1207.64H706.11V1206.12H715.34V1207.64L708.11 1216.57L707.32 1217.48H715.55V1219Z"/>
+<path aria-label="a-A" fill="#ff7717" d="M683.27 1341.85Q682.39 1342.6 681.58 1342.9Q680.77 1343.21 679.84 1343.21Q678.3 1343.21 677.47 1342.46Q676.65 1341.71 676.65 1340.54Q676.65 1339.85 676.96 1339.29Q677.27 1338.72 677.77 1338.38Q678.28 1338.03 678.91 1337.86Q679.38 1337.74 680.32 1337.62Q682.23 1337.39 683.14 1337.08Q683.15 1336.75 683.15 1336.66Q683.15 1335.7 682.7 1335.3Q682.09 1334.76 680.9 1334.76Q679.78 1334.76 679.25 1335.16Q678.72 1335.55 678.46 1336.54L676.92 1336.33Q677.13 1335.34 677.61 1334.73Q678.1 1334.11 679.01 1333.78Q679.92 1333.46 681.13 1333.46Q682.32 1333.46 683.07 1333.74Q683.82 1334.02 684.17 1334.44Q684.52 1334.87 684.66 1335.52Q684.74 1335.92 684.74 1336.98V1339.09Q684.74 1341.29 684.84 1341.88Q684.94 1342.46 685.24 1343H683.59Q683.34 1342.51 683.27 1341.85ZM683.14 1338.32Q682.28 1338.67 680.56 1338.91Q679.58 1339.05 679.18 1339.23Q678.77 1339.41 678.55 1339.74Q678.33 1340.08 678.33 1340.5Q678.33 1341.13 678.81 1341.55Q679.29 1341.97 680.21 1341.97Q681.13 1341.97 681.84 1341.57Q682.55 1341.17 682.89 1340.48Q683.14 1339.94 683.14 1338.9ZM686.58 1339.13V1337.54H691.44V1339.13ZM691.97 1343 696.92 1330.12H698.76L704.03 1343H702.09L700.59 1339.1H695.2L693.78 1343ZM695.69 1337.71H700.06L698.71 1334.14Q698.1 1332.51 697.8 1331.47Q697.55 1332.71 697.11 1333.93Z"/>
+</g>
+</svg>
diff --git a/site/assets/device/seeed/Wio Tracker L2.svg b/site/assets/device/seeed/Wio Tracker L2.svg
new file mode 100644
index 00000000..3049b9c0
--- /dev/null
+++ b/site/assets/device/seeed/Wio Tracker L2.svg	
@@ -0,0 +1,61 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="604" height="804" viewBox="492 55 604 804" role="img" aria-labelledby="title desc">
+  <title id="title">Seeed Wio Tracker L2</title>
+  <desc id="desc">Clean vector illustration of a dark grey landscape device with a long left antenna, ribbed grip and yellow top button. The display is a single solid colour and the background is transparent.</desc>
+  <defs>
+    <g id="grip-rib">
+      <rect width="49" height="8" rx="2" fill="#222627"/>
+      <path d="M1 8H46" fill="none" stroke="#626668" stroke-width="1"/>
+    </g>
+  </defs>
+  <!-- Antenna: smooth silhouette, restrained flat highlights. -->
+  <g id="antenna" stroke-linejoin="round">
+    <path d="M522 467 527 90C527 75 537 65 550 65S575 75 575 90L577 467Z" fill="#202425" stroke="#161a1b" stroke-width="2"/>
+    <path d="M530 115V91Q530 73 543 70Q536 80 536 94V115Z" fill="#74797a"/>
+    <path d="M532 141H541L538 459H528Z" fill="#484e50"/>
+    <path d="M566 141H574L576 461H567Z" fill="#161b1d"/>
+    <path d="M528 120Q550 117 574 120M528 132Q550 130 574 133M528 138H574" fill="none" stroke="#111617" stroke-width="2"/>
+    <path d="M529 123H572" stroke="#565c5e" stroke-width="1.5"/>
+  </g>
+  <g id="top-button">
+    <path d="M896 465V460Q896 456 902 456H928Q934 456 934 460V465Z" fill="#efbf24" stroke="#a88319" stroke-width="1"/>
+    <path d="M901 458H927" stroke="#ffe68a" stroke-width="2" stroke-linecap="round"/>
+  </g>
+  <!-- Enclosure outline and bevels. -->
+  <g id="enclosure" stroke-linejoin="round">
+    <path d="M536 462H1049C1071 462 1086 478 1086 499V813C1086 834 1073 848 1053 848H536C515 848 502 834 502 813V497C502 477 516 462 536 462Z" fill="#292d2e" stroke="#1c2021" stroke-width="2"/>
+    <path d="M536 462H1049Q1072 462 1081 483H537Q520 483 519 501L503 492Q507 465 536 462Z" fill="#515657"/>
+    <path d="M1063 486Q1085 483 1086 501V814Q1086 842 1064 847L1051 829Q1066 826 1066 810V503Q1066 493 1063 486Z" fill="#202425"/>
+    <path d="M519 809Q519 829 539 829H1050L1064 847H536Q509 847 503 822Z" fill="#1c2021"/>
+    <path d="M536 482H1048Q1066 482 1066 502V810Q1066 829 1048 829H537Q519 829 519 811V501Q519 482 536 482Z" fill="#363b3d"/>
+    <path d="M520 500Q520 483 537 483H1049" fill="none" stroke="#74797a" stroke-width="1.5"/>
+    <path d="M615 462 626 483H832L846 462" fill="#4b5052"/>
+    <path d="M626 483 638 513H818L836 483" fill="#3d4345"/>
+    <path d="M616 463 637 514H819L846 463" fill="none" stroke="#5c6365" stroke-width="1.5"/>
+    <path d="M641 799 623 829H854L875 799Z" fill="#3c4244"/>
+    <path d="M623 829 612 847H849L854 829Z" fill="#252a2b"/>
+    <path d="M954 799 978 829H1038L1016 799Z" fill="#3b4042"/>
+    <path d="M641 799 613 847" fill="none" stroke="#202526" stroke-width="2"/>
+  </g>
+  <!-- Left hand grip. -->
+  <g id="left-grip">
+    <path d="M503 497 552 528Q562 533 562 545V775Q562 783 553 789L503 816Z" fill="#3b4143" stroke="#202526" stroke-width="2" stroke-linejoin="round"/>
+    <path d="M504 499 550 530Q559 535 559 545V774Q559 782 551 786" fill="none" stroke="#666d6f" stroke-width="1.5"/>
+    <use href="#grip-rib" x="503" y="544"/>
+    <use href="#grip-rib" x="503" y="570"/>
+    <use href="#grip-rib" x="503" y="596"/>
+    <use href="#grip-rib" x="503" y="622"/>
+    <use href="#grip-rib" x="503" y="648"/>
+    <use href="#grip-rib" x="503" y="674"/>
+    <use href="#grip-rib" x="503" y="700"/>
+    <use href="#grip-rib" x="503" y="726"/>
+    <use href="#grip-rib" x="503" y="752"/>
+    <path d="M518 518V796" stroke="#7a8183" stroke-opacity=".2" stroke-width="1"/>
+  </g>
+  <!-- Recessed bezel surrounds a genuinely uniform, empty display. -->
+  <g id="display-bezel">
+    <rect x="622.333333" y="517" width="368.333334" height="280" rx="7" fill="#1c2021"/>
+    <path d="M629.333333 519H984.666667Q988.666667 519 988.666667 525V789Q988.666667 795 982.666667 795H628.333333" fill="none" stroke="#666e70" stroke-width="2"/>
+    <path d="M627.333333 790V525Q627.333333 522 630.333333 522H982.666667" fill="none" stroke="#0e1415" stroke-width="3"/>
+    <rect id="screen" x="630.333333" y="525" width="353.333334" height="265" fill="#303638"/>
+  </g>
+</svg>
diff --git a/site/build-components.mjs b/site/build-components.mjs
new file mode 100644
index 00000000..a6be1f4e
--- /dev/null
+++ b/site/build-components.mjs
@@ -0,0 +1,15 @@
+import {build} from 'esbuild';
+import {readdir,readFile,writeFile} from 'node:fs/promises';
+
+await build({
+  entryPoints:['components.jsx'],bundle:true,minify:true,format:'esm',
+  outdir:'components-dist',legalComments:'linked',
+  loader:{'.woff2':'file','.woff':'file','.ttf':'file','.svg':'file','.png':'file'},
+});
+// Preserve every third-party notice; normalize indentation for the repository.
+for(const file of await readdir('components-dist')) {
+  if(!file.endsWith('.LEGAL.txt'))continue;
+  const path=`components-dist/${file}`;
+  await writeFile(path,(await readFile(path,'utf8')).replaceAll('\t','  '));
+}
+console.log('Animal Island UI bundle built; third-party license notices retained.');
diff --git a/site/components-dist/components.css b/site/components-dist/components.css
new file mode 100644
index 00000000..c6aa3acb
--- /dev/null
+++ b/site/components-dist/components.css
@@ -0,0 +1 @@
+.v{position:fixed;bottom:48px;right:32px;z-index:1000;cursor:pointer;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);opacity:0;visibility:hidden;transform:translateY(12px);user-select:none;border:none;outline:none;background:none;padding:0;line-height:1}.v:hover{transform:translateY(0) scale(1.08)}.v:active{transform:translateY(2px) scale(.96)}.v:focus-visible{outline:2px solid #ffcc00;outline-offset:4px;border-radius:16px}.xr{opacity:1;visibility:visible;transform:translateY(0)}.io{width:64px;height:64px;display:block;filter:drop-shadow(0 4px 10px rgba(91,78,30,.22));transition:filter .3s cubic-bezier(.4,0,.2,1)}.v:hover .io{filter:drop-shadow(0 4px 14px rgba(91,78,30,.32))}.br{position:relative;width:100%;min-height:100%;background:radial-gradient(circle,rgba(90,160,90,.22) 1.5px,transparent 1.5px) 0 0 / 28px 28px,radial-gradient(circle,rgba(140,200,140,.15) 1px,transparent 1px) 7px 7px / 14px 14px,#bfe3bf}.gr{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='170'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.55'/%3E%3Cstop offset='.45' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(18 26) rotate(24)'%3E%3Crect width='17' height='4.6' rx='2.3' fill='%23f8a6b2'/%3E%3Crect width='17' height='4.6' rx='2.3' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(120 32) rotate(-38)'%3E%3Crect width='15' height='4.4' rx='2.2' fill='%23f5d04a'/%3E%3Crect width='15' height='4.4' rx='2.2' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(72 76) rotate(76)'%3E%3Crect width='14' height='4.2' rx='2.1' fill='%238ecae6'/%3E%3Crect width='14' height='4.2' rx='2.1' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(148 108) rotate(12)'%3E%3Crect width='18' height='4.8' rx='2.4' fill='%2395d5b2'/%3E%3Crect width='18' height='4.8' rx='2.4' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(30 128) rotate(-55)'%3E%3Crect width='15' height='4.4' rx='2.2' fill='%23f4a261'/%3E%3Crect width='15' height='4.4' rx='2.2' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(104 148) rotate(100)'%3E%3Crect width='13' height='4.2' rx='2.1' fill='%23c9a7f5'/%3E%3Crect width='13' height='4.2' rx='2.1' fill='url(%23s)'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 190px 170px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='230' height='195'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.55'/%3E%3Cstop offset='.45' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(26 30) rotate(-15)'%3E%3Crect width='16' height='4.6' rx='2.3' fill='%2395d5b2'/%3E%3Crect width='16' height='4.6' rx='2.3' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(142 22) rotate(52)'%3E%3Crect width='14' height='4.2' rx='2.1' fill='%23f8a6b2'/%3E%3Crect width='14' height='4.2' rx='2.1' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(198 68) rotate(-70)'%3E%3Crect width='15' height='4.4' rx='2.2' fill='%23f5d04a'/%3E%3Crect width='15' height='4.4' rx='2.2' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(60 98) rotate(33)'%3E%3Crect width='17' height='4.6' rx='2.3' fill='%23c9a7f5'/%3E%3Crect width='17' height='4.6' rx='2.3' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(168 128) rotate(-8)'%3E%3Crect width='16' height='4.6' rx='2.3' fill='%238ecae6'/%3E%3Crect width='16' height='4.6' rx='2.3' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(96 162) rotate(118)'%3E%3Crect width='14' height='4.2' rx='2.1' fill='%23f4a261'/%3E%3Crect width='14' height='4.2' rx='2.1' fill='url(%23s)'/%3E%3C/g%3E%3C/svg%3E") 45px 30px / 230px 195px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255' height='215'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.55'/%3E%3Cstop offset='.45' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(30 26) rotate(65)'%3E%3Crect width='16' height='4.6' rx='2.3' fill='%23f4a261'/%3E%3Crect width='16' height='4.6' rx='2.3' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(152 38) rotate(-30)'%3E%3Crect width='15' height='4.4' rx='2.2' fill='%23c9a7f5'/%3E%3Crect width='15' height='4.4' rx='2.2' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(222 88) rotate(15)'%3E%3Crect width='17' height='4.8' rx='2.4' fill='%23f8a6b2'/%3E%3Crect width='17' height='4.8' rx='2.4' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(82 118) rotate(-95)'%3E%3Crect width='14' height='4.2' rx='2.1' fill='%23f5d04a'/%3E%3Crect width='14' height='4.2' rx='2.1' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(186 158) rotate(48)'%3E%3Crect width='15' height='4.4' rx='2.2' fill='%2395d5b2'/%3E%3Crect width='15' height='4.4' rx='2.2' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(42 184) rotate(10)'%3E%3Crect width='16' height='4.6' rx='2.3' fill='%238ecae6'/%3E%3Crect width='16' height='4.6' rx='2.3' fill='url(%23s)'/%3E%3C/g%3E%3C/svg%3E") 90px 60px / 255px 215px,#fdf3e3}.va{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--animal-spacing-sm);font-family:var(--animal-font-family);font-weight:600;white-space:nowrap;cursor:pointer;border:var(--animal-border-width) solid transparent;border-radius:50px;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);user-select:none;outline:none;line-height:1;letter-spacing:.02em;box-shadow:var(--animal-shadow-sm)}.va:focus-visible{outline:2px solid var(--animal-primary-color);outline-offset:2px}.va:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.hr{height:var(--animal-height-sm);padding:0 var(--animal-spacing-lg);font-size:var(--animal-font-size-sm);border-radius:var(--animal-border-radius-sm)}.ur{height:45px;padding:0 20px;font-size:var(--animal-font-size-base)}.wr{height:var(--animal-height-lg);padding:0 32px;font-size:var(--animal-font-size-lg);border-radius:var(--animal-border-radius-lg)}.m{color:var(--animal-text-color);background:var(--animal-bg-color);border-color:var(--animal-border-color)}.m:hover:not(:disabled){color:var(--animal-primary-color);border-color:var(--animal-primary-color);box-shadow:var(--animal-shadow-base);transform:translateY(-1px)}.m:active:not(:disabled){color:var(--animal-primary-color-active);border-color:var(--animal-primary-color-active);transform:translateY(0);box-shadow:var(--animal-shadow-sm)}.d{color:#794f27;background:#f8f8f0;border-color:#f8f8f0;box-shadow:0 5px #bdaea0}.d:hover:not(:disabled){background:#f8f8f0;border-color:#f8f8f0;transform:translateY(-1px);box-shadow:0 6px #bdaea0}.d:active:not(:disabled){background:#f8f8f0;border-color:#f8f8f0;transform:translateY(2px);box-shadow:0 1px #bdaea0}.x{color:var(--animal-text-color);background:var(--animal-bg-color);border-color:var(--animal-border-color);border-style:dashed}.x:hover:not(:disabled){color:var(--animal-primary-color);border-color:var(--animal-primary-color);transform:translateY(-1px)}.x:active:not(:disabled){color:var(--animal-primary-color-active);border-color:var(--animal-primary-color-active);transform:translateY(0)}.b{color:var(--animal-text-color);background:transparent;border-color:transparent;box-shadow:none}.b:hover:not(:disabled){background:var(--animal-bg-color-secondary)}.b:active:not(:disabled){background:#e9ddc6}.g{color:var(--animal-primary-color);background:transparent;border-color:transparent;box-shadow:none}.g:hover:not(:disabled){color:var(--animal-primary-color-hover);opacity:.85}.g:active:not(:disabled){color:var(--animal-primary-color-active)}.r.d{color:#fff;background:var(--animal-error-color);border-color:var(--animal-error-color);box-shadow:0 5px 0 0 var(--animal-error-color-active)}.r.d:hover:not(:disabled){background:var(--animal-error-color-hover);border-color:var(--animal-error-color-hover);box-shadow:0 6px 0 0 var(--animal-error-color-active)}.r.d:active:not(:disabled){background:var(--animal-error-color-active);border-color:var(--animal-error-color-active);box-shadow:0 1px 0 0 var(--animal-error-color-active)}.r.m,.r.x{color:#e05a5a;border-color:var(--animal-error-color)}.r.m:hover:not(:disabled),.r.x:hover:not(:disabled){color:#e05a5a;border-color:var(--animal-error-color-hover)}.r.m:active:not(:disabled),.r.x:active:not(:disabled){color:#e05a5a;border-color:var(--animal-error-color-active)}.r.b,.r.g{color:#fff}.r.b:hover:not(:disabled),.r.g:hover:not(:disabled){color:#fff}.r.b:active:not(:disabled),.r.g:active:not(:disabled){color:#fff}.ya{background:transparent;box-shadow:none}.ya.d{color:var(--animal-primary-color);background:transparent;box-shadow:none}.ya.d:hover:not(:disabled){color:var(--animal-primary-color-hover);border-color:var(--animal-primary-color-hover);background:#19c8b914}.kr{display:flex;width:100%}.vr{cursor:default;pointer-events:none;box-shadow:none;background:#0ec4b6;border:4px solid #4de2da;color:#fff;background-image:repeating-linear-gradient(-45deg,#0ec4b6,#0ec4b6 10px,#01b0a7 10px 20px);background-size:28.28px 28.28px;animation:no 1s linear infinite}.yr{display:inline-flex;align-items:center}@keyframes no{0%{background-position:0 0}to{background-position:-28.28px 0}}.zr{border-radius:20px;background:#f7f3df;padding:16px 24px;color:#725d42;font-weight:500;transition:all .3s ease}.to{background:#faf8f2;border:2px dashed #e8dcc8;box-shadow:none}.za{cursor:pointer}.za:hover{transform:translateY(-2px)}.za.to:hover{transform:none;border-color:#d4c4a8}.Yr{background:#f8a6b2;color:#fff}.Cr{background:#b77dee;color:#fff}.Sr{background:#889df0;color:#fff}.jr{background:#f7cd67;color:#725d42}.Nr{background:#e59266;color:#fff}.Br{background:#82d5bb;color:#fff}.Mr{background:#8ac68a;color:#fff}.Kr{background:#fc736d;color:#fff}.Hr{background:#d1da49;color:#3d5a1a}.Lr{background:#ecdf52;color:#725d42}.Fr{background:#9a835a;color:#fff}.Wr{background:#e18c6f;color:#fff}.Rr{background:radial-gradient(circle,rgba(196,184,158,.15) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(196,184,158,.1) 1px,transparent 1px),#f7f3df;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #d4c4a8;color:#725d42}.Gr{background:radial-gradient(circle,rgba(248,166,178,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,200,210,.12) 1px,transparent 1px),#fde4e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #f8a6b2;color:#a85565}.Dr{background:radial-gradient(circle,rgba(183,125,238,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(220,180,255,.12) 1px,transparent 1px),#f0e8ff;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #b77dee;color:#6a3a9a}.Ar{background:radial-gradient(circle,rgba(136,157,240,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(180,195,255,.12) 1px,transparent 1px),#e8edff;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #889df0;color:#4a5a8a}.Ur{background:radial-gradient(circle,rgba(247,205,103,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,230,160,.12) 1px,transparent 1px),#fff8e0;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #f7cd67;color:#7a6528}.Er{background:radial-gradient(circle,rgba(229,146,102,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,190,150,.12) 1px,transparent 1px),#fff0e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #e59266;color:#8a4a2a}.Pr{background:radial-gradient(circle,rgba(130,213,187,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(170,235,210,.12) 1px,transparent 1px),#e8faf5;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #82d5bb;color:#2a6b5a}.Tr{background:radial-gradient(circle,rgba(138,198,138,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(180,220,180,.12) 1px,transparent 1px),#e8f5e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #8ac68a;color:#3a6b3a}.Ir{background:radial-gradient(circle,rgba(252,115,109,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,160,155,.12) 1px,transparent 1px),#ffe8e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #fc736d;color:#9a3a3a}.Qr{background:radial-gradient(circle,rgba(209,218,73,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(230,240,130,.12) 1px,transparent 1px),#f5f8e0;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #d1da49;color:#5a6b28}.Or{background:radial-gradient(circle,rgba(236,223,82,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,245,140,.12) 1px,transparent 1px),#fffde8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #ecdf52;color:#6a5a28}.Xr{background:radial-gradient(circle,rgba(154,131,90,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(190,165,120,.12) 1px,transparent 1px),#f5f0e0;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #9a835a;color:#5a4a2a}.Zr{background:radial-gradient(circle,rgba(225,140,111,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,185,160,.12) 1px,transparent 1px),#fff0e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #e18c6f;color:#8a4a2a}.lo{position:relative;width:100%;min-width:0;font-family:var(--animal-font-family, "Nunito", "Noto Sans SC");border-radius:20px;outline:none}.lo:focus-visible{outline:2px solid var(--animal-primary-color, #19c8b9);outline-offset:3px}.Jr{position:relative;overflow:hidden;min-height:180px;background:#f7f3df;border-radius:20px}.do{position:absolute;inset:0;width:100%;min-height:180px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(18px);transition:opacity var(--animal-motion-duration-slow, .3s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1)),transform var(--animal-motion-duration-slow, .3s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1)),visibility var(--animal-motion-duration-slow, .3s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1))}.qr{position:relative;opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.p{position:absolute;top:50%;z-index:2;width:42px;height:42px;padding:0;border:1.5px solid rgba(121,79,39,.16);border-radius:50%;background:#ffffffeb;color:var(--animal-text-color, #794f27);cursor:pointer;transform:translateY(-50%);box-shadow:var(--animal-shadow-sm, 0 2px 4px rgba(61, 52, 40, .06));transition:all var(--animal-motion-duration-base, .2s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1))}.p:before{content:"";position:absolute;top:50%;left:50%;width:9px;height:9px;border-top:3px solid currentColor;border-left:3px solid currentColor}.p:hover:not(:disabled){color:var(--animal-primary-color-active, #0ea89c);transform:translateY(calc(-50% - 2px))}.p:active:not(:disabled){transform:translateY(-50%)}.p:focus-visible,.y:focus-visible,.Z:focus-visible{outline:2px solid var(--animal-primary-color, #19c8b9);outline-offset:2px}.p:disabled{opacity:.4;cursor:not-allowed}.Ya{left:14px}.Ya:before{transform:translate(-35%,-50%) rotate(-45deg)}.Ca{right:14px}.Ca:before{transform:translate(-65%,-50%) rotate(135deg)}.Vr{position:absolute;bottom:14px;left:50%;z-index:2;display:flex;align-items:center;gap:2px;padding:7px 10px;border-radius:50px;background:#ffffffd9;transform:translate(-50%)}.y{position:relative;width:30px;height:30px;padding:0;border:0;border-radius:50px;background:transparent;cursor:pointer;transition:all var(--animal-motion-duration-base, .2s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1))}.y:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50px;background:#d4c9b4;transform:translate(-50%,-50%);transition:all var(--animal-motion-duration-base, .2s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1))}._r:before{width:24px;background:var(--animal-primary-color, #19c8b9)}.Z{position:absolute;top:14px;right:14px;z-index:3;min-width:58px;height:32px;padding:0 12px;border:1.5px solid rgba(121,79,39,.16);border-radius:50px;background:#ffffffeb;color:var(--animal-text-color, #794f27);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all var(--animal-motion-duration-base, .2s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1))}.Z:hover{color:var(--animal-primary-color-active, #0ea89c);transform:translateY(-1px)}@media (max-width:480px){.p{width:36px;height:36px}.Ya{left:8px}.Ca{right:8px}}@media (prefers-reduced-motion:reduce){.do,.p,.y,.y:before,.Z{transition:none}}.ai{display:flex;flex-wrap:wrap;gap:16px;font-family:Nunito,Noto Sans SC,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important}.oi{flex-direction:row}.ei{flex-direction:column;gap:12px}.po{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;position:relative}.so{--cbx-size: 18px;--cbx-check-w: 10px;--cbx-check-h: 9px}.so .h{font-size:12px}.co{--cbx-size: 22px;--cbx-check-w: 12px;--cbx-check-h: 11px}.co .h{font-size:14px}.fo{--cbx-size: 28px;--cbx-check-w: 15px;--cbx-check-h: 14px}.fo .h{font-size:16px}.n{position:relative;width:var(--cbx-size);height:var(--cbx-size);flex-shrink:0;box-sizing:border-box}.n input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0;position:absolute;top:0;left:0;width:var(--cbx-size);height:var(--cbx-size);border:2px solid #c4b89e;border-radius:50%;background:#f7f3df;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.n input[type=checkbox]:focus-visible{outline:2px solid #f5c31c;outline-offset:2px}.n .Sa{display:block;width:var(--cbx-size);height:var(--cbx-size);background:none;border-radius:50%;position:absolute;top:0;left:0;transform:translateZ(0);pointer-events:none}.n .J{position:absolute;top:50%;left:50%;width:var(--cbx-check-w);height:var(--cbx-check-h);transform:translate(-50%,-54%);z-index:1;pointer-events:none}.n .J path{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:19;stroke-dashoffset:19;transition:stroke-dashoffset .3s ease;transition-delay:.2s}.n input:checked{border-color:#50b9ab}.n input:checked~.Sa{animation:mo .6s ease forwards}.n input:checked~.J path{stroke-dashoffset:0}.h{color:#725d42;font-weight:500;letter-spacing:.01em;transition:color .15s}.xo .h{color:#794f27}.xo .n input{background:#19c8b9}.z{cursor:not-allowed;opacity:.55}.z .n input{background:#f0ece2;border-color:#d4c9b4}.z .n input:checked~.Sa{animation:none}.z .n .J path{stroke:#c4b89e}.z .h{color:#c4b89e}.ri .po{cursor:not-allowed}@keyframes mo{40%{background:#19c8b9;box-shadow:0 -18px 0 -8px #19c8b9,16px -8px 0 -8px #19c8b9,16px 8px 0 -8px #19c8b9,0 18px 0 -8px #19c8b9,-16px 8px 0 -8px #19c8b9,-16px -8px 0 -8px #19c8b9}to{background:#19c8b9;box-shadow:0 -36px 0 -10px transparent,32px -16px 0 -10px transparent,32px 16px 0 -10px transparent,0 36px 0 -10px transparent,-32px 16px 0 -10px transparent,-32px -16px 0 -10px transparent}}.ii{position:relative;min-width:0;margin:1em 0}.q{position:absolute;top:12px;right:12px;min-width:62px;height:32px;padding:0 12px;border:1px solid rgba(232,213,188,.3);border-radius:50px;background:#3d3028f0;color:#e8d5bc;font-family:var(--animal-font-family, "Nunito", "Noto Sans SC");font-size:12px;font-weight:700;cursor:pointer;transition:all var(--animal-motion-duration-base, .2s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1))}.q:hover{background:#4b3b31;transform:translateY(-1px)}.q:active{transform:translateY(0)}.q:focus-visible{outline:2px solid var(--animal-primary-color, #19c8b9);outline-offset:2px}.bo{position:relative;background:var(--animal-bg-color);border-radius:var(--animal-border-radius-base);border:var(--animal-border-width) solid var(--animal-border-color);overflow:hidden;transition:border-color var(--animal-motion-duration-base) var(--animal-motion-ease);margin-bottom:var(--animal-spacing-md)}.bo.ni{opacity:.6;cursor:not-allowed}.go{display:flex;align-items:center;gap:var(--animal-spacing-md);width:100%;padding:var(--animal-spacing-lg) var(--animal-spacing-xl);background:transparent;border:none;cursor:pointer;text-align:left}.go:disabled{cursor:not-allowed}.ho{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--animal-primary-color);color:#fff;border-radius:50%;font-size:18px;font-weight:700;line-height:1;flex-shrink:0;transition:background-color var(--animal-motion-duration-base) var(--animal-motion-ease),transform var(--animal-motion-duration-base) var(--animal-motion-ease);box-shadow:0 2px 4px #19c8b94d}.V .ho{background:var(--animal-primary-color-active);transform:rotate(180deg)}.ti{flex:1;font-size:var(--animal-font-size-lg);font-weight:600;color:var(--animal-text-color);line-height:1.4}.uo{color:var(--animal-primary-color);opacity:.5;transition:opacity var(--animal-motion-duration-base) var(--animal-motion-ease),transform var(--animal-motion-duration-base) var(--animal-motion-ease)}.V .uo{opacity:1;transform:rotate(45deg)}.wo{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);will-change:grid-template-rows}.V .wo{grid-template-rows:1fr}.s{overflow:hidden;padding:0 var(--animal-spacing-xl);color:var(--animal-text-color-secondary);font-size:var(--animal-font-size-base);line-height:1.7;transition:padding var(--animal-motion-duration-base) var(--animal-motion-ease)}.V .s{padding-bottom:var(--animal-spacing-xl)}.s a{color:var(--animal-primary-color);text-decoration:none;font-weight:500;transition:color var(--animal-motion-duration-fast) var(--animal-motion-ease)}.s a:hover{color:var(--animal-primary-color-hover);text-decoration:underline}.s p{margin:0 0 var(--animal-spacing-sm) 0}.s p:last-child{margin-bottom:0}.s ul{margin:var(--animal-spacing-sm) 0;padding-left:var(--animal-spacing-xl)}.s li{margin-bottom:var(--animal-spacing-xs)}.li{display:flex;flex-direction:column;gap:var(--animal-spacing-sm)}.ko{display:inline-flex;align-items:center;gap:var(--animal-spacing-sm, 8px);box-sizing:border-box;width:fit-content;color:var(--animal-text-color, #794f27);font-family:var(--animal-font-family, "Nunito", "Noto Sans SC");font-weight:700;border-radius:20px;transition:transform var(--animal-motion-duration-base, .2s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1))}.di{padding:12px 18px;background:var(--animal-bg-color, #fff);box-shadow:var(--animal-shadow-sm, 0 2px 4px rgba(61, 52, 40, .06))}.ja{padding:13px 20px;background:#f7f3df;border:2px dashed #d4c4a8}.pi{color:var(--animal-text-color-secondary, #725d42);font-weight:600;white-space:nowrap}.si{display:inline-flex;align-items:center;gap:6px}._{display:inline-flex;align-items:center;gap:3px;box-sizing:border-box;padding:3px 8px;border-radius:12px;background:linear-gradient(180deg,#fff,#f8f8f0)}.ja ._{background:linear-gradient(180deg,#fffdf4,#f8f8f0)}.vo ._{border:1.5px solid #d4c9b4}.vo.ja ._{border-color:#d4c4a8}.aa{display:inline-block;overflow:hidden;height:1.2em}.ci{display:flex;flex-direction:column;transition:transform .35s var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1));will-change:transform}.fi{display:block;height:1.2em;color:#8b7355;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.2;text-align:center}.mi{color:#8b7355;font-weight:700;white-space:pre}.oa{color:#8b7355;font-weight:900;white-space:pre;position:relative;top:-.08em}.Na .oa{font-size:20px}.Ba .oa{font-size:26px}.Ma .oa{font-size:34px}.xi{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.Na{min-height:40px;font-size:13px}.Na .aa{font-size:20px}.Ba{min-height:48px;font-size:14px}.Ba .aa{font-size:26px}.Ma{min-height:56px;font-size:16px}.Ma .aa{font-size:34px}@media (max-width:480px){.ko{max-width:100%;flex-wrap:wrap;justify-content:center}}.bi{position:relative;display:inline-block;font-family:Nunito,Noto Sans SC,sans-serif;vertical-align:middle;user-select:none;-webkit-user-select:none}.ea{display:flex;width:100%;align-items:center;gap:8px;background:#fffbe7;border-radius:50px;cursor:pointer;transition:box-shadow .2s cubic-bezier(.4,0,.2,1)}.gi{height:32px;padding:0 14px;font-size:12px}.hi{height:40px;padding:0 18px;font-size:14px}.ui{height:48px;padding:0 22px;font-size:16px}.ea:hover{box-shadow:0 3px #c4b89e}.wi{box-shadow:0 3px #e0b800,0 0 0 3px #ffcc0026}.ki{box-shadow:0 3px #c94444}.vi{box-shadow:0 3px #dba90e}.yo{flex:1;color:#8a7b66;font-weight:500;letter-spacing:.01em}.zo{flex:1;color:#c4b89e;font-weight:400}.yi{display:flex;align-items:center;color:#a0936e}.zi{width:1px;height:16px;margin:0 2px;background:#e8dcc8;flex-shrink:0}.Yo{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:4px;border:none;background:transparent;border-radius:50%;color:#c4b89e;font-size:13px;font-weight:700;line-height:1;cursor:pointer;transition:all .15s}.Yo:hover{color:#725d42;background:#725d421a}.Y{opacity:.6;cursor:not-allowed}.Y .ea,.Y .ea:hover{background:#ece8dc;box-shadow:none;cursor:not-allowed}.Y .yo,.Y .zo{color:#c4b89e}.Yi{position:absolute;width:280px;padding:14px;background:#fffdf7;border:1.5px solid #e8dcc8;border-radius:20px;box-shadow:0 6px 18px #3d34281f;z-index:1000;opacity:0;transform:translateY(-6px);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.Ci{opacity:1;transform:translateY(0)}.Si{opacity:0;transform:translateY(-6px)}.Co{width:600px}.ji{display:flex;gap:12px}.Ni{width:280px}.Bi{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.Mi{display:flex;gap:2px}.So{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:transparent;border-radius:8px;color:#a0936e;cursor:pointer;transition:all .15s}.So:hover{background:#725d421a}.Ki{width:16px;height:16px;display:block}.jo{padding:4px 10px;border:none;background:transparent;border-radius:10px;color:#725d42;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s}.jo:hover{background:#e6f9f6;color:#19c8b9}.Hi{padding:4px 10px;color:#725d42;font-size:14px;font-weight:700}.Li{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.Fi{height:24px;line-height:24px;text-align:center;color:#a09080;font-size:11px;font-weight:700;letter-spacing:1px}.Wi{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.Ka{width:32px;height:32px;justify-self:center;border:none;background:transparent;border-radius:50%;color:#725d42;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.Ka:hover{background:#e6f9f6;color:#19c8b9}.Co .Ka:hover{background:#ffd54f;color:#725d42}.Ri{color:#c4b89e;font-weight:400}.Gi{box-shadow:inset 0 0 0 1.5px #19c8b9;color:#19c8b9;font-weight:700}.Ha,.Ha:hover{background:#19c8b9;color:#fff;font-weight:700}.Ha:hover{background:#3dd4c6}.La,.La:hover{background:#ffc107;border-radius:50%;color:#fff;font-weight:600}.La:hover{background:#e5a200}.Fa,.Wa,.Fa:hover,.Wa:hover{background:#ffc107;border:1px solid #fff;border-radius:50%;color:#fff;font-weight:700}.Fa:hover,.Wa:hover{background:#ffb400}.No,.No:hover{background:transparent;color:#d4c9b4;cursor:not-allowed}.Di{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.Bo,.Mo{height:36px;border:none;background:transparent;border-radius:12px;color:#725d42;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.Bo:hover,.Mo:hover{background:#e6f9f6;color:#19c8b9}.Ra,.Ra:hover,.Ga,.Ga:hover{background:#19c8b9;color:#fff;font-weight:700}.Ra:hover,.Ga:hover{background:#3dd4c6}.Ai{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #f0e8d8}.Ko{padding:4px 12px;border:none;background:transparent;border-radius:10px;color:#8a7b66;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.Ko:hover{background:#725d421a;color:#725d42}.Ho{padding:6px 16px;border:none;background:#725d421a;border-radius:12px;color:#8a7b66;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.Ho:hover{background:#796c5a;color:#fff}.Ui{width:100%;height:12px;background:conic-gradient(from -45deg at 50% 100%,#b08d57 90deg,#0000 0) center / 12px 100%}.Ei{background:conic-gradient(from -45deg at 50% 100%,#19c8b9 90deg,#0000 0) center / 12px 100%}.Pi{background:conic-gradient(from -45deg at 50% 100%,#fff 90deg,#0000 0) center / 12px 100%}.Ti{background:conic-gradient(from -45deg at 50% 100%,#f5d04a 90deg,#0000 0) center / 12px 100%}.Lo,.Fo,.Wo,.Ro{background-image:none;background-repeat:repeat-x;background-position:center;background-size:12px 2px}.Lo{background:linear-gradient(to right,#c4b89e 50%,transparent 50%) center / 12px 2px repeat-x}.Fo{background:linear-gradient(to right,#19c8b9 50%,transparent 50%) center / 12px 2px repeat-x}.Wo{background:linear-gradient(to right,#ffffff 50%,transparent 50%) center / 12px 2px repeat-x}.Ro{background:linear-gradient(to right,#f5d04a 50%,transparent 50%) center / 12px 2px repeat-x}.Ii{position:fixed;inset:0;z-index:1000;background:#0000002e;opacity:0;pointer-events:none;transition:opacity .36s ease}.Qi{opacity:1;pointer-events:all}.Go{position:fixed;z-index:1001;display:flex;flex-direction:column;background:#f7f3df;color:#807359;font-family:Nunito,Noto Sans SC,sans-serif;overflow:hidden;transition:transform .36s cubic-bezier(.2,0,.2,1)}.Oi{top:0;right:0;height:100vh;max-width:calc(100vw - 32px);border-radius:20px 0 0 20px;box-shadow:-12px 0 32px #3d34282e;transform:translate(100%)}.Xi{top:0;left:0;height:100vh;max-width:calc(100vw - 32px);border-radius:0 20px 20px 0;box-shadow:12px 0 32px #3d34282e;transform:translate(-100%)}.Zi{top:0;left:0;right:0;max-height:calc(100vh - 32px);border-radius:0 0 20px 20px;box-shadow:0 12px 32px #3d34282e;transform:translateY(-100%)}.Ji{bottom:0;left:0;right:0;max-height:calc(100vh - 32px);border-radius:20px 20px 0 0;box-shadow:0 -12px 32px #3d34282e;transform:translateY(100%)}.Go.qi{transform:none}.Vi{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 15px;flex-shrink:0}._i{font-size:28px;font-weight:700;color:#725d42}.Do{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;font-size:22px;line-height:1;color:#725d4299;border-radius:50%;cursor:pointer;transition:all .2s}.Do:hover{background:#725d421a;color:#725d42}.an{flex:1;overflow-y:auto;padding:0 24px 24px;font-size:20px;font-weight:600;line-height:1.6;color:#8a7b66}.on{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 24px 24px;flex-shrink:0}.Ao{width:100%;height:80px;background:linear-gradient(to top,#7ec8e3,#a8def0 55%,#a8def000);position:relative}.Ao:after{content:"";position:absolute;left:0;right:0;top:0;height:12px;background:radial-gradient(circle at 12px -4px,transparent 10px,#a8def0 11px) repeat-x;background-size:24px 12px}.Uo{background:linear-gradient(to top,#8fce8f,#b9e2b9 60%,#b9e2b900)}.Uo:after{background:radial-gradient(circle at 12px -4px,transparent 10px,#b9e2b9 11px) repeat-x;background-size:24px 12px}.en{background-repeat:repeat-x;background-size:auto 100%;background-position:left bottom}.rn{box-sizing:border-box;margin:0;padding:0;color:#000000d9;font-size:14px;line-height:1.6;list-style:none}.Eo{display:flex;flex-direction:column;gap:8px}.Eo .ra{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));align-items:baseline;row-gap:8px}.Da{display:flex;flex-direction:column;gap:8px}.Da .ra{display:block}.Da .C{display:block;margin-bottom:6px}.Po{display:flex;flex-wrap:wrap;gap:8px}.Po .ra{flex:0 0 auto}.in .C{font-size:12px}.nn .C{font-size:14px}.tn .C{font-size:16px}.ln{cursor:not-allowed;opacity:.6}.ra{box-sizing:border-box;margin:0;padding:0;vertical-align:top}.C{display:inline-block;flex:0 0 auto;line-height:1.6;color:#000000d9;font-weight:400;white-space:nowrap}.dn:before{content:"*";color:#ff4d4f;margin-right:4px}.pn:after{content:":";margin:0 4px 0 2px}.sn{min-width:0}.To{position:relative;display:flex;align-items:center;min-height:32px}.To>*{flex:1 1 auto;max-width:100%}.S{min-height:22px;color:#00000073;font-size:12px;line-height:1.5;margin-top:4px}.cn{color:#ff4d4f}.fn{display:inline-block;margin-right:4px;color:#ff4d4f;font-size:12px}.mn .S{color:#ff4d4f}.xn .S{color:#faad14}.bn .S{color:#52c41a}.gn .S{color:#1677ff}.hn{display:inline-block;flex-shrink:0;vertical-align:middle}.un:hover{animation:Io .3s ease-in-out forwards}@keyframes Io{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(-5deg)}to{transform:scale(1.1) rotate(-4deg)}}.wn,.kn,.vn,.yn,.zn,.Yn,.Cn,.Sn,.jn,.Nn,.Bn,.Mn,.Kn{color:currentColor}.Hn{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;padding:20px}.Ln{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background-color:#f0e8d8;border-radius:12px}.Fn{font-size:12px;color:#794f27;font-family:inherit}.Wn{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;border:none;background:#fff;padding:12px;border-radius:8px;box-shadow:0 8px 14px #00000014;line-height:0;vertical-align:middle;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.Qo{display:block;width:100%;height:100%;opacity:0;transition:opacity .25s ease}.Rn .Qo{opacity:1}.Gn{line-height:1.5;flex-direction:column;gap:8px;color:#c4b89e;font-size:13px;font-weight:500}.Dn{background:#f7f3df;color:#725d42}.An{background:#fde4e8;color:#a85565}.Un{background:#f0e8ff;color:#6a3a9a}.En{background:#e8edff;color:#4a5a8a}.Pn{background:#fff8e0;color:#7a6528}.Tn{background:#fff0e8;color:#8a4a2a}.In{background:#e8faf5;color:#2a6b5a}.Qn{background:#e8f5e8;color:#3a6b3a}.On{background:#ffe8e8;color:#9a3a3a}.Xn{background:#f5f8e0;color:#5a6b28}.Zn{background:#fffde8;color:#6a5a28}.Jn{background:#f5f0e0;color:#5a4a2a}.qn{background:#fff0e8;color:#8a4a2a}.Oo{font:inherit;color:inherit;-webkit-appearance:none;appearance:none;cursor:zoom-in}.Oo:focus-visible{outline:2px solid #ffcc00;outline-offset:2px}.Vn{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0000008c;animation:Xo .2s cubic-bezier(.4,0,.2,1)}._n{max-width:min(88vw,1100px);max-height:86vh;border-radius:20px;box-shadow:0 12px 40px #2b21188c;object-fit:contain;animation:Zo .25s cubic-bezier(.4,0,.2,1)}.at{position:relative;display:inline-flex;line-height:0}.Aa{position:absolute;top:12px;right:12px;z-index:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:1.5px solid rgba(255,255,255,.75);border-radius:50%;background:#d8dce2e6;color:#fff;cursor:pointer;transition:background .15s ease,transform .15s ease}.Aa:hover{background:#c4c9d0f2;transform:scale(1.06)}.Aa:focus-visible{outline:2px solid #ffcc00;outline-offset:2px}.j{position:relative;display:block;width:16px;height:16px}.j:before,.j:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;border-radius:2px;background:currentColor}.j:before{transform:translate(-50%,-50%) rotate(45deg)}.j:after{transform:translate(-50%,-50%) rotate(-45deg)}@keyframes Xo{0%{opacity:0}to{opacity:1}}@keyframes Zo{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.Jo{display:inline-flex;align-items:center;width:100%;background:#fffbe7;border-radius:50px;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);box-shadow:0 3px #d4c9b4}.Jo:hover:not(.u){box-shadow:0 3px #c4b89e}.u{background:#ece8dc;box-shadow:none;opacity:.6;cursor:not-allowed}.u .Ua{cursor:not-allowed;color:#c4b89e}.ia{box-shadow:none}.ia:hover:not(.u){box-shadow:none}.qo{height:var(--animal-height-sm);padding:0 14px;font-size:var(--animal-font-size-sm);border-radius:40px}.qo:not(.ia){box-shadow:0 2px #d4c9b4}.ot{height:var(--animal-height-base);padding:0 18px;font-size:var(--animal-font-size-base)}.Vo{height:var(--animal-height-lg);padding:0 22px;font-size:var(--animal-font-size-lg);border-radius:50px}.Vo:not(.ia){box-shadow:0 4px #d4c9b4}._o{box-shadow:0 3px 0 0 var(--animal-error-color-active)}._o:hover:not(.u){box-shadow:0 3px 0 0 var(--animal-error-color-active)}.ae{box-shadow:0 3px 0 0 var(--animal-warning-color-active)}.ae:hover:not(.u){box-shadow:0 3px 0 0 var(--animal-warning-color-active)}.Ua{flex:1;width:100%;height:100%;border:none;outline:none;background:transparent;color:#8a7b66;font-size:inherit;font-family:var(--animal-font-family);font-weight:500;line-height:var(--animal-line-height-base);letter-spacing:.01em}.Ua::placeholder{color:#c4b89e;font-weight:400}.oe,.ee{display:inline-flex;align-items:center;color:#a0936e;flex-shrink:0;font-size:1em}.oe{margin-right:6px}.ee{margin-left:6px}.Ea{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:4px;padding:0;color:#c4b89e;font-size:13px;font-weight:700;cursor:pointer;border:none;border-radius:50%;background:transparent;transition:all var(--animal-motion-duration-fast)}.Ea:hover{color:#725d42;background:#725d421a}.Ea:focus-visible{outline:2px solid #725d42;outline-offset:1px}.Pa{position:fixed;inset:0;overflow:hidden;background:#0b101a;opacity:1;transition:opacity .25s cubic-bezier(.4,0,.2,1);animation:re .2s cubic-bezier(.4,0,.2,1)}.Pa.et{opacity:0;pointer-events:none}@keyframes re{0%{opacity:0}}.rt{position:absolute;inset:0}.ie{position:absolute;top:-30px;background:#fff;border-radius:50%;animation:ne 10s linear infinite}@keyframes ne{0%{transform:translateY(0) rotate(0)}to{transform:translateY(calc(100vh + 60px)) rotate(360deg)}}.it{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(5,10,20,.6) 100%)}.nt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 24px;color:#f8f8f0;font-weight:800;font-size:18px;letter-spacing:.04em;line-height:1.5;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.6)}.tt{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){.ie,.Pa{animation:none}}.lt{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--animal-mask-bg);animation:te .25s ease}.dt{position:relative;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);display:flex;flex-direction:column;animation:le .3s ease}.pt{width:100%;height:100%;clip-path:url(#animal-modal-clip);padding:48px 48px 32px;background:#f7f3df;color:#807359;font-family:Nunito,Noto Sans SC,sans-serif;display:flex;flex-direction:column;overflow:hidden}.st{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px}.ct{font-size:28px;font-weight:700;color:#725d42}.de{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;font-size:22px;color:#725d4299;border-radius:50%;transition:all .2s}.de:hover{background:#725d421a;color:#725d42}.ft{padding-bottom:20px;display:flex;flex-direction:column;align-items:flex-start;overflow-y:auto;flex:1;font-size:20px;font-weight:600;line-height:1.6;color:#8a7b66}.mt{display:flex;align-items:center;justify-content:flex-end;gap:12px}.pe{height:40px;padding:0 24px;font-size:18px;font-family:Nunito,Noto Sans SC,sans-serif;border:2px solid rgba(114,93,66,.3);border-radius:39.81px;background:transparent;color:#725d42;transition:all .2s;line-height:1}.pe:hover{border-color:#725d4299;background:#725d4214}.se{color:#725d42;background:#fc0;border-color:#fc0}.se:hover{background:#ffcc00d9;border-color:#ffcc00d9}@keyframes te{0%{opacity:0}to{opacity:1}}@keyframes le{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.xt{position:fixed;inset:0;pointer-events:none;z-index:2000}.ce,.fe,.me,.xe,.be,.ge{position:fixed;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:calc(100vw - 32px)}.ce{top:24px;left:50%;transform:translate(-50%);align-items:center}.fe{top:24px;left:24px;align-items:flex-start}.me{top:24px;right:24px;align-items:flex-end}.xe{bottom:24px;left:50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse}.be{bottom:24px;left:24px;align-items:flex-start;flex-direction:column-reverse}.ge{bottom:24px;right:24px;align-items:flex-end;flex-direction:column-reverse}.bt{pointer-events:auto;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:384px;max-width:calc(100vw - 48px);padding:14px 16px;background:#f7f3df;border:2px solid #c4b89e;border-radius:18px;box-shadow:0 6px 18px #3d342824;font-family:Nunito,Noto Sans SC,-apple-system,PingFang SC,Hiragino Sans GB,sans-serif;color:#725d42;transition:box-shadow .2s ease,transform .2s ease;will-change:transform,opacity}.Ta{cursor:pointer}.Ta:hover{box-shadow:0 10px 26px #3d34282e;transform:translateY(-1px)}.Ta:focus-visible{outline:2px solid #ffcc00;outline-offset:2px}.he{background:#f5fae9;border-color:#6fba2c;box-shadow:0 6px 18px #6fba2c2e}.he .N{background:#d8efc1;color:#5a9e1e}.ue{background:#ecf9f6;border-color:#19c8b9;box-shadow:0 6px 18px #19c8b92e}.ue .N{background:#c2ece6;color:#11a89b}.we{background:#fdf6d9;border-color:#f5c31c;box-shadow:0 6px 18px #f5c31c33}.we .N{background:#fbeaa1;color:#b88a06}.ke{background:#fde8e8;border-color:#e05a5a;box-shadow:0 6px 18px #e05a5a2e}.ke .N{background:#f7c8c8;color:#c94444}.N{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:18px;line-height:1;user-select:none}.gt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.ht{font-size:15px;font-weight:700;line-height:1.4;color:#794f27;letter-spacing:.01em;word-break:break-word}.ut{font-size:13px;font-weight:500;line-height:1.55;color:#8a7b66;letter-spacing:.01em;word-break:break-word}.wt{flex:0 0 auto;display:inline-flex;align-items:center;margin-left:4px}.Ia{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:4px;padding:0;border:none;background:transparent;color:#725d428c;font-size:18px;line-height:1;border-radius:50%;cursor:pointer;transition:all .15s ease}.Ia:hover{background:#725d421f;color:#725d42}.Ia:focus-visible{outline:2px solid #ffcc00;outline-offset:2px}.na{animation:ve .25s cubic-bezier(.4,0,.2,1) both}.na.ta{animation:ye .25s cubic-bezier(.4,0,.2,1) both}.la{animation:ze .25s cubic-bezier(.4,0,.2,1) both}.la.ta{animation:Ye .25s cubic-bezier(.4,0,.2,1) both}@keyframes ve{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes ye{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}@keyframes ze{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes Ye{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.na,.la,.na.ta,.la.ta{animation-duration:.01s}}.kt{display:inline-flex;align-items:center;gap:2px;box-sizing:border-box;font-family:Nunito,Noto Sans SC,sans-serif;font-size:14px;color:#725d42;user-select:none;-webkit-user-select:none}.vt{opacity:.6}.yt{margin-right:10px;font-size:13px;font-weight:600;color:#a09080;white-space:nowrap}.B{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:#725d42;font-family:inherit;font-size:13px;font-weight:500;line-height:1;cursor:pointer;transition:all .15s ease}.B:focus-visible{outline:2px solid #ffcc00;outline-offset:1px}.B:disabled{color:#d4c9b4;cursor:not-allowed;background:transparent}.c{color:#fff;font-weight:700;cursor:default}.da .B:hover:not(:disabled):not(.c){background:#ffd54f;color:#725d42}.da .c{background:#ffc107}.da .c:hover{background:#ffb400}.pa .B:hover:not(:disabled):not(.c){background:#e6f9f6;color:#19c8b9}.pa .c{background:#19c8b9}.pa .c:hover{background:#3dd4c6}.zt{display:inline-flex;align-items:center;justify-content:center;width:24px;height:32px;color:#c4b89e;font-weight:900;letter-spacing:1px}.Yt{position:relative;display:inline-flex;margin-left:8px}.sa{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;height:34px;padding:0 12px;border:2px solid #e8dcc8;border-radius:12px;background:#fff;color:#725d42;font-family:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:all .2s ease}.sa:hover:not(:disabled){border-color:#d4c4a8;background:#fffdf7}.sa:focus-visible{outline:2px solid #ffcc00;outline-offset:1px}.sa:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f0}.ca{display:flex;align-items:center;color:#a09080;transition:transform .2s ease,color .2s ease}.Qa .ca{transform:rotate(180deg)}.da .Qa .ca{color:#ffb400}.pa .Qa .ca{color:#19c8b9}.Ct{position:absolute;bottom:calc(100% + 8px);left:0;z-index:10;margin:0;padding:8px 0;list-style:none;background:#ffeea0;border-radius:28px;box-shadow:0 6px 18px #3d34281f;animation:Ce .2s ease forwards}.Oa{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:108px;padding:8px 26px;color:#725d42;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer}.Oa:hover{font-weight:700}.Oa:hover:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #f5a623;animation:Se .5s ease-out forwards}.je{font-weight:700}.je:after{content:"";position:absolute;left:0;right:0;top:56%;transform:translateY(-50%);height:14px;margin:0 20px;background:#fc0;border-radius:7px;z-index:-1;opacity:.3}.St{display:inline-flex;align-items:center;gap:6px;margin-left:8px;font-size:13px;font-weight:500;color:#8a7b66;white-space:nowrap}.Xa{box-sizing:border-box;width:52px;height:32px;padding:0;border:none;border-radius:50px;background:#fffbe7;color:#725d42;font-family:inherit;font-size:13px;font-weight:700;text-align:center;outline:none;caret-color:#725d42}.Xa::placeholder{color:#c4b89e}.Xa:disabled{opacity:.5;cursor:not-allowed;background:#ece8dc}@keyframes Ce{0%{opacity:0}to{opacity:1}}@keyframes Se{0%{opacity:0;transform:translateY(-50%) translate(-20px) rotate(-15deg)}60%{opacity:1;transform:translateY(-50%) translate(5px) rotate(5deg)}to{opacity:1;transform:translateY(-50%) translate(0) rotate(0)}}.jt{box-sizing:border-box;display:flex;align-items:center;font-family:inherit;line-height:1;user-select:none;vertical-align:middle;width:100%}.Ne{flex:1 1 auto;min-width:0;width:100%;display:flex;flex-direction:column;gap:6px}.Ne.Nt{gap:0}.Bt{display:flex;align-items:center;gap:12px;width:100%;flex:1 1 auto;min-width:0}.Za{font-weight:700;color:#725d42;white-space:nowrap;flex-shrink:0;letter-spacing:.02em}.Za.Mt{min-width:44px;text-align:right}.Za.Kt{align-self:flex-end}.w{position:relative;flex:1 1 auto;width:100%;min-width:80px;background:#f8f8f0;border:2px solid #e8dcc8;box-shadow:inset 0 2px 4px #725d4214;overflow:hidden;border-radius:999px}.w.Be{height:12px;border-width:1.5px}.w.Ht{height:20px}.w.Me{height:28px}.Ja{position:absolute;top:0;left:0;bottom:0;width:0;border-radius:999px;background:#0ec4b6;background-image:repeating-linear-gradient(-45deg,#0ec4b6 0 10px,#01b0a7 10px 20px);background-size:28.28px 28.28px;animation:Ke 1s linear infinite;transition:width .6s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;align-items:center;justify-content:flex-end;padding-right:4px}.Ja.Lt{transition:none}@keyframes Ke{0%{background-position:0 0}to{background-position:-28.28px 0}}.qa{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#fff;font-weight:800;font-size:11px;letter-spacing:.02em;text-shadow:0 1px 1px rgba(0,0,0,.15);pointer-events:none;white-space:nowrap;z-index:1}.w.Me .qa{font-size:13px}.w.Be .qa{font-size:9px;right:4px}@media (prefers-reduced-motion:reduce){.Ja{transition:none;animation:none}}.Ft{display:flex;flex-wrap:wrap;gap:16px;font-family:Nunito,Noto Sans SC,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important}.Wt{flex-direction:row}.Rt{flex-direction:column;gap:12px}.He{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;position:relative}.Le{--cbx-size: 18px;--cbx-check-w: 10px;--cbx-check-h: 9px}.Le .k{font-size:12px}.Fe{--cbx-size: 22px;--cbx-check-w: 12px;--cbx-check-h: 11px}.Fe .k{font-size:14px}.We{--cbx-size: 28px;--cbx-check-w: 15px;--cbx-check-h: 14px}.We .k{font-size:16px}.t{position:relative;width:var(--cbx-size);height:var(--cbx-size);flex-shrink:0;box-sizing:border-box}.t input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0;position:absolute;top:0;left:0;width:var(--cbx-size);height:var(--cbx-size);border:2px solid #c4b89e;border-radius:50%;background:#f7f3df;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.t input[type=radio]:focus-visible{outline:2px solid #f5c31c;outline-offset:2px}.t .Va{display:block;width:var(--cbx-size);height:var(--cbx-size);background:none;border-radius:50%;position:absolute;top:0;left:0;transform:translateZ(0);pointer-events:none}.t .fa{position:absolute;top:50%;left:50%;width:var(--cbx-check-w);height:var(--cbx-check-h);transform:translate(-50%,-54%);z-index:1;pointer-events:none}.t .fa path{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:19;stroke-dashoffset:19;transition:stroke-dashoffset .3s ease;transition-delay:.2s}.t input:checked{border-color:#50b9ab}.t input:checked~.Va{animation:Re .6s ease forwards}.t input:checked~.fa path{stroke-dashoffset:0}.k{color:#725d42;font-weight:500;letter-spacing:.01em;transition:color .15s}.Ge .k{color:#794f27}.Ge .t input{background:#19c8b9}.M{cursor:not-allowed;opacity:.55}.M .t input{background:#f0ece2;border-color:#d4c9b4}.M .t input:checked~.Va{animation:none}.M .t .fa path{stroke:#c4b89e}.M .k{color:#c4b89e}.Gt .He{cursor:not-allowed}@keyframes Re{40%{background:#19c8b9;box-shadow:0 -18px 0 -8px #19c8b9,16px -8px 0 -8px #19c8b9,16px 8px 0 -8px #19c8b9,0 18px 0 -8px #19c8b9,-16px 8px 0 -8px #19c8b9,-16px -8px 0 -8px #19c8b9}to{background:#19c8b9;box-shadow:0 -36px 0 -10px transparent,32px -16px 0 -10px transparent,32px 16px 0 -10px transparent,0 36px 0 -10px transparent,-32px 16px 0 -10px transparent,-32px -16px 0 -10px transparent}}.Dt{position:relative;display:inline-block;min-width:140px;font-family:Nunito,Noto Sans SC,sans-serif;user-select:none;-webkit-user-select:none}.K{display:flex;align-items:center;justify-content:space-between;padding:8px 13px;background:#fff;border:2px solid #e8dcc8;border-radius:12px;cursor:pointer;transition:all .2s ease}.K:hover{border-color:#d4c4a8;background:#fffdf7}.K.De{background:#fff;border-radius:12px}.At{font-size:14px;color:#725d42;font-weight:600}.Ut{font-size:14px;color:#a09080}.Ae{color:#a09080;transition:transform .2s ease;display:flex;align-items:center}.K.De .Ae{transform:rotate(180deg);color:#19c8b9}.Ue{background:#ffeea0;border-radius:28px;overflow:visible;padding:12px 0;z-index:100;opacity:0;animation:Ee .2s ease forwards}@keyframes Ee{0%{opacity:0}to{opacity:1}}.Ue.Et{animation:Pe .15s ease forwards}@keyframes Pe{0%{opacity:1}to{opacity:0}}.Pt{left:auto;right:100%;margin-left:0;margin-right:6px}.ma{display:flex;align-items:center;justify-content:center;padding:10px 30px 10px 14px;font-size:14px;font-weight:500;color:#725d42;cursor:pointer;position:relative;white-space:nowrap}.ma.Tt{position:relative;z-index:1;font-weight:700}.ma:hover{position:relative;font-weight:700}.ma:hover:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #f5a623;animation:Te .5s ease-out forwards}@keyframes Te{0%{opacity:0;transform:translateY(-50%) translate(-20px) rotate(-15deg)}60%{opacity:1;transform:translateY(-50%) translate(5px) rotate(5deg)}to{opacity:1;transform:translateY(-50%) translate(0) rotate(0)}}.It{position:absolute;left:0;right:0;top:56%;transform:translateY(-50%);height:14px;margin:0 20px;background:#fc0;border-radius:7px;z-index:-1;opacity:.3}.Qt{width:16px;font-size:12px}.Ot .K{opacity:.5;cursor:not-allowed;background:#f5f5f0}.Xt{background:#eae5db;border-radius:12px;display:inline-block;line-height:1;position:relative;overflow:hidden;vertical-align:middle;flex-shrink:0}.Zt:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,250,235,.18),rgba(255,252,242,.55),rgba(255,250,235,.18),transparent);animation:Ie 1.6s ease-in-out infinite}@keyframes Ie{0%{transform:translate(-100%)}to{transform:translate(100%)}}.Jt{border-radius:12px;height:16px;margin-bottom:8px}.qt{border-radius:50%}.Vt{border-radius:18px}._t{display:flex;flex-direction:column;gap:10px;border-radius:0;background:none}.al{background:none}.Qe{height:14px;border-radius:12px;background:#dfd9ce}.Qe:last-child{width:60%}.ol{border-radius:50px}.xa{position:relative;display:inline-flex;align-items:center;min-width:52px;height:28px;padding:0;background:#d4c9b4;border:2.5px solid #c4b89e;border-radius:50px;cursor:pointer;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);outline:none;box-shadow:inset 0 2px 4px #725d4226}.xa:hover:not(._a){border-color:#a89878}.xa:focus-visible{outline:2px solid #ffcc00;outline-offset:2px}.f{background:#86d67a;border-color:#6fba2c;box-shadow:inset 0 2px 4px #5a9e1e33}.f:hover:not(._a){border-color:#5a9e1e;background:#7ccc70}._a{cursor:not-allowed;opacity:.5}.H{min-width:38px;height:20px;border-width:2.5px}.H .ba{width:14px;height:14px;top:50%;transform:translateY(-50%);left:1px}.H.f .ba{left:calc(100% - 16px)}.ba{position:absolute;top:50%;transform:translateY(-50%);left:2px;width:21px;height:21px;background:#f7f3df;border:2.5px solid #c4b89e;border-radius:50%;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);display:flex;align-items:center;justify-content:center}.f .ba{left:calc(100% - 24px);border-color:#6fba2c}.ga{display:block;padding:0 8px 0 28px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.1);letter-spacing:.02em}.f .ga{padding:0 28px 0 8px}.H .ga{padding:0 6px 0 20px;font-size:9px}.H.f .ga{padding:0 20px 0 6px}.el{pointer-events:none;opacity:.7}.Oe{display:inline-block;width:11px;height:11px;border:2px solid #6fba2c;border-right-color:transparent;border-radius:50%;animation:Xe .6s linear infinite}.xa:not(.f) .Oe{border-color:#a89878;border-right-color:transparent}@keyframes Xe{to{transform:rotate(360deg)}}.rl{position:relative;width:100%;background:#f7f3df;border-radius:20px;padding:6px;box-sizing:border-box}.il{overflow-x:auto;overflow-y:auto}.nl{width:100%;border-collapse:separate;border-spacing:0;font-family:Nunito,Noto Sans SC,-apple-system,PingFang SC,sans-serif}.tl{background:#f7f3df}.Ze{position:relative}.Ze:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:repeating-linear-gradient(90deg,#f0e8d8 0,#f0e8d8 6px,transparent 6px,transparent 12px);transition:opacity .25s cubic-bezier(.4,0,.2,1)}.ll{padding:16px 20px;font-size:14px;font-weight:700;color:#725d42;text-align:left;white-space:nowrap;letter-spacing:.02em;background:transparent}.dl{background:#f7f3df}.L{position:relative}.L:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:repeating-linear-gradient(90deg,#f0e8d8 0,#f0e8d8 6px,transparent 6px,transparent 12px)}.L:hover{background-image:repeating-linear-gradient(-45deg,#19c8b980,#19c8b980 10px,#0ec4b680 10px 20px);background-size:28.28px 28.28px;border-radius:30px}.L:hover:after{opacity:0}.L:last-child:after{display:none}.ao{background:#f8f8f099}.ao:hover{background-image:repeating-linear-gradient(-45deg,#19c8b980,#19c8b980 10px,#0ec4b680 10px 20px);background-size:28.28px 28.28px;border-radius:30px}.ao:hover:after{opacity:0}.pl{padding:14px 20px;font-size:14px;font-weight:500;color:#725d42;line-height:1.6;transition:all .25s cubic-bezier(.4,0,.2,1)}.sl{padding:60px 20px;text-align:center}.Je{display:flex;flex-direction:column;align-items:center;gap:16px;color:#9f927d;font-size:14px}.Je svg{opacity:.5}.cl{color:#9f927d;opacity:.5}.fl{display:flex;justify-content:flex-end;padding:10px 16px 8px}.ml{opacity:.7;pointer-events:none}.xl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f7f3dfcc;backdrop-filter:blur(2px)}.oo{color:#19c8b9;animation:qe 1s linear infinite}.oo svg{display:block}.oo circle{animation:Ve 1.5s ease-in-out infinite}@keyframes qe{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes Ve{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.bl{background:#f8f8f0;border-radius:24px;border:2px solid #e8e2d6;overflow:hidden}.gl{display:flex;gap:4px;padding:16px;background:#fff9;border-bottom:2px solid #e8e2d6}.ha{position:relative;display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:24px;cursor:pointer;font-family:Nunito,Noto Sans SC,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important;font-size:14px;font-weight:500;color:#794f27;transition:all .25s cubic-bezier(.4,0,.2,1)}.ha:hover{background:#19c8b91a;color:#794f27}.ha.eo{background:#0cc0b5;color:#fff9e3;font-weight:600;border-radius:24px}.ha.hl{box-shadow:0 3px #3d342814}._e{font-size:10px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.eo ._e{transform:scale(1.2)}.ar{position:relative;color:inherit}.eo .ar{color:#fff9e3}.ul{position:absolute;right:-5px;top:-4px;width:18px;height:18px;animation:or 2s ease-in-out infinite}.wl{animation:none}@keyframes or{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.kl{min-height:60px;padding:24px;animation:er .25s ease}@keyframes er{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.vl{min-height:40px;color:var(--animal-text-color-secondary);font-size:var(--animal-font-size-base);line-height:var(--animal-line-height-base)}.yl{box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;line-height:1;font-family:inherit;font-weight:600;border-radius:999px;border:1.5px solid transparent;transition:all .2s ease;user-select:none;white-space:nowrap}.zl{height:24px;padding:0 10px;font-size:12px}.Yl{height:32px;padding:0 12px;font-size:14px}.Cl{height:40px;padding:0 16px;font-size:16px}.Sl{background:#f7f3df;color:#8f734f;border-color:#d4c4a8}.jl{background:transparent;color:#8f734f;border-color:#c4b89e}.Nl{background:transparent;color:#8f734f;border-style:dashed;border-color:#c4b89e}.Bl{background:#f5f0e6;color:#8f734f;border-color:transparent}.Ml{background:#f8a6b2;border-color:#f8a6b2;color:#fff}.Kl{background:#b77dee;border-color:#b77dee;color:#fff}.Hl{background:#889df0;border-color:#889df0;color:#fff}.Ll{background:#f7cd67;border-color:#f7cd67;color:#fff}.Fl{background:#e59266;border-color:#e59266;color:#fff}.Wl{background:#82d5bb;border-color:#82d5bb;color:#fff}.Rl{background:#8ac68a;border-color:#8ac68a;color:#fff}.Gl{background:#fc736d;border-color:#fc736d;color:#fff}.Dl{background:#d1da49;border-color:#d1da49;color:#fff}.Al{background:#ecdf52;border-color:#ecdf52;color:#fff}.Ul{background:#9a835a;border-color:#9a835a;color:#fff}.El{background:#e18c6f;border-color:#e18c6f;color:#fff}.Pl{background:#fce4ec;color:#c2185b}.Tl{background:#f3e5f5;color:#7b1fa2}.Il{background:#e6f0ff;color:#1565c0}.Ql{background:#fff8e1;color:#f9a825}.Ol{background:#fff3e0;color:#e65100}.Xl{background:#e0f2f1;color:#00695c}.Zl{background:#e8f5e9;color:#2e7d32}.Jl{background:#ffebee;color:#c62828}.ql{background:#f1f8e9;color:#558b2f}.Vl{background:#f9fbe7;color:#827717}._l{background:#efebe9;color:#4e342e}.ad{background:#fbe9e7;color:#bf360c}.od,.ed{color:#f8a6b2;border-color:#f8a6b2}.rd,.id{color:#b77dee;border-color:#b77dee}.nd,.td{color:#889df0;border-color:#889df0}.ld,.dd{color:#f7cd67;border-color:#f7cd67}.pd,.sd{color:#e59266;border-color:#e59266}.cd,.fd{color:#82d5bb;border-color:#82d5bb}.md,.xd{color:#8ac68a;border-color:#8ac68a}.bd,.gd{color:#fc736d;border-color:#fc736d}.hd,.ud{color:#d1da49;border-color:#d1da49}.wd,.kd{color:#ecdf52;border-color:#ecdf52}.vd,.yd{color:#9a835a;border-color:#9a835a}.zd,.Yd{color:#e18c6f;border-color:#e18c6f}.Cd{color:inherit}.ro{display:inline-flex;align-items:center;justify-content:center;margin-left:2px;margin-right:-4px;width:16px;height:16px;padding:0;border:none;background:#958f8f14;color:inherit;font-size:14px;line-height:1;border-radius:50%;cursor:pointer;transition:background .15s ease}.ro:hover{background:#0000002e}.ro:disabled{cursor:not-allowed;opacity:.5}.ua{cursor:pointer}.ua:hover{transform:translateY(-1px);box-shadow:0 2px 6px #3d34281f}.ua:active{transform:translateY(0)}.ua:focus-visible{outline:2px solid var(--animal-focus-yellow, #f5c31c);outline-offset:2px}.Sd{opacity:.5;cursor:not-allowed;pointer-events:none}.jd{display:inline-flex;flex-direction:column;align-items:center;gap:var(--animal-spacing-md, 12px);box-sizing:border-box;width:fit-content;padding:20px 32px;border-radius:20px;background:var(--animal-bg-color, #fff);box-shadow:var(--animal-shadow-sm, 0 2px 4px rgba(61, 52, 40, .06));font-family:var(--animal-font-family, "Nunito", "Noto Sans SC");animation:rr var(--animal-motion-duration-slow, .35s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1))}.Nd{display:flex;align-items:center;color:var(--animal-text-color, #794f27);font-weight:800;font-size:40px;font-variant-numeric:tabular-nums;letter-spacing:1px;line-height:1;white-space:nowrap}.Bd{margin:0 2px;animation:ir 1s step-end infinite}.Md{display:inline-flex;align-items:center;gap:var(--animal-spacing-xs, 4px);padding:4px 14px;border-radius:999px;background:var(--animal-primary-color-bg, #e6f9f6);font-size:var(--animal-font-size-sm, 12px);font-weight:700;color:var(--animal-text-color-secondary, #9f927d);white-space:nowrap}.Kd{color:var(--animal-primary-color, #19c8b9);font-weight:800;text-transform:uppercase;letter-spacing:1px}.Hd{color:var(--animal-text-color-disabled, #c4b89e)}.Ld{font-variant-numeric:tabular-nums}@keyframes rr{0%{opacity:0}to{opacity:1}}@keyframes ir{50%{opacity:0}}.Fd{position:relative;display:inline-block;font-family:Nunito,Noto Sans SC,sans-serif;vertical-align:middle;user-select:none;-webkit-user-select:none}.wa{display:flex;width:100%;align-items:center;gap:8px;background:#fffbe7;border-radius:50px;cursor:pointer;transition:box-shadow .2s cubic-bezier(.4,0,.2,1)}.Wd{height:32px;padding:0 14px;font-size:12px}.Rd{height:40px;padding:0 18px;font-size:14px}.Gd{height:48px;padding:0 22px;font-size:16px}.wa:hover{box-shadow:0 3px #c4b89e}.Dd{box-shadow:0 3px #e0b800,0 0 0 3px #ffcc0026}.Ad{box-shadow:0 3px #c94444}.Ud{box-shadow:0 3px #dba90e}.nr{flex:1;color:#8a7b66;font-weight:500;letter-spacing:.01em}.tr{flex:1;color:#c4b89e;font-weight:400}.Ed{display:flex;align-items:center;color:#a0936e}.lr{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:4px;border:none;background:transparent;border-radius:50%;color:#c4b89e;font-size:13px;font-weight:700;line-height:1;cursor:pointer;transition:all .15s}.lr:hover{color:#725d42;background:#725d421a}.F{opacity:.6;cursor:not-allowed}.F .wa,.F .wa:hover{background:#ece8dc;box-shadow:none;cursor:not-allowed}.F .nr,.F .tr{color:#c4b89e}.Pd{position:absolute;width:248px;padding:14px;background:#fffdf7;border:1.5px solid #e8dcc8;border-radius:20px;box-shadow:0 6px 18px #3d34281f;z-index:1000;opacity:0;transform:translateY(-6px);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.Td{opacity:1;transform:translateY(0)}.Id{width:172px}.Qd{opacity:0;transform:translateY(-6px)}.Od{display:flex;gap:8px}.Xd{flex:1;min-width:0}.Zd{margin-bottom:6px;text-align:center;color:#a09080;font-size:11px;font-weight:700;letter-spacing:1px}.Jd{display:flex;flex-direction:column;gap:2px;max-height:232px;overflow-y:auto;padding:2px}.dr{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:28px;padding:0;border:none;background:transparent;border-radius:16px;appearance:none;color:#725d42;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.dr:hover{background:#ffd54f;color:#725d42}.pr,.pr:hover{background:#ffb400;color:#fff;font-weight:700}.qd{display:flex;justify-content:flex-end;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #f0e8d8}.sr{padding:6px 14px;border:none;background:transparent;border-radius:10px;color:#8a7b66;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.sr:hover{background:#725d421a;color:#725d42}.cr{padding:6px 16px;border:none;background:#725d421a;border-radius:12px;color:#8a7b66;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.cr:hover{background:#8a7b66;color:#fff}.Vd{display:inline-block;font-family:Nunito,Noto Sans SC,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important;font-weight:800;line-height:1;user-select:none}._d{--rf: #27d039;--rb: #20992a;--rk: #115017;--rt: #fff;position:relative;display:inline-flex;align-items:center;justify-content:center;height:2em;padding:0 1.6em;color:var(--rt);font-weight:900;letter-spacing:.04em;white-space:nowrap;filter:drop-shadow(0 .08em .12em rgba(0,0,0,.05))}.ap{position:relative;z-index:4;font-size:inherit;display:inline-flex;align-items:center;height:2em;padding-top:.11em;color:var(--rt);text-shadow:0 .04em .08em rgba(0,0,0,.05)}.op{position:absolute;font-size:inherit;bottom:-.4em;width:1.7em;height:1.7em;background:var(--rb);z-index:1}.ep{left:-.6em;border-radius:.08em 0 0 .08em;clip-path:polygon(100% 0%,100% 100%,0% 100%,30% 50%,0% 0%)}.rp{right:-.6em;border-radius:0 .08em .08em 0;clip-path:polygon(0% 0%,100% 0%,70% 50%,100% 100%,0% 100%)}.ip{position:absolute;font-size:inherit;top:calc(100% - .04em);width:0;height:0;border-style:solid;z-index:2}.np{left:.15em;top:calc(100% - .05em);border-width:0 .95em .45em 0;border-color:transparent var(--rk) transparent transparent;transform-origin:top left}.tp{right:.16em;top:calc(100% - .05em);border-width:0 0 .45em .95em;border-color:transparent transparent transparent var(--rk)}.lp{position:absolute;font-size:inherit;inset:0 .1em;background:var(--rf);border-radius:.2em;z-index:3;transform:perspective(11.5em) rotateX(3deg);box-shadow:inset 0 -.06em #0000000d;pointer-events:none}.dp{--rf: #f8a6b2;--rb: #e06880;--rk: #a03060;--rt: #fff}.pp{--rf: #b77dee;--rb: #9050d0;--rk: #5a1a9a;--rt: #fff}.sp{--rf: #889df0;--rb: #5068d8;--rk: #2030a0;--rt: #fff}.cp{--rf: #f7cd67;--rb: #d4a030;--rk: #8a6010;--rt: #725d42}.fp{--rf: #e59266;--rb: #c06a30;--rk: #7a3a10;--rt: #fff}.mp{--rf: #82d5bb;--rb: #40a880;--rk: #186048;--rt: #fff}.xp{--rf: #8ac68a;--rb: #509050;--rk: #205020;--rt: #fff}.bp{--rf: #fc736d;--rb: #d43030;--rk: #900010;--rt: #fff}.gp{--rf: #d1da49;--rb: #90a010;--rk: #485800;--rt: #3d5a1a}.hp{--rf: #ecdf52;--rb: #c0b010;--rk: #706800;--rt: #725d42}.up{--rf: #9a835a;--rb: #705830;--rk: #3a2810;--rt: #fff}.wp{--rf: #e18c6f;--rb: #b85a30;--rk: #6a2a10;--rt: #fff}.kp{position:relative;display:inline-flex;vertical-align:middle;font-family:Nunito,Noto Sans SC,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important}.W{position:absolute;z-index:100;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 12px;background:#f7f3df;border-radius:16px;box-shadow:0 3px 10px #3d34281a;color:#725d42;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.01em;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.W.l{opacity:1;pointer-events:auto}.W:after{content:"";position:absolute;width:8px;height:8px;background:#f7f3df;border-radius:2px}.fr{position:relative;z-index:1;white-space:pre-line;word-break:break-word}.W:not(.a).e{border:2px solid #c4b89e}.W.i:not(.a):after{border:none!important}.a{background:transparent;border:none;box-shadow:none;padding:0;max-width:280px}.a:after{display:none}.mr{position:relative;width:max-content;max-width:280px}.vp{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0}.ka{position:relative;z-index:1;padding:12px 20px}.ka .fr{font-weight:600;line-height:1.55;text-align:center}.a.e .mr{padding:2px;filter:drop-shadow(0 4px 14px rgba(121,79,39,.14))}.a.e .ka{background:transparent}.a.i .ka{background:#f7f3df;filter:drop-shadow(0 4px 14px rgba(121,79,39,.14))}.o{position:absolute;z-index:2;pointer-events:none}.a.i .o{width:14px;height:14px;background:#f7f3df;border-radius:50%}.a.i.R .o{bottom:-5px;left:50%;transform:translate(-50%)}.a.i.G .o{bottom:-5px;left:20px}.a.i.D .o{bottom:-5px;right:20px}.a.i.A .o{top:-5px;left:50%;transform:translate(-50%)}.a.i.U .o{top:-5px;left:20px}.a.i.E .o{top:-5px;right:20px}.a.i.P .o{right:-5px;top:50%;transform:translateY(-50%)}.a.i.T .o{right:-5px;top:16px}.a.i.I .o{right:-5px;bottom:16px}.a.i.Q .o{left:-5px;top:50%;transform:translateY(-50%)}.a.i.O .o{left:-5px;top:16px}.a.i.X .o{left:-5px;bottom:16px}.a.e .o{width:10px;height:10px;background:#f7f3df;border-radius:2px}.a.e.R .o{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);border-right:2px solid #c4b89e;border-bottom:2px solid #c4b89e}.a.e.G .o{bottom:-5px;left:20px;transform:rotate(45deg);border-right:2px solid #c4b89e;border-bottom:2px solid #c4b89e}.a.e.D .o{bottom:-5px;right:20px;transform:rotate(45deg);border-right:2px solid #c4b89e;border-bottom:2px solid #c4b89e}.a.e.A .o{top:-5px;left:50%;transform:translate(-50%) rotate(45deg);border-top:2px solid #c4b89e;border-left:2px solid #c4b89e}.a.e.U .o{top:-5px;left:20px;transform:rotate(45deg);border-top:2px solid #c4b89e;border-left:2px solid #c4b89e}.a.e.E .o{top:-5px;right:20px;transform:rotate(45deg);border-top:2px solid #c4b89e;border-left:2px solid #c4b89e}.a.e.P .o{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg);border-top:2px solid #c4b89e;border-right:2px solid #c4b89e}.a.e.T .o{right:-5px;top:16px;transform:rotate(45deg);border-top:2px solid #c4b89e;border-right:2px solid #c4b89e}.a.e.I .o{right:-5px;bottom:16px;transform:rotate(45deg);border-top:2px solid #c4b89e;border-right:2px solid #c4b89e}.a.e.Q .o{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg);border-bottom:2px solid #c4b89e;border-left:2px solid #c4b89e}.a.e.O .o{left:-5px;top:16px;transform:rotate(45deg);border-bottom:2px solid #c4b89e;border-left:2px solid #c4b89e}.a.e.X .o{left:-5px;bottom:16px;transform:rotate(45deg);border-bottom:2px solid #c4b89e;border-left:2px solid #c4b89e}.R{bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px)}.R.l{transform:translate(-50%) translateY(0)}.R:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);border-right:2px solid #c4b89e;border-bottom:2px solid #c4b89e}.G{bottom:calc(100% + 10px);left:0;transform:translateY(4px)}.G.l{transform:translateY(0)}.G:after{bottom:-5px;left:16px;transform:rotate(45deg);border-right:2px solid #c4b89e;border-bottom:2px solid #c4b89e}.D{bottom:calc(100% + 10px);right:0;transform:translateY(4px)}.D.l{transform:translateY(0)}.D:after{bottom:-5px;right:16px;transform:rotate(45deg);border-right:2px solid #c4b89e;border-bottom:2px solid #c4b89e}.A{top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-4px)}.A.l{transform:translate(-50%) translateY(0)}.A:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg);border-top:2px solid #c4b89e;border-left:2px solid #c4b89e}.U{top:calc(100% + 10px);left:0;transform:translateY(-4px)}.U.l{transform:translateY(0)}.U:after{top:-5px;left:16px;transform:rotate(45deg);border-top:2px solid #c4b89e;border-left:2px solid #c4b89e}.E{top:calc(100% + 10px);right:0;transform:translateY(-4px)}.E.l{transform:translateY(0)}.E:after{top:-5px;right:16px;transform:rotate(45deg);border-top:2px solid #c4b89e;border-left:2px solid #c4b89e}.P{right:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(4px)}.P.l{transform:translateY(-50%) translate(0)}.P:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg);border-top:2px solid #c4b89e;border-right:2px solid #c4b89e}.T{right:calc(100% + 10px);top:0;transform:translate(4px)}.T.l{transform:translate(0)}.T:after{right:-5px;top:12px;transform:rotate(45deg);border-top:2px solid #c4b89e;border-right:2px solid #c4b89e}.I{right:calc(100% + 10px);bottom:0;transform:translate(4px)}.I.l{transform:translate(0)}.I:after{right:-5px;bottom:12px;transform:rotate(45deg);border-top:2px solid #c4b89e;border-right:2px solid #c4b89e}.Q{left:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(-4px)}.Q.l{transform:translateY(-50%) translate(0)}.Q:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg);border-bottom:2px solid #c4b89e;border-left:2px solid #c4b89e}.O{left:calc(100% + 10px);top:0;transform:translate(-4px)}.O.l{transform:translate(0)}.O:after{left:-5px;top:12px;transform:rotate(45deg);border-bottom:2px solid #c4b89e;border-left:2px solid #c4b89e}.X{left:calc(100% + 10px);bottom:0;transform:translate(-4px)}.X.l{transform:translate(0)}.X:after{left:-5px;bottom:12px;transform:rotate(45deg);border-bottom:2px solid #c4b89e;border-left:2px solid #c4b89e}@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url("./nunito-latin-500-normal.78b3b3a4-PCZ3HJA7.woff2") format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url("./nunito-latin-700-normal.0b62b606-BNRLMBX2.woff2") format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url("./nunito-latin-900-normal.8b5d13b8-RNORHODW.woff2") format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400;font-display:swap;src:url("./noto-sans-sc-latin-400-normal.d0072abd-2ADSVPLS.woff2") format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:500;font-display:swap;src:url("./noto-sans-sc-latin-500-normal.df58f967-35MPSZ36.woff2") format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:700;font-display:swap;src:url("./noto-sans-sc-latin-700-normal.11e48442-CHSIIQQ6.woff2") format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400;font-display:swap;src:url("./noto-sans-sc-chinese-simplified-400-normal.e25467c8-4JKGPSA3.woff2") format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:500;font-display:swap;src:url("./noto-sans-sc-chinese-simplified-500-normal.d3553b6f-2NKTW33X.woff2") format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:700;font-display:swap;src:url("./noto-sans-sc-chinese-simplified-700-normal.6e0a7691-NYFHNELR.woff2") format("woff2")}:root{--animal-primary-color: #19c8b9;--animal-primary-color-hover: #3dd4c6;--animal-primary-color-active: #50b9ab;--animal-primary-color-bg: #e6f9f6;--animal-success-color: #6fba2c;--animal-success-color-hover: #85cc45;--animal-success-color-active: #5a9e1e;--animal-warning-color: #f5c31c;--animal-warning-color-hover: #f7d04a;--animal-warning-color-active: #dba90e;--animal-error-color: #e05a5a;--animal-error-color-hover: #e87878;--animal-error-color-active: #c94444;--animal-text-color: #794f27;--animal-text-color-secondary: #9f927d;--animal-text-color-muted: #794f27;--animal-text-color-disabled: #c4b89e;--animal-border-color: #aaa69d;--animal-border-color-hover: #827157;--animal-border-color-light: #e8e2d6;--animal-bg-color: #f8f8f0;--animal-bg-color-secondary: #f0e8d8;--animal-bg-color-disabled: #f0ece2;--animal-mask-bg: rgba(0, 0, 0, .35);--animal-font-family: Nunito, "Noto Sans SC", -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;--animal-font-size-sm: 12px;--animal-font-size-base: 14px;--animal-font-size-lg: 16px;--animal-line-height-base: 1.5715;--animal-spacing-xs: 4px;--animal-spacing-sm: 8px;--animal-spacing-md: 12px;--animal-spacing-lg: 16px;--animal-spacing-xl: 24px;--animal-border-radius-sm: 16px;--animal-border-radius-base: 18px;--animal-border-radius-lg: 24px;--animal-border-width: 2px;--animal-shadow-sm: 0 2px 4px 0 rgba(61, 52, 40, .06);--animal-shadow-base: 0 3px 10px 0 rgba(61, 52, 40, .1);--animal-shadow-lg: 0 8px 24px 0 rgba(61, 52, 40, .14);--animal-motion-duration-fast: .15s;--animal-motion-duration-base: .25s;--animal-motion-duration-slow: .35s;--animal-motion-ease: cubic-bezier(.4, 0, .2, 1);--animal-height-sm: 32px;--animal-height-base: 40px;--animal-height-lg: 48px}*,*:before,*:after{box-sizing:border-box}[class^=animal-]{font-family:var(--animal-font-family);color:var(--animal-text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.animal-backtop-5ePXP{position:fixed;bottom:48px;right:32px;z-index:1000;cursor:pointer;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);opacity:0;visibility:hidden;transform:translateY(12px);user-select:none;border:none;outline:none;background:none;padding:0;line-height:1}.animal-backtop-5ePXP:hover{transform:translateY(0) scale(1.08)}.animal-backtop-5ePXP:active{transform:translateY(2px) scale(.96)}.animal-backtop-5ePXP:focus-visible{outline:2px solid #ffcc00;outline-offset:4px;border-radius:16px}.animal-visible-XgX7f{opacity:1;visibility:visible;transform:translateY(0)}.animal-img-iiltk{width:64px;height:64px;display:block;filter:drop-shadow(0 4px 10px rgba(91,78,30,.22));transition:filter .3s cubic-bezier(.4,0,.2,1)}.animal-backtop-5ePXP:hover .animal-img-iiltk{filter:drop-shadow(0 4px 14px rgba(91,78,30,.32))}.animal-background-tX6OV{position:relative;width:100%;min-height:100%;background:radial-gradient(circle,rgba(90,160,90,.22) 1.5px,transparent 1.5px) 0 0 / 28px 28px,radial-gradient(circle,rgba(140,200,140,.15) 1px,transparent 1px) 7px 7px / 14px 14px,#bfe3bf}.animal-sprinkles-f-3q-{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='170'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.55'/%3E%3Cstop offset='.45' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(18 26) rotate(24)'%3E%3Crect width='17' height='4.6' rx='2.3' fill='%23f8a6b2'/%3E%3Crect width='17' height='4.6' rx='2.3' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(120 32) rotate(-38)'%3E%3Crect width='15' height='4.4' rx='2.2' fill='%23f5d04a'/%3E%3Crect width='15' height='4.4' rx='2.2' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(72 76) rotate(76)'%3E%3Crect width='14' height='4.2' rx='2.1' fill='%238ecae6'/%3E%3Crect width='14' height='4.2' rx='2.1' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(148 108) rotate(12)'%3E%3Crect width='18' height='4.8' rx='2.4' fill='%2395d5b2'/%3E%3Crect width='18' height='4.8' rx='2.4' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(30 128) rotate(-55)'%3E%3Crect width='15' height='4.4' rx='2.2' fill='%23f4a261'/%3E%3Crect width='15' height='4.4' rx='2.2' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(104 148) rotate(100)'%3E%3Crect width='13' height='4.2' rx='2.1' fill='%23c9a7f5'/%3E%3Crect width='13' height='4.2' rx='2.1' fill='url(%23s)'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 190px 170px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='230' height='195'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.55'/%3E%3Cstop offset='.45' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(26 30) rotate(-15)'%3E%3Crect width='16' height='4.6' rx='2.3' fill='%2395d5b2'/%3E%3Crect width='16' height='4.6' rx='2.3' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(142 22) rotate(52)'%3E%3Crect width='14' height='4.2' rx='2.1' fill='%23f8a6b2'/%3E%3Crect width='14' height='4.2' rx='2.1' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(198 68) rotate(-70)'%3E%3Crect width='15' height='4.4' rx='2.2' fill='%23f5d04a'/%3E%3Crect width='15' height='4.4' rx='2.2' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(60 98) rotate(33)'%3E%3Crect width='17' height='4.6' rx='2.3' fill='%23c9a7f5'/%3E%3Crect width='17' height='4.6' rx='2.3' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(168 128) rotate(-8)'%3E%3Crect width='16' height='4.6' rx='2.3' fill='%238ecae6'/%3E%3Crect width='16' height='4.6' rx='2.3' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(96 162) rotate(118)'%3E%3Crect width='14' height='4.2' rx='2.1' fill='%23f4a261'/%3E%3Crect width='14' height='4.2' rx='2.1' fill='url(%23s)'/%3E%3C/g%3E%3C/svg%3E") 45px 30px / 230px 195px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255' height='215'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.55'/%3E%3Cstop offset='.45' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(30 26) rotate(65)'%3E%3Crect width='16' height='4.6' rx='2.3' fill='%23f4a261'/%3E%3Crect width='16' height='4.6' rx='2.3' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(152 38) rotate(-30)'%3E%3Crect width='15' height='4.4' rx='2.2' fill='%23c9a7f5'/%3E%3Crect width='15' height='4.4' rx='2.2' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(222 88) rotate(15)'%3E%3Crect width='17' height='4.8' rx='2.4' fill='%23f8a6b2'/%3E%3Crect width='17' height='4.8' rx='2.4' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(82 118) rotate(-95)'%3E%3Crect width='14' height='4.2' rx='2.1' fill='%23f5d04a'/%3E%3Crect width='14' height='4.2' rx='2.1' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(186 158) rotate(48)'%3E%3Crect width='15' height='4.4' rx='2.2' fill='%2395d5b2'/%3E%3Crect width='15' height='4.4' rx='2.2' fill='url(%23s)'/%3E%3C/g%3E%3Cg transform='translate(42 184) rotate(10)'%3E%3Crect width='16' height='4.6' rx='2.3' fill='%238ecae6'/%3E%3Crect width='16' height='4.6' rx='2.3' fill='url(%23s)'/%3E%3C/g%3E%3C/svg%3E") 90px 60px / 255px 215px,#fdf3e3}.animal-btn-QoKe1{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--animal-spacing-sm);font-family:var(--animal-font-family);font-weight:600;white-space:nowrap;cursor:pointer;border:var(--animal-border-width) solid transparent;border-radius:50px;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);user-select:none;outline:none;line-height:1;letter-spacing:.02em;box-shadow:var(--animal-shadow-sm)}.animal-btn-QoKe1:focus-visible{outline:2px solid var(--animal-primary-color);outline-offset:2px}.animal-btn-QoKe1:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.animal-btn-small-6Srsd{height:var(--animal-height-sm);padding:0 var(--animal-spacing-lg);font-size:var(--animal-font-size-sm);border-radius:var(--animal-border-radius-sm)}.animal-btn-middle-zEXqv{height:45px;padding:0 20px;font-size:var(--animal-font-size-base)}.animal-btn-large-k9IvA{height:var(--animal-height-lg);padding:0 32px;font-size:var(--animal-font-size-lg);border-radius:var(--animal-border-radius-lg)}.animal-btn-default-L7yE6{color:var(--animal-text-color);background:var(--animal-bg-color);border-color:var(--animal-border-color)}.animal-btn-default-L7yE6:hover:not(:disabled){color:var(--animal-primary-color);border-color:var(--animal-primary-color);box-shadow:var(--animal-shadow-base);transform:translateY(-1px)}.animal-btn-default-L7yE6:active:not(:disabled){color:var(--animal-primary-color-active);border-color:var(--animal-primary-color-active);transform:translateY(0);box-shadow:var(--animal-shadow-sm)}.animal-btn-primary-9tMG9{color:#794f27;background:#f8f8f0;border-color:#f8f8f0;box-shadow:0 5px #bdaea0}.animal-btn-primary-9tMG9:hover:not(:disabled){background:#f8f8f0;border-color:#f8f8f0;transform:translateY(-1px);box-shadow:0 6px #bdaea0}.animal-btn-primary-9tMG9:active:not(:disabled){background:#f8f8f0;border-color:#f8f8f0;transform:translateY(2px);box-shadow:0 1px #bdaea0}.animal-btn-dashed-wzZ-i{color:var(--animal-text-color);background:var(--animal-bg-color);border-color:var(--animal-border-color);border-style:dashed}.animal-btn-dashed-wzZ-i:hover:not(:disabled){color:var(--animal-primary-color);border-color:var(--animal-primary-color);transform:translateY(-1px)}.animal-btn-dashed-wzZ-i:active:not(:disabled){color:var(--animal-primary-color-active);border-color:var(--animal-primary-color-active);transform:translateY(0)}.animal-btn-text-Tope4{color:var(--animal-text-color);background:transparent;border-color:transparent;box-shadow:none}.animal-btn-text-Tope4:hover:not(:disabled){background:var(--animal-bg-color-secondary)}.animal-btn-text-Tope4:active:not(:disabled){background:#e9ddc6}.animal-btn-link-pURnf{color:var(--animal-primary-color);background:transparent;border-color:transparent;box-shadow:none}.animal-btn-link-pURnf:hover:not(:disabled){color:var(--animal-primary-color-hover);opacity:.85}.animal-btn-link-pURnf:active:not(:disabled){color:var(--animal-primary-color-active)}.animal-btn-danger-zQ4kF.animal-btn-primary-9tMG9{color:#fff;background:var(--animal-error-color);border-color:var(--animal-error-color);box-shadow:0 5px 0 0 var(--animal-error-color-active)}.animal-btn-danger-zQ4kF.animal-btn-primary-9tMG9:hover:not(:disabled){background:var(--animal-error-color-hover);border-color:var(--animal-error-color-hover);box-shadow:0 6px 0 0 var(--animal-error-color-active)}.animal-btn-danger-zQ4kF.animal-btn-primary-9tMG9:active:not(:disabled){background:var(--animal-error-color-active);border-color:var(--animal-error-color-active);box-shadow:0 1px 0 0 var(--animal-error-color-active)}.animal-btn-danger-zQ4kF.animal-btn-default-L7yE6,.animal-btn-danger-zQ4kF.animal-btn-dashed-wzZ-i{color:#e05a5a;border-color:var(--animal-error-color)}.animal-btn-danger-zQ4kF.animal-btn-default-L7yE6:hover:not(:disabled),.animal-btn-danger-zQ4kF.animal-btn-dashed-wzZ-i:hover:not(:disabled){color:#e05a5a;border-color:var(--animal-error-color-hover)}.animal-btn-danger-zQ4kF.animal-btn-default-L7yE6:active:not(:disabled),.animal-btn-danger-zQ4kF.animal-btn-dashed-wzZ-i:active:not(:disabled){color:#e05a5a;border-color:var(--animal-error-color-active)}.animal-btn-danger-zQ4kF.animal-btn-text-Tope4,.animal-btn-danger-zQ4kF.animal-btn-link-pURnf{color:#fff}.animal-btn-danger-zQ4kF.animal-btn-text-Tope4:hover:not(:disabled),.animal-btn-danger-zQ4kF.animal-btn-link-pURnf:hover:not(:disabled){color:#fff}.animal-btn-danger-zQ4kF.animal-btn-text-Tope4:active:not(:disabled),.animal-btn-danger-zQ4kF.animal-btn-link-pURnf:active:not(:disabled){color:#fff}.animal-btn-ghost-Ykty4{background:transparent;box-shadow:none}.animal-btn-ghost-Ykty4.animal-btn-primary-9tMG9{color:var(--animal-primary-color);background:transparent;box-shadow:none}.animal-btn-ghost-Ykty4.animal-btn-primary-9tMG9:hover:not(:disabled){color:var(--animal-primary-color-hover);border-color:var(--animal-primary-color-hover);background:#19c8b914}.animal-btn-block-MC4pp{display:flex;width:100%}.animal-btn-loading-PfXLM{cursor:default;pointer-events:none;box-shadow:none;background:#0ec4b6;border:4px solid #4de2da;color:#fff;background-image:repeating-linear-gradient(-45deg,#0ec4b6,#0ec4b6 10px,#01b0a7 10px 20px);background-size:28.28px 28.28px;animation:animal-animal-btn-loading-Rf1hg 1s linear infinite}.animal-btn-icon-P5CS9{display:inline-flex;align-items:center}@keyframes animal-animal-btn-loading-Rf1hg{0%{background-position:0 0}to{background-position:-28.28px 0}}.animal-card-DJ515{border-radius:20px;background:#f7f3df;padding:16px 24px;color:#725d42;font-weight:500;transition:all .3s ease}.animal-card-dashed-fqnm1{background:#faf8f2;border:2px dashed #e8dcc8;box-shadow:none}.animal-card-hoverable-RF-YV{cursor:pointer}.animal-card-hoverable-RF-YV:hover{transform:translateY(-2px)}.animal-card-hoverable-RF-YV.animal-card-dashed-fqnm1:hover{transform:none;border-color:#d4c4a8}.animal-card-app-pink-3Eo8d{background:#f8a6b2;color:#fff}.animal-card-purple-Gq7sR{background:#b77dee;color:#fff}.animal-card-app-blue-GHH1a{background:#889df0;color:#fff}.animal-card-app-yellow-DWB-L{background:#f7cd67;color:#725d42}.animal-card-app-orange-V5yD7{background:#e59266;color:#fff}.animal-card-app-teal-R5kFG{background:#82d5bb;color:#fff}.animal-card-app-green-xlNUs{background:#8ac68a;color:#fff}.animal-card-app-red-DzE0l{background:#fc736d;color:#fff}.animal-card-lime-green-KiJbe{background:#d1da49;color:#3d5a1a}.animal-card-yellow-green-4c-lF{background:#ecdf52;color:#725d42}.animal-card-brown-hLCrx{background:#9a835a;color:#fff}.animal-card-warm-peach-pink-RlSVo{background:#e18c6f;color:#fff}.animal-pattern-default-w-ord{background:radial-gradient(circle,rgba(196,184,158,.15) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(196,184,158,.1) 1px,transparent 1px),#f7f3df;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #d4c4a8;color:#725d42}.animal-pattern-app-pink--UNSj{background:radial-gradient(circle,rgba(248,166,178,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,200,210,.12) 1px,transparent 1px),#fde4e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #f8a6b2;color:#a85565}.animal-pattern-purple-uTyc6{background:radial-gradient(circle,rgba(183,125,238,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(220,180,255,.12) 1px,transparent 1px),#f0e8ff;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #b77dee;color:#6a3a9a}.animal-pattern-app-blue-KIXQM{background:radial-gradient(circle,rgba(136,157,240,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(180,195,255,.12) 1px,transparent 1px),#e8edff;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #889df0;color:#4a5a8a}.animal-pattern-app-yellow-K9MwO{background:radial-gradient(circle,rgba(247,205,103,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,230,160,.12) 1px,transparent 1px),#fff8e0;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #f7cd67;color:#7a6528}.animal-pattern-app-orange-QdKbc{background:radial-gradient(circle,rgba(229,146,102,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,190,150,.12) 1px,transparent 1px),#fff0e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #e59266;color:#8a4a2a}.animal-pattern-app-teal-bRRLd{background:radial-gradient(circle,rgba(130,213,187,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(170,235,210,.12) 1px,transparent 1px),#e8faf5;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #82d5bb;color:#2a6b5a}.animal-pattern-app-green-FKDYa{background:radial-gradient(circle,rgba(138,198,138,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(180,220,180,.12) 1px,transparent 1px),#e8f5e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #8ac68a;color:#3a6b3a}.animal-pattern-app-red--c4q5{background:radial-gradient(circle,rgba(252,115,109,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,160,155,.12) 1px,transparent 1px),#ffe8e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #fc736d;color:#9a3a3a}.animal-pattern-lime-green-z13TC{background:radial-gradient(circle,rgba(209,218,73,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(230,240,130,.12) 1px,transparent 1px),#f5f8e0;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #d1da49;color:#5a6b28}.animal-pattern-yellow-green-Cgkp8{background:radial-gradient(circle,rgba(236,223,82,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,245,140,.12) 1px,transparent 1px),#fffde8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #ecdf52;color:#6a5a28}.animal-pattern-brown-2fhlx{background:radial-gradient(circle,rgba(154,131,90,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(190,165,120,.12) 1px,transparent 1px),#f5f0e0;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #9a835a;color:#5a4a2a}.animal-pattern-warm-peach-pink-EXPaC{background:radial-gradient(circle,rgba(225,140,111,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,185,160,.12) 1px,transparent 1px),#fff0e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #e18c6f;color:#8a4a2a}.animal-carousel-tzaSw{position:relative;width:100%;min-width:0;font-family:var(--animal-font-family, "Nunito", "Noto Sans SC");border-radius:20px;outline:none}.animal-carousel-tzaSw:focus-visible{outline:2px solid var(--animal-primary-color, #19c8b9);outline-offset:3px}.animal-viewport-T03Gx{position:relative;overflow:hidden;min-height:180px;background:#f7f3df;border-radius:20px}.animal-slide-QyxO3{position:absolute;inset:0;width:100%;min-height:180px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(18px);transition:opacity var(--animal-motion-duration-slow, .3s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1)),transform var(--animal-motion-duration-slow, .3s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1)),visibility var(--animal-motion-duration-slow, .3s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1))}.animal-active-KzZUh{position:relative;opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.animal-arrow-yr05N{position:absolute;top:50%;z-index:2;width:42px;height:42px;padding:0;border:1.5px solid rgba(121,79,39,.16);border-radius:50%;background:#ffffffeb;color:var(--animal-text-color, #794f27);cursor:pointer;transform:translateY(-50%);box-shadow:var(--animal-shadow-sm, 0 2px 4px rgba(61, 52, 40, .06));transition:all var(--animal-motion-duration-base, .2s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1))}.animal-arrow-yr05N:before{content:"";position:absolute;top:50%;left:50%;width:9px;height:9px;border-top:3px solid currentColor;border-left:3px solid currentColor}.animal-arrow-yr05N:hover:not(:disabled){color:var(--animal-primary-color-active, #0ea89c);transform:translateY(calc(-50% - 2px))}.animal-arrow-yr05N:active:not(:disabled){transform:translateY(-50%)}.animal-arrow-yr05N:focus-visible,.animal-dot-YR0xH:focus-visible,.animal-rotation-control-EUiHP:focus-visible{outline:2px solid var(--animal-primary-color, #19c8b9);outline-offset:2px}.animal-arrow-yr05N:disabled{opacity:.4;cursor:not-allowed}.animal-previous-a-s9H{left:14px}.animal-previous-a-s9H:before{transform:translate(-35%,-50%) rotate(-45deg)}.animal-next-IB0oL{right:14px}.animal-next-IB0oL:before{transform:translate(-65%,-50%) rotate(135deg)}.animal-dots-4QdeT{position:absolute;bottom:14px;left:50%;z-index:2;display:flex;align-items:center;gap:2px;padding:7px 10px;border-radius:50px;background:#ffffffd9;transform:translate(-50%)}.animal-dot-YR0xH{position:relative;width:30px;height:30px;padding:0;border:0;border-radius:50px;background:transparent;cursor:pointer;transition:all var(--animal-motion-duration-base, .2s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1))}.animal-dot-YR0xH:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50px;background:#d4c9b4;transform:translate(-50%,-50%);transition:all var(--animal-motion-duration-base, .2s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1))}.animal-dot-active-qjT9q:before{width:24px;background:var(--animal-primary-color, #19c8b9)}.animal-rotation-control-EUiHP{position:absolute;top:14px;right:14px;z-index:3;min-width:58px;height:32px;padding:0 12px;border:1.5px solid rgba(121,79,39,.16);border-radius:50px;background:#ffffffeb;color:var(--animal-text-color, #794f27);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all var(--animal-motion-duration-base, .2s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1))}.animal-rotation-control-EUiHP:hover{color:var(--animal-primary-color-active, #0ea89c);transform:translateY(-1px)}@media (max-width:480px){.animal-arrow-yr05N{width:36px;height:36px}.animal-previous-a-s9H{left:8px}.animal-next-IB0oL{right:8px}}@media (prefers-reduced-motion:reduce){.animal-slide-QyxO3,.animal-arrow-yr05N,.animal-dot-YR0xH,.animal-dot-YR0xH:before,.animal-rotation-control-EUiHP{transition:none}}.animal-checkboxGroup-q3P6l{display:flex;flex-wrap:wrap;gap:16px;font-family:Nunito,Noto Sans SC,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important}.animal-horizontal-fBBSw{flex-direction:row}.animal-vertical-klL45{flex-direction:column;gap:12px}.animal-checkboxItem-DxKFM{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;position:relative}.animal-small-2wCHI{--cbx-size: 18px;--cbx-check-w: 10px;--cbx-check-h: 9px}.animal-small-2wCHI .animal-label-L0ila{font-size:12px}.animal-middle-VUB-E{--cbx-size: 22px;--cbx-check-w: 12px;--cbx-check-h: 11px}.animal-middle-VUB-E .animal-label-L0ila{font-size:14px}.animal-large-QQxPe{--cbx-size: 28px;--cbx-check-w: 15px;--cbx-check-h: 14px}.animal-large-QQxPe .animal-label-L0ila{font-size:16px}.animal-cbx-r-W7r{position:relative;width:var(--cbx-size);height:var(--cbx-size);flex-shrink:0;box-sizing:border-box}.animal-cbx-r-W7r input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0;position:absolute;top:0;left:0;width:var(--cbx-size);height:var(--cbx-size);border:2px solid #c4b89e;border-radius:50%;background:#f7f3df;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.animal-cbx-r-W7r input[type=checkbox]:focus-visible{outline:2px solid #f5c31c;outline-offset:2px}.animal-cbx-r-W7r .animal-splash-95w6m{display:block;width:var(--cbx-size);height:var(--cbx-size);background:none;border-radius:50%;position:absolute;top:0;left:0;transform:translateZ(0);pointer-events:none}.animal-cbx-r-W7r .animal-check-aNoPL{position:absolute;top:50%;left:50%;width:var(--cbx-check-w);height:var(--cbx-check-h);transform:translate(-50%,-54%);z-index:1;pointer-events:none}.animal-cbx-r-W7r .animal-check-aNoPL path{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:19;stroke-dashoffset:19;transition:stroke-dashoffset .3s ease;transition-delay:.2s}.animal-cbx-r-W7r input:checked{border-color:#50b9ab}.animal-cbx-r-W7r input:checked~.animal-splash-95w6m{animation:animal-animal-cbx-splash-dEVmu .6s ease forwards}.animal-cbx-r-W7r input:checked~.animal-check-aNoPL path{stroke-dashoffset:0}.animal-label-L0ila{color:#725d42;font-weight:500;letter-spacing:.01em;transition:color .15s}.animal-checked-S7gPe .animal-label-L0ila{color:#794f27}.animal-checked-S7gPe .animal-cbx-r-W7r input{background:#19c8b9}.animal-disabled-zDC-1{cursor:not-allowed;opacity:.55}.animal-disabled-zDC-1 .animal-cbx-r-W7r input{background:#f0ece2;border-color:#d4c9b4}.animal-disabled-zDC-1 .animal-cbx-r-W7r input:checked~.animal-splash-95w6m{animation:none}.animal-disabled-zDC-1 .animal-cbx-r-W7r .animal-check-aNoPL path{stroke:#c4b89e}.animal-disabled-zDC-1 .animal-label-L0ila{color:#c4b89e}.animal-groupDisabled-LvBFd .animal-checkboxItem-DxKFM{cursor:not-allowed}@keyframes animal-animal-cbx-splash-dEVmu{40%{background:#19c8b9;box-shadow:0 -18px 0 -8px #19c8b9,16px -8px 0 -8px #19c8b9,16px 8px 0 -8px #19c8b9,0 18px 0 -8px #19c8b9,-16px 8px 0 -8px #19c8b9,-16px -8px 0 -8px #19c8b9}to{background:#19c8b9;box-shadow:0 -36px 0 -10px transparent,32px -16px 0 -10px transparent,32px 16px 0 -10px transparent,0 36px 0 -10px transparent,-32px 16px 0 -10px transparent,-32px -16px 0 -10px transparent}}.animal-wrapper-DoFD9{position:relative;min-width:0;margin:1em 0}.animal-copy-button-UdsAN{position:absolute;top:12px;right:12px;min-width:62px;height:32px;padding:0 12px;border:1px solid rgba(232,213,188,.3);border-radius:50px;background:#3d3028f0;color:#e8d5bc;font-family:var(--animal-font-family, "Nunito", "Noto Sans SC");font-size:12px;font-weight:700;cursor:pointer;transition:all var(--animal-motion-duration-base, .2s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1))}.animal-copy-button-UdsAN:hover{background:#4b3b31;transform:translateY(-1px)}.animal-copy-button-UdsAN:active{transform:translateY(0)}.animal-copy-button-UdsAN:focus-visible{outline:2px solid var(--animal-primary-color, #19c8b9);outline-offset:2px}.animal-faqCard-5jlOE{position:relative;background:var(--animal-bg-color);border-radius:var(--animal-border-radius-base);border:var(--animal-border-width) solid var(--animal-border-color);overflow:hidden;transition:border-color var(--animal-motion-duration-base) var(--animal-motion-ease);margin-bottom:var(--animal-spacing-md)}.animal-faqCard-5jlOE.animal-disabled-9DAjm{opacity:.6;cursor:not-allowed}.animal-questionHeader-iqP87{display:flex;align-items:center;gap:var(--animal-spacing-md);width:100%;padding:var(--animal-spacing-lg) var(--animal-spacing-xl);background:transparent;border:none;cursor:pointer;text-align:left}.animal-questionHeader-iqP87:disabled{cursor:not-allowed}.animal-questionIcon-xRkdp{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--animal-primary-color);color:#fff;border-radius:50%;font-size:18px;font-weight:700;line-height:1;flex-shrink:0;transition:background-color var(--animal-motion-duration-base) var(--animal-motion-ease),transform var(--animal-motion-duration-base) var(--animal-motion-ease);box-shadow:0 2px 4px #19c8b94d}.animal-expanded-a8Eze .animal-questionIcon-xRkdp{background:var(--animal-primary-color-active);transform:rotate(180deg)}.animal-questionText-jVpUv{flex:1;font-size:var(--animal-font-size-lg);font-weight:600;color:var(--animal-text-color);line-height:1.4}.animal-leafDecoration-RoK4H{color:var(--animal-primary-color);opacity:.5;transition:opacity var(--animal-motion-duration-base) var(--animal-motion-ease),transform var(--animal-motion-duration-base) var(--animal-motion-ease)}.animal-expanded-a8Eze .animal-leafDecoration-RoK4H{opacity:1;transform:rotate(45deg)}.animal-answerWrapper-tzFtx{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);will-change:grid-template-rows}.animal-expanded-a8Eze .animal-answerWrapper-tzFtx{grid-template-rows:1fr}.animal-answerContent-ppsk-{overflow:hidden;padding:0 var(--animal-spacing-xl);color:var(--animal-text-color-secondary);font-size:var(--animal-font-size-base);line-height:1.7;transition:padding var(--animal-motion-duration-base) var(--animal-motion-ease)}.animal-expanded-a8Eze .animal-answerContent-ppsk-{padding-bottom:var(--animal-spacing-xl)}.animal-answerContent-ppsk- a{color:var(--animal-primary-color);text-decoration:none;font-weight:500;transition:color var(--animal-motion-duration-fast) var(--animal-motion-ease)}.animal-answerContent-ppsk- a:hover{color:var(--animal-primary-color-hover);text-decoration:underline}.animal-answerContent-ppsk- p{margin:0 0 var(--animal-spacing-sm) 0}.animal-answerContent-ppsk- p:last-child{margin-bottom:0}.animal-answerContent-ppsk- ul{margin:var(--animal-spacing-sm) 0;padding-left:var(--animal-spacing-xl)}.animal-answerContent-ppsk- li{margin-bottom:var(--animal-spacing-xs)}.animal-faqCardGroup-CbaJA{display:flex;flex-direction:column;gap:var(--animal-spacing-sm)}.animal-countdown-yK8u1{display:inline-flex;align-items:center;gap:var(--animal-spacing-sm, 8px);box-sizing:border-box;width:fit-content;color:var(--animal-text-color, #794f27);font-family:var(--animal-font-family, "Nunito", "Noto Sans SC");font-weight:700;border-radius:20px;transition:transform var(--animal-motion-duration-base, .2s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1))}.animal-default-2JlkF{padding:12px 18px;background:var(--animal-bg-color, #fff);box-shadow:var(--animal-shadow-sm, 0 2px 4px rgba(61, 52, 40, .06))}.animal-island-jbIqS{padding:13px 20px;background:#f7f3df;border:2px dashed #d4c4a8}.animal-prefix-lR6P-{color:var(--animal-text-color-secondary, #725d42);font-weight:600;white-space:nowrap}.animal-group-31dx2{display:inline-flex;align-items:center;gap:6px}.animal-unit-bGqpf{display:inline-flex;align-items:center;gap:3px;box-sizing:border-box;padding:3px 8px;border-radius:12px;background:linear-gradient(180deg,#fff,#f8f8f0)}.animal-island-jbIqS .animal-unit-bGqpf{background:linear-gradient(180deg,#fffdf4,#f8f8f0)}.animal-bordered-6S-yD .animal-unit-bGqpf{border:1.5px solid #d4c9b4}.animal-bordered-6S-yD.animal-island-jbIqS .animal-unit-bGqpf{border-color:#d4c4a8}.animal-digitCell-Ux3zj{display:inline-block;overflow:hidden;height:1.2em}.animal-digitStrip-jLxYv{display:flex;flex-direction:column;transition:transform .35s var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1));will-change:transform}.animal-digitFace-7rmSl{display:block;height:1.2em;color:#8b7355;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.2;text-align:center}.animal-sep-hD9D4{color:#8b7355;font-weight:700;white-space:pre}.animal-colon-GShyk{color:#8b7355;font-weight:900;white-space:pre;position:relative;top:-.08em}.animal-small-d--nT .animal-colon-GShyk{font-size:20px}.animal-middle-eCz63 .animal-colon-GShyk{font-size:26px}.animal-large-1htvQ .animal-colon-GShyk{font-size:34px}.animal-srOnly-u6JqG{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.animal-small-d--nT{min-height:40px;font-size:13px}.animal-small-d--nT .animal-digitCell-Ux3zj{font-size:20px}.animal-middle-eCz63{min-height:48px;font-size:14px}.animal-middle-eCz63 .animal-digitCell-Ux3zj{font-size:26px}.animal-large-1htvQ{min-height:56px;font-size:16px}.animal-large-1htvQ .animal-digitCell-Ux3zj{font-size:34px}@media (max-width:480px){.animal-countdown-yK8u1{max-width:100%;flex-wrap:wrap;justify-content:center}}.animal-wrapper-r-xOE{position:relative;display:inline-block;font-family:Nunito,Noto Sans SC,sans-serif;vertical-align:middle;user-select:none;-webkit-user-select:none}.animal-trigger-Jjz6M{display:flex;width:100%;align-items:center;gap:8px;background:#fffbe7;border-radius:50px;cursor:pointer;transition:box-shadow .2s cubic-bezier(.4,0,.2,1)}.animal-trigger-small-B25z1{height:32px;padding:0 14px;font-size:12px}.animal-trigger-middle-nkhJm{height:40px;padding:0 18px;font-size:14px}.animal-trigger-large-M3-tP{height:48px;padding:0 22px;font-size:16px}.animal-trigger-Jjz6M:hover{box-shadow:0 3px #c4b89e}.animal-trigger-open-PGlBj{box-shadow:0 3px #e0b800,0 0 0 3px #ffcc0026}.animal-trigger-error-20sIT{box-shadow:0 3px #c94444}.animal-trigger-warning-EhvB8{box-shadow:0 3px #dba90e}.animal-value-gY0zI{flex:1;color:#8a7b66;font-weight:500;letter-spacing:.01em}.animal-placeholder-bFtwb{flex:1;color:#c4b89e;font-weight:400}.animal-calendarIcon-VkmFA{display:flex;align-items:center;color:#a0936e}.animal-rangeDivider-h1rGr{width:1px;height:16px;margin:0 2px;background:#e8dcc8;flex-shrink:0}.animal-clear-OrkR3{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:4px;border:none;background:transparent;border-radius:50%;color:#c4b89e;font-size:13px;font-weight:700;line-height:1;cursor:pointer;transition:all .15s}.animal-clear-OrkR3:hover{color:#725d42;background:#725d421a}.animal-wrapper-disabled-HjxEd{opacity:.6;cursor:not-allowed}.animal-wrapper-disabled-HjxEd .animal-trigger-Jjz6M,.animal-wrapper-disabled-HjxEd .animal-trigger-Jjz6M:hover{background:#ece8dc;box-shadow:none;cursor:not-allowed}.animal-wrapper-disabled-HjxEd .animal-value-gY0zI,.animal-wrapper-disabled-HjxEd .animal-placeholder-bFtwb{color:#c4b89e}.animal-panel-428qY{position:absolute;width:280px;padding:14px;background:#fffdf7;border:1.5px solid #e8dcc8;border-radius:20px;box-shadow:0 6px 18px #3d34281f;z-index:1000;opacity:0;transform:translateY(-6px);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.animal-panelVisible-LKvF-{opacity:1;transform:translateY(0)}.animal-panelClosing-GgRUX{opacity:0;transform:translateY(-6px)}.animal-panelRange-i9gg6{width:600px}.animal-rangePanels-VQK7s{display:flex;gap:12px}.animal-rangePanel-H4ks9{width:280px}.animal-header-n8BT0{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.animal-headerGroup-aAi1B{display:flex;gap:2px}.animal-navBtn-TOxZz{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:transparent;border-radius:8px;color:#a0936e;cursor:pointer;transition:all .15s}.animal-navBtn-TOxZz:hover{background:#725d421a}.animal-navIcon--aFb-{width:16px;height:16px;display:block}.animal-labelBtn-4BLhR{padding:4px 10px;border:none;background:transparent;border-radius:10px;color:#725d42;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s}.animal-labelBtn-4BLhR:hover{background:#e6f9f6;color:#19c8b9}.animal-yearLabel-e24Tw{padding:4px 10px;color:#725d42;font-size:14px;font-weight:700}.animal-weekRow-c7kAH{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.animal-weekCell-w8Rf0{height:24px;line-height:24px;text-align:center;color:#a09080;font-size:11px;font-weight:700;letter-spacing:1px}.animal-grid-ttJxN{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.animal-dayCell-ZmZuO{width:32px;height:32px;justify-self:center;border:none;background:transparent;border-radius:50%;color:#725d42;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.animal-dayCell-ZmZuO:hover{background:#e6f9f6;color:#19c8b9}.animal-panelRange-i9gg6 .animal-dayCell-ZmZuO:hover{background:#ffd54f;color:#725d42}.animal-dayCellOutside-aSS6j{color:#c4b89e;font-weight:400}.animal-dayCellToday-VPVA6{box-shadow:inset 0 0 0 1.5px #19c8b9;color:#19c8b9;font-weight:700}.animal-dayCellSelected-fw43a,.animal-dayCellSelected-fw43a:hover{background:#19c8b9;color:#fff;font-weight:700}.animal-dayCellSelected-fw43a:hover{background:#3dd4c6}.animal-dayCellInRange-Styq1,.animal-dayCellInRange-Styq1:hover{background:#ffc107;border-radius:50%;color:#fff;font-weight:600}.animal-dayCellInRange-Styq1:hover{background:#e5a200}.animal-dayCellRangeStart-yGUZC,.animal-dayCellRangeEnd-5a0rL,.animal-dayCellRangeStart-yGUZC:hover,.animal-dayCellRangeEnd-5a0rL:hover{background:#ffc107;border:1px solid #fff;border-radius:50%;color:#fff;font-weight:700}.animal-dayCellRangeStart-yGUZC:hover,.animal-dayCellRangeEnd-5a0rL:hover{background:#ffb400}.animal-dayCellDisabled-da1YM,.animal-dayCellDisabled-da1YM:hover{background:transparent;color:#d4c9b4;cursor:not-allowed}.animal-grid3x4-N1T-y{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.animal-monthCell-BXaq1,.animal-yearCell-3PCTe{height:36px;border:none;background:transparent;border-radius:12px;color:#725d42;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.animal-monthCell-BXaq1:hover,.animal-yearCell-3PCTe:hover{background:#e6f9f6;color:#19c8b9}.animal-monthCellSelected--1tvH,.animal-monthCellSelected--1tvH:hover,.animal-yearCellSelected-IKhrO,.animal-yearCellSelected-IKhrO:hover{background:#19c8b9;color:#fff;font-weight:700}.animal-monthCellSelected--1tvH:hover,.animal-yearCellSelected-IKhrO:hover{background:#3dd4c6}.animal-footer-6-y9c{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #f0e8d8}.animal-todayBtn-D5b5m{padding:4px 12px;border:none;background:transparent;border-radius:10px;color:#8a7b66;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.animal-todayBtn-D5b5m:hover{background:#725d421a;color:#725d42}.animal-confirmBtn-aqTit{padding:6px 16px;border:none;background:#725d421a;border-radius:12px;color:#8a7b66;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.animal-confirmBtn-aqTit:hover{background:#796c5a;color:#fff}.animal-divider-ZBhpE{width:100%;height:12px;background:conic-gradient(from -45deg at 50% 100%,#b08d57 90deg,#0000 0) center / 12px 100%}.animal-line-teal-Z80hb{background:conic-gradient(from -45deg at 50% 100%,#19c8b9 90deg,#0000 0) center / 12px 100%}.animal-line-white-VDY1E{background:conic-gradient(from -45deg at 50% 100%,#fff 90deg,#0000 0) center / 12px 100%}.animal-line-yellow-ifvJz{background:conic-gradient(from -45deg at 50% 100%,#f5d04a 90deg,#0000 0) center / 12px 100%}.animal-dashed-brown--I1Lx,.animal-dashed-teal-K-4mV,.animal-dashed-white-iMYTR,.animal-dashed-yellow-Vu6Tq{background-image:none;background-repeat:repeat-x;background-position:center;background-size:12px 2px}.animal-dashed-brown--I1Lx{background:linear-gradient(to right,#c4b89e 50%,transparent 50%) center / 12px 2px repeat-x}.animal-dashed-teal-K-4mV{background:linear-gradient(to right,#19c8b9 50%,transparent 50%) center / 12px 2px repeat-x}.animal-dashed-white-iMYTR{background:linear-gradient(to right,#ffffff 50%,transparent 50%) center / 12px 2px repeat-x}.animal-dashed-yellow-Vu6Tq{background:linear-gradient(to right,#f5d04a 50%,transparent 50%) center / 12px 2px repeat-x}.animal-mask-KHrsi{position:fixed;inset:0;z-index:1000;background:#0000002e;opacity:0;pointer-events:none;transition:opacity .36s ease}.animal-maskOpen-7193K{opacity:1;pointer-events:all}.animal-panel-QgR5i{position:fixed;z-index:1001;display:flex;flex-direction:column;background:#f7f3df;color:#807359;font-family:Nunito,Noto Sans SC,sans-serif;overflow:hidden;transition:transform .36s cubic-bezier(.2,0,.2,1)}.animal-panelRight-7QkHl{top:0;right:0;height:100vh;max-width:calc(100vw - 32px);border-radius:20px 0 0 20px;box-shadow:-12px 0 32px #3d34282e;transform:translate(100%)}.animal-panelLeft-e9NDC{top:0;left:0;height:100vh;max-width:calc(100vw - 32px);border-radius:0 20px 20px 0;box-shadow:12px 0 32px #3d34282e;transform:translate(-100%)}.animal-panelTop-6X8v0{top:0;left:0;right:0;max-height:calc(100vh - 32px);border-radius:0 0 20px 20px;box-shadow:0 12px 32px #3d34282e;transform:translateY(-100%)}.animal-panelBottom-BIUsb{bottom:0;left:0;right:0;max-height:calc(100vh - 32px);border-radius:20px 20px 0 0;box-shadow:0 -12px 32px #3d34282e;transform:translateY(100%)}.animal-panel-QgR5i.animal-panelOpen-WGFkv{transform:none}.animal-header--lePi{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 15px;flex-shrink:0}.animal-title-S22Ci{font-size:28px;font-weight:700;color:#725d42}.animal-close-b3iSc{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;font-size:22px;line-height:1;color:#725d4299;border-radius:50%;cursor:pointer;transition:all .2s}.animal-close-b3iSc:hover{background:#725d421a;color:#725d42}.animal-body-lnM2P{flex:1;overflow-y:auto;padding:0 24px 24px;font-size:20px;font-weight:600;line-height:1.6;color:#8a7b66}.animal-footer-2AMEJ{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 24px 24px;flex-shrink:0}.animal-footer-5DMOR{width:100%;height:80px;background:linear-gradient(to top,#7ec8e3,#a8def0 55%,#a8def000);position:relative}.animal-footer-5DMOR:after{content:"";position:absolute;left:0;right:0;top:0;height:12px;background:radial-gradient(circle at 12px -4px,transparent 10px,#a8def0 11px) repeat-x;background-size:24px 12px}.animal-tree-KZ8hX{background:linear-gradient(to top,#8fce8f,#b9e2b9 60%,#b9e2b900)}.animal-tree-KZ8hX:after{background:radial-gradient(circle at 12px -4px,transparent 10px,#b9e2b9 11px) repeat-x;background-size:24px 12px}.animal-seamless--hC-K{background-repeat:repeat-x;background-size:auto 100%;background-position:left bottom}.animal-island-form-fyTI8{box-sizing:border-box;margin:0;padding:0;color:#000000d9;font-size:14px;line-height:1.6;list-style:none}.animal-island-form-horizontal-JQ-SU{display:flex;flex-direction:column;gap:8px}.animal-island-form-horizontal-JQ-SU .animal-island-form-item-g74aA{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));align-items:baseline;row-gap:8px}.animal-island-form-vertical-1-NQN{display:flex;flex-direction:column;gap:8px}.animal-island-form-vertical-1-NQN .animal-island-form-item-g74aA{display:block}.animal-island-form-vertical-1-NQN .animal-island-form-item-label-aCJ6a{display:block;margin-bottom:6px}.animal-island-form-inline-Y-Nk0{display:flex;flex-wrap:wrap;gap:8px}.animal-island-form-inline-Y-Nk0 .animal-island-form-item-g74aA{flex:0 0 auto}.animal-island-form-small-YW1VY .animal-island-form-item-label-aCJ6a{font-size:12px}.animal-island-form-middle-FCRU- .animal-island-form-item-label-aCJ6a{font-size:14px}.animal-island-form-large-UB8sv .animal-island-form-item-label-aCJ6a{font-size:16px}.animal-island-form-disabled-56MSB{cursor:not-allowed;opacity:.6}.animal-island-form-item-g74aA{box-sizing:border-box;margin:0;padding:0;vertical-align:top}.animal-island-form-item-label-aCJ6a{display:inline-block;flex:0 0 auto;line-height:1.6;color:#000000d9;font-weight:400;white-space:nowrap}.animal-island-form-item-label-required-JQ5sj:before{content:"*";color:#ff4d4f;margin-right:4px}.animal-island-form-item-label-colon-P-Ted:after{content:":";margin:0 4px 0 2px}.animal-island-form-item-control-vpLDe{min-width:0}.animal-island-form-item-control-input-XM3db{position:relative;display:flex;align-items:center;min-height:32px}.animal-island-form-item-control-input-XM3db>*{flex:1 1 auto;max-width:100%}.animal-island-form-item-explain-Yk5kW{min-height:22px;color:#00000073;font-size:12px;line-height:1.5;margin-top:4px}.animal-island-form-item-explain-error--EqdA{color:#ff4d4f}.animal-island-form-item-feedback-icon-Et6Nr{display:inline-block;margin-right:4px;color:#ff4d4f;font-size:12px}.animal-island-form-item-has-error-E0EuR .animal-island-form-item-explain-Yk5kW{color:#ff4d4f}.animal-island-form-item-has-warning--p8ye .animal-island-form-item-explain-Yk5kW{color:#faad14}.animal-island-form-item-has-success-AJCnO .animal-island-form-item-explain-Yk5kW{color:#52c41a}.animal-island-form-item-is-validating-kFRzU .animal-island-form-item-explain-Yk5kW{color:#1677ff}.animal-icon-wUFR-{display:inline-block;flex-shrink:0;vertical-align:middle}.animal-icon-bounce-1MvWH:hover{animation:animal-iconBounce-Q1e3X .3s ease-in-out forwards}@keyframes animal-iconBounce-Q1e3X{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(-5deg)}to{transform:scale(1.1) rotate(-4deg)}}.animal-icon-left-hvLf6,.animal-icon-right-gTWjy,.animal-location-z0Lgn,.animal-page-JxFXx,.animal-wifi-a6bjH,.animal-icon-shopping-TSh2U,.animal-icon-chat-dfYOk,.animal-icon-variant-E6wqy,.animal-icon-encyclopedia-jEM54,.animal-icon-design-8gBms,.animal-icon-map-ogQk4,.animal-icon-diy-AwPHs,.animal-icon-camera-W9x4U{color:currentColor}.animal-iconList-MRyTC{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;padding:20px}.animal-iconListItem-nTF3l{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background-color:#f0e8d8;border-radius:12px}.animal-iconListLabel-t2M3-{font-size:12px;color:#794f27;font-family:inherit}.animal-image-JdE4Y{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;border:none;background:#fff;padding:12px;border-radius:8px;box-shadow:0 8px 14px #00000014;line-height:0;vertical-align:middle;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.animal-img-Ws3Xp{display:block;width:100%;height:100%;opacity:0;transition:opacity .25s ease}.animal-loaded-dKLMv .animal-img-Ws3Xp{opacity:1}.animal-error---glM{line-height:1.5;flex-direction:column;gap:8px;color:#c4b89e;font-size:13px;font-weight:500}.animal-image-default-u9phE{background:#f7f3df;color:#725d42}.animal-image-app-pink-8GfQk{background:#fde4e8;color:#a85565}.animal-image-purple-Bmia2{background:#f0e8ff;color:#6a3a9a}.animal-image-app-blue-Tdxbi{background:#e8edff;color:#4a5a8a}.animal-image-app-yellow-L5Bk9{background:#fff8e0;color:#7a6528}.animal-image-app-orange-gIdSj{background:#fff0e8;color:#8a4a2a}.animal-image-app-teal-zSXDM{background:#e8faf5;color:#2a6b5a}.animal-image-app-green-C1YUd{background:#e8f5e8;color:#3a6b3a}.animal-image-app-red-3FDaG{background:#ffe8e8;color:#9a3a3a}.animal-image-lime-green-L0kf7{background:#f5f8e0;color:#5a6b28}.animal-image-yellow-green-0HC0N{background:#fffde8;color:#6a5a28}.animal-image-brown-glJF4{background:#f5f0e0;color:#5a4a2a}.animal-image-warm-peach-pink-gblTF{background:#fff0e8;color:#8a4a2a}.animal-preview-SxyHM{font:inherit;color:inherit;-webkit-appearance:none;appearance:none;cursor:zoom-in}.animal-preview-SxyHM:focus-visible{outline:2px solid #ffcc00;outline-offset:2px}.animal-mask-tQZv2{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0000008c;animation:animal-animal-image-fade-in-7ozGB .2s cubic-bezier(.4,0,.2,1)}.animal-previewImg-GxUGl{max-width:min(88vw,1100px);max-height:86vh;border-radius:20px;box-shadow:0 12px 40px #2b21188c;object-fit:contain;animation:animal-animal-image-zoom-in-MoKKr .25s cubic-bezier(.4,0,.2,1)}.animal-dialog-52sRH{position:relative;display:inline-flex;line-height:0}.animal-closeBtn-oDC8Z{position:absolute;top:12px;right:12px;z-index:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:1.5px solid rgba(255,255,255,.75);border-radius:50%;background:#d8dce2e6;color:#fff;cursor:pointer;transition:background .15s ease,transform .15s ease}.animal-closeBtn-oDC8Z:hover{background:#c4c9d0f2;transform:scale(1.06)}.animal-closeBtn-oDC8Z:focus-visible{outline:2px solid #ffcc00;outline-offset:2px}.animal-closeMark-iyhUH{position:relative;display:block;width:16px;height:16px}.animal-closeMark-iyhUH:before,.animal-closeMark-iyhUH:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;border-radius:2px;background:currentColor}.animal-closeMark-iyhUH:before{transform:translate(-50%,-50%) rotate(45deg)}.animal-closeMark-iyhUH:after{transform:translate(-50%,-50%) rotate(-45deg)}@keyframes animal-animal-image-fade-in-7ozGB{0%{opacity:0}to{opacity:1}}@keyframes animal-animal-image-zoom-in-MoKKr{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animal-wrapper-IRrhj{display:inline-flex;align-items:center;width:100%;background:#fffbe7;border-radius:50px;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);box-shadow:0 3px #d4c9b4}.animal-wrapper-IRrhj:hover:not(.animal-wrapper-disabled-MWwHK){box-shadow:0 3px #c4b89e}.animal-wrapper-disabled-MWwHK{background:#ece8dc;box-shadow:none;opacity:.6;cursor:not-allowed}.animal-wrapper-disabled-MWwHK .animal-input-12WUn{cursor:not-allowed;color:#c4b89e}.animal-wrapper-no-shadow-WP9Gk{box-shadow:none}.animal-wrapper-no-shadow-WP9Gk:hover:not(.animal-wrapper-disabled-MWwHK){box-shadow:none}.animal-wrapper-small-mWvja{height:var(--animal-height-sm);padding:0 14px;font-size:var(--animal-font-size-sm);border-radius:40px}.animal-wrapper-small-mWvja:not(.animal-wrapper-no-shadow-WP9Gk){box-shadow:0 2px #d4c9b4}.animal-wrapper-middle-zXqMR{height:var(--animal-height-base);padding:0 18px;font-size:var(--animal-font-size-base)}.animal-wrapper-large-RrYM4{height:var(--animal-height-lg);padding:0 22px;font-size:var(--animal-font-size-lg);border-radius:50px}.animal-wrapper-large-RrYM4:not(.animal-wrapper-no-shadow-WP9Gk){box-shadow:0 4px #d4c9b4}.animal-wrapper-error-W-VRo{box-shadow:0 3px 0 0 var(--animal-error-color-active)}.animal-wrapper-error-W-VRo:hover:not(.animal-wrapper-disabled-MWwHK){box-shadow:0 3px 0 0 var(--animal-error-color-active)}.animal-wrapper-warning-miO7A{box-shadow:0 3px 0 0 var(--animal-warning-color-active)}.animal-wrapper-warning-miO7A:hover:not(.animal-wrapper-disabled-MWwHK){box-shadow:0 3px 0 0 var(--animal-warning-color-active)}.animal-input-12WUn{flex:1;width:100%;height:100%;border:none;outline:none;background:transparent;color:#8a7b66;font-size:inherit;font-family:var(--animal-font-family);font-weight:500;line-height:var(--animal-line-height-base);letter-spacing:.01em}.animal-input-12WUn::placeholder{color:#c4b89e;font-weight:400}.animal-prefix-g8f1R,.animal-suffix-o7ywP{display:inline-flex;align-items:center;color:#a0936e;flex-shrink:0;font-size:1em}.animal-prefix-g8f1R{margin-right:6px}.animal-suffix-o7ywP{margin-left:6px}.animal-clear-HuR2N{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:4px;padding:0;color:#c4b89e;font-size:13px;font-weight:700;cursor:pointer;border:none;border-radius:50%;background:transparent;transition:all var(--animal-motion-duration-fast)}.animal-clear-HuR2N:hover{color:#725d42;background:#725d421a}.animal-clear-HuR2N:focus-visible{outline:2px solid #725d42;outline-offset:1px}.animal-loading-jVa3J{position:fixed;inset:0;overflow:hidden;background:#0b101a;opacity:1;transition:opacity .25s cubic-bezier(.4,0,.2,1);animation:animal-animal-loading-fade-in-9EdN4 .2s cubic-bezier(.4,0,.2,1)}.animal-loading-jVa3J.animal-exiting-AN-0y{opacity:0;pointer-events:none}@keyframes animal-animal-loading-fade-in-9EdN4{0%{opacity:0}}.animal-snow-iE0ow{position:absolute;inset:0}.animal-flake-WmDsF{position:absolute;top:-30px;background:#fff;border-radius:50%;animation:animal-animal-loading-snow-2EquE 10s linear infinite}@keyframes animal-animal-loading-snow-2EquE{0%{transform:translateY(0) rotate(0)}to{transform:translateY(calc(100vh + 60px)) rotate(360deg)}}.animal-vignette-KL9iP{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(5,10,20,.6) 100%)}.animal-tip-MXmJL{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 24px;color:#f8f8f0;font-weight:800;font-size:18px;letter-spacing:.04em;line-height:1.5;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.6)}.animal-srOnly-2ufJU{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){.animal-flake-WmDsF,.animal-loading-jVa3J{animation:none}}.animal-mask-hAWeP{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--animal-mask-bg);animation:animal-animal-fade-in-1XsMr .25s ease}.animal-modal-d0zyM{position:relative;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);display:flex;flex-direction:column;animation:animal-animal-zoom-in-rD2Xb .3s ease}.animal-modalClipped-7IuAw{width:100%;height:100%;clip-path:url(#animal-modal-clip);padding:48px 48px 32px;background:#f7f3df;color:#807359;font-family:Nunito,Noto Sans SC,sans-serif;display:flex;flex-direction:column;overflow:hidden}.animal-header-udOSi{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px}.animal-title-s6pv3{font-size:28px;font-weight:700;color:#725d42}.animal-close-U6E4A{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;font-size:22px;color:#725d4299;border-radius:50%;transition:all .2s}.animal-close-U6E4A:hover{background:#725d421a;color:#725d42}.animal-body--aiyx{padding-bottom:20px;display:flex;flex-direction:column;align-items:flex-start;overflow-y:auto;flex:1;font-size:20px;font-weight:600;line-height:1.6;color:#8a7b66}.animal-footer-9Ib-a{display:flex;align-items:center;justify-content:flex-end;gap:12px}.animal-footer-btn-zlWAg{height:40px;padding:0 24px;font-size:18px;font-family:Nunito,Noto Sans SC,sans-serif;border:2px solid rgba(114,93,66,.3);border-radius:39.81px;background:transparent;color:#725d42;transition:all .2s;line-height:1}.animal-footer-btn-zlWAg:hover{border-color:#725d4299;background:#725d4214}.animal-footer-btn-primary-VmLZX{color:#725d42;background:#fc0;border-color:#fc0}.animal-footer-btn-primary-VmLZX:hover{background:#ffcc00d9;border-color:#ffcc00d9}@keyframes animal-animal-fade-in-1XsMr{0%{opacity:0}to{opacity:1}}@keyframes animal-animal-zoom-in-rD2Xb{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animal-notificationRoot-RORJk{position:fixed;inset:0;pointer-events:none;z-index:2000}.animal-position-top-Hkkt-,.animal-position-topLeft-T7X0s,.animal-position-topRight-C6bwu,.animal-position-bottom-GDfu0,.animal-position-bottomLeft-38ui4,.animal-position-bottomRight-qzpny{position:fixed;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:calc(100vw - 32px)}.animal-position-top-Hkkt-{top:24px;left:50%;transform:translate(-50%);align-items:center}.animal-position-topLeft-T7X0s{top:24px;left:24px;align-items:flex-start}.animal-position-topRight-C6bwu{top:24px;right:24px;align-items:flex-end}.animal-position-bottom-GDfu0{bottom:24px;left:50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse}.animal-position-bottomLeft-38ui4{bottom:24px;left:24px;align-items:flex-start;flex-direction:column-reverse}.animal-position-bottomRight-qzpny{bottom:24px;right:24px;align-items:flex-end;flex-direction:column-reverse}.animal-notification-IdTYg{pointer-events:auto;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:384px;max-width:calc(100vw - 48px);padding:14px 16px;background:#f7f3df;border:2px solid #c4b89e;border-radius:18px;box-shadow:0 6px 18px #3d342824;font-family:Nunito,Noto Sans SC,-apple-system,PingFang SC,Hiragino Sans GB,sans-serif;color:#725d42;transition:box-shadow .2s ease,transform .2s ease;will-change:transform,opacity}.animal-clickable-JQ1wh{cursor:pointer}.animal-clickable-JQ1wh:hover{box-shadow:0 10px 26px #3d34282e;transform:translateY(-1px)}.animal-clickable-JQ1wh:focus-visible{outline:2px solid #ffcc00;outline-offset:2px}.animal-type-success-YK9DN{background:#f5fae9;border-color:#6fba2c;box-shadow:0 6px 18px #6fba2c2e}.animal-type-success-YK9DN .animal-iconWrap-H2lSM{background:#d8efc1;color:#5a9e1e}.animal-type-info-vUAM1{background:#ecf9f6;border-color:#19c8b9;box-shadow:0 6px 18px #19c8b92e}.animal-type-info-vUAM1 .animal-iconWrap-H2lSM{background:#c2ece6;color:#11a89b}.animal-type-warning-jCRuT{background:#fdf6d9;border-color:#f5c31c;box-shadow:0 6px 18px #f5c31c33}.animal-type-warning-jCRuT .animal-iconWrap-H2lSM{background:#fbeaa1;color:#b88a06}.animal-type-error-BMpa7{background:#fde8e8;border-color:#e05a5a;box-shadow:0 6px 18px #e05a5a2e}.animal-type-error-BMpa7 .animal-iconWrap-H2lSM{background:#f7c8c8;color:#c94444}.animal-iconWrap-H2lSM{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:18px;line-height:1;user-select:none}.animal-body-yQbOe{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.animal-title-4-Xls{font-size:15px;font-weight:700;line-height:1.4;color:#794f27;letter-spacing:.01em;word-break:break-word}.animal-description-migZA{font-size:13px;font-weight:500;line-height:1.55;color:#8a7b66;letter-spacing:.01em;word-break:break-word}.animal-btnSlot-YauXn{flex:0 0 auto;display:inline-flex;align-items:center;margin-left:4px}.animal-close-pi6S6{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:4px;padding:0;border:none;background:transparent;color:#725d428c;font-size:18px;line-height:1;border-radius:50%;cursor:pointer;transition:all .15s ease}.animal-close-pi6S6:hover{background:#725d421f;color:#725d42}.animal-close-pi6S6:focus-visible{outline:2px solid #ffcc00;outline-offset:2px}.animal-placement-top--vluo{animation:animal-animal-notification-slide-from-top-D6Hp6 .25s cubic-bezier(.4,0,.2,1) both}.animal-placement-top--vluo.animal-leaving-W-u5i{animation:animal-animal-notification-slide-out-top-nw25h .25s cubic-bezier(.4,0,.2,1) both}.animal-placement-bottom-uT9X5{animation:animal-animal-notification-rise-from-bottom-BUMCQ .25s cubic-bezier(.4,0,.2,1) both}.animal-placement-bottom-uT9X5.animal-leaving-W-u5i{animation:animal-animal-notification-sink-out-bottom-qzQK9 .25s cubic-bezier(.4,0,.2,1) both}@keyframes animal-animal-notification-slide-from-top-D6Hp6{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes animal-animal-notification-slide-out-top-nw25h{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}@keyframes animal-animal-notification-rise-from-bottom-BUMCQ{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes animal-animal-notification-sink-out-bottom-qzQK9{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.animal-placement-top--vluo,.animal-placement-bottom-uT9X5,.animal-placement-top--vluo.animal-leaving-W-u5i,.animal-placement-bottom-uT9X5.animal-leaving-W-u5i{animation-duration:.01s}}.animal-pagination-gsblP{display:inline-flex;align-items:center;gap:2px;box-sizing:border-box;font-family:Nunito,Noto Sans SC,sans-serif;font-size:14px;color:#725d42;user-select:none;-webkit-user-select:none}.animal-disabled-6BPH9{opacity:.6}.animal-total-j5Qp3{margin-right:10px;font-size:13px;font-weight:600;color:#a09080;white-space:nowrap}.animal-item-h4dQR{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:#725d42;font-family:inherit;font-size:13px;font-weight:500;line-height:1;cursor:pointer;transition:all .15s ease}.animal-item-h4dQR:focus-visible{outline:2px solid #ffcc00;outline-offset:1px}.animal-item-h4dQR:disabled{color:#d4c9b4;cursor:not-allowed;background:transparent}.animal-active-I7VMB{color:#fff;font-weight:700;cursor:default}.animal-orange-DgdKZ .animal-item-h4dQR:hover:not(:disabled):not(.animal-active-I7VMB){background:#ffd54f;color:#725d42}.animal-orange-DgdKZ .animal-active-I7VMB{background:#ffc107}.animal-orange-DgdKZ .animal-active-I7VMB:hover{background:#ffb400}.animal-teal-GbKNe .animal-item-h4dQR:hover:not(:disabled):not(.animal-active-I7VMB){background:#e6f9f6;color:#19c8b9}.animal-teal-GbKNe .animal-active-I7VMB{background:#19c8b9}.animal-teal-GbKNe .animal-active-I7VMB:hover{background:#3dd4c6}.animal-ellipsis-Hi7Cs{display:inline-flex;align-items:center;justify-content:center;width:24px;height:32px;color:#c4b89e;font-weight:900;letter-spacing:1px}.animal-sizeChanger-GJWyK{position:relative;display:inline-flex;margin-left:8px}.animal-sizeTrigger-WmkxG{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;height:34px;padding:0 12px;border:2px solid #e8dcc8;border-radius:12px;background:#fff;color:#725d42;font-family:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:all .2s ease}.animal-sizeTrigger-WmkxG:hover:not(:disabled){border-color:#d4c4a8;background:#fffdf7}.animal-sizeTrigger-WmkxG:focus-visible{outline:2px solid #ffcc00;outline-offset:1px}.animal-sizeTrigger-WmkxG:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f0}.animal-caret-TafRv{display:flex;align-items:center;color:#a09080;transition:transform .2s ease,color .2s ease}.animal-sizeTriggerOpen-McwYl .animal-caret-TafRv{transform:rotate(180deg)}.animal-orange-DgdKZ .animal-sizeTriggerOpen-McwYl .animal-caret-TafRv{color:#ffb400}.animal-teal-GbKNe .animal-sizeTriggerOpen-McwYl .animal-caret-TafRv{color:#19c8b9}.animal-sizeList-jBZfD{position:absolute;bottom:calc(100% + 8px);left:0;z-index:10;margin:0;padding:8px 0;list-style:none;background:#ffeea0;border-radius:28px;box-shadow:0 6px 18px #3d34281f;animation:animal-size-list-in-SkiDk .2s ease forwards}.animal-sizeOption-LnV-o{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:108px;padding:8px 26px;color:#725d42;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer}.animal-sizeOption-LnV-o:hover{font-weight:700}.animal-sizeOption-LnV-o:hover:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #f5a623;animation:animal-cursor-slide-in-vwHTs .5s ease-out forwards}.animal-sizeOptionActive-Uembz{font-weight:700}.animal-sizeOptionActive-Uembz:after{content:"";position:absolute;left:0;right:0;top:56%;transform:translateY(-50%);height:14px;margin:0 20px;background:#fc0;border-radius:7px;z-index:-1;opacity:.3}.animal-jumper-3Rzb0{display:inline-flex;align-items:center;gap:6px;margin-left:8px;font-size:13px;font-weight:500;color:#8a7b66;white-space:nowrap}.animal-jumperInput-FJAVd{box-sizing:border-box;width:52px;height:32px;padding:0;border:none;border-radius:50px;background:#fffbe7;color:#725d42;font-family:inherit;font-size:13px;font-weight:700;text-align:center;outline:none;caret-color:#725d42}.animal-jumperInput-FJAVd::placeholder{color:#c4b89e}.animal-jumperInput-FJAVd:disabled{opacity:.5;cursor:not-allowed;background:#ece8dc}@keyframes animal-size-list-in-SkiDk{0%{opacity:0}to{opacity:1}}@keyframes animal-cursor-slide-in-vwHTs{0%{opacity:0;transform:translateY(-50%) translate(-20px) rotate(-15deg)}60%{opacity:1;transform:translateY(-50%) translate(5px) rotate(5deg)}to{opacity:1;transform:translateY(-50%) translate(0) rotate(0)}}.animal-progress-TnbEH{box-sizing:border-box;display:flex;align-items:center;font-family:inherit;line-height:1;user-select:none;vertical-align:middle;width:100%}.animal-body-yX6ED{flex:1 1 auto;min-width:0;width:100%;display:flex;flex-direction:column;gap:6px}.animal-body-yX6ED.animal-noGap-3fjyz{gap:0}.animal-row-m-Ovv{display:flex;align-items:center;gap:12px;width:100%;flex:1 1 auto;min-width:0}.animal-info-2v7jl{font-weight:700;color:#725d42;white-space:nowrap;flex-shrink:0;letter-spacing:.02em}.animal-info-2v7jl.animal-right-TTYlm{min-width:44px;text-align:right}.animal-info-2v7jl.animal-top-TJhDU{align-self:flex-end}.animal-track-PV1tU{position:relative;flex:1 1 auto;width:100%;min-width:80px;background:#f8f8f0;border:2px solid #e8dcc8;box-shadow:inset 0 2px 4px #725d4214;overflow:hidden;border-radius:999px}.animal-track-PV1tU.animal-size-small-EoNv9{height:12px;border-width:1.5px}.animal-track-PV1tU.animal-size-middle-ObZro{height:20px}.animal-track-PV1tU.animal-size-large-f6wDV{height:28px}.animal-fill-qnn9h{position:absolute;top:0;left:0;bottom:0;width:0;border-radius:999px;background:#0ec4b6;background-image:repeating-linear-gradient(-45deg,#0ec4b6 0 10px,#01b0a7 10px 20px);background-size:28.28px 28.28px;animation:animal-animal-progress-stripe-gLdSl 1s linear infinite;transition:width .6s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;align-items:center;justify-content:flex-end;padding-right:4px}.animal-fill-qnn9h.animal-noTransition-Oou9V{transition:none}@keyframes animal-animal-progress-stripe-gLdSl{0%{background-position:0 0}to{background-position:-28.28px 0}}.animal-infoInside-W-LXp{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#fff;font-weight:800;font-size:11px;letter-spacing:.02em;text-shadow:0 1px 1px rgba(0,0,0,.15);pointer-events:none;white-space:nowrap;z-index:1}.animal-track-PV1tU.animal-size-large-f6wDV .animal-infoInside-W-LXp{font-size:13px}.animal-track-PV1tU.animal-size-small-EoNv9 .animal-infoInside-W-LXp{font-size:9px;right:4px}@media (prefers-reduced-motion:reduce){.animal-fill-qnn9h{transition:none;animation:none}}.animal-radioGroup-J1a5S{display:flex;flex-wrap:wrap;gap:16px;font-family:Nunito,Noto Sans SC,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important}.animal-horizontal-DOVJ9{flex-direction:row}.animal-vertical-fBz4U{flex-direction:column;gap:12px}.animal-radioItem-nzJp0{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;position:relative}.animal-small-bKLJe{--cbx-size: 18px;--cbx-check-w: 10px;--cbx-check-h: 9px}.animal-small-bKLJe .animal-label-4sFiA{font-size:12px}.animal-middle-F-4OZ{--cbx-size: 22px;--cbx-check-w: 12px;--cbx-check-h: 11px}.animal-middle-F-4OZ .animal-label-4sFiA{font-size:14px}.animal-large-cB3ul{--cbx-size: 28px;--cbx-check-w: 15px;--cbx-check-h: 14px}.animal-large-cB3ul .animal-label-4sFiA{font-size:16px}.animal-cbx-4s--B{position:relative;width:var(--cbx-size);height:var(--cbx-size);flex-shrink:0;box-sizing:border-box}.animal-cbx-4s--B input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0;position:absolute;top:0;left:0;width:var(--cbx-size);height:var(--cbx-size);border:2px solid #c4b89e;border-radius:50%;background:#f7f3df;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.animal-cbx-4s--B input[type=radio]:focus-visible{outline:2px solid #f5c31c;outline-offset:2px}.animal-cbx-4s--B .animal-splash-gCU-H{display:block;width:var(--cbx-size);height:var(--cbx-size);background:none;border-radius:50%;position:absolute;top:0;left:0;transform:translateZ(0);pointer-events:none}.animal-cbx-4s--B .animal-check--tFZL{position:absolute;top:50%;left:50%;width:var(--cbx-check-w);height:var(--cbx-check-h);transform:translate(-50%,-54%);z-index:1;pointer-events:none}.animal-cbx-4s--B .animal-check--tFZL path{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:19;stroke-dashoffset:19;transition:stroke-dashoffset .3s ease;transition-delay:.2s}.animal-cbx-4s--B input:checked{border-color:#50b9ab}.animal-cbx-4s--B input:checked~.animal-splash-gCU-H{animation:animal-animal-radio-splash-Mj7UU .6s ease forwards}.animal-cbx-4s--B input:checked~.animal-check--tFZL path{stroke-dashoffset:0}.animal-label-4sFiA{color:#725d42;font-weight:500;letter-spacing:.01em;transition:color .15s}.animal-checked-t-CwE .animal-label-4sFiA{color:#794f27}.animal-checked-t-CwE .animal-cbx-4s--B input{background:#19c8b9}.animal-disabled-Uthn7{cursor:not-allowed;opacity:.55}.animal-disabled-Uthn7 .animal-cbx-4s--B input{background:#f0ece2;border-color:#d4c9b4}.animal-disabled-Uthn7 .animal-cbx-4s--B input:checked~.animal-splash-gCU-H{animation:none}.animal-disabled-Uthn7 .animal-cbx-4s--B .animal-check--tFZL path{stroke:#c4b89e}.animal-disabled-Uthn7 .animal-label-4sFiA{color:#c4b89e}.animal-groupDisabled-DfMed .animal-radioItem-nzJp0{cursor:not-allowed}@keyframes animal-animal-radio-splash-Mj7UU{40%{background:#19c8b9;box-shadow:0 -18px 0 -8px #19c8b9,16px -8px 0 -8px #19c8b9,16px 8px 0 -8px #19c8b9,0 18px 0 -8px #19c8b9,-16px 8px 0 -8px #19c8b9,-16px -8px 0 -8px #19c8b9}to{background:#19c8b9;box-shadow:0 -36px 0 -10px transparent,32px -16px 0 -10px transparent,32px 16px 0 -10px transparent,0 36px 0 -10px transparent,-32px 16px 0 -10px transparent,-32px -16px 0 -10px transparent}}.animal-wrapper-pbOTq{position:relative;display:inline-block;min-width:140px;font-family:Nunito,Noto Sans SC,sans-serif;user-select:none;-webkit-user-select:none}.animal-trigger-2-Ahh{display:flex;align-items:center;justify-content:space-between;padding:8px 13px;background:#fff;border:2px solid #e8dcc8;border-radius:12px;cursor:pointer;transition:all .2s ease}.animal-trigger-2-Ahh:hover{border-color:#d4c4a8;background:#fffdf7}.animal-trigger-2-Ahh.animal-open-867xo{background:#fff;border-radius:12px}.animal-value-623RB{font-size:14px;color:#725d42;font-weight:600}.animal-placeholder-vpC8E{font-size:14px;color:#a09080}.animal-arrow-xNbxA{color:#a09080;transition:transform .2s ease;display:flex;align-items:center}.animal-trigger-2-Ahh.animal-open-867xo .animal-arrow-xNbxA{transform:rotate(180deg);color:#19c8b9}.animal-dropdown-0l6jF{background:#ffeea0;border-radius:28px;overflow:visible;padding:12px 0;z-index:100;opacity:0;animation:animal-dropdownFadeIn-UBOgg .2s ease forwards}@keyframes animal-dropdownFadeIn-UBOgg{0%{opacity:0}to{opacity:1}}.animal-dropdown-0l6jF.animal-closing-QQ-p5{animation:animal-dropdownFadeOut-QrBcI .15s ease forwards}@keyframes animal-dropdownFadeOut-QrBcI{0%{opacity:1}to{opacity:0}}.animal-dropdownLeft-Vi82u{left:auto;right:100%;margin-left:0;margin-right:6px}.animal-option-GEkLI{display:flex;align-items:center;justify-content:center;padding:10px 30px 10px 14px;font-size:14px;font-weight:500;color:#725d42;cursor:pointer;position:relative;white-space:nowrap}.animal-option-GEkLI.animal-active-jtSpt{position:relative;z-index:1;font-weight:700}.animal-option-GEkLI:hover{position:relative;font-weight:700}.animal-option-GEkLI:hover:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #f5a623;animation:animal-cursorSlideIn-OpFcL .5s ease-out forwards}@keyframes animal-cursorSlideIn-OpFcL{0%{opacity:0;transform:translateY(-50%) translate(-20px) rotate(-15deg)}60%{opacity:1;transform:translateY(-50%) translate(5px) rotate(5deg)}to{opacity:1;transform:translateY(-50%) translate(0) rotate(0)}}.animal-pillBar-O9cTb{position:absolute;left:0;right:0;top:56%;transform:translateY(-50%);height:14px;margin:0 20px;background:#fc0;border-radius:7px;z-index:-1;opacity:.3}.animal-optionDot-FQtyw{width:16px;font-size:12px}.animal-disabled-Oy12C .animal-trigger-2-Ahh{opacity:.5;cursor:not-allowed;background:#f5f5f0}.animal-skeleton-EQPSb{background:#eae5db;border-radius:12px;display:inline-block;line-height:1;position:relative;overflow:hidden;vertical-align:middle;flex-shrink:0}.animal-active-txF4p:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,250,235,.18),rgba(255,252,242,.55),rgba(255,250,235,.18),transparent);animation:animal-animal-skeleton-shimmer-KeCJn 1.6s ease-in-out infinite}@keyframes animal-animal-skeleton-shimmer-KeCJn{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animal-vt-text-CtedF{border-radius:12px;height:16px;margin-bottom:8px}.animal-vt-circle-4dwD9{border-radius:50%}.animal-vt-rect-8fKPS{border-radius:18px}.animal-vt-paragraph-r4mFi{display:flex;flex-direction:column;gap:10px;border-radius:0;background:none}.animal-paragraphBlock-26AW6{background:none}.animal-line-T1-cd{height:14px;border-radius:12px;background:#dfd9ce}.animal-line-T1-cd:last-child{width:60%}.animal-skeleton-btn--yprE{border-radius:50px}.animal-switch-NQPLj{position:relative;display:inline-flex;align-items:center;min-width:52px;height:28px;padding:0;background:#d4c9b4;border:2.5px solid #c4b89e;border-radius:50px;cursor:pointer;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);outline:none;box-shadow:inset 0 2px 4px #725d4226}.animal-switch-NQPLj:hover:not(.animal-switch-disabled-U5tjL){border-color:#a89878}.animal-switch-NQPLj:focus-visible{outline:2px solid #ffcc00;outline-offset:2px}.animal-switch-checked-6HKL4{background:#86d67a;border-color:#6fba2c;box-shadow:inset 0 2px 4px #5a9e1e33}.animal-switch-checked-6HKL4:hover:not(.animal-switch-disabled-U5tjL){border-color:#5a9e1e;background:#7ccc70}.animal-switch-disabled-U5tjL{cursor:not-allowed;opacity:.5}.animal-switch-small-jkWtD{min-width:38px;height:20px;border-width:2.5px}.animal-switch-small-jkWtD .animal-handle-KgZ7M{width:14px;height:14px;top:50%;transform:translateY(-50%);left:1px}.animal-switch-small-jkWtD.animal-switch-checked-6HKL4 .animal-handle-KgZ7M{left:calc(100% - 16px)}.animal-handle-KgZ7M{position:absolute;top:50%;transform:translateY(-50%);left:2px;width:21px;height:21px;background:#f7f3df;border:2.5px solid #c4b89e;border-radius:50%;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);display:flex;align-items:center;justify-content:center}.animal-switch-checked-6HKL4 .animal-handle-KgZ7M{left:calc(100% - 24px);border-color:#6fba2c}.animal-inner-5x97M{display:block;padding:0 8px 0 28px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.1);letter-spacing:.02em}.animal-switch-checked-6HKL4 .animal-inner-5x97M{padding:0 28px 0 8px}.animal-switch-small-jkWtD .animal-inner-5x97M{padding:0 6px 0 20px;font-size:9px}.animal-switch-small-jkWtD.animal-switch-checked-6HKL4 .animal-inner-5x97M{padding:0 20px 0 6px}.animal-switch-loading--3JYL{pointer-events:none;opacity:.7}.animal-spinner-QK4sP{display:inline-block;width:11px;height:11px;border:2px solid #6fba2c;border-right-color:transparent;border-radius:50%;animation:animal-animal-spin-P6YYa .6s linear infinite}.animal-switch-NQPLj:not(.animal-switch-checked-6HKL4) .animal-spinner-QK4sP{border-color:#a89878;border-right-color:transparent}@keyframes animal-animal-spin-P6YYa{to{transform:rotate(360deg)}}.animal-wrapper-LJBly{position:relative;width:100%;background:#f7f3df;border-radius:20px;padding:6px;box-sizing:border-box}.animal-scrollable-5Wnhh{overflow-x:auto;overflow-y:auto}.animal-table-Os4fM{width:100%;border-collapse:separate;border-spacing:0;font-family:Nunito,Noto Sans SC,-apple-system,PingFang SC,sans-serif}.animal-thead-2ge5M{background:#f7f3df}.animal-headerRow-sAsWX{position:relative}.animal-headerRow-sAsWX:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:repeating-linear-gradient(90deg,#f0e8d8 0,#f0e8d8 6px,transparent 6px,transparent 12px);transition:opacity .25s cubic-bezier(.4,0,.2,1)}.animal-headerCell-LhL6h{padding:16px 20px;font-size:14px;font-weight:700;color:#725d42;text-align:left;white-space:nowrap;letter-spacing:.02em;background:transparent}.animal-tbody-3RGsp{background:#f7f3df}.animal-row-iDOMw{position:relative}.animal-row-iDOMw:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:repeating-linear-gradient(90deg,#f0e8d8 0,#f0e8d8 6px,transparent 6px,transparent 12px)}.animal-row-iDOMw:hover{background-image:repeating-linear-gradient(-45deg,#19c8b980,#19c8b980 10px,#0ec4b680 10px 20px);background-size:28.28px 28.28px;border-radius:30px}.animal-row-iDOMw:hover:after{opacity:0}.animal-row-iDOMw:last-child:after{display:none}.animal-striped-8Ih-N{background:#f8f8f099}.animal-striped-8Ih-N:hover{background-image:repeating-linear-gradient(-45deg,#19c8b980,#19c8b980 10px,#0ec4b680 10px 20px);background-size:28.28px 28.28px;border-radius:30px}.animal-striped-8Ih-N:hover:after{opacity:0}.animal-cell-4PAU2{padding:14px 20px;font-size:14px;font-weight:500;color:#725d42;line-height:1.6;transition:all .25s cubic-bezier(.4,0,.2,1)}.animal-emptyCell--stiv{padding:60px 20px;text-align:center}.animal-emptyContent-JrC1j{display:flex;flex-direction:column;align-items:center;gap:16px;color:#9f927d;font-size:14px}.animal-emptyContent-JrC1j svg{opacity:.5}.animal-emptyIcon-SNcRm{color:#9f927d;opacity:.5}.animal-paginationWrapper-oWJiY{display:flex;justify-content:flex-end;padding:10px 16px 8px}.animal-loading-mPt0l{opacity:.7;pointer-events:none}.animal-loadingOverlay-PMW6Z{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f7f3dfcc;backdrop-filter:blur(2px)}.animal-loadingSpinner-KZEsv{color:#19c8b9;animation:animal-spin-385zq 1s linear infinite}.animal-loadingSpinner-KZEsv svg{display:block}.animal-loadingSpinner-KZEsv circle{animation:animal-dash-bUqhY 1.5s ease-in-out infinite}@keyframes animal-spin-385zq{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animal-dash-bUqhY{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.animal-tabs-I3QAo{background:#f8f8f0;border-radius:24px;border:2px solid #e8e2d6;overflow:hidden}.animal-tabList--fYUP{display:flex;gap:4px;padding:16px;background:#fff9;border-bottom:2px solid #e8e2d6}.animal-tabItem-Ehph4{position:relative;display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:24px;cursor:pointer;font-family:Nunito,Noto Sans SC,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important;font-size:14px;font-weight:500;color:#794f27;transition:all .25s cubic-bezier(.4,0,.2,1)}.animal-tabItem-Ehph4:hover{background:#19c8b91a;color:#794f27}.animal-tabItem-Ehph4.animal-active-AoX4Y{background:#0cc0b5;color:#fff9e3;font-weight:600;border-radius:24px}.animal-tabItem-Ehph4.animal-active-shadow-vEKIu{box-shadow:0 3px #3d342814}.animal-tabIcon-Aiu-T{font-size:10px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.animal-active-AoX4Y .animal-tabIcon-Aiu-T{transform:scale(1.2)}.animal-tabLabel-bCauA{position:relative;color:inherit}.animal-active-AoX4Y .animal-tabLabel-bCauA{color:#fff9e3}.animal-tabLeaf-1ud9k{position:absolute;right:-5px;top:-4px;width:18px;height:18px;animation:animal-leafWiggle-WRLpH 2s ease-in-out infinite}.animal-tabLeafStatic-52CX9{animation:none}@keyframes animal-leafWiggle-WRLpH{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.animal-tabContent-zDlRq{min-height:60px;padding:24px;animation:animal-fadeIn-QYbtG .25s ease}@keyframes animal-fadeIn-QYbtG{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animal-tabContentInner-Y5kRC{min-height:40px;color:var(--animal-text-color-secondary);font-size:var(--animal-font-size-base);line-height:var(--animal-line-height-base)}.animal-tag-xuymV{box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;line-height:1;font-family:inherit;font-weight:600;border-radius:999px;border:1.5px solid transparent;transition:all .2s ease;user-select:none;white-space:nowrap}.animal-size-small-6UPtL{height:24px;padding:0 10px;font-size:12px}.animal-size-medium-QFQ9g{height:32px;padding:0 12px;font-size:14px}.animal-size-large-2nm0l{height:40px;padding:0 16px;font-size:16px}.animal-variant-solid-0X2Yn{background:#f7f3df;color:#8f734f;border-color:#d4c4a8}.animal-variant-outlined-jdW6P{background:transparent;color:#8f734f;border-color:#c4b89e}.animal-variant-dashed-Xpoo7{background:transparent;color:#8f734f;border-style:dashed;border-color:#c4b89e}.animal-variant-soft-xTrNB{background:#f5f0e6;color:#8f734f;border-color:transparent}.animal-color-app-pink-solid-JHC8z{background:#f8a6b2;border-color:#f8a6b2;color:#fff}.animal-color-purple-solid-yC2IQ{background:#b77dee;border-color:#b77dee;color:#fff}.animal-color-app-blue-solid-pmvrD{background:#889df0;border-color:#889df0;color:#fff}.animal-color-app-yellow-solid-vBtSC{background:#f7cd67;border-color:#f7cd67;color:#fff}.animal-color-app-orange-solid-u4WoC{background:#e59266;border-color:#e59266;color:#fff}.animal-color-app-teal-solid-Yv33L{background:#82d5bb;border-color:#82d5bb;color:#fff}.animal-color-app-green-solid-nKiIo{background:#8ac68a;border-color:#8ac68a;color:#fff}.animal-color-app-red-solid--5agc{background:#fc736d;border-color:#fc736d;color:#fff}.animal-color-lime-green-solid-v8y-m{background:#d1da49;border-color:#d1da49;color:#fff}.animal-color-yellow-green-solid-TLxCS{background:#ecdf52;border-color:#ecdf52;color:#fff}.animal-color-brown-solid-njCCg{background:#9a835a;border-color:#9a835a;color:#fff}.animal-color-warm-peach-pink-solid-Veu93{background:#e18c6f;border-color:#e18c6f;color:#fff}.animal-color-app-pink-soft-2mFMQ{background:#fce4ec;color:#c2185b}.animal-color-purple-soft-3zWt4{background:#f3e5f5;color:#7b1fa2}.animal-color-app-blue-soft-lf1Vj{background:#e6f0ff;color:#1565c0}.animal-color-app-yellow-soft-O10zi{background:#fff8e1;color:#f9a825}.animal-color-app-orange-soft-S1hYw{background:#fff3e0;color:#e65100}.animal-color-app-teal-soft-WIR5z{background:#e0f2f1;color:#00695c}.animal-color-app-green-soft-GjH-8{background:#e8f5e9;color:#2e7d32}.animal-color-app-red-soft-Y-8lp{background:#ffebee;color:#c62828}.animal-color-lime-green-soft-NAm8e{background:#f1f8e9;color:#558b2f}.animal-color-yellow-green-soft-oPnNW{background:#f9fbe7;color:#827717}.animal-color-brown-soft-n08Ez{background:#efebe9;color:#4e342e}.animal-color-warm-peach-pink-soft-tVZVH{background:#fbe9e7;color:#bf360c}.animal-color-app-pink-outlined-Bzqly,.animal-color-app-pink-dashed-r7whf{color:#f8a6b2;border-color:#f8a6b2}.animal-color-purple-outlined-DaYTe,.animal-color-purple-dashed-dLmK4{color:#b77dee;border-color:#b77dee}.animal-color-app-blue-outlined-6JKt8,.animal-color-app-blue-dashed-nDcln{color:#889df0;border-color:#889df0}.animal-color-app-yellow-outlined-PT4-Q,.animal-color-app-yellow-dashed-XTU3S{color:#f7cd67;border-color:#f7cd67}.animal-color-app-orange-outlined-RoMiG,.animal-color-app-orange-dashed-wQQwZ{color:#e59266;border-color:#e59266}.animal-color-app-teal-outlined-3y1dI,.animal-color-app-teal-dashed-9rb-b{color:#82d5bb;border-color:#82d5bb}.animal-color-app-green-outlined-B5qGu,.animal-color-app-green-dashed-sSQk9{color:#8ac68a;border-color:#8ac68a}.animal-color-app-red-outlined-f9SSO,.animal-color-app-red-dashed-HlBwO{color:#fc736d;border-color:#fc736d}.animal-color-lime-green-outlined-Zk-i-,.animal-color-lime-green-dashed-YSRT-{color:#d1da49;border-color:#d1da49}.animal-color-yellow-green-outlined-rx5UA,.animal-color-yellow-green-dashed-wOBQy{color:#ecdf52;border-color:#ecdf52}.animal-color-brown-outlined-MPfGR,.animal-color-brown-dashed-Lc40I{color:#9a835a;border-color:#9a835a}.animal-color-warm-peach-pink-outlined-OKUK2,.animal-color-warm-peach-pink-dashed-BY1t1{color:#e18c6f;border-color:#e18c6f}.animal-text-yNNgQ{color:inherit}.animal-close-nqpzO{display:inline-flex;align-items:center;justify-content:center;margin-left:2px;margin-right:-4px;width:16px;height:16px;padding:0;border:none;background:#958f8f14;color:inherit;font-size:14px;line-height:1;border-radius:50%;cursor:pointer;transition:background .15s ease}.animal-close-nqpzO:hover{background:#0000002e}.animal-close-nqpzO:disabled{cursor:not-allowed;opacity:.5}.animal-is-clickable-7yOsz{cursor:pointer}.animal-is-clickable-7yOsz:hover{transform:translateY(-1px);box-shadow:0 2px 6px #3d34281f}.animal-is-clickable-7yOsz:active{transform:translateY(0)}.animal-is-clickable-7yOsz:focus-visible{outline:2px solid var(--animal-focus-yellow, #f5c31c);outline-offset:2px}.animal-is-disabled-X70B-{opacity:.5;cursor:not-allowed;pointer-events:none}.animal-time-FXvBV{display:inline-flex;flex-direction:column;align-items:center;gap:var(--animal-spacing-md, 12px);box-sizing:border-box;width:fit-content;padding:20px 32px;border-radius:20px;background:var(--animal-bg-color, #fff);box-shadow:var(--animal-shadow-sm, 0 2px 4px rgba(61, 52, 40, .06));font-family:var(--animal-font-family, "Nunito", "Noto Sans SC");animation:animal-animal-time-fade-in-arM6G var(--animal-motion-duration-slow, .35s) var(--animal-motion-ease, cubic-bezier(.4, 0, .2, 1))}.animal-clock-jw1pH{display:flex;align-items:center;color:var(--animal-text-color, #794f27);font-weight:800;font-size:40px;font-variant-numeric:tabular-nums;letter-spacing:1px;line-height:1;white-space:nowrap}.animal-colon-RwcGu{margin:0 2px;animation:animal-animal-time-blink-PF1YC 1s step-end infinite}.animal-date-H-wx8{display:inline-flex;align-items:center;gap:var(--animal-spacing-xs, 4px);padding:4px 14px;border-radius:999px;background:var(--animal-primary-color-bg, #e6f9f6);font-size:var(--animal-font-size-sm, 12px);font-weight:700;color:var(--animal-text-color-secondary, #9f927d);white-space:nowrap}.animal-weekday-61ddc{color:var(--animal-primary-color, #19c8b9);font-weight:800;text-transform:uppercase;letter-spacing:1px}.animal-dot-tNwPc{color:var(--animal-text-color-disabled, #c4b89e)}.animal-monthDay-SBE47{font-variant-numeric:tabular-nums}@keyframes animal-animal-time-fade-in-arM6G{0%{opacity:0}to{opacity:1}}@keyframes animal-animal-time-blink-PF1YC{50%{opacity:0}}.animal-wrapper-JrQFF{position:relative;display:inline-block;font-family:Nunito,Noto Sans SC,sans-serif;vertical-align:middle;user-select:none;-webkit-user-select:none}.animal-trigger-ysMDx{display:flex;width:100%;align-items:center;gap:8px;background:#fffbe7;border-radius:50px;cursor:pointer;transition:box-shadow .2s cubic-bezier(.4,0,.2,1)}.animal-trigger-small-ZbV7j{height:32px;padding:0 14px;font-size:12px}.animal-trigger-middle-HB9pm{height:40px;padding:0 18px;font-size:14px}.animal-trigger-large--ATgM{height:48px;padding:0 22px;font-size:16px}.animal-trigger-ysMDx:hover{box-shadow:0 3px #c4b89e}.animal-trigger-open-uDcfL{box-shadow:0 3px #e0b800,0 0 0 3px #ffcc0026}.animal-trigger-error-R251L{box-shadow:0 3px #c94444}.animal-trigger-warning-2dSnd{box-shadow:0 3px #dba90e}.animal-value-2FEAo{flex:1;color:#8a7b66;font-weight:500;letter-spacing:.01em}.animal-placeholder-CPwyl{flex:1;color:#c4b89e;font-weight:400}.animal-clockIcon-nIfgz{display:flex;align-items:center;color:#a0936e}.animal-clear-DGuzn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:4px;border:none;background:transparent;border-radius:50%;color:#c4b89e;font-size:13px;font-weight:700;line-height:1;cursor:pointer;transition:all .15s}.animal-clear-DGuzn:hover{color:#725d42;background:#725d421a}.animal-wrapper-disabled-8rsFT{opacity:.6;cursor:not-allowed}.animal-wrapper-disabled-8rsFT .animal-trigger-ysMDx,.animal-wrapper-disabled-8rsFT .animal-trigger-ysMDx:hover{background:#ece8dc;box-shadow:none;cursor:not-allowed}.animal-wrapper-disabled-8rsFT .animal-value-2FEAo,.animal-wrapper-disabled-8rsFT .animal-placeholder-CPwyl{color:#c4b89e}.animal-panel--62KE{position:absolute;width:248px;padding:14px;background:#fffdf7;border:1.5px solid #e8dcc8;border-radius:20px;box-shadow:0 6px 18px #3d34281f;z-index:1000;opacity:0;transform:translateY(-6px);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.animal-panelVisible-gCjOS{opacity:1;transform:translateY(0)}.animal-panelNoSeconds-fvplp{width:172px}.animal-panelClosing-8lR8e{opacity:0;transform:translateY(-6px)}.animal-columns-pHtG9{display:flex;gap:8px}.animal-column-nzK3W{flex:1;min-width:0}.animal-columnTitle-p7mTA{margin-bottom:6px;text-align:center;color:#a09080;font-size:11px;font-weight:700;letter-spacing:1px}.animal-columnList-U1Voh{display:flex;flex-direction:column;gap:2px;max-height:232px;overflow-y:auto;padding:2px}.animal-option-iRH0M{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:28px;padding:0;border:none;background:transparent;border-radius:16px;appearance:none;color:#725d42;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.animal-option-iRH0M:hover{background:#ffd54f;color:#725d42}.animal-optionSelected-4KeHL,.animal-optionSelected-4KeHL:hover{background:#ffb400;color:#fff;font-weight:700}.animal-footer-SSLPF{display:flex;justify-content:flex-end;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #f0e8d8}.animal-footerBtn-0j0MX{padding:6px 14px;border:none;background:transparent;border-radius:10px;color:#8a7b66;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.animal-footerBtn-0j0MX:hover{background:#725d421a;color:#725d42}.animal-confirmBtn-20jXR{padding:6px 16px;border:none;background:#725d421a;border-radius:12px;color:#8a7b66;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.animal-confirmBtn-20jXR:hover{background:#8a7b66;color:#fff}.animal-title-3j08r{display:inline-block;font-family:Nunito,Noto Sans SC,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important;font-weight:800;line-height:1;user-select:none}.animal-ribbon-S4CL0{--rf: #27d039;--rb: #20992a;--rk: #115017;--rt: #fff;position:relative;display:inline-flex;align-items:center;justify-content:center;height:2em;padding:0 1.6em;color:var(--rt);font-weight:900;letter-spacing:.04em;white-space:nowrap;filter:drop-shadow(0 .08em .12em rgba(0,0,0,.05))}.animal-ribbonText-FUXBT{position:relative;z-index:4;font-size:inherit;display:inline-flex;align-items:center;height:2em;padding-top:.11em;color:var(--rt);text-shadow:0 .04em .08em rgba(0,0,0,.05)}.animal-ribbonBack-cW93o{position:absolute;font-size:inherit;bottom:-.4em;width:1.7em;height:1.7em;background:var(--rb);z-index:1}.animal-ribbonBackLeft-TZiON{left:-.6em;border-radius:.08em 0 0 .08em;clip-path:polygon(100% 0%,100% 100%,0% 100%,30% 50%,0% 0%)}.animal-ribbonBackRight-AipiN{right:-.6em;border-radius:0 .08em .08em 0;clip-path:polygon(0% 0%,100% 0%,70% 50%,100% 100%,0% 100%)}.animal-ribbonFold-qTBSV{position:absolute;font-size:inherit;top:calc(100% - .04em);width:0;height:0;border-style:solid;z-index:2}.animal-ribbonFoldLeft-gVuCs{left:.15em;top:calc(100% - .05em);border-width:0 .95em .45em 0;border-color:transparent var(--rk) transparent transparent;transform-origin:top left}.animal-ribbonFoldRight-94--n{right:.16em;top:calc(100% - .05em);border-width:0 0 .45em .95em;border-color:transparent transparent transparent var(--rk)}.animal-ribbonFront-qihIp{position:absolute;font-size:inherit;inset:0 .1em;background:var(--rf);border-radius:.2em;z-index:3;transform:perspective(11.5em) rotateX(3deg);box-shadow:inset 0 -.06em #0000000d;pointer-events:none}.animal-color-app-pink-m6nip{--rf: #f8a6b2;--rb: #e06880;--rk: #a03060;--rt: #fff}.animal-color-purple-atkjz{--rf: #b77dee;--rb: #9050d0;--rk: #5a1a9a;--rt: #fff}.animal-color-app-blue-Y3iTY{--rf: #889df0;--rb: #5068d8;--rk: #2030a0;--rt: #fff}.animal-color-app-yellow-JDjDu{--rf: #f7cd67;--rb: #d4a030;--rk: #8a6010;--rt: #725d42}.animal-color-app-orange-NmeMm{--rf: #e59266;--rb: #c06a30;--rk: #7a3a10;--rt: #fff}.animal-color-app-teal-QdItW{--rf: #82d5bb;--rb: #40a880;--rk: #186048;--rt: #fff}.animal-color-app-green-E-Bfq{--rf: #8ac68a;--rb: #509050;--rk: #205020;--rt: #fff}.animal-color-app-red-Bn9jO{--rf: #fc736d;--rb: #d43030;--rk: #900010;--rt: #fff}.animal-color-lime-green-TD3ck{--rf: #d1da49;--rb: #90a010;--rk: #485800;--rt: #3d5a1a}.animal-color-yellow-green-KnmJ5{--rf: #ecdf52;--rb: #c0b010;--rk: #706800;--rt: #725d42}.animal-color-brown-Xr3XB{--rf: #9a835a;--rb: #705830;--rk: #3a2810;--rt: #fff}.animal-color-warm-peach-pink-4dp6n{--rf: #e18c6f;--rb: #b85a30;--rk: #6a2a10;--rt: #fff}.animal-tooltipWrapper-PL7BH{position:relative;display:inline-flex;vertical-align:middle;font-family:Nunito,Noto Sans SC,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important}.animal-tooltip-UY7BU{position:absolute;z-index:100;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 12px;background:#f7f3df;border-radius:16px;box-shadow:0 3px 10px #3d34281a;color:#725d42;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.01em;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.animal-tooltip-UY7BU.animal-visible-Gdi6E{opacity:1;pointer-events:auto}.animal-tooltip-UY7BU:after{content:"";position:absolute;width:8px;height:8px;background:#f7f3df;border-radius:2px}.animal-content-GvqM2{position:relative;z-index:1;white-space:pre-line;word-break:break-word}.animal-tooltip-UY7BU:not(.animal-island-xz5YK).animal-bordered-FDN3c{border:2px solid #c4b89e}.animal-tooltip-UY7BU.animal-borderless-LWkMH:not(.animal-island-xz5YK):after{border:none!important}.animal-island-xz5YK{background:transparent;border:none;box-shadow:none;padding:0;max-width:280px}.animal-island-xz5YK:after{display:none}.animal-islandBody-HX1M-{position:relative;width:max-content;max-width:280px}.animal-islandSvg-VCYbI{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0}.animal-islandContent-hg3kA{position:relative;z-index:1;padding:12px 20px}.animal-islandContent-hg3kA .animal-content-GvqM2{font-weight:600;line-height:1.55;text-align:center}.animal-island-xz5YK.animal-bordered-FDN3c .animal-islandBody-HX1M-{padding:2px;filter:drop-shadow(0 4px 14px rgba(121,79,39,.14))}.animal-island-xz5YK.animal-bordered-FDN3c .animal-islandContent-hg3kA{background:transparent}.animal-island-xz5YK.animal-borderless-LWkMH .animal-islandContent-hg3kA{background:#f7f3df;filter:drop-shadow(0 4px 14px rgba(121,79,39,.14))}.animal-tail-BKxCA{position:absolute;z-index:2;pointer-events:none}.animal-island-xz5YK.animal-borderless-LWkMH .animal-tail-BKxCA{width:14px;height:14px;background:#f7f3df;border-radius:50%}.animal-island-xz5YK.animal-borderless-LWkMH.animal-top-j1fp9 .animal-tail-BKxCA{bottom:-5px;left:50%;transform:translate(-50%)}.animal-island-xz5YK.animal-borderless-LWkMH.animal-top_start-gGZfo .animal-tail-BKxCA{bottom:-5px;left:20px}.animal-island-xz5YK.animal-borderless-LWkMH.animal-top_end-oSOuZ .animal-tail-BKxCA{bottom:-5px;right:20px}.animal-island-xz5YK.animal-borderless-LWkMH.animal-bottom-1EwHs .animal-tail-BKxCA{top:-5px;left:50%;transform:translate(-50%)}.animal-island-xz5YK.animal-borderless-LWkMH.animal-bottom_start-CBvpW .animal-tail-BKxCA{top:-5px;left:20px}.animal-island-xz5YK.animal-borderless-LWkMH.animal-bottom_end-J080W .animal-tail-BKxCA{top:-5px;right:20px}.animal-island-xz5YK.animal-borderless-LWkMH.animal-left-lmx5f .animal-tail-BKxCA{right:-5px;top:50%;transform:translateY(-50%)}.animal-island-xz5YK.animal-borderless-LWkMH.animal-left_start-ror3m .animal-tail-BKxCA{right:-5px;top:16px}.animal-island-xz5YK.animal-borderless-LWkMH.animal-left_end-76zmA .animal-tail-BKxCA{right:-5px;bottom:16px}.animal-island-xz5YK.animal-borderless-LWkMH.animal-right--IMoa .animal-tail-BKxCA{left:-5px;top:50%;transform:translateY(-50%)}.animal-island-xz5YK.animal-borderless-LWkMH.animal-right_start--T033 .animal-tail-BKxCA{left:-5px;top:16px}.animal-island-xz5YK.animal-borderless-LWkMH.animal-right_end-nGJh5 .animal-tail-BKxCA{left:-5px;bottom:16px}.animal-island-xz5YK.animal-bordered-FDN3c .animal-tail-BKxCA{width:10px;height:10px;background:#f7f3df;border-radius:2px}.animal-island-xz5YK.animal-bordered-FDN3c.animal-top-j1fp9 .animal-tail-BKxCA{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);border-right:2px solid #c4b89e;border-bottom:2px solid #c4b89e}.animal-island-xz5YK.animal-bordered-FDN3c.animal-top_start-gGZfo .animal-tail-BKxCA{bottom:-5px;left:20px;transform:rotate(45deg);border-right:2px solid #c4b89e;border-bottom:2px solid #c4b89e}.animal-island-xz5YK.animal-bordered-FDN3c.animal-top_end-oSOuZ .animal-tail-BKxCA{bottom:-5px;right:20px;transform:rotate(45deg);border-right:2px solid #c4b89e;border-bottom:2px solid #c4b89e}.animal-island-xz5YK.animal-bordered-FDN3c.animal-bottom-1EwHs .animal-tail-BKxCA{top:-5px;left:50%;transform:translate(-50%) rotate(45deg);border-top:2px solid #c4b89e;border-left:2px solid #c4b89e}.animal-island-xz5YK.animal-bordered-FDN3c.animal-bottom_start-CBvpW .animal-tail-BKxCA{top:-5px;left:20px;transform:rotate(45deg);border-top:2px solid #c4b89e;border-left:2px solid #c4b89e}.animal-island-xz5YK.animal-bordered-FDN3c.animal-bottom_end-J080W .animal-tail-BKxCA{top:-5px;right:20px;transform:rotate(45deg);border-top:2px solid #c4b89e;border-left:2px solid #c4b89e}.animal-island-xz5YK.animal-bordered-FDN3c.animal-left-lmx5f .animal-tail-BKxCA{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg);border-top:2px solid #c4b89e;border-right:2px solid #c4b89e}.animal-island-xz5YK.animal-bordered-FDN3c.animal-left_start-ror3m .animal-tail-BKxCA{right:-5px;top:16px;transform:rotate(45deg);border-top:2px solid #c4b89e;border-right:2px solid #c4b89e}.animal-island-xz5YK.animal-bordered-FDN3c.animal-left_end-76zmA .animal-tail-BKxCA{right:-5px;bottom:16px;transform:rotate(45deg);border-top:2px solid #c4b89e;border-right:2px solid #c4b89e}.animal-island-xz5YK.animal-bordered-FDN3c.animal-right--IMoa .animal-tail-BKxCA{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg);border-bottom:2px solid #c4b89e;border-left:2px solid #c4b89e}.animal-island-xz5YK.animal-bordered-FDN3c.animal-right_start--T033 .animal-tail-BKxCA{left:-5px;top:16px;transform:rotate(45deg);border-bottom:2px solid #c4b89e;border-left:2px solid #c4b89e}.animal-island-xz5YK.animal-bordered-FDN3c.animal-right_end-nGJh5 .animal-tail-BKxCA{left:-5px;bottom:16px;transform:rotate(45deg);border-bottom:2px solid #c4b89e;border-left:2px solid #c4b89e}.animal-top-j1fp9{bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px)}.animal-top-j1fp9.animal-visible-Gdi6E{transform:translate(-50%) translateY(0)}.animal-top-j1fp9:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);border-right:2px solid #c4b89e;border-bottom:2px solid #c4b89e}.animal-top_start-gGZfo{bottom:calc(100% + 10px);left:0;transform:translateY(4px)}.animal-top_start-gGZfo.animal-visible-Gdi6E{transform:translateY(0)}.animal-top_start-gGZfo:after{bottom:-5px;left:16px;transform:rotate(45deg);border-right:2px solid #c4b89e;border-bottom:2px solid #c4b89e}.animal-top_end-oSOuZ{bottom:calc(100% + 10px);right:0;transform:translateY(4px)}.animal-top_end-oSOuZ.animal-visible-Gdi6E{transform:translateY(0)}.animal-top_end-oSOuZ:after{bottom:-5px;right:16px;transform:rotate(45deg);border-right:2px solid #c4b89e;border-bottom:2px solid #c4b89e}.animal-bottom-1EwHs{top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-4px)}.animal-bottom-1EwHs.animal-visible-Gdi6E{transform:translate(-50%) translateY(0)}.animal-bottom-1EwHs:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg);border-top:2px solid #c4b89e;border-left:2px solid #c4b89e}.animal-bottom_start-CBvpW{top:calc(100% + 10px);left:0;transform:translateY(-4px)}.animal-bottom_start-CBvpW.animal-visible-Gdi6E{transform:translateY(0)}.animal-bottom_start-CBvpW:after{top:-5px;left:16px;transform:rotate(45deg);border-top:2px solid #c4b89e;border-left:2px solid #c4b89e}.animal-bottom_end-J080W{top:calc(100% + 10px);right:0;transform:translateY(-4px)}.animal-bottom_end-J080W.animal-visible-Gdi6E{transform:translateY(0)}.animal-bottom_end-J080W:after{top:-5px;right:16px;transform:rotate(45deg);border-top:2px solid #c4b89e;border-left:2px solid #c4b89e}.animal-left-lmx5f{right:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(4px)}.animal-left-lmx5f.animal-visible-Gdi6E{transform:translateY(-50%) translate(0)}.animal-left-lmx5f:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg);border-top:2px solid #c4b89e;border-right:2px solid #c4b89e}.animal-left_start-ror3m{right:calc(100% + 10px);top:0;transform:translate(4px)}.animal-left_start-ror3m.animal-visible-Gdi6E{transform:translate(0)}.animal-left_start-ror3m:after{right:-5px;top:12px;transform:rotate(45deg);border-top:2px solid #c4b89e;border-right:2px solid #c4b89e}.animal-left_end-76zmA{right:calc(100% + 10px);bottom:0;transform:translate(4px)}.animal-left_end-76zmA.animal-visible-Gdi6E{transform:translate(0)}.animal-left_end-76zmA:after{right:-5px;bottom:12px;transform:rotate(45deg);border-top:2px solid #c4b89e;border-right:2px solid #c4b89e}.animal-right--IMoa{left:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(-4px)}.animal-right--IMoa.animal-visible-Gdi6E{transform:translateY(-50%) translate(0)}.animal-right--IMoa:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg);border-bottom:2px solid #c4b89e;border-left:2px solid #c4b89e}.animal-right_start--T033{left:calc(100% + 10px);top:0;transform:translate(-4px)}.animal-right_start--T033.animal-visible-Gdi6E{transform:translate(0)}.animal-right_start--T033:after{left:-5px;top:12px;transform:rotate(45deg);border-bottom:2px solid #c4b89e;border-left:2px solid #c4b89e}.animal-right_end-nGJh5{left:calc(100% + 10px);bottom:0;transform:translate(-4px)}.animal-right_end-nGJh5.animal-visible-Gdi6E{transform:translate(0)}.animal-right_end-nGJh5:after{left:-5px;bottom:12px;transform:rotate(45deg);border-bottom:2px solid #c4b89e;border-left:2px solid #c4b89e}
diff --git a/site/components-dist/components.js b/site/components-dist/components.js
new file mode 100644
index 00000000..e761f070
--- /dev/null
+++ b/site/components-dist/components.js
@@ -0,0 +1,14 @@
+var nc=Object.create;var Ni=Object.defineProperty;var ic=Object.getOwnPropertyDescriptor;var uc=Object.getOwnPropertyNames;var sc=Object.getPrototypeOf,dc=Object.prototype.hasOwnProperty;var Ne=(e,a)=>()=>(a||e((a={exports:{}}).exports,a),a.exports);var fc=(e,a,t,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of uc(a))!dc.call(e,r)&&r!==t&&Ni(e,r,{get:()=>a[r],enumerable:!(o=ic(a,r))||o.enumerable});return e};var de=(e,a,t)=>(t=e!=null?nc(sc(e)):{},fc(a||!e||!e.__esModule?Ni(t,"default",{value:e,enumerable:!0}):t,e));var $i=Ne(P=>{"use strict";var bt=Symbol.for("react.element"),cc=Symbol.for("react.portal"),pc=Symbol.for("react.fragment"),mc=Symbol.for("react.strict_mode"),xc=Symbol.for("react.profiler"),hc=Symbol.for("react.provider"),gc=Symbol.for("react.context"),Lc=Symbol.for("react.forward_ref"),Cc=Symbol.for("react.suspense"),Ic=Symbol.for("react.memo"),wc=Symbol.for("react.lazy"),Wi=Symbol.iterator;function yc(e){return e===null||typeof e!="object"?null:(e=Wi&&e[Wi]||e["@@iterator"],typeof e=="function"?e:null)}var Vi={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},ji=Object.assign,Ki={};function Ka(e,a,t){this.props=e,this.context=a,this.refs=Ki,this.updater=t||Vi}Ka.prototype.isReactComponent={};Ka.prototype.setState=function(e,a){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,a,"setState")};Ka.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function Xi(){}Xi.prototype=Ka.prototype;function hl(e,a,t){this.props=e,this.context=a,this.refs=Ki,this.updater=t||Vi}var gl=hl.prototype=new Xi;gl.constructor=hl;ji(gl,Ka.prototype);gl.isPureReactComponent=!0;var Gi=Array.isArray,Yi=Object.prototype.hasOwnProperty,Ll={current:null},Qi={key:!0,ref:!0,__self:!0,__source:!0};function Zi(e,a,t){var o,r={},l=null,n=null;if(a!=null)for(o in a.ref!==void 0&&(n=a.ref),a.key!==void 0&&(l=""+a.key),a)Yi.call(a,o)&&!Qi.hasOwnProperty(o)&&(r[o]=a[o]);var i=arguments.length-2;if(i===1)r.children=t;else if(1<i){for(var u=Array(i),d=0;d<i;d++)u[d]=arguments[d+2];r.children=u}if(e&&e.defaultProps)for(o in i=e.defaultProps,i)r[o]===void 0&&(r[o]=i[o]);return{$$typeof:bt,type:e,key:l,ref:n,props:r,_owner:Ll.current}}function kc(e,a){return{$$typeof:bt,type:e.type,key:a,ref:e.ref,props:e.props,_owner:e._owner}}function Cl(e){return typeof e=="object"&&e!==null&&e.$$typeof===bt}function vc(e){var a={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(t){return a[t]})}var _i=/\/+/g;function xl(e,a){return typeof e=="object"&&e!==null&&e.key!=null?vc(""+e.key):a.toString(36)}function Ho(e,a,t,o,r){var l=typeof e;(l==="undefined"||l==="boolean")&&(e=null);var n=!1;if(e===null)n=!0;else switch(l){case"string":case"number":n=!0;break;case"object":switch(e.$$typeof){case bt:case cc:n=!0}}if(n)return n=e,r=r(n),e=o===""?"."+xl(n,0):o,Gi(r)?(t="",e!=null&&(t=e.replace(_i,"$&/")+"/"),Ho(r,a,t,"",function(d){return d})):r!=null&&(Cl(r)&&(r=kc(r,t+(!r.key||n&&n.key===r.key?"":(""+r.key).replace(_i,"$&/")+"/")+e)),a.push(r)),1;if(n=0,o=o===""?".":o+":",Gi(e))for(var i=0;i<e.length;i++){l=e[i];var u=o+xl(l,i);n+=Ho(l,a,t,u,r)}else if(u=yc(e),typeof u=="function")for(e=u.call(e),i=0;!(l=e.next()).done;)l=l.value,u=o+xl(l,i++),n+=Ho(l,a,t,u,r);else if(l==="object")throw a=String(e),Error("Objects are not valid as a React child (found: "+(a==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":a)+"). If you meant to render a collection of children, use an array instead.");return n}function Uo(e,a,t){if(e==null)return e;var o=[],r=0;return Ho(e,o,"","",function(l){return a.call(t,l,r++)}),o}function Sc(e){if(e._status===-1){var a=e._result;a=a(),a.then(function(t){(e._status===0||e._status===-1)&&(e._status=1,e._result=t)},function(t){(e._status===0||e._status===-1)&&(e._status=2,e._result=t)}),e._status===-1&&(e._status=0,e._result=a)}if(e._status===1)return e._result.default;throw e._result}var le={current:null},qo={transition:null},bc={ReactCurrentDispatcher:le,ReactCurrentBatchConfig:qo,ReactCurrentOwner:Ll};function Ji(){throw Error("act(...) is not supported in production builds of React.")}P.Children={map:Uo,forEach:function(e,a,t){Uo(e,function(){a.apply(this,arguments)},t)},count:function(e){var a=0;return Uo(e,function(){a++}),a},toArray:function(e){return Uo(e,function(a){return a})||[]},only:function(e){if(!Cl(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};P.Component=Ka;P.Fragment=pc;P.Profiler=xc;P.PureComponent=hl;P.StrictMode=mc;P.Suspense=Cc;P.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=bc;P.act=Ji;P.cloneElement=function(e,a,t){if(e==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=ji({},e.props),r=e.key,l=e.ref,n=e._owner;if(a!=null){if(a.ref!==void 0&&(l=a.ref,n=Ll.current),a.key!==void 0&&(r=""+a.key),e.type&&e.type.defaultProps)var i=e.type.defaultProps;for(u in a)Yi.call(a,u)&&!Qi.hasOwnProperty(u)&&(o[u]=a[u]===void 0&&i!==void 0?i[u]:a[u])}var u=arguments.length-2;if(u===1)o.children=t;else if(1<u){i=Array(u);for(var d=0;d<u;d++)i[d]=arguments[d+2];o.children=i}return{$$typeof:bt,type:e.type,key:r,ref:l,props:o,_owner:n}};P.createContext=function(e){return e={$$typeof:gc,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:hc,_context:e},e.Consumer=e};P.createElement=Zi;P.createFactory=function(e){var a=Zi.bind(null,e);return a.type=e,a};P.createRef=function(){return{current:null}};P.forwardRef=function(e){return{$$typeof:Lc,render:e}};P.isValidElement=Cl;P.lazy=function(e){return{$$typeof:wc,_payload:{_status:-1,_result:e},_init:Sc}};P.memo=function(e,a){return{$$typeof:Ic,type:e,compare:a===void 0?null:a}};P.startTransition=function(e){var a=qo.transition;qo.transition={};try{e()}finally{qo.transition=a}};P.unstable_act=Ji;P.useCallback=function(e,a){return le.current.useCallback(e,a)};P.useContext=function(e){return le.current.useContext(e)};P.useDebugValue=function(){};P.useDeferredValue=function(e){return le.current.useDeferredValue(e)};P.useEffect=function(e,a){return le.current.useEffect(e,a)};P.useId=function(){return le.current.useId()};P.useImperativeHandle=function(e,a,t){return le.current.useImperativeHandle(e,a,t)};P.useInsertionEffect=function(e,a){return le.current.useInsertionEffect(e,a)};P.useLayoutEffect=function(e,a){return le.current.useLayoutEffect(e,a)};P.useMemo=function(e,a){return le.current.useMemo(e,a)};P.useReducer=function(e,a,t){return le.current.useReducer(e,a,t)};P.useRef=function(e){return le.current.useRef(e)};P.useState=function(e){return le.current.useState(e)};P.useSyncExternalStore=function(e,a,t){return le.current.useSyncExternalStore(e,a,t)};P.useTransition=function(){return le.current.useTransition()};P.version="18.3.1"});var Ye=Ne((Yx,eu)=>{"use strict";eu.exports=$i()});var du=Ne(E=>{"use strict";function kl(e,a){var t=e.length;e.push(a);e:for(;0<t;){var o=t-1>>>1,r=e[o];if(0<No(r,a))e[o]=a,e[t]=r,t=o;else break e}}function Fe(e){return e.length===0?null:e[0]}function Go(e){if(e.length===0)return null;var a=e[0],t=e.pop();if(t!==a){e[0]=t;e:for(var o=0,r=e.length,l=r>>>1;o<l;){var n=2*(o+1)-1,i=e[n],u=n+1,d=e[u];if(0>No(i,t))u<r&&0>No(d,i)?(e[o]=d,e[u]=t,o=u):(e[o]=i,e[n]=t,o=n);else if(u<r&&0>No(d,t))e[o]=d,e[u]=t,o=u;else break e}}return a}function No(e,a){var t=e.sortIndex-a.sortIndex;return t!==0?t:e.id-a.id}typeof performance=="object"&&typeof performance.now=="function"?(au=performance,E.unstable_now=function(){return au.now()}):(Il=Date,tu=Il.now(),E.unstable_now=function(){return Il.now()-tu});var au,Il,tu,We=[],ia=[],Pc=1,ve=null,$=3,_o=!1,Aa=!1,Bt=!1,lu=typeof setTimeout=="function"?setTimeout:null,nu=typeof clearTimeout=="function"?clearTimeout:null,ou=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function vl(e){for(var a=Fe(ia);a!==null;){if(a.callback===null)Go(ia);else if(a.startTime<=e)Go(ia),a.sortIndex=a.expirationTime,kl(We,a);else break;a=Fe(ia)}}function Sl(e){if(Bt=!1,vl(e),!Aa)if(Fe(We)!==null)Aa=!0,Pl(bl);else{var a=Fe(ia);a!==null&&Bl(Sl,a.startTime-e)}}function bl(e,a){Aa=!1,Bt&&(Bt=!1,nu(Mt),Mt=-1),_o=!0;var t=$;try{for(vl(a),ve=Fe(We);ve!==null&&(!(ve.expirationTime>a)||e&&!su());){var o=ve.callback;if(typeof o=="function"){ve.callback=null,$=ve.priorityLevel;var r=o(ve.expirationTime<=a);a=E.unstable_now(),typeof r=="function"?ve.callback=r:ve===Fe(We)&&Go(We),vl(a)}else Go(We);ve=Fe(We)}if(ve!==null)var l=!0;else{var n=Fe(ia);n!==null&&Bl(Sl,n.startTime-a),l=!1}return l}finally{ve=null,$=t,_o=!1}}var Vo=!1,Wo=null,Mt=-1,iu=5,uu=-1;function su(){return!(E.unstable_now()-uu<iu)}function wl(){if(Wo!==null){var e=E.unstable_now();uu=e;var a=!0;try{a=Wo(!0,e)}finally{a?Pt():(Vo=!1,Wo=null)}}else Vo=!1}var Pt;typeof ou=="function"?Pt=function(){ou(wl)}:typeof MessageChannel<"u"?(yl=new MessageChannel,ru=yl.port2,yl.port1.onmessage=wl,Pt=function(){ru.postMessage(null)}):Pt=function(){lu(wl,0)};var yl,ru;function Pl(e){Wo=e,Vo||(Vo=!0,Pt())}function Bl(e,a){Mt=lu(function(){e(E.unstable_now())},a)}E.unstable_IdlePriority=5;E.unstable_ImmediatePriority=1;E.unstable_LowPriority=4;E.unstable_NormalPriority=3;E.unstable_Profiling=null;E.unstable_UserBlockingPriority=2;E.unstable_cancelCallback=function(e){e.callback=null};E.unstable_continueExecution=function(){Aa||_o||(Aa=!0,Pl(bl))};E.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):iu=0<e?Math.floor(1e3/e):5};E.unstable_getCurrentPriorityLevel=function(){return $};E.unstable_getFirstCallbackNode=function(){return Fe(We)};E.unstable_next=function(e){switch($){case 1:case 2:case 3:var a=3;break;default:a=$}var t=$;$=a;try{return e()}finally{$=t}};E.unstable_pauseExecution=function(){};E.unstable_requestPaint=function(){};E.unstable_runWithPriority=function(e,a){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var t=$;$=e;try{return a()}finally{$=t}};E.unstable_scheduleCallback=function(e,a,t){var o=E.unstable_now();switch(typeof t=="object"&&t!==null?(t=t.delay,t=typeof t=="number"&&0<t?o+t:o):t=o,e){case 1:var r=-1;break;case 2:r=250;break;case 5:r=1073741823;break;case 4:r=1e4;break;default:r=5e3}return r=t+r,e={id:Pc++,callback:a,priorityLevel:e,startTime:t,expirationTime:r,sortIndex:-1},t>o?(e.sortIndex=t,kl(ia,e),Fe(We)===null&&e===Fe(ia)&&(Bt?(nu(Mt),Mt=-1):Bt=!0,Bl(Sl,t-o))):(e.sortIndex=r,kl(We,e),Aa||_o||(Aa=!0,Pl(bl))),e};E.unstable_shouldYield=su;E.unstable_wrapCallback=function(e){var a=$;return function(){var t=$;$=a;try{return e.apply(this,arguments)}finally{$=t}}}});var cu=Ne((Zx,fu)=>{"use strict";fu.exports=du()});var gf=Ne(ye=>{"use strict";var Bc=Ye(),Ie=cu();function g(e){for(var a="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t<arguments.length;t++)a+="&args[]="+encodeURIComponent(arguments[t]);return"Minified React error #"+e+"; visit "+a+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var Cs=new Set,Zt={};function Ga(e,a){mt(e,a),mt(e+"Capture",a)}function mt(e,a){for(Zt[e]=a,e=0;e<a.length;e++)Cs.add(a[e])}var aa=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Zl=Object.prototype.hasOwnProperty,Mc=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,pu={},mu={};function Ac(e){return Zl.call(mu,e)?!0:Zl.call(pu,e)?!1:Mc.test(e)?mu[e]=!0:(pu[e]=!0,!1)}function Dc(e,a,t,o){if(t!==null&&t.type===0)return!1;switch(typeof a){case"function":case"symbol":return!0;case"boolean":return o?!1:t!==null?!t.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function Fc(e,a,t,o){if(a===null||typeof a>"u"||Dc(e,a,t,o))return!0;if(o)return!1;if(t!==null)switch(t.type){case 3:return!a;case 4:return a===!1;case 5:return isNaN(a);case 6:return isNaN(a)||1>a}return!1}function ue(e,a,t,o,r,l,n){this.acceptsBooleans=a===2||a===3||a===4,this.attributeName=o,this.attributeNamespace=r,this.mustUseProperty=t,this.propertyName=e,this.type=a,this.sanitizeURL=l,this.removeEmptyString=n}var J={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){J[e]=new ue(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var a=e[0];J[a]=new ue(a,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){J[e]=new ue(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){J[e]=new ue(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){J[e]=new ue(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){J[e]=new ue(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){J[e]=new ue(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){J[e]=new ue(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){J[e]=new ue(e,5,!1,e.toLowerCase(),null,!1,!1)});var _n=/[\-:]([a-z])/g;function Vn(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var a=e.replace(_n,Vn);J[a]=new ue(a,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var a=e.replace(_n,Vn);J[a]=new ue(a,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var a=e.replace(_n,Vn);J[a]=new ue(a,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){J[e]=new ue(e,1,!1,e.toLowerCase(),null,!1,!1)});J.xlinkHref=new ue("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){J[e]=new ue(e,1,!1,e.toLowerCase(),null,!0,!0)});function jn(e,a,t,o){var r=J.hasOwnProperty(a)?J[a]:null;(r!==null?r.type!==0:o||!(2<a.length)||a[0]!=="o"&&a[0]!=="O"||a[1]!=="n"&&a[1]!=="N")&&(Fc(a,t,r,o)&&(t=null),o||r===null?Ac(a)&&(t===null?e.removeAttribute(a):e.setAttribute(a,""+t)):r.mustUseProperty?e[r.propertyName]=t===null?r.type===3?!1:"":t:(a=r.attributeName,o=r.attributeNamespace,t===null?e.removeAttribute(a):(r=r.type,t=r===3||r===4&&t===!0?"":""+t,o?e.setAttributeNS(o,a,t):e.setAttribute(a,t))))}var la=Bc.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,jo=Symbol.for("react.element"),Qa=Symbol.for("react.portal"),Za=Symbol.for("react.fragment"),Kn=Symbol.for("react.strict_mode"),Jl=Symbol.for("react.profiler"),Is=Symbol.for("react.provider"),ws=Symbol.for("react.context"),Xn=Symbol.for("react.forward_ref"),$l=Symbol.for("react.suspense"),en=Symbol.for("react.suspense_list"),Yn=Symbol.for("react.memo"),sa=Symbol.for("react.lazy");Symbol.for("react.scope");Symbol.for("react.debug_trace_mode");var ys=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden");Symbol.for("react.cache");Symbol.for("react.tracing_marker");var xu=Symbol.iterator;function At(e){return e===null||typeof e!="object"?null:(e=xu&&e[xu]||e["@@iterator"],typeof e=="function"?e:null)}var N=Object.assign,Ml;function Ut(e){if(Ml===void 0)try{throw Error()}catch(t){var a=t.stack.trim().match(/\n( *(at )?)/);Ml=a&&a[1]||""}return`
+`+Ml+e}var Al=!1;function Dl(e,a){if(!e||Al)return"";Al=!0;var t=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(a)if(a=function(){throw Error()},Object.defineProperty(a.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(a,[])}catch(d){var o=d}Reflect.construct(e,[],a)}else{try{a.call()}catch(d){o=d}e.call(a.prototype)}else{try{throw Error()}catch(d){o=d}e()}}catch(d){if(d&&o&&typeof d.stack=="string"){for(var r=d.stack.split(`
+`),l=o.stack.split(`
+`),n=r.length-1,i=l.length-1;1<=n&&0<=i&&r[n]!==l[i];)i--;for(;1<=n&&0<=i;n--,i--)if(r[n]!==l[i]){if(n!==1||i!==1)do if(n--,i--,0>i||r[n]!==l[i]){var u=`
+`+r[n].replace(" at new "," at ");return e.displayName&&u.includes("<anonymous>")&&(u=u.replace("<anonymous>",e.displayName)),u}while(1<=n&&0<=i);break}}}finally{Al=!1,Error.prepareStackTrace=t}return(e=e?e.displayName||e.name:"")?Ut(e):""}function Ec(e){switch(e.tag){case 5:return Ut(e.type);case 16:return Ut("Lazy");case 13:return Ut("Suspense");case 19:return Ut("SuspenseList");case 0:case 2:case 15:return e=Dl(e.type,!1),e;case 11:return e=Dl(e.type.render,!1),e;case 1:return e=Dl(e.type,!0),e;default:return""}}function an(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Za:return"Fragment";case Qa:return"Portal";case Jl:return"Profiler";case Kn:return"StrictMode";case $l:return"Suspense";case en:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case ws:return(e.displayName||"Context")+".Consumer";case Is:return(e._context.displayName||"Context")+".Provider";case Xn:var a=e.render;return e=e.displayName,e||(e=a.displayName||a.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Yn:return a=e.displayName||null,a!==null?a:an(e.type)||"Memo";case sa:a=e._payload,e=e._init;try{return an(e(a))}catch{}}return null}function Tc(e){var a=e.type;switch(e.tag){case 24:return"Cache";case 9:return(a.displayName||"Context")+".Consumer";case 10:return(a._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=a.render,e=e.displayName||e.name||"",a.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return a;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return an(a);case 8:return a===Kn?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof a=="function")return a.displayName||a.name||null;if(typeof a=="string")return a}return null}function ka(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function ks(e){var a=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(a==="checkbox"||a==="radio")}function Rc(e){var a=ks(e)?"checked":"value",t=Object.getOwnPropertyDescriptor(e.constructor.prototype,a),o=""+e[a];if(!e.hasOwnProperty(a)&&typeof t<"u"&&typeof t.get=="function"&&typeof t.set=="function"){var r=t.get,l=t.set;return Object.defineProperty(e,a,{configurable:!0,get:function(){return r.call(this)},set:function(n){o=""+n,l.call(this,n)}}),Object.defineProperty(e,a,{enumerable:t.enumerable}),{getValue:function(){return o},setValue:function(n){o=""+n},stopTracking:function(){e._valueTracker=null,delete e[a]}}}}function Ko(e){e._valueTracker||(e._valueTracker=Rc(e))}function vs(e){if(!e)return!1;var a=e._valueTracker;if(!a)return!0;var t=a.getValue(),o="";return e&&(o=ks(e)?e.checked?"true":"false":e.value),e=o,e!==t?(a.setValue(e),!0):!1}function wr(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function tn(e,a){var t=a.checked;return N({},a,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:t??e._wrapperState.initialChecked})}function hu(e,a){var t=a.defaultValue==null?"":a.defaultValue,o=a.checked!=null?a.checked:a.defaultChecked;t=ka(a.value!=null?a.value:t),e._wrapperState={initialChecked:o,initialValue:t,controlled:a.type==="checkbox"||a.type==="radio"?a.checked!=null:a.value!=null}}function Ss(e,a){a=a.checked,a!=null&&jn(e,"checked",a,!1)}function on(e,a){Ss(e,a);var t=ka(a.value),o=a.type;if(t!=null)o==="number"?(t===0&&e.value===""||e.value!=t)&&(e.value=""+t):e.value!==""+t&&(e.value=""+t);else if(o==="submit"||o==="reset"){e.removeAttribute("value");return}a.hasOwnProperty("value")?rn(e,a.type,t):a.hasOwnProperty("defaultValue")&&rn(e,a.type,ka(a.defaultValue)),a.checked==null&&a.defaultChecked!=null&&(e.defaultChecked=!!a.defaultChecked)}function gu(e,a,t){if(a.hasOwnProperty("value")||a.hasOwnProperty("defaultValue")){var o=a.type;if(!(o!=="submit"&&o!=="reset"||a.value!==void 0&&a.value!==null))return;a=""+e._wrapperState.initialValue,t||a===e.value||(e.value=a),e.defaultValue=a}t=e.name,t!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,t!==""&&(e.name=t)}function rn(e,a,t){(a!=="number"||wr(e.ownerDocument)!==e)&&(t==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+t&&(e.defaultValue=""+t))}var Ht=Array.isArray;function ut(e,a,t,o){if(e=e.options,a){a={};for(var r=0;r<t.length;r++)a["$"+t[r]]=!0;for(t=0;t<e.length;t++)r=a.hasOwnProperty("$"+e[t].value),e[t].selected!==r&&(e[t].selected=r),r&&o&&(e[t].defaultSelected=!0)}else{for(t=""+ka(t),a=null,r=0;r<e.length;r++){if(e[r].value===t){e[r].selected=!0,o&&(e[r].defaultSelected=!0);return}a!==null||e[r].disabled||(a=e[r])}a!==null&&(a.selected=!0)}}function ln(e,a){if(a.dangerouslySetInnerHTML!=null)throw Error(g(91));return N({},a,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function Lu(e,a){var t=a.value;if(t==null){if(t=a.children,a=a.defaultValue,t!=null){if(a!=null)throw Error(g(92));if(Ht(t)){if(1<t.length)throw Error(g(93));t=t[0]}a=t}a==null&&(a=""),t=a}e._wrapperState={initialValue:ka(t)}}function bs(e,a){var t=ka(a.value),o=ka(a.defaultValue);t!=null&&(t=""+t,t!==e.value&&(e.value=t),a.defaultValue==null&&e.defaultValue!==t&&(e.defaultValue=t)),o!=null&&(e.defaultValue=""+o)}function Cu(e){var a=e.textContent;a===e._wrapperState.initialValue&&a!==""&&a!==null&&(e.value=a)}function Ps(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function nn(e,a){return e==null||e==="http://www.w3.org/1999/xhtml"?Ps(a):e==="http://www.w3.org/2000/svg"&&a==="foreignObject"?"http://www.w3.org/1999/xhtml":e}var Xo,Bs=function(e){return typeof MSApp<"u"&&MSApp.execUnsafeLocalFunction?function(a,t,o,r){MSApp.execUnsafeLocalFunction(function(){return e(a,t,o,r)})}:e}(function(e,a){if(e.namespaceURI!=="http://www.w3.org/2000/svg"||"innerHTML"in e)e.innerHTML=a;else{for(Xo=Xo||document.createElement("div"),Xo.innerHTML="<svg>"+a.valueOf().toString()+"</svg>",a=Xo.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;a.firstChild;)e.appendChild(a.firstChild)}});function Jt(e,a){if(a){var t=e.firstChild;if(t&&t===e.lastChild&&t.nodeType===3){t.nodeValue=a;return}}e.textContent=a}var Wt={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},zc=["Webkit","ms","Moz","O"];Object.keys(Wt).forEach(function(e){zc.forEach(function(a){a=a+e.charAt(0).toUpperCase()+e.substring(1),Wt[a]=Wt[e]})});function Ms(e,a,t){return a==null||typeof a=="boolean"||a===""?"":t||typeof a!="number"||a===0||Wt.hasOwnProperty(e)&&Wt[e]?(""+a).trim():a+"px"}function As(e,a){e=e.style;for(var t in a)if(a.hasOwnProperty(t)){var o=t.indexOf("--")===0,r=Ms(t,a[t],o);t==="float"&&(t="cssFloat"),o?e.setProperty(t,r):e[t]=r}}var Oc=N({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function un(e,a){if(a){if(Oc[e]&&(a.children!=null||a.dangerouslySetInnerHTML!=null))throw Error(g(137,e));if(a.dangerouslySetInnerHTML!=null){if(a.children!=null)throw Error(g(60));if(typeof a.dangerouslySetInnerHTML!="object"||!("__html"in a.dangerouslySetInnerHTML))throw Error(g(61))}if(a.style!=null&&typeof a.style!="object")throw Error(g(62))}}function sn(e,a){if(e.indexOf("-")===-1)return typeof a.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var dn=null;function Qn(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var fn=null,st=null,dt=null;function Iu(e){if(e=go(e)){if(typeof fn!="function")throw Error(g(280));var a=e.stateNode;a&&(a=Yr(a),fn(e.stateNode,e.type,a))}}function Ds(e){st?dt?dt.push(e):dt=[e]:st=e}function Fs(){if(st){var e=st,a=dt;if(dt=st=null,Iu(e),a)for(e=0;e<a.length;e++)Iu(a[e])}}function Es(e,a){return e(a)}function Ts(){}var Fl=!1;function Rs(e,a,t){if(Fl)return e(a,t);Fl=!0;try{return Es(e,a,t)}finally{Fl=!1,(st!==null||dt!==null)&&(Ts(),Fs())}}function $t(e,a){var t=e.stateNode;if(t===null)return null;var o=Yr(t);if(o===null)return null;t=o[a];e:switch(a){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(o=!o.disabled)||(e=e.type,o=!(e==="button"||e==="input"||e==="select"||e==="textarea")),e=!o;break e;default:e=!1}if(e)return null;if(t&&typeof t!="function")throw Error(g(231,a,typeof t));return t}var cn=!1;if(aa)try{Xa={},Object.defineProperty(Xa,"passive",{get:function(){cn=!0}}),window.addEventListener("test",Xa,Xa),window.removeEventListener("test",Xa,Xa)}catch{cn=!1}var Xa;function Uc(e,a,t,o,r,l,n,i,u){var d=Array.prototype.slice.call(arguments,3);try{a.apply(t,d)}catch(m){this.onError(m)}}var Gt=!1,yr=null,kr=!1,pn=null,Hc={onError:function(e){Gt=!0,yr=e}};function qc(e,a,t,o,r,l,n,i,u){Gt=!1,yr=null,Uc.apply(Hc,arguments)}function Nc(e,a,t,o,r,l,n,i,u){if(qc.apply(this,arguments),Gt){if(Gt){var d=yr;Gt=!1,yr=null}else throw Error(g(198));kr||(kr=!0,pn=d)}}function _a(e){var a=e,t=e;if(e.alternate)for(;a.return;)a=a.return;else{e=a;do a=e,(a.flags&4098)!==0&&(t=a.return),e=a.return;while(e)}return a.tag===3?t:null}function zs(e){if(e.tag===13){var a=e.memoizedState;if(a===null&&(e=e.alternate,e!==null&&(a=e.memoizedState)),a!==null)return a.dehydrated}return null}function wu(e){if(_a(e)!==e)throw Error(g(188))}function Wc(e){var a=e.alternate;if(!a){if(a=_a(e),a===null)throw Error(g(188));return a!==e?null:e}for(var t=e,o=a;;){var r=t.return;if(r===null)break;var l=r.alternate;if(l===null){if(o=r.return,o!==null){t=o;continue}break}if(r.child===l.child){for(l=r.child;l;){if(l===t)return wu(r),e;if(l===o)return wu(r),a;l=l.sibling}throw Error(g(188))}if(t.return!==o.return)t=r,o=l;else{for(var n=!1,i=r.child;i;){if(i===t){n=!0,t=r,o=l;break}if(i===o){n=!0,o=r,t=l;break}i=i.sibling}if(!n){for(i=l.child;i;){if(i===t){n=!0,t=l,o=r;break}if(i===o){n=!0,o=l,t=r;break}i=i.sibling}if(!n)throw Error(g(189))}}if(t.alternate!==o)throw Error(g(190))}if(t.tag!==3)throw Error(g(188));return t.stateNode.current===t?e:a}function Os(e){return e=Wc(e),e!==null?Us(e):null}function Us(e){if(e.tag===5||e.tag===6)return e;for(e=e.child;e!==null;){var a=Us(e);if(a!==null)return a;e=e.sibling}return null}var Hs=Ie.unstable_scheduleCallback,yu=Ie.unstable_cancelCallback,Gc=Ie.unstable_shouldYield,_c=Ie.unstable_requestPaint,G=Ie.unstable_now,Vc=Ie.unstable_getCurrentPriorityLevel,Zn=Ie.unstable_ImmediatePriority,qs=Ie.unstable_UserBlockingPriority,vr=Ie.unstable_NormalPriority,jc=Ie.unstable_LowPriority,Ns=Ie.unstable_IdlePriority,Vr=null,je=null;function Kc(e){if(je&&typeof je.onCommitFiberRoot=="function")try{je.onCommitFiberRoot(Vr,e,void 0,(e.current.flags&128)===128)}catch{}}var Oe=Math.clz32?Math.clz32:Qc,Xc=Math.log,Yc=Math.LN2;function Qc(e){return e>>>=0,e===0?32:31-(Xc(e)/Yc|0)|0}var Yo=64,Qo=4194304;function qt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Sr(e,a){var t=e.pendingLanes;if(t===0)return 0;var o=0,r=e.suspendedLanes,l=e.pingedLanes,n=t&268435455;if(n!==0){var i=n&~r;i!==0?o=qt(i):(l&=n,l!==0&&(o=qt(l)))}else n=t&~r,n!==0?o=qt(n):l!==0&&(o=qt(l));if(o===0)return 0;if(a!==0&&a!==o&&(a&r)===0&&(r=o&-o,l=a&-a,r>=l||r===16&&(l&4194240)!==0))return a;if((o&4)!==0&&(o|=t&16),a=e.entangledLanes,a!==0)for(e=e.entanglements,a&=o;0<a;)t=31-Oe(a),r=1<<t,o|=e[t],a&=~r;return o}function Zc(e,a){switch(e){case 1:case 2:case 4:return a+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a+5e3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Jc(e,a){for(var t=e.suspendedLanes,o=e.pingedLanes,r=e.expirationTimes,l=e.pendingLanes;0<l;){var n=31-Oe(l),i=1<<n,u=r[n];u===-1?((i&t)===0||(i&o)!==0)&&(r[n]=Zc(i,a)):u<=a&&(e.expiredLanes|=i),l&=~i}}function mn(e){return e=e.pendingLanes&-1073741825,e!==0?e:e&1073741824?1073741824:0}function Ws(){var e=Yo;return Yo<<=1,(Yo&4194240)===0&&(Yo=64),e}function El(e){for(var a=[],t=0;31>t;t++)a.push(e);return a}function xo(e,a,t){e.pendingLanes|=a,a!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,a=31-Oe(a),e[a]=t}function $c(e,a){var t=e.pendingLanes&~a;e.pendingLanes=a,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=a,e.mutableReadLanes&=a,e.entangledLanes&=a,a=e.entanglements;var o=e.eventTimes;for(e=e.expirationTimes;0<t;){var r=31-Oe(t),l=1<<r;a[r]=0,o[r]=-1,e[r]=-1,t&=~l}}function Jn(e,a){var t=e.entangledLanes|=a;for(e=e.entanglements;t;){var o=31-Oe(t),r=1<<o;r&a|e[o]&a&&(e[o]|=a),t&=~r}}var F=0;function Gs(e){return e&=-e,1<e?4<e?(e&268435455)!==0?16:536870912:4:1}var _s,$n,Vs,js,Ks,xn=!1,Zo=[],xa=null,ha=null,ga=null,eo=new Map,ao=new Map,fa=[],ep="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function ku(e,a){switch(e){case"focusin":case"focusout":xa=null;break;case"dragenter":case"dragleave":ha=null;break;case"mouseover":case"mouseout":ga=null;break;case"pointerover":case"pointerout":eo.delete(a.pointerId);break;case"gotpointercapture":case"lostpointercapture":ao.delete(a.pointerId)}}function Dt(e,a,t,o,r,l){return e===null||e.nativeEvent!==l?(e={blockedOn:a,domEventName:t,eventSystemFlags:o,nativeEvent:l,targetContainers:[r]},a!==null&&(a=go(a),a!==null&&$n(a)),e):(e.eventSystemFlags|=o,a=e.targetContainers,r!==null&&a.indexOf(r)===-1&&a.push(r),e)}function ap(e,a,t,o,r){switch(a){case"focusin":return xa=Dt(xa,e,a,t,o,r),!0;case"dragenter":return ha=Dt(ha,e,a,t,o,r),!0;case"mouseover":return ga=Dt(ga,e,a,t,o,r),!0;case"pointerover":var l=r.pointerId;return eo.set(l,Dt(eo.get(l)||null,e,a,t,o,r)),!0;case"gotpointercapture":return l=r.pointerId,ao.set(l,Dt(ao.get(l)||null,e,a,t,o,r)),!0}return!1}function Xs(e){var a=Ea(e.target);if(a!==null){var t=_a(a);if(t!==null){if(a=t.tag,a===13){if(a=zs(t),a!==null){e.blockedOn=a,Ks(e.priority,function(){Vs(t)});return}}else if(a===3&&t.stateNode.current.memoizedState.isDehydrated){e.blockedOn=t.tag===3?t.stateNode.containerInfo:null;return}}}e.blockedOn=null}function fr(e){if(e.blockedOn!==null)return!1;for(var a=e.targetContainers;0<a.length;){var t=hn(e.domEventName,e.eventSystemFlags,a[0],e.nativeEvent);if(t===null){t=e.nativeEvent;var o=new t.constructor(t.type,t);dn=o,t.target.dispatchEvent(o),dn=null}else return a=go(t),a!==null&&$n(a),e.blockedOn=t,!1;a.shift()}return!0}function vu(e,a,t){fr(e)&&t.delete(a)}function tp(){xn=!1,xa!==null&&fr(xa)&&(xa=null),ha!==null&&fr(ha)&&(ha=null),ga!==null&&fr(ga)&&(ga=null),eo.forEach(vu),ao.forEach(vu)}function Ft(e,a){e.blockedOn===a&&(e.blockedOn=null,xn||(xn=!0,Ie.unstable_scheduleCallback(Ie.unstable_NormalPriority,tp)))}function to(e){function a(r){return Ft(r,e)}if(0<Zo.length){Ft(Zo[0],e);for(var t=1;t<Zo.length;t++){var o=Zo[t];o.blockedOn===e&&(o.blockedOn=null)}}for(xa!==null&&Ft(xa,e),ha!==null&&Ft(ha,e),ga!==null&&Ft(ga,e),eo.forEach(a),ao.forEach(a),t=0;t<fa.length;t++)o=fa[t],o.blockedOn===e&&(o.blockedOn=null);for(;0<fa.length&&(t=fa[0],t.blockedOn===null);)Xs(t),t.blockedOn===null&&fa.shift()}var ft=la.ReactCurrentBatchConfig,br=!0;function op(e,a,t,o){var r=F,l=ft.transition;ft.transition=null;try{F=1,ei(e,a,t,o)}finally{F=r,ft.transition=l}}function rp(e,a,t,o){var r=F,l=ft.transition;ft.transition=null;try{F=4,ei(e,a,t,o)}finally{F=r,ft.transition=l}}function ei(e,a,t,o){if(br){var r=hn(e,a,t,o);if(r===null)ql(e,a,o,Pr,t),ku(e,o);else if(ap(r,e,a,t,o))o.stopPropagation();else if(ku(e,o),a&4&&-1<ep.indexOf(e)){for(;r!==null;){var l=go(r);if(l!==null&&_s(l),l=hn(e,a,t,o),l===null&&ql(e,a,o,Pr,t),l===r)break;r=l}r!==null&&o.stopPropagation()}else ql(e,a,o,null,t)}}var Pr=null;function hn(e,a,t,o){if(Pr=null,e=Qn(o),e=Ea(e),e!==null)if(a=_a(e),a===null)e=null;else if(t=a.tag,t===13){if(e=zs(a),e!==null)return e;e=null}else if(t===3){if(a.stateNode.current.memoizedState.isDehydrated)return a.tag===3?a.stateNode.containerInfo:null;e=null}else a!==e&&(e=null);return Pr=e,null}function Ys(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Vc()){case Zn:return 1;case qs:return 4;case vr:case jc:return 16;case Ns:return 536870912;default:return 16}default:return 16}}var pa=null,ai=null,cr=null;function Qs(){if(cr)return cr;var e,a=ai,t=a.length,o,r="value"in pa?pa.value:pa.textContent,l=r.length;for(e=0;e<t&&a[e]===r[e];e++);var n=t-e;for(o=1;o<=n&&a[t-o]===r[l-o];o++);return cr=r.slice(e,1<o?1-o:void 0)}function pr(e){var a=e.keyCode;return"charCode"in e?(e=e.charCode,e===0&&a===13&&(e=13)):e=a,e===10&&(e=13),32<=e||e===13?e:0}function Jo(){return!0}function Su(){return!1}function we(e){function a(t,o,r,l,n){this._reactName=t,this._targetInst=r,this.type=o,this.nativeEvent=l,this.target=n,this.currentTarget=null;for(var i in e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(l):l[i]);return this.isDefaultPrevented=(l.defaultPrevented!=null?l.defaultPrevented:l.returnValue===!1)?Jo:Su,this.isPropagationStopped=Su,this}return N(a.prototype,{preventDefault:function(){this.defaultPrevented=!0;var t=this.nativeEvent;t&&(t.preventDefault?t.preventDefault():typeof t.returnValue!="unknown"&&(t.returnValue=!1),this.isDefaultPrevented=Jo)},stopPropagation:function(){var t=this.nativeEvent;t&&(t.stopPropagation?t.stopPropagation():typeof t.cancelBubble!="unknown"&&(t.cancelBubble=!0),this.isPropagationStopped=Jo)},persist:function(){},isPersistent:Jo}),a}var wt={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},ti=we(wt),ho=N({},wt,{view:0,detail:0}),lp=we(ho),Tl,Rl,Et,jr=N({},ho,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:oi,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==Et&&(Et&&e.type==="mousemove"?(Tl=e.screenX-Et.screenX,Rl=e.screenY-Et.screenY):Rl=Tl=0,Et=e),Tl)},movementY:function(e){return"movementY"in e?e.movementY:Rl}}),bu=we(jr),np=N({},jr,{dataTransfer:0}),ip=we(np),up=N({},ho,{relatedTarget:0}),zl=we(up),sp=N({},wt,{animationName:0,elapsedTime:0,pseudoElement:0}),dp=we(sp),fp=N({},wt,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),cp=we(fp),pp=N({},wt,{data:0}),Pu=we(pp),mp={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},xp={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},hp={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function gp(e){var a=this.nativeEvent;return a.getModifierState?a.getModifierState(e):(e=hp[e])?!!a[e]:!1}function oi(){return gp}var Lp=N({},ho,{key:function(e){if(e.key){var a=mp[e.key]||e.key;if(a!=="Unidentified")return a}return e.type==="keypress"?(e=pr(e),e===13?"Enter":String.fromCharCode(e)):e.type==="keydown"||e.type==="keyup"?xp[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:oi,charCode:function(e){return e.type==="keypress"?pr(e):0},keyCode:function(e){return e.type==="keydown"||e.type==="keyup"?e.keyCode:0},which:function(e){return e.type==="keypress"?pr(e):e.type==="keydown"||e.type==="keyup"?e.keyCode:0}}),Cp=we(Lp),Ip=N({},jr,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),Bu=we(Ip),wp=N({},ho,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:oi}),yp=we(wp),kp=N({},wt,{propertyName:0,elapsedTime:0,pseudoElement:0}),vp=we(kp),Sp=N({},jr,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),bp=we(Sp),Pp=[9,13,27,32],ri=aa&&"CompositionEvent"in window,_t=null;aa&&"documentMode"in document&&(_t=document.documentMode);var Bp=aa&&"TextEvent"in window&&!_t,Zs=aa&&(!ri||_t&&8<_t&&11>=_t),Mu=" ",Au=!1;function Js(e,a){switch(e){case"keyup":return Pp.indexOf(a.keyCode)!==-1;case"keydown":return a.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function $s(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Ja=!1;function Mp(e,a){switch(e){case"compositionend":return $s(a);case"keypress":return a.which!==32?null:(Au=!0,Mu);case"textInput":return e=a.data,e===Mu&&Au?null:e;default:return null}}function Ap(e,a){if(Ja)return e==="compositionend"||!ri&&Js(e,a)?(e=Qs(),cr=ai=pa=null,Ja=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(a.ctrlKey||a.altKey||a.metaKey)||a.ctrlKey&&a.altKey){if(a.char&&1<a.char.length)return a.char;if(a.which)return String.fromCharCode(a.which)}return null;case"compositionend":return Zs&&a.locale!=="ko"?null:a.data;default:return null}}var Dp={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Du(e){var a=e&&e.nodeName&&e.nodeName.toLowerCase();return a==="input"?!!Dp[e.type]:a==="textarea"}function ed(e,a,t,o){Ds(o),a=Br(a,"onChange"),0<a.length&&(t=new ti("onChange","change",null,t,o),e.push({event:t,listeners:a}))}var Vt=null,oo=null;function Fp(e){fd(e,0)}function Kr(e){var a=at(e);if(vs(a))return e}function Ep(e,a){if(e==="change")return a}var ad=!1;aa&&(aa?(er="oninput"in document,er||(Ol=document.createElement("div"),Ol.setAttribute("oninput","return;"),er=typeof Ol.oninput=="function"),$o=er):$o=!1,ad=$o&&(!document.documentMode||9<document.documentMode));var $o,er,Ol;function Fu(){Vt&&(Vt.detachEvent("onpropertychange",td),oo=Vt=null)}function td(e){if(e.propertyName==="value"&&Kr(oo)){var a=[];ed(a,oo,e,Qn(e)),Rs(Fp,a)}}function Tp(e,a,t){e==="focusin"?(Fu(),Vt=a,oo=t,Vt.attachEvent("onpropertychange",td)):e==="focusout"&&Fu()}function Rp(e){if(e==="selectionchange"||e==="keyup"||e==="keydown")return Kr(oo)}function zp(e,a){if(e==="click")return Kr(a)}function Op(e,a){if(e==="input"||e==="change")return Kr(a)}function Up(e,a){return e===a&&(e!==0||1/e===1/a)||e!==e&&a!==a}var He=typeof Object.is=="function"?Object.is:Up;function ro(e,a){if(He(e,a))return!0;if(typeof e!="object"||e===null||typeof a!="object"||a===null)return!1;var t=Object.keys(e),o=Object.keys(a);if(t.length!==o.length)return!1;for(o=0;o<t.length;o++){var r=t[o];if(!Zl.call(a,r)||!He(e[r],a[r]))return!1}return!0}function Eu(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Tu(e,a){var t=Eu(e);e=0;for(var o;t;){if(t.nodeType===3){if(o=e+t.textContent.length,e<=a&&o>=a)return{node:t,offset:a-e};e=o}e:{for(;t;){if(t.nextSibling){t=t.nextSibling;break e}t=t.parentNode}t=void 0}t=Eu(t)}}function od(e,a){return e&&a?e===a?!0:e&&e.nodeType===3?!1:a&&a.nodeType===3?od(e,a.parentNode):"contains"in e?e.contains(a):e.compareDocumentPosition?!!(e.compareDocumentPosition(a)&16):!1:!1}function rd(){for(var e=window,a=wr();a instanceof e.HTMLIFrameElement;){try{var t=typeof a.contentWindow.location.href=="string"}catch{t=!1}if(t)e=a.contentWindow;else break;a=wr(e.document)}return a}function li(e){var a=e&&e.nodeName&&e.nodeName.toLowerCase();return a&&(a==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||a==="textarea"||e.contentEditable==="true")}function Hp(e){var a=rd(),t=e.focusedElem,o=e.selectionRange;if(a!==t&&t&&t.ownerDocument&&od(t.ownerDocument.documentElement,t)){if(o!==null&&li(t)){if(a=o.start,e=o.end,e===void 0&&(e=a),"selectionStart"in t)t.selectionStart=a,t.selectionEnd=Math.min(e,t.value.length);else if(e=(a=t.ownerDocument||document)&&a.defaultView||window,e.getSelection){e=e.getSelection();var r=t.textContent.length,l=Math.min(o.start,r);o=o.end===void 0?l:Math.min(o.end,r),!e.extend&&l>o&&(r=o,o=l,l=r),r=Tu(t,l);var n=Tu(t,o);r&&n&&(e.rangeCount!==1||e.anchorNode!==r.node||e.anchorOffset!==r.offset||e.focusNode!==n.node||e.focusOffset!==n.offset)&&(a=a.createRange(),a.setStart(r.node,r.offset),e.removeAllRanges(),l>o?(e.addRange(a),e.extend(n.node,n.offset)):(a.setEnd(n.node,n.offset),e.addRange(a)))}}for(a=[],e=t;e=e.parentNode;)e.nodeType===1&&a.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof t.focus=="function"&&t.focus(),t=0;t<a.length;t++)e=a[t],e.element.scrollLeft=e.left,e.element.scrollTop=e.top}}var qp=aa&&"documentMode"in document&&11>=document.documentMode,$a=null,gn=null,jt=null,Ln=!1;function Ru(e,a,t){var o=t.window===t?t.document:t.nodeType===9?t:t.ownerDocument;Ln||$a==null||$a!==wr(o)||(o=$a,"selectionStart"in o&&li(o)?o={start:o.selectionStart,end:o.selectionEnd}:(o=(o.ownerDocument&&o.ownerDocument.defaultView||window).getSelection(),o={anchorNode:o.anchorNode,anchorOffset:o.anchorOffset,focusNode:o.focusNode,focusOffset:o.focusOffset}),jt&&ro(jt,o)||(jt=o,o=Br(gn,"onSelect"),0<o.length&&(a=new ti("onSelect","select",null,a,t),e.push({event:a,listeners:o}),a.target=$a)))}function ar(e,a){var t={};return t[e.toLowerCase()]=a.toLowerCase(),t["Webkit"+e]="webkit"+a,t["Moz"+e]="moz"+a,t}var et={animationend:ar("Animation","AnimationEnd"),animationiteration:ar("Animation","AnimationIteration"),animationstart:ar("Animation","AnimationStart"),transitionend:ar("Transition","TransitionEnd")},Ul={},ld={};aa&&(ld=document.createElement("div").style,"AnimationEvent"in window||(delete et.animationend.animation,delete et.animationiteration.animation,delete et.animationstart.animation),"TransitionEvent"in window||delete et.transitionend.transition);function Xr(e){if(Ul[e])return Ul[e];if(!et[e])return e;var a=et[e],t;for(t in a)if(a.hasOwnProperty(t)&&t in ld)return Ul[e]=a[t];return e}var nd=Xr("animationend"),id=Xr("animationiteration"),ud=Xr("animationstart"),sd=Xr("transitionend"),dd=new Map,zu="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Sa(e,a){dd.set(e,a),Ga(a,[e])}for(tr=0;tr<zu.length;tr++)or=zu[tr],Ou=or.toLowerCase(),Uu=or[0].toUpperCase()+or.slice(1),Sa(Ou,"on"+Uu);var or,Ou,Uu,tr;Sa(nd,"onAnimationEnd");Sa(id,"onAnimationIteration");Sa(ud,"onAnimationStart");Sa("dblclick","onDoubleClick");Sa("focusin","onFocus");Sa("focusout","onBlur");Sa(sd,"onTransitionEnd");mt("onMouseEnter",["mouseout","mouseover"]);mt("onMouseLeave",["mouseout","mouseover"]);mt("onPointerEnter",["pointerout","pointerover"]);mt("onPointerLeave",["pointerout","pointerover"]);Ga("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));Ga("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));Ga("onBeforeInput",["compositionend","keypress","textInput","paste"]);Ga("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));Ga("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));Ga("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Nt="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Np=new Set("cancel close invalid load scroll toggle".split(" ").concat(Nt));function Hu(e,a,t){var o=e.type||"unknown-event";e.currentTarget=t,Nc(o,a,void 0,e),e.currentTarget=null}function fd(e,a){a=(a&4)!==0;for(var t=0;t<e.length;t++){var o=e[t],r=o.event;o=o.listeners;e:{var l=void 0;if(a)for(var n=o.length-1;0<=n;n--){var i=o[n],u=i.instance,d=i.currentTarget;if(i=i.listener,u!==l&&r.isPropagationStopped())break e;Hu(r,i,d),l=u}else for(n=0;n<o.length;n++){if(i=o[n],u=i.instance,d=i.currentTarget,i=i.listener,u!==l&&r.isPropagationStopped())break e;Hu(r,i,d),l=u}}}if(kr)throw e=pn,kr=!1,pn=null,e}function z(e,a){var t=a[kn];t===void 0&&(t=a[kn]=new Set);var o=e+"__bubble";t.has(o)||(cd(a,e,2,!1),t.add(o))}function Hl(e,a,t){var o=0;a&&(o|=4),cd(t,e,o,a)}var rr="_reactListening"+Math.random().toString(36).slice(2);function lo(e){if(!e[rr]){e[rr]=!0,Cs.forEach(function(t){t!=="selectionchange"&&(Np.has(t)||Hl(t,!1,e),Hl(t,!0,e))});var a=e.nodeType===9?e:e.ownerDocument;a===null||a[rr]||(a[rr]=!0,Hl("selectionchange",!1,a))}}function cd(e,a,t,o){switch(Ys(a)){case 1:var r=op;break;case 4:r=rp;break;default:r=ei}t=r.bind(null,a,t,e),r=void 0,!cn||a!=="touchstart"&&a!=="touchmove"&&a!=="wheel"||(r=!0),o?r!==void 0?e.addEventListener(a,t,{capture:!0,passive:r}):e.addEventListener(a,t,!0):r!==void 0?e.addEventListener(a,t,{passive:r}):e.addEventListener(a,t,!1)}function ql(e,a,t,o,r){var l=o;if((a&1)===0&&(a&2)===0&&o!==null)e:for(;;){if(o===null)return;var n=o.tag;if(n===3||n===4){var i=o.stateNode.containerInfo;if(i===r||i.nodeType===8&&i.parentNode===r)break;if(n===4)for(n=o.return;n!==null;){var u=n.tag;if((u===3||u===4)&&(u=n.stateNode.containerInfo,u===r||u.nodeType===8&&u.parentNode===r))return;n=n.return}for(;i!==null;){if(n=Ea(i),n===null)return;if(u=n.tag,u===5||u===6){o=l=n;continue e}i=i.parentNode}}o=o.return}Rs(function(){var d=l,m=Qn(t),x=[];e:{var p=dd.get(e);if(p!==void 0){var L=ti,I=e;switch(e){case"keypress":if(pr(t)===0)break e;case"keydown":case"keyup":L=Cp;break;case"focusin":I="focus",L=zl;break;case"focusout":I="blur",L=zl;break;case"beforeblur":case"afterblur":L=zl;break;case"click":if(t.button===2)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":L=bu;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":L=ip;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":L=yp;break;case nd:case id:case ud:L=dp;break;case sd:L=vp;break;case"scroll":L=lp;break;case"wheel":L=bp;break;case"copy":case"cut":case"paste":L=cp;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":L=Bu}var w=(a&4)!==0,D=!w&&e==="scroll",f=w?p!==null?p+"Capture":null:p;w=[];for(var s=d,c;s!==null;){c=s;var h=c.stateNode;if(c.tag===5&&h!==null&&(c=h,f!==null&&(h=$t(s,f),h!=null&&w.push(no(s,h,c)))),D)break;s=s.return}0<w.length&&(p=new L(p,I,null,t,m),x.push({event:p,listeners:w}))}}if((a&7)===0){e:{if(p=e==="mouseover"||e==="pointerover",L=e==="mouseout"||e==="pointerout",p&&t!==dn&&(I=t.relatedTarget||t.fromElement)&&(Ea(I)||I[ta]))break e;if((L||p)&&(p=m.window===m?m:(p=m.ownerDocument)?p.defaultView||p.parentWindow:window,L?(I=t.relatedTarget||t.toElement,L=d,I=I?Ea(I):null,I!==null&&(D=_a(I),I!==D||I.tag!==5&&I.tag!==6)&&(I=null)):(L=null,I=d),L!==I)){if(w=bu,h="onMouseLeave",f="onMouseEnter",s="mouse",(e==="pointerout"||e==="pointerover")&&(w=Bu,h="onPointerLeave",f="onPointerEnter",s="pointer"),D=L==null?p:at(L),c=I==null?p:at(I),p=new w(h,s+"leave",L,t,m),p.target=D,p.relatedTarget=c,h=null,Ea(m)===d&&(w=new w(f,s+"enter",I,t,m),w.target=c,w.relatedTarget=D,h=w),D=h,L&&I)a:{for(w=L,f=I,s=0,c=w;c;c=Ya(c))s++;for(c=0,h=f;h;h=Ya(h))c++;for(;0<s-c;)w=Ya(w),s--;for(;0<c-s;)f=Ya(f),c--;for(;s--;){if(w===f||f!==null&&w===f.alternate)break a;w=Ya(w),f=Ya(f)}w=null}else w=null;L!==null&&qu(x,p,L,w,!1),I!==null&&D!==null&&qu(x,D,I,w,!0)}}e:{if(p=d?at(d):window,L=p.nodeName&&p.nodeName.toLowerCase(),L==="select"||L==="input"&&p.type==="file")var k=Ep;else if(Du(p))if(ad)k=Op;else{k=Rp;var v=Tp}else(L=p.nodeName)&&L.toLowerCase()==="input"&&(p.type==="checkbox"||p.type==="radio")&&(k=zp);if(k&&(k=k(e,d))){ed(x,k,t,m);break e}v&&v(e,p,d),e==="focusout"&&(v=p._wrapperState)&&v.controlled&&p.type==="number"&&rn(p,"number",p.value)}switch(v=d?at(d):window,e){case"focusin":(Du(v)||v.contentEditable==="true")&&($a=v,gn=d,jt=null);break;case"focusout":jt=gn=$a=null;break;case"mousedown":Ln=!0;break;case"contextmenu":case"mouseup":case"dragend":Ln=!1,Ru(x,t,m);break;case"selectionchange":if(qp)break;case"keydown":case"keyup":Ru(x,t,m)}var S;if(ri)e:{switch(e){case"compositionstart":var C="onCompositionStart";break e;case"compositionend":C="onCompositionEnd";break e;case"compositionupdate":C="onCompositionUpdate";break e}C=void 0}else Ja?Js(e,t)&&(C="onCompositionEnd"):e==="keydown"&&t.keyCode===229&&(C="onCompositionStart");C&&(Zs&&t.locale!=="ko"&&(Ja||C!=="onCompositionStart"?C==="onCompositionEnd"&&Ja&&(S=Qs()):(pa=m,ai="value"in pa?pa.value:pa.textContent,Ja=!0)),v=Br(d,C),0<v.length&&(C=new Pu(C,e,null,t,m),x.push({event:C,listeners:v}),S?C.data=S:(S=$s(t),S!==null&&(C.data=S)))),(S=Bp?Mp(e,t):Ap(e,t))&&(d=Br(d,"onBeforeInput"),0<d.length&&(m=new Pu("onBeforeInput","beforeinput",null,t,m),x.push({event:m,listeners:d}),m.data=S))}fd(x,a)})}function no(e,a,t){return{instance:e,listener:a,currentTarget:t}}function Br(e,a){for(var t=a+"Capture",o=[];e!==null;){var r=e,l=r.stateNode;r.tag===5&&l!==null&&(r=l,l=$t(e,t),l!=null&&o.unshift(no(e,l,r)),l=$t(e,a),l!=null&&o.push(no(e,l,r))),e=e.return}return o}function Ya(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5);return e||null}function qu(e,a,t,o,r){for(var l=a._reactName,n=[];t!==null&&t!==o;){var i=t,u=i.alternate,d=i.stateNode;if(u!==null&&u===o)break;i.tag===5&&d!==null&&(i=d,r?(u=$t(t,l),u!=null&&n.unshift(no(t,u,i))):r||(u=$t(t,l),u!=null&&n.push(no(t,u,i)))),t=t.return}n.length!==0&&e.push({event:a,listeners:n})}var Wp=/\r\n?/g,Gp=/\u0000|\uFFFD/g;function Nu(e){return(typeof e=="string"?e:""+e).replace(Wp,`
+`).replace(Gp,"")}function lr(e,a,t){if(a=Nu(a),Nu(e)!==a&&t)throw Error(g(425))}function Mr(){}var Cn=null,In=null;function wn(e,a){return e==="textarea"||e==="noscript"||typeof a.children=="string"||typeof a.children=="number"||typeof a.dangerouslySetInnerHTML=="object"&&a.dangerouslySetInnerHTML!==null&&a.dangerouslySetInnerHTML.__html!=null}var yn=typeof setTimeout=="function"?setTimeout:void 0,_p=typeof clearTimeout=="function"?clearTimeout:void 0,Wu=typeof Promise=="function"?Promise:void 0,Vp=typeof queueMicrotask=="function"?queueMicrotask:typeof Wu<"u"?function(e){return Wu.resolve(null).then(e).catch(jp)}:yn;function jp(e){setTimeout(function(){throw e})}function Nl(e,a){var t=a,o=0;do{var r=t.nextSibling;if(e.removeChild(t),r&&r.nodeType===8)if(t=r.data,t==="/$"){if(o===0){e.removeChild(r),to(a);return}o--}else t!=="$"&&t!=="$?"&&t!=="$!"||o++;t=r}while(t);to(a)}function La(e){for(;e!=null;e=e.nextSibling){var a=e.nodeType;if(a===1||a===3)break;if(a===8){if(a=e.data,a==="$"||a==="$!"||a==="$?")break;if(a==="/$")return null}}return e}function Gu(e){e=e.previousSibling;for(var a=0;e;){if(e.nodeType===8){var t=e.data;if(t==="$"||t==="$!"||t==="$?"){if(a===0)return e;a--}else t==="/$"&&a++}e=e.previousSibling}return null}var yt=Math.random().toString(36).slice(2),Ve="__reactFiber$"+yt,io="__reactProps$"+yt,ta="__reactContainer$"+yt,kn="__reactEvents$"+yt,Kp="__reactListeners$"+yt,Xp="__reactHandles$"+yt;function Ea(e){var a=e[Ve];if(a)return a;for(var t=e.parentNode;t;){if(a=t[ta]||t[Ve]){if(t=a.alternate,a.child!==null||t!==null&&t.child!==null)for(e=Gu(e);e!==null;){if(t=e[Ve])return t;e=Gu(e)}return a}e=t,t=e.parentNode}return null}function go(e){return e=e[Ve]||e[ta],!e||e.tag!==5&&e.tag!==6&&e.tag!==13&&e.tag!==3?null:e}function at(e){if(e.tag===5||e.tag===6)return e.stateNode;throw Error(g(33))}function Yr(e){return e[io]||null}var vn=[],tt=-1;function ba(e){return{current:e}}function O(e){0>tt||(e.current=vn[tt],vn[tt]=null,tt--)}function T(e,a){tt++,vn[tt]=e.current,e.current=a}var va={},oe=ba(va),pe=ba(!1),Ua=va;function xt(e,a){var t=e.type.contextTypes;if(!t)return va;var o=e.stateNode;if(o&&o.__reactInternalMemoizedUnmaskedChildContext===a)return o.__reactInternalMemoizedMaskedChildContext;var r={},l;for(l in t)r[l]=a[l];return o&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=a,e.__reactInternalMemoizedMaskedChildContext=r),r}function me(e){return e=e.childContextTypes,e!=null}function Ar(){O(pe),O(oe)}function _u(e,a,t){if(oe.current!==va)throw Error(g(168));T(oe,a),T(pe,t)}function pd(e,a,t){var o=e.stateNode;if(a=a.childContextTypes,typeof o.getChildContext!="function")return t;o=o.getChildContext();for(var r in o)if(!(r in a))throw Error(g(108,Tc(e)||"Unknown",r));return N({},t,o)}function Dr(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||va,Ua=oe.current,T(oe,e),T(pe,pe.current),!0}function Vu(e,a,t){var o=e.stateNode;if(!o)throw Error(g(169));t?(e=pd(e,a,Ua),o.__reactInternalMemoizedMergedChildContext=e,O(pe),O(oe),T(oe,e)):O(pe),T(pe,t)}var Ze=null,Qr=!1,Wl=!1;function md(e){Ze===null?Ze=[e]:Ze.push(e)}function Yp(e){Qr=!0,md(e)}function Pa(){if(!Wl&&Ze!==null){Wl=!0;var e=0,a=F;try{var t=Ze;for(F=1;e<t.length;e++){var o=t[e];do o=o(!0);while(o!==null)}Ze=null,Qr=!1}catch(r){throw Ze!==null&&(Ze=Ze.slice(e+1)),Hs(Zn,Pa),r}finally{F=a,Wl=!1}}return null}var ot=[],rt=0,Fr=null,Er=0,Se=[],be=0,Ha=null,Je=1,$e="";function Da(e,a){ot[rt++]=Er,ot[rt++]=Fr,Fr=e,Er=a}function xd(e,a,t){Se[be++]=Je,Se[be++]=$e,Se[be++]=Ha,Ha=e;var o=Je;e=$e;var r=32-Oe(o)-1;o&=~(1<<r),t+=1;var l=32-Oe(a)+r;if(30<l){var n=r-r%5;l=(o&(1<<n)-1).toString(32),o>>=n,r-=n,Je=1<<32-Oe(a)+r|t<<r|o,$e=l+e}else Je=1<<l|t<<r|o,$e=e}function ni(e){e.return!==null&&(Da(e,1),xd(e,1,0))}function ii(e){for(;e===Fr;)Fr=ot[--rt],ot[rt]=null,Er=ot[--rt],ot[rt]=null;for(;e===Ha;)Ha=Se[--be],Se[be]=null,$e=Se[--be],Se[be]=null,Je=Se[--be],Se[be]=null}var Ce=null,Le=null,U=!1,ze=null;function hd(e,a){var t=Pe(5,null,null,0);t.elementType="DELETED",t.stateNode=a,t.return=e,a=e.deletions,a===null?(e.deletions=[t],e.flags|=16):a.push(t)}function ju(e,a){switch(e.tag){case 5:var t=e.type;return a=a.nodeType!==1||t.toLowerCase()!==a.nodeName.toLowerCase()?null:a,a!==null?(e.stateNode=a,Ce=e,Le=La(a.firstChild),!0):!1;case 6:return a=e.pendingProps===""||a.nodeType!==3?null:a,a!==null?(e.stateNode=a,Ce=e,Le=null,!0):!1;case 13:return a=a.nodeType!==8?null:a,a!==null?(t=Ha!==null?{id:Je,overflow:$e}:null,e.memoizedState={dehydrated:a,treeContext:t,retryLane:1073741824},t=Pe(18,null,null,0),t.stateNode=a,t.return=e,e.child=t,Ce=e,Le=null,!0):!1;default:return!1}}function Sn(e){return(e.mode&1)!==0&&(e.flags&128)===0}function bn(e){if(U){var a=Le;if(a){var t=a;if(!ju(e,a)){if(Sn(e))throw Error(g(418));a=La(t.nextSibling);var o=Ce;a&&ju(e,a)?hd(o,t):(e.flags=e.flags&-4097|2,U=!1,Ce=e)}}else{if(Sn(e))throw Error(g(418));e.flags=e.flags&-4097|2,U=!1,Ce=e}}}function Ku(e){for(e=e.return;e!==null&&e.tag!==5&&e.tag!==3&&e.tag!==13;)e=e.return;Ce=e}function nr(e){if(e!==Ce)return!1;if(!U)return Ku(e),U=!0,!1;var a;if((a=e.tag!==3)&&!(a=e.tag!==5)&&(a=e.type,a=a!=="head"&&a!=="body"&&!wn(e.type,e.memoizedProps)),a&&(a=Le)){if(Sn(e))throw gd(),Error(g(418));for(;a;)hd(e,a),a=La(a.nextSibling)}if(Ku(e),e.tag===13){if(e=e.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(g(317));e:{for(e=e.nextSibling,a=0;e;){if(e.nodeType===8){var t=e.data;if(t==="/$"){if(a===0){Le=La(e.nextSibling);break e}a--}else t!=="$"&&t!=="$!"&&t!=="$?"||a++}e=e.nextSibling}Le=null}}else Le=Ce?La(e.stateNode.nextSibling):null;return!0}function gd(){for(var e=Le;e;)e=La(e.nextSibling)}function ht(){Le=Ce=null,U=!1}function ui(e){ze===null?ze=[e]:ze.push(e)}var Qp=la.ReactCurrentBatchConfig;function Tt(e,a,t){if(e=t.ref,e!==null&&typeof e!="function"&&typeof e!="object"){if(t._owner){if(t=t._owner,t){if(t.tag!==1)throw Error(g(309));var o=t.stateNode}if(!o)throw Error(g(147,e));var r=o,l=""+e;return a!==null&&a.ref!==null&&typeof a.ref=="function"&&a.ref._stringRef===l?a.ref:(a=function(n){var i=r.refs;n===null?delete i[l]:i[l]=n},a._stringRef=l,a)}if(typeof e!="string")throw Error(g(284));if(!t._owner)throw Error(g(290,e))}return e}function ir(e,a){throw e=Object.prototype.toString.call(a),Error(g(31,e==="[object Object]"?"object with keys {"+Object.keys(a).join(", ")+"}":e))}function Xu(e){var a=e._init;return a(e._payload)}function Ld(e){function a(f,s){if(e){var c=f.deletions;c===null?(f.deletions=[s],f.flags|=16):c.push(s)}}function t(f,s){if(!e)return null;for(;s!==null;)a(f,s),s=s.sibling;return null}function o(f,s){for(f=new Map;s!==null;)s.key!==null?f.set(s.key,s):f.set(s.index,s),s=s.sibling;return f}function r(f,s){return f=ya(f,s),f.index=0,f.sibling=null,f}function l(f,s,c){return f.index=c,e?(c=f.alternate,c!==null?(c=c.index,c<s?(f.flags|=2,s):c):(f.flags|=2,s)):(f.flags|=1048576,s)}function n(f){return e&&f.alternate===null&&(f.flags|=2),f}function i(f,s,c,h){return s===null||s.tag!==6?(s=Yl(c,f.mode,h),s.return=f,s):(s=r(s,c),s.return=f,s)}function u(f,s,c,h){var k=c.type;return k===Za?m(f,s,c.props.children,h,c.key):s!==null&&(s.elementType===k||typeof k=="object"&&k!==null&&k.$$typeof===sa&&Xu(k)===s.type)?(h=r(s,c.props),h.ref=Tt(f,s,c),h.return=f,h):(h=Ir(c.type,c.key,c.props,null,f.mode,h),h.ref=Tt(f,s,c),h.return=f,h)}function d(f,s,c,h){return s===null||s.tag!==4||s.stateNode.containerInfo!==c.containerInfo||s.stateNode.implementation!==c.implementation?(s=Ql(c,f.mode,h),s.return=f,s):(s=r(s,c.children||[]),s.return=f,s)}function m(f,s,c,h,k){return s===null||s.tag!==7?(s=Oa(c,f.mode,h,k),s.return=f,s):(s=r(s,c),s.return=f,s)}function x(f,s,c){if(typeof s=="string"&&s!==""||typeof s=="number")return s=Yl(""+s,f.mode,c),s.return=f,s;if(typeof s=="object"&&s!==null){switch(s.$$typeof){case jo:return c=Ir(s.type,s.key,s.props,null,f.mode,c),c.ref=Tt(f,null,s),c.return=f,c;case Qa:return s=Ql(s,f.mode,c),s.return=f,s;case sa:var h=s._init;return x(f,h(s._payload),c)}if(Ht(s)||At(s))return s=Oa(s,f.mode,c,null),s.return=f,s;ir(f,s)}return null}function p(f,s,c,h){var k=s!==null?s.key:null;if(typeof c=="string"&&c!==""||typeof c=="number")return k!==null?null:i(f,s,""+c,h);if(typeof c=="object"&&c!==null){switch(c.$$typeof){case jo:return c.key===k?u(f,s,c,h):null;case Qa:return c.key===k?d(f,s,c,h):null;case sa:return k=c._init,p(f,s,k(c._payload),h)}if(Ht(c)||At(c))return k!==null?null:m(f,s,c,h,null);ir(f,c)}return null}function L(f,s,c,h,k){if(typeof h=="string"&&h!==""||typeof h=="number")return f=f.get(c)||null,i(s,f,""+h,k);if(typeof h=="object"&&h!==null){switch(h.$$typeof){case jo:return f=f.get(h.key===null?c:h.key)||null,u(s,f,h,k);case Qa:return f=f.get(h.key===null?c:h.key)||null,d(s,f,h,k);case sa:var v=h._init;return L(f,s,c,v(h._payload),k)}if(Ht(h)||At(h))return f=f.get(c)||null,m(s,f,h,k,null);ir(s,h)}return null}function I(f,s,c,h){for(var k=null,v=null,S=s,C=s=0,b=null;S!==null&&C<c.length;C++){S.index>C?(b=S,S=null):b=S.sibling;var B=p(f,S,c[C],h);if(B===null){S===null&&(S=b);break}e&&S&&B.alternate===null&&a(f,S),s=l(B,s,C),v===null?k=B:v.sibling=B,v=B,S=b}if(C===c.length)return t(f,S),U&&Da(f,C),k;if(S===null){for(;C<c.length;C++)S=x(f,c[C],h),S!==null&&(s=l(S,s,C),v===null?k=S:v.sibling=S,v=S);return U&&Da(f,C),k}for(S=o(f,S);C<c.length;C++)b=L(S,f,C,c[C],h),b!==null&&(e&&b.alternate!==null&&S.delete(b.key===null?C:b.key),s=l(b,s,C),v===null?k=b:v.sibling=b,v=b);return e&&S.forEach(function(se){return a(f,se)}),U&&Da(f,C),k}function w(f,s,c,h){var k=At(c);if(typeof k!="function")throw Error(g(150));if(c=k.call(c),c==null)throw Error(g(151));for(var v=k=null,S=s,C=s=0,b=null,B=c.next();S!==null&&!B.done;C++,B=c.next()){S.index>C?(b=S,S=null):b=S.sibling;var se=p(f,S,B.value,h);if(se===null){S===null&&(S=b);break}e&&S&&se.alternate===null&&a(f,S),s=l(se,s,C),v===null?k=se:v.sibling=se,v=se,S=b}if(B.done)return t(f,S),U&&Da(f,C),k;if(S===null){for(;!B.done;C++,B=c.next())B=x(f,B.value,h),B!==null&&(s=l(B,s,C),v===null?k=B:v.sibling=B,v=B);return U&&Da(f,C),k}for(S=o(f,S);!B.done;C++,B=c.next())B=L(S,f,C,B.value,h),B!==null&&(e&&B.alternate!==null&&S.delete(B.key===null?C:B.key),s=l(B,s,C),v===null?k=B:v.sibling=B,v=B);return e&&S.forEach(function(_){return a(f,_)}),U&&Da(f,C),k}function D(f,s,c,h){if(typeof c=="object"&&c!==null&&c.type===Za&&c.key===null&&(c=c.props.children),typeof c=="object"&&c!==null){switch(c.$$typeof){case jo:e:{for(var k=c.key,v=s;v!==null;){if(v.key===k){if(k=c.type,k===Za){if(v.tag===7){t(f,v.sibling),s=r(v,c.props.children),s.return=f,f=s;break e}}else if(v.elementType===k||typeof k=="object"&&k!==null&&k.$$typeof===sa&&Xu(k)===v.type){t(f,v.sibling),s=r(v,c.props),s.ref=Tt(f,v,c),s.return=f,f=s;break e}t(f,v);break}else a(f,v);v=v.sibling}c.type===Za?(s=Oa(c.props.children,f.mode,h,c.key),s.return=f,f=s):(h=Ir(c.type,c.key,c.props,null,f.mode,h),h.ref=Tt(f,s,c),h.return=f,f=h)}return n(f);case Qa:e:{for(v=c.key;s!==null;){if(s.key===v)if(s.tag===4&&s.stateNode.containerInfo===c.containerInfo&&s.stateNode.implementation===c.implementation){t(f,s.sibling),s=r(s,c.children||[]),s.return=f,f=s;break e}else{t(f,s);break}else a(f,s);s=s.sibling}s=Ql(c,f.mode,h),s.return=f,f=s}return n(f);case sa:return v=c._init,D(f,s,v(c._payload),h)}if(Ht(c))return I(f,s,c,h);if(At(c))return w(f,s,c,h);ir(f,c)}return typeof c=="string"&&c!==""||typeof c=="number"?(c=""+c,s!==null&&s.tag===6?(t(f,s.sibling),s=r(s,c),s.return=f,f=s):(t(f,s),s=Yl(c,f.mode,h),s.return=f,f=s),n(f)):t(f,s)}return D}var gt=Ld(!0),Cd=Ld(!1),Tr=ba(null),Rr=null,lt=null,si=null;function di(){si=lt=Rr=null}function fi(e){var a=Tr.current;O(Tr),e._currentValue=a}function Pn(e,a,t){for(;e!==null;){var o=e.alternate;if((e.childLanes&a)!==a?(e.childLanes|=a,o!==null&&(o.childLanes|=a)):o!==null&&(o.childLanes&a)!==a&&(o.childLanes|=a),e===t)break;e=e.return}}function ct(e,a){Rr=e,si=lt=null,e=e.dependencies,e!==null&&e.firstContext!==null&&((e.lanes&a)!==0&&(ce=!0),e.firstContext=null)}function Me(e){var a=e._currentValue;if(si!==e)if(e={context:e,memoizedValue:a,next:null},lt===null){if(Rr===null)throw Error(g(308));lt=e,Rr.dependencies={lanes:0,firstContext:e}}else lt=lt.next=e;return a}var Ta=null;function ci(e){Ta===null?Ta=[e]:Ta.push(e)}function Id(e,a,t,o){var r=a.interleaved;return r===null?(t.next=t,ci(a)):(t.next=r.next,r.next=t),a.interleaved=t,oa(e,o)}function oa(e,a){e.lanes|=a;var t=e.alternate;for(t!==null&&(t.lanes|=a),t=e,e=e.return;e!==null;)e.childLanes|=a,t=e.alternate,t!==null&&(t.childLanes|=a),t=e,e=e.return;return t.tag===3?t.stateNode:null}var da=!1;function pi(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function wd(e,a){e=e.updateQueue,a.updateQueue===e&&(a.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function ea(e,a){return{eventTime:e,lane:a,tag:0,payload:null,callback:null,next:null}}function Ca(e,a,t){var o=e.updateQueue;if(o===null)return null;if(o=o.shared,(A&2)!==0){var r=o.pending;return r===null?a.next=a:(a.next=r.next,r.next=a),o.pending=a,oa(e,t)}return r=o.interleaved,r===null?(a.next=a,ci(o)):(a.next=r.next,r.next=a),o.interleaved=a,oa(e,t)}function mr(e,a,t){if(a=a.updateQueue,a!==null&&(a=a.shared,(t&4194240)!==0)){var o=a.lanes;o&=e.pendingLanes,t|=o,a.lanes=t,Jn(e,t)}}function Yu(e,a){var t=e.updateQueue,o=e.alternate;if(o!==null&&(o=o.updateQueue,t===o)){var r=null,l=null;if(t=t.firstBaseUpdate,t!==null){do{var n={eventTime:t.eventTime,lane:t.lane,tag:t.tag,payload:t.payload,callback:t.callback,next:null};l===null?r=l=n:l=l.next=n,t=t.next}while(t!==null);l===null?r=l=a:l=l.next=a}else r=l=a;t={baseState:o.baseState,firstBaseUpdate:r,lastBaseUpdate:l,shared:o.shared,effects:o.effects},e.updateQueue=t;return}e=t.lastBaseUpdate,e===null?t.firstBaseUpdate=a:e.next=a,t.lastBaseUpdate=a}function zr(e,a,t,o){var r=e.updateQueue;da=!1;var l=r.firstBaseUpdate,n=r.lastBaseUpdate,i=r.shared.pending;if(i!==null){r.shared.pending=null;var u=i,d=u.next;u.next=null,n===null?l=d:n.next=d,n=u;var m=e.alternate;m!==null&&(m=m.updateQueue,i=m.lastBaseUpdate,i!==n&&(i===null?m.firstBaseUpdate=d:i.next=d,m.lastBaseUpdate=u))}if(l!==null){var x=r.baseState;n=0,m=d=u=null,i=l;do{var p=i.lane,L=i.eventTime;if((o&p)===p){m!==null&&(m=m.next={eventTime:L,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var I=e,w=i;switch(p=a,L=t,w.tag){case 1:if(I=w.payload,typeof I=="function"){x=I.call(L,x,p);break e}x=I;break e;case 3:I.flags=I.flags&-65537|128;case 0:if(I=w.payload,p=typeof I=="function"?I.call(L,x,p):I,p==null)break e;x=N({},x,p);break e;case 2:da=!0}}i.callback!==null&&i.lane!==0&&(e.flags|=64,p=r.effects,p===null?r.effects=[i]:p.push(i))}else L={eventTime:L,lane:p,tag:i.tag,payload:i.payload,callback:i.callback,next:null},m===null?(d=m=L,u=x):m=m.next=L,n|=p;if(i=i.next,i===null){if(i=r.shared.pending,i===null)break;p=i,i=p.next,p.next=null,r.lastBaseUpdate=p,r.shared.pending=null}}while(!0);if(m===null&&(u=x),r.baseState=u,r.firstBaseUpdate=d,r.lastBaseUpdate=m,a=r.shared.interleaved,a!==null){r=a;do n|=r.lane,r=r.next;while(r!==a)}else l===null&&(r.shared.lanes=0);Na|=n,e.lanes=n,e.memoizedState=x}}function Qu(e,a,t){if(e=a.effects,a.effects=null,e!==null)for(a=0;a<e.length;a++){var o=e[a],r=o.callback;if(r!==null){if(o.callback=null,o=t,typeof r!="function")throw Error(g(191,r));r.call(o)}}}var Lo={},Ke=ba(Lo),uo=ba(Lo),so=ba(Lo);function Ra(e){if(e===Lo)throw Error(g(174));return e}function mi(e,a){switch(T(so,a),T(uo,e),T(Ke,Lo),e=a.nodeType,e){case 9:case 11:a=(a=a.documentElement)?a.namespaceURI:nn(null,"");break;default:e=e===8?a.parentNode:a,a=e.namespaceURI||null,e=e.tagName,a=nn(a,e)}O(Ke),T(Ke,a)}function Lt(){O(Ke),O(uo),O(so)}function yd(e){Ra(so.current);var a=Ra(Ke.current),t=nn(a,e.type);a!==t&&(T(uo,e),T(Ke,t))}function xi(e){uo.current===e&&(O(Ke),O(uo))}var H=ba(0);function Or(e){for(var a=e;a!==null;){if(a.tag===13){var t=a.memoizedState;if(t!==null&&(t=t.dehydrated,t===null||t.data==="$?"||t.data==="$!"))return a}else if(a.tag===19&&a.memoizedProps.revealOrder!==void 0){if((a.flags&128)!==0)return a}else if(a.child!==null){a.child.return=a,a=a.child;continue}if(a===e)break;for(;a.sibling===null;){if(a.return===null||a.return===e)return null;a=a.return}a.sibling.return=a.return,a=a.sibling}return null}var Gl=[];function hi(){for(var e=0;e<Gl.length;e++)Gl[e]._workInProgressVersionPrimary=null;Gl.length=0}var xr=la.ReactCurrentDispatcher,_l=la.ReactCurrentBatchConfig,qa=0,q=null,j=null,X=null,Ur=!1,Kt=!1,fo=0,Zp=0;function ee(){throw Error(g(321))}function gi(e,a){if(a===null)return!1;for(var t=0;t<a.length&&t<e.length;t++)if(!He(e[t],a[t]))return!1;return!0}function Li(e,a,t,o,r,l){if(qa=l,q=a,a.memoizedState=null,a.updateQueue=null,a.lanes=0,xr.current=e===null||e.memoizedState===null?am:tm,e=t(o,r),Kt){l=0;do{if(Kt=!1,fo=0,25<=l)throw Error(g(301));l+=1,X=j=null,a.updateQueue=null,xr.current=om,e=t(o,r)}while(Kt)}if(xr.current=Hr,a=j!==null&&j.next!==null,qa=0,X=j=q=null,Ur=!1,a)throw Error(g(300));return e}function Ci(){var e=fo!==0;return fo=0,e}function _e(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return X===null?q.memoizedState=X=e:X=X.next=e,X}function Ae(){if(j===null){var e=q.alternate;e=e!==null?e.memoizedState:null}else e=j.next;var a=X===null?q.memoizedState:X.next;if(a!==null)X=a,j=e;else{if(e===null)throw Error(g(310));j=e,e={memoizedState:j.memoizedState,baseState:j.baseState,baseQueue:j.baseQueue,queue:j.queue,next:null},X===null?q.memoizedState=X=e:X=X.next=e}return X}function co(e,a){return typeof a=="function"?a(e):a}function Vl(e){var a=Ae(),t=a.queue;if(t===null)throw Error(g(311));t.lastRenderedReducer=e;var o=j,r=o.baseQueue,l=t.pending;if(l!==null){if(r!==null){var n=r.next;r.next=l.next,l.next=n}o.baseQueue=r=l,t.pending=null}if(r!==null){l=r.next,o=o.baseState;var i=n=null,u=null,d=l;do{var m=d.lane;if((qa&m)===m)u!==null&&(u=u.next={lane:0,action:d.action,hasEagerState:d.hasEagerState,eagerState:d.eagerState,next:null}),o=d.hasEagerState?d.eagerState:e(o,d.action);else{var x={lane:m,action:d.action,hasEagerState:d.hasEagerState,eagerState:d.eagerState,next:null};u===null?(i=u=x,n=o):u=u.next=x,q.lanes|=m,Na|=m}d=d.next}while(d!==null&&d!==l);u===null?n=o:u.next=i,He(o,a.memoizedState)||(ce=!0),a.memoizedState=o,a.baseState=n,a.baseQueue=u,t.lastRenderedState=o}if(e=t.interleaved,e!==null){r=e;do l=r.lane,q.lanes|=l,Na|=l,r=r.next;while(r!==e)}else r===null&&(t.lanes=0);return[a.memoizedState,t.dispatch]}function jl(e){var a=Ae(),t=a.queue;if(t===null)throw Error(g(311));t.lastRenderedReducer=e;var o=t.dispatch,r=t.pending,l=a.memoizedState;if(r!==null){t.pending=null;var n=r=r.next;do l=e(l,n.action),n=n.next;while(n!==r);He(l,a.memoizedState)||(ce=!0),a.memoizedState=l,a.baseQueue===null&&(a.baseState=l),t.lastRenderedState=l}return[l,o]}function kd(){}function vd(e,a){var t=q,o=Ae(),r=a(),l=!He(o.memoizedState,r);if(l&&(o.memoizedState=r,ce=!0),o=o.queue,Ii(Pd.bind(null,t,o,e),[e]),o.getSnapshot!==a||l||X!==null&&X.memoizedState.tag&1){if(t.flags|=2048,po(9,bd.bind(null,t,o,r,a),void 0,null),Y===null)throw Error(g(349));(qa&30)!==0||Sd(t,a,r)}return r}function Sd(e,a,t){e.flags|=16384,e={getSnapshot:a,value:t},a=q.updateQueue,a===null?(a={lastEffect:null,stores:null},q.updateQueue=a,a.stores=[e]):(t=a.stores,t===null?a.stores=[e]:t.push(e))}function bd(e,a,t,o){a.value=t,a.getSnapshot=o,Bd(a)&&Md(e)}function Pd(e,a,t){return t(function(){Bd(a)&&Md(e)})}function Bd(e){var a=e.getSnapshot;e=e.value;try{var t=a();return!He(e,t)}catch{return!0}}function Md(e){var a=oa(e,1);a!==null&&Ue(a,e,1,-1)}function Zu(e){var a=_e();return typeof e=="function"&&(e=e()),a.memoizedState=a.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:co,lastRenderedState:e},a.queue=e,e=e.dispatch=em.bind(null,q,e),[a.memoizedState,e]}function po(e,a,t,o){return e={tag:e,create:a,destroy:t,deps:o,next:null},a=q.updateQueue,a===null?(a={lastEffect:null,stores:null},q.updateQueue=a,a.lastEffect=e.next=e):(t=a.lastEffect,t===null?a.lastEffect=e.next=e:(o=t.next,t.next=e,e.next=o,a.lastEffect=e)),e}function Ad(){return Ae().memoizedState}function hr(e,a,t,o){var r=_e();q.flags|=e,r.memoizedState=po(1|a,t,void 0,o===void 0?null:o)}function Zr(e,a,t,o){var r=Ae();o=o===void 0?null:o;var l=void 0;if(j!==null){var n=j.memoizedState;if(l=n.destroy,o!==null&&gi(o,n.deps)){r.memoizedState=po(a,t,l,o);return}}q.flags|=e,r.memoizedState=po(1|a,t,l,o)}function Ju(e,a){return hr(8390656,8,e,a)}function Ii(e,a){return Zr(2048,8,e,a)}function Dd(e,a){return Zr(4,2,e,a)}function Fd(e,a){return Zr(4,4,e,a)}function Ed(e,a){if(typeof a=="function")return e=e(),a(e),function(){a(null)};if(a!=null)return e=e(),a.current=e,function(){a.current=null}}function Td(e,a,t){return t=t!=null?t.concat([e]):null,Zr(4,4,Ed.bind(null,a,e),t)}function wi(){}function Rd(e,a){var t=Ae();a=a===void 0?null:a;var o=t.memoizedState;return o!==null&&a!==null&&gi(a,o[1])?o[0]:(t.memoizedState=[e,a],e)}function zd(e,a){var t=Ae();a=a===void 0?null:a;var o=t.memoizedState;return o!==null&&a!==null&&gi(a,o[1])?o[0]:(e=e(),t.memoizedState=[e,a],e)}function Od(e,a,t){return(qa&21)===0?(e.baseState&&(e.baseState=!1,ce=!0),e.memoizedState=t):(He(t,a)||(t=Ws(),q.lanes|=t,Na|=t,e.baseState=!0),a)}function Jp(e,a){var t=F;F=t!==0&&4>t?t:4,e(!0);var o=_l.transition;_l.transition={};try{e(!1),a()}finally{F=t,_l.transition=o}}function Ud(){return Ae().memoizedState}function $p(e,a,t){var o=wa(e);if(t={lane:o,action:t,hasEagerState:!1,eagerState:null,next:null},Hd(e))qd(a,t);else if(t=Id(e,a,t,o),t!==null){var r=ie();Ue(t,e,o,r),Nd(t,a,o)}}function em(e,a,t){var o=wa(e),r={lane:o,action:t,hasEagerState:!1,eagerState:null,next:null};if(Hd(e))qd(a,r);else{var l=e.alternate;if(e.lanes===0&&(l===null||l.lanes===0)&&(l=a.lastRenderedReducer,l!==null))try{var n=a.lastRenderedState,i=l(n,t);if(r.hasEagerState=!0,r.eagerState=i,He(i,n)){var u=a.interleaved;u===null?(r.next=r,ci(a)):(r.next=u.next,u.next=r),a.interleaved=r;return}}catch{}finally{}t=Id(e,a,r,o),t!==null&&(r=ie(),Ue(t,e,o,r),Nd(t,a,o))}}function Hd(e){var a=e.alternate;return e===q||a!==null&&a===q}function qd(e,a){Kt=Ur=!0;var t=e.pending;t===null?a.next=a:(a.next=t.next,t.next=a),e.pending=a}function Nd(e,a,t){if((t&4194240)!==0){var o=a.lanes;o&=e.pendingLanes,t|=o,a.lanes=t,Jn(e,t)}}var Hr={readContext:Me,useCallback:ee,useContext:ee,useEffect:ee,useImperativeHandle:ee,useInsertionEffect:ee,useLayoutEffect:ee,useMemo:ee,useReducer:ee,useRef:ee,useState:ee,useDebugValue:ee,useDeferredValue:ee,useTransition:ee,useMutableSource:ee,useSyncExternalStore:ee,useId:ee,unstable_isNewReconciler:!1},am={readContext:Me,useCallback:function(e,a){return _e().memoizedState=[e,a===void 0?null:a],e},useContext:Me,useEffect:Ju,useImperativeHandle:function(e,a,t){return t=t!=null?t.concat([e]):null,hr(4194308,4,Ed.bind(null,a,e),t)},useLayoutEffect:function(e,a){return hr(4194308,4,e,a)},useInsertionEffect:function(e,a){return hr(4,2,e,a)},useMemo:function(e,a){var t=_e();return a=a===void 0?null:a,e=e(),t.memoizedState=[e,a],e},useReducer:function(e,a,t){var o=_e();return a=t!==void 0?t(a):a,o.memoizedState=o.baseState=a,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:a},o.queue=e,e=e.dispatch=$p.bind(null,q,e),[o.memoizedState,e]},useRef:function(e){var a=_e();return e={current:e},a.memoizedState=e},useState:Zu,useDebugValue:wi,useDeferredValue:function(e){return _e().memoizedState=e},useTransition:function(){var e=Zu(!1),a=e[0];return e=Jp.bind(null,e[1]),_e().memoizedState=e,[a,e]},useMutableSource:function(){},useSyncExternalStore:function(e,a,t){var o=q,r=_e();if(U){if(t===void 0)throw Error(g(407));t=t()}else{if(t=a(),Y===null)throw Error(g(349));(qa&30)!==0||Sd(o,a,t)}r.memoizedState=t;var l={value:t,getSnapshot:a};return r.queue=l,Ju(Pd.bind(null,o,l,e),[e]),o.flags|=2048,po(9,bd.bind(null,o,l,t,a),void 0,null),t},useId:function(){var e=_e(),a=Y.identifierPrefix;if(U){var t=$e,o=Je;t=(o&~(1<<32-Oe(o)-1)).toString(32)+t,a=":"+a+"R"+t,t=fo++,0<t&&(a+="H"+t.toString(32)),a+=":"}else t=Zp++,a=":"+a+"r"+t.toString(32)+":";return e.memoizedState=a},unstable_isNewReconciler:!1},tm={readContext:Me,useCallback:Rd,useContext:Me,useEffect:Ii,useImperativeHandle:Td,useInsertionEffect:Dd,useLayoutEffect:Fd,useMemo:zd,useReducer:Vl,useRef:Ad,useState:function(){return Vl(co)},useDebugValue:wi,useDeferredValue:function(e){var a=Ae();return Od(a,j.memoizedState,e)},useTransition:function(){var e=Vl(co)[0],a=Ae().memoizedState;return[e,a]},useMutableSource:kd,useSyncExternalStore:vd,useId:Ud,unstable_isNewReconciler:!1},om={readContext:Me,useCallback:Rd,useContext:Me,useEffect:Ii,useImperativeHandle:Td,useInsertionEffect:Dd,useLayoutEffect:Fd,useMemo:zd,useReducer:jl,useRef:Ad,useState:function(){return jl(co)},useDebugValue:wi,useDeferredValue:function(e){var a=Ae();return j===null?a.memoizedState=e:Od(a,j.memoizedState,e)},useTransition:function(){var e=jl(co)[0],a=Ae().memoizedState;return[e,a]},useMutableSource:kd,useSyncExternalStore:vd,useId:Ud,unstable_isNewReconciler:!1};function Te(e,a){if(e&&e.defaultProps){a=N({},a),e=e.defaultProps;for(var t in e)a[t]===void 0&&(a[t]=e[t]);return a}return a}function Bn(e,a,t,o){a=e.memoizedState,t=t(o,a),t=t==null?a:N({},a,t),e.memoizedState=t,e.lanes===0&&(e.updateQueue.baseState=t)}var Jr={isMounted:function(e){return(e=e._reactInternals)?_a(e)===e:!1},enqueueSetState:function(e,a,t){e=e._reactInternals;var o=ie(),r=wa(e),l=ea(o,r);l.payload=a,t!=null&&(l.callback=t),a=Ca(e,l,r),a!==null&&(Ue(a,e,r,o),mr(a,e,r))},enqueueReplaceState:function(e,a,t){e=e._reactInternals;var o=ie(),r=wa(e),l=ea(o,r);l.tag=1,l.payload=a,t!=null&&(l.callback=t),a=Ca(e,l,r),a!==null&&(Ue(a,e,r,o),mr(a,e,r))},enqueueForceUpdate:function(e,a){e=e._reactInternals;var t=ie(),o=wa(e),r=ea(t,o);r.tag=2,a!=null&&(r.callback=a),a=Ca(e,r,o),a!==null&&(Ue(a,e,o,t),mr(a,e,o))}};function $u(e,a,t,o,r,l,n){return e=e.stateNode,typeof e.shouldComponentUpdate=="function"?e.shouldComponentUpdate(o,l,n):a.prototype&&a.prototype.isPureReactComponent?!ro(t,o)||!ro(r,l):!0}function Wd(e,a,t){var o=!1,r=va,l=a.contextType;return typeof l=="object"&&l!==null?l=Me(l):(r=me(a)?Ua:oe.current,o=a.contextTypes,l=(o=o!=null)?xt(e,r):va),a=new a(t,l),e.memoizedState=a.state!==null&&a.state!==void 0?a.state:null,a.updater=Jr,e.stateNode=a,a._reactInternals=e,o&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=r,e.__reactInternalMemoizedMaskedChildContext=l),a}function es(e,a,t,o){e=a.state,typeof a.componentWillReceiveProps=="function"&&a.componentWillReceiveProps(t,o),typeof a.UNSAFE_componentWillReceiveProps=="function"&&a.UNSAFE_componentWillReceiveProps(t,o),a.state!==e&&Jr.enqueueReplaceState(a,a.state,null)}function Mn(e,a,t,o){var r=e.stateNode;r.props=t,r.state=e.memoizedState,r.refs={},pi(e);var l=a.contextType;typeof l=="object"&&l!==null?r.context=Me(l):(l=me(a)?Ua:oe.current,r.context=xt(e,l)),r.state=e.memoizedState,l=a.getDerivedStateFromProps,typeof l=="function"&&(Bn(e,a,l,t),r.state=e.memoizedState),typeof a.getDerivedStateFromProps=="function"||typeof r.getSnapshotBeforeUpdate=="function"||typeof r.UNSAFE_componentWillMount!="function"&&typeof r.componentWillMount!="function"||(a=r.state,typeof r.componentWillMount=="function"&&r.componentWillMount(),typeof r.UNSAFE_componentWillMount=="function"&&r.UNSAFE_componentWillMount(),a!==r.state&&Jr.enqueueReplaceState(r,r.state,null),zr(e,t,r,o),r.state=e.memoizedState),typeof r.componentDidMount=="function"&&(e.flags|=4194308)}function Ct(e,a){try{var t="",o=a;do t+=Ec(o),o=o.return;while(o);var r=t}catch(l){r=`
+Error generating stack: `+l.message+`
+`+l.stack}return{value:e,source:a,stack:r,digest:null}}function Kl(e,a,t){return{value:e,source:null,stack:t??null,digest:a??null}}function An(e,a){try{console.error(a.value)}catch(t){setTimeout(function(){throw t})}}var rm=typeof WeakMap=="function"?WeakMap:Map;function Gd(e,a,t){t=ea(-1,t),t.tag=3,t.payload={element:null};var o=a.value;return t.callback=function(){Nr||(Nr=!0,qn=o),An(e,a)},t}function _d(e,a,t){t=ea(-1,t),t.tag=3;var o=e.type.getDerivedStateFromError;if(typeof o=="function"){var r=a.value;t.payload=function(){return o(r)},t.callback=function(){An(e,a)}}var l=e.stateNode;return l!==null&&typeof l.componentDidCatch=="function"&&(t.callback=function(){An(e,a),typeof o!="function"&&(Ia===null?Ia=new Set([this]):Ia.add(this));var n=a.stack;this.componentDidCatch(a.value,{componentStack:n!==null?n:""})}),t}function as(e,a,t){var o=e.pingCache;if(o===null){o=e.pingCache=new rm;var r=new Set;o.set(a,r)}else r=o.get(a),r===void 0&&(r=new Set,o.set(a,r));r.has(t)||(r.add(t),e=Lm.bind(null,e,a,t),a.then(e,e))}function ts(e){do{var a;if((a=e.tag===13)&&(a=e.memoizedState,a=a!==null?a.dehydrated!==null:!0),a)return e;e=e.return}while(e!==null);return null}function os(e,a,t,o,r){return(e.mode&1)===0?(e===a?e.flags|=65536:(e.flags|=128,t.flags|=131072,t.flags&=-52805,t.tag===1&&(t.alternate===null?t.tag=17:(a=ea(-1,1),a.tag=2,Ca(t,a,1))),t.lanes|=1),e):(e.flags|=65536,e.lanes=r,e)}var lm=la.ReactCurrentOwner,ce=!1;function ne(e,a,t,o){a.child=e===null?Cd(a,null,t,o):gt(a,e.child,t,o)}function rs(e,a,t,o,r){t=t.render;var l=a.ref;return ct(a,r),o=Li(e,a,t,o,l,r),t=Ci(),e!==null&&!ce?(a.updateQueue=e.updateQueue,a.flags&=-2053,e.lanes&=~r,ra(e,a,r)):(U&&t&&ni(a),a.flags|=1,ne(e,a,o,r),a.child)}function ls(e,a,t,o,r){if(e===null){var l=t.type;return typeof l=="function"&&!Mi(l)&&l.defaultProps===void 0&&t.compare===null&&t.defaultProps===void 0?(a.tag=15,a.type=l,Vd(e,a,l,o,r)):(e=Ir(t.type,null,o,a,a.mode,r),e.ref=a.ref,e.return=a,a.child=e)}if(l=e.child,(e.lanes&r)===0){var n=l.memoizedProps;if(t=t.compare,t=t!==null?t:ro,t(n,o)&&e.ref===a.ref)return ra(e,a,r)}return a.flags|=1,e=ya(l,o),e.ref=a.ref,e.return=a,a.child=e}function Vd(e,a,t,o,r){if(e!==null){var l=e.memoizedProps;if(ro(l,o)&&e.ref===a.ref)if(ce=!1,a.pendingProps=o=l,(e.lanes&r)!==0)(e.flags&131072)!==0&&(ce=!0);else return a.lanes=e.lanes,ra(e,a,r)}return Dn(e,a,t,o,r)}function jd(e,a,t){var o=a.pendingProps,r=o.children,l=e!==null?e.memoizedState:null;if(o.mode==="hidden")if((a.mode&1)===0)a.memoizedState={baseLanes:0,cachePool:null,transitions:null},T(it,ge),ge|=t;else{if((t&1073741824)===0)return e=l!==null?l.baseLanes|t:t,a.lanes=a.childLanes=1073741824,a.memoizedState={baseLanes:e,cachePool:null,transitions:null},a.updateQueue=null,T(it,ge),ge|=e,null;a.memoizedState={baseLanes:0,cachePool:null,transitions:null},o=l!==null?l.baseLanes:t,T(it,ge),ge|=o}else l!==null?(o=l.baseLanes|t,a.memoizedState=null):o=t,T(it,ge),ge|=o;return ne(e,a,r,t),a.child}function Kd(e,a){var t=a.ref;(e===null&&t!==null||e!==null&&e.ref!==t)&&(a.flags|=512,a.flags|=2097152)}function Dn(e,a,t,o,r){var l=me(t)?Ua:oe.current;return l=xt(a,l),ct(a,r),t=Li(e,a,t,o,l,r),o=Ci(),e!==null&&!ce?(a.updateQueue=e.updateQueue,a.flags&=-2053,e.lanes&=~r,ra(e,a,r)):(U&&o&&ni(a),a.flags|=1,ne(e,a,t,r),a.child)}function ns(e,a,t,o,r){if(me(t)){var l=!0;Dr(a)}else l=!1;if(ct(a,r),a.stateNode===null)gr(e,a),Wd(a,t,o),Mn(a,t,o,r),o=!0;else if(e===null){var n=a.stateNode,i=a.memoizedProps;n.props=i;var u=n.context,d=t.contextType;typeof d=="object"&&d!==null?d=Me(d):(d=me(t)?Ua:oe.current,d=xt(a,d));var m=t.getDerivedStateFromProps,x=typeof m=="function"||typeof n.getSnapshotBeforeUpdate=="function";x||typeof n.UNSAFE_componentWillReceiveProps!="function"&&typeof n.componentWillReceiveProps!="function"||(i!==o||u!==d)&&es(a,n,o,d),da=!1;var p=a.memoizedState;n.state=p,zr(a,o,n,r),u=a.memoizedState,i!==o||p!==u||pe.current||da?(typeof m=="function"&&(Bn(a,t,m,o),u=a.memoizedState),(i=da||$u(a,t,i,o,p,u,d))?(x||typeof n.UNSAFE_componentWillMount!="function"&&typeof n.componentWillMount!="function"||(typeof n.componentWillMount=="function"&&n.componentWillMount(),typeof n.UNSAFE_componentWillMount=="function"&&n.UNSAFE_componentWillMount()),typeof n.componentDidMount=="function"&&(a.flags|=4194308)):(typeof n.componentDidMount=="function"&&(a.flags|=4194308),a.memoizedProps=o,a.memoizedState=u),n.props=o,n.state=u,n.context=d,o=i):(typeof n.componentDidMount=="function"&&(a.flags|=4194308),o=!1)}else{n=a.stateNode,wd(e,a),i=a.memoizedProps,d=a.type===a.elementType?i:Te(a.type,i),n.props=d,x=a.pendingProps,p=n.context,u=t.contextType,typeof u=="object"&&u!==null?u=Me(u):(u=me(t)?Ua:oe.current,u=xt(a,u));var L=t.getDerivedStateFromProps;(m=typeof L=="function"||typeof n.getSnapshotBeforeUpdate=="function")||typeof n.UNSAFE_componentWillReceiveProps!="function"&&typeof n.componentWillReceiveProps!="function"||(i!==x||p!==u)&&es(a,n,o,u),da=!1,p=a.memoizedState,n.state=p,zr(a,o,n,r);var I=a.memoizedState;i!==x||p!==I||pe.current||da?(typeof L=="function"&&(Bn(a,t,L,o),I=a.memoizedState),(d=da||$u(a,t,d,o,p,I,u)||!1)?(m||typeof n.UNSAFE_componentWillUpdate!="function"&&typeof n.componentWillUpdate!="function"||(typeof n.componentWillUpdate=="function"&&n.componentWillUpdate(o,I,u),typeof n.UNSAFE_componentWillUpdate=="function"&&n.UNSAFE_componentWillUpdate(o,I,u)),typeof n.componentDidUpdate=="function"&&(a.flags|=4),typeof n.getSnapshotBeforeUpdate=="function"&&(a.flags|=1024)):(typeof n.componentDidUpdate!="function"||i===e.memoizedProps&&p===e.memoizedState||(a.flags|=4),typeof n.getSnapshotBeforeUpdate!="function"||i===e.memoizedProps&&p===e.memoizedState||(a.flags|=1024),a.memoizedProps=o,a.memoizedState=I),n.props=o,n.state=I,n.context=u,o=d):(typeof n.componentDidUpdate!="function"||i===e.memoizedProps&&p===e.memoizedState||(a.flags|=4),typeof n.getSnapshotBeforeUpdate!="function"||i===e.memoizedProps&&p===e.memoizedState||(a.flags|=1024),o=!1)}return Fn(e,a,t,o,l,r)}function Fn(e,a,t,o,r,l){Kd(e,a);var n=(a.flags&128)!==0;if(!o&&!n)return r&&Vu(a,t,!1),ra(e,a,l);o=a.stateNode,lm.current=a;var i=n&&typeof t.getDerivedStateFromError!="function"?null:o.render();return a.flags|=1,e!==null&&n?(a.child=gt(a,e.child,null,l),a.child=gt(a,null,i,l)):ne(e,a,i,l),a.memoizedState=o.state,r&&Vu(a,t,!0),a.child}function Xd(e){var a=e.stateNode;a.pendingContext?_u(e,a.pendingContext,a.pendingContext!==a.context):a.context&&_u(e,a.context,!1),mi(e,a.containerInfo)}function is(e,a,t,o,r){return ht(),ui(r),a.flags|=256,ne(e,a,t,o),a.child}var En={dehydrated:null,treeContext:null,retryLane:0};function Tn(e){return{baseLanes:e,cachePool:null,transitions:null}}function Yd(e,a,t){var o=a.pendingProps,r=H.current,l=!1,n=(a.flags&128)!==0,i;if((i=n)||(i=e!==null&&e.memoizedState===null?!1:(r&2)!==0),i?(l=!0,a.flags&=-129):(e===null||e.memoizedState!==null)&&(r|=1),T(H,r&1),e===null)return bn(a),e=a.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?((a.mode&1)===0?a.lanes=1:e.data==="$!"?a.lanes=8:a.lanes=1073741824,null):(n=o.children,e=o.fallback,l?(o=a.mode,l=a.child,n={mode:"hidden",children:n},(o&1)===0&&l!==null?(l.childLanes=0,l.pendingProps=n):l=al(n,o,0,null),e=Oa(e,o,t,null),l.return=a,e.return=a,l.sibling=e,a.child=l,a.child.memoizedState=Tn(t),a.memoizedState=En,e):yi(a,n));if(r=e.memoizedState,r!==null&&(i=r.dehydrated,i!==null))return nm(e,a,n,o,i,r,t);if(l){l=o.fallback,n=a.mode,r=e.child,i=r.sibling;var u={mode:"hidden",children:o.children};return(n&1)===0&&a.child!==r?(o=a.child,o.childLanes=0,o.pendingProps=u,a.deletions=null):(o=ya(r,u),o.subtreeFlags=r.subtreeFlags&14680064),i!==null?l=ya(i,l):(l=Oa(l,n,t,null),l.flags|=2),l.return=a,o.return=a,o.sibling=l,a.child=o,o=l,l=a.child,n=e.child.memoizedState,n=n===null?Tn(t):{baseLanes:n.baseLanes|t,cachePool:null,transitions:n.transitions},l.memoizedState=n,l.childLanes=e.childLanes&~t,a.memoizedState=En,o}return l=e.child,e=l.sibling,o=ya(l,{mode:"visible",children:o.children}),(a.mode&1)===0&&(o.lanes=t),o.return=a,o.sibling=null,e!==null&&(t=a.deletions,t===null?(a.deletions=[e],a.flags|=16):t.push(e)),a.child=o,a.memoizedState=null,o}function yi(e,a){return a=al({mode:"visible",children:a},e.mode,0,null),a.return=e,e.child=a}function ur(e,a,t,o){return o!==null&&ui(o),gt(a,e.child,null,t),e=yi(a,a.pendingProps.children),e.flags|=2,a.memoizedState=null,e}function nm(e,a,t,o,r,l,n){if(t)return a.flags&256?(a.flags&=-257,o=Kl(Error(g(422))),ur(e,a,n,o)):a.memoizedState!==null?(a.child=e.child,a.flags|=128,null):(l=o.fallback,r=a.mode,o=al({mode:"visible",children:o.children},r,0,null),l=Oa(l,r,n,null),l.flags|=2,o.return=a,l.return=a,o.sibling=l,a.child=o,(a.mode&1)!==0&&gt(a,e.child,null,n),a.child.memoizedState=Tn(n),a.memoizedState=En,l);if((a.mode&1)===0)return ur(e,a,n,null);if(r.data==="$!"){if(o=r.nextSibling&&r.nextSibling.dataset,o)var i=o.dgst;return o=i,l=Error(g(419)),o=Kl(l,o,void 0),ur(e,a,n,o)}if(i=(n&e.childLanes)!==0,ce||i){if(o=Y,o!==null){switch(n&-n){case 4:r=2;break;case 16:r=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:r=32;break;case 536870912:r=268435456;break;default:r=0}r=(r&(o.suspendedLanes|n))!==0?0:r,r!==0&&r!==l.retryLane&&(l.retryLane=r,oa(e,r),Ue(o,e,r,-1))}return Bi(),o=Kl(Error(g(421))),ur(e,a,n,o)}return r.data==="$?"?(a.flags|=128,a.child=e.child,a=Cm.bind(null,e),r._reactRetry=a,null):(e=l.treeContext,Le=La(r.nextSibling),Ce=a,U=!0,ze=null,e!==null&&(Se[be++]=Je,Se[be++]=$e,Se[be++]=Ha,Je=e.id,$e=e.overflow,Ha=a),a=yi(a,o.children),a.flags|=4096,a)}function us(e,a,t){e.lanes|=a;var o=e.alternate;o!==null&&(o.lanes|=a),Pn(e.return,a,t)}function Xl(e,a,t,o,r){var l=e.memoizedState;l===null?e.memoizedState={isBackwards:a,rendering:null,renderingStartTime:0,last:o,tail:t,tailMode:r}:(l.isBackwards=a,l.rendering=null,l.renderingStartTime=0,l.last=o,l.tail=t,l.tailMode=r)}function Qd(e,a,t){var o=a.pendingProps,r=o.revealOrder,l=o.tail;if(ne(e,a,o.children,t),o=H.current,(o&2)!==0)o=o&1|2,a.flags|=128;else{if(e!==null&&(e.flags&128)!==0)e:for(e=a.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&us(e,t,a);else if(e.tag===19)us(e,t,a);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===a)break e;for(;e.sibling===null;){if(e.return===null||e.return===a)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}o&=1}if(T(H,o),(a.mode&1)===0)a.memoizedState=null;else switch(r){case"forwards":for(t=a.child,r=null;t!==null;)e=t.alternate,e!==null&&Or(e)===null&&(r=t),t=t.sibling;t=r,t===null?(r=a.child,a.child=null):(r=t.sibling,t.sibling=null),Xl(a,!1,r,t,l);break;case"backwards":for(t=null,r=a.child,a.child=null;r!==null;){if(e=r.alternate,e!==null&&Or(e)===null){a.child=r;break}e=r.sibling,r.sibling=t,t=r,r=e}Xl(a,!0,t,null,l);break;case"together":Xl(a,!1,null,null,void 0);break;default:a.memoizedState=null}return a.child}function gr(e,a){(a.mode&1)===0&&e!==null&&(e.alternate=null,a.alternate=null,a.flags|=2)}function ra(e,a,t){if(e!==null&&(a.dependencies=e.dependencies),Na|=a.lanes,(t&a.childLanes)===0)return null;if(e!==null&&a.child!==e.child)throw Error(g(153));if(a.child!==null){for(e=a.child,t=ya(e,e.pendingProps),a.child=t,t.return=a;e.sibling!==null;)e=e.sibling,t=t.sibling=ya(e,e.pendingProps),t.return=a;t.sibling=null}return a.child}function im(e,a,t){switch(a.tag){case 3:Xd(a),ht();break;case 5:yd(a);break;case 1:me(a.type)&&Dr(a);break;case 4:mi(a,a.stateNode.containerInfo);break;case 10:var o=a.type._context,r=a.memoizedProps.value;T(Tr,o._currentValue),o._currentValue=r;break;case 13:if(o=a.memoizedState,o!==null)return o.dehydrated!==null?(T(H,H.current&1),a.flags|=128,null):(t&a.child.childLanes)!==0?Yd(e,a,t):(T(H,H.current&1),e=ra(e,a,t),e!==null?e.sibling:null);T(H,H.current&1);break;case 19:if(o=(t&a.childLanes)!==0,(e.flags&128)!==0){if(o)return Qd(e,a,t);a.flags|=128}if(r=a.memoizedState,r!==null&&(r.rendering=null,r.tail=null,r.lastEffect=null),T(H,H.current),o)break;return null;case 22:case 23:return a.lanes=0,jd(e,a,t)}return ra(e,a,t)}var Zd,Rn,Jd,$d;Zd=function(e,a){for(var t=a.child;t!==null;){if(t.tag===5||t.tag===6)e.appendChild(t.stateNode);else if(t.tag!==4&&t.child!==null){t.child.return=t,t=t.child;continue}if(t===a)break;for(;t.sibling===null;){if(t.return===null||t.return===a)return;t=t.return}t.sibling.return=t.return,t=t.sibling}};Rn=function(){};Jd=function(e,a,t,o){var r=e.memoizedProps;if(r!==o){e=a.stateNode,Ra(Ke.current);var l=null;switch(t){case"input":r=tn(e,r),o=tn(e,o),l=[];break;case"select":r=N({},r,{value:void 0}),o=N({},o,{value:void 0}),l=[];break;case"textarea":r=ln(e,r),o=ln(e,o),l=[];break;default:typeof r.onClick!="function"&&typeof o.onClick=="function"&&(e.onclick=Mr)}un(t,o);var n;t=null;for(d in r)if(!o.hasOwnProperty(d)&&r.hasOwnProperty(d)&&r[d]!=null)if(d==="style"){var i=r[d];for(n in i)i.hasOwnProperty(n)&&(t||(t={}),t[n]="")}else d!=="dangerouslySetInnerHTML"&&d!=="children"&&d!=="suppressContentEditableWarning"&&d!=="suppressHydrationWarning"&&d!=="autoFocus"&&(Zt.hasOwnProperty(d)?l||(l=[]):(l=l||[]).push(d,null));for(d in o){var u=o[d];if(i=r?.[d],o.hasOwnProperty(d)&&u!==i&&(u!=null||i!=null))if(d==="style")if(i){for(n in i)!i.hasOwnProperty(n)||u&&u.hasOwnProperty(n)||(t||(t={}),t[n]="");for(n in u)u.hasOwnProperty(n)&&i[n]!==u[n]&&(t||(t={}),t[n]=u[n])}else t||(l||(l=[]),l.push(d,t)),t=u;else d==="dangerouslySetInnerHTML"?(u=u?u.__html:void 0,i=i?i.__html:void 0,u!=null&&i!==u&&(l=l||[]).push(d,u)):d==="children"?typeof u!="string"&&typeof u!="number"||(l=l||[]).push(d,""+u):d!=="suppressContentEditableWarning"&&d!=="suppressHydrationWarning"&&(Zt.hasOwnProperty(d)?(u!=null&&d==="onScroll"&&z("scroll",e),l||i===u||(l=[])):(l=l||[]).push(d,u))}t&&(l=l||[]).push("style",t);var d=l;(a.updateQueue=d)&&(a.flags|=4)}};$d=function(e,a,t,o){t!==o&&(a.flags|=4)};function Rt(e,a){if(!U)switch(e.tailMode){case"hidden":a=e.tail;for(var t=null;a!==null;)a.alternate!==null&&(t=a),a=a.sibling;t===null?e.tail=null:t.sibling=null;break;case"collapsed":t=e.tail;for(var o=null;t!==null;)t.alternate!==null&&(o=t),t=t.sibling;o===null?a||e.tail===null?e.tail=null:e.tail.sibling=null:o.sibling=null}}function ae(e){var a=e.alternate!==null&&e.alternate.child===e.child,t=0,o=0;if(a)for(var r=e.child;r!==null;)t|=r.lanes|r.childLanes,o|=r.subtreeFlags&14680064,o|=r.flags&14680064,r.return=e,r=r.sibling;else for(r=e.child;r!==null;)t|=r.lanes|r.childLanes,o|=r.subtreeFlags,o|=r.flags,r.return=e,r=r.sibling;return e.subtreeFlags|=o,e.childLanes=t,a}function um(e,a,t){var o=a.pendingProps;switch(ii(a),a.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return ae(a),null;case 1:return me(a.type)&&Ar(),ae(a),null;case 3:return o=a.stateNode,Lt(),O(pe),O(oe),hi(),o.pendingContext&&(o.context=o.pendingContext,o.pendingContext=null),(e===null||e.child===null)&&(nr(a)?a.flags|=4:e===null||e.memoizedState.isDehydrated&&(a.flags&256)===0||(a.flags|=1024,ze!==null&&(Gn(ze),ze=null))),Rn(e,a),ae(a),null;case 5:xi(a);var r=Ra(so.current);if(t=a.type,e!==null&&a.stateNode!=null)Jd(e,a,t,o,r),e.ref!==a.ref&&(a.flags|=512,a.flags|=2097152);else{if(!o){if(a.stateNode===null)throw Error(g(166));return ae(a),null}if(e=Ra(Ke.current),nr(a)){o=a.stateNode,t=a.type;var l=a.memoizedProps;switch(o[Ve]=a,o[io]=l,e=(a.mode&1)!==0,t){case"dialog":z("cancel",o),z("close",o);break;case"iframe":case"object":case"embed":z("load",o);break;case"video":case"audio":for(r=0;r<Nt.length;r++)z(Nt[r],o);break;case"source":z("error",o);break;case"img":case"image":case"link":z("error",o),z("load",o);break;case"details":z("toggle",o);break;case"input":hu(o,l),z("invalid",o);break;case"select":o._wrapperState={wasMultiple:!!l.multiple},z("invalid",o);break;case"textarea":Lu(o,l),z("invalid",o)}un(t,l),r=null;for(var n in l)if(l.hasOwnProperty(n)){var i=l[n];n==="children"?typeof i=="string"?o.textContent!==i&&(l.suppressHydrationWarning!==!0&&lr(o.textContent,i,e),r=["children",i]):typeof i=="number"&&o.textContent!==""+i&&(l.suppressHydrationWarning!==!0&&lr(o.textContent,i,e),r=["children",""+i]):Zt.hasOwnProperty(n)&&i!=null&&n==="onScroll"&&z("scroll",o)}switch(t){case"input":Ko(o),gu(o,l,!0);break;case"textarea":Ko(o),Cu(o);break;case"select":case"option":break;default:typeof l.onClick=="function"&&(o.onclick=Mr)}o=r,a.updateQueue=o,o!==null&&(a.flags|=4)}else{n=r.nodeType===9?r:r.ownerDocument,e==="http://www.w3.org/1999/xhtml"&&(e=Ps(t)),e==="http://www.w3.org/1999/xhtml"?t==="script"?(e=n.createElement("div"),e.innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):typeof o.is=="string"?e=n.createElement(t,{is:o.is}):(e=n.createElement(t),t==="select"&&(n=e,o.multiple?n.multiple=!0:o.size&&(n.size=o.size))):e=n.createElementNS(e,t),e[Ve]=a,e[io]=o,Zd(e,a,!1,!1),a.stateNode=e;e:{switch(n=sn(t,o),t){case"dialog":z("cancel",e),z("close",e),r=o;break;case"iframe":case"object":case"embed":z("load",e),r=o;break;case"video":case"audio":for(r=0;r<Nt.length;r++)z(Nt[r],e);r=o;break;case"source":z("error",e),r=o;break;case"img":case"image":case"link":z("error",e),z("load",e),r=o;break;case"details":z("toggle",e),r=o;break;case"input":hu(e,o),r=tn(e,o),z("invalid",e);break;case"option":r=o;break;case"select":e._wrapperState={wasMultiple:!!o.multiple},r=N({},o,{value:void 0}),z("invalid",e);break;case"textarea":Lu(e,o),r=ln(e,o),z("invalid",e);break;default:r=o}un(t,r),i=r;for(l in i)if(i.hasOwnProperty(l)){var u=i[l];l==="style"?As(e,u):l==="dangerouslySetInnerHTML"?(u=u?u.__html:void 0,u!=null&&Bs(e,u)):l==="children"?typeof u=="string"?(t!=="textarea"||u!=="")&&Jt(e,u):typeof u=="number"&&Jt(e,""+u):l!=="suppressContentEditableWarning"&&l!=="suppressHydrationWarning"&&l!=="autoFocus"&&(Zt.hasOwnProperty(l)?u!=null&&l==="onScroll"&&z("scroll",e):u!=null&&jn(e,l,u,n))}switch(t){case"input":Ko(e),gu(e,o,!1);break;case"textarea":Ko(e),Cu(e);break;case"option":o.value!=null&&e.setAttribute("value",""+ka(o.value));break;case"select":e.multiple=!!o.multiple,l=o.value,l!=null?ut(e,!!o.multiple,l,!1):o.defaultValue!=null&&ut(e,!!o.multiple,o.defaultValue,!0);break;default:typeof r.onClick=="function"&&(e.onclick=Mr)}switch(t){case"button":case"input":case"select":case"textarea":o=!!o.autoFocus;break e;case"img":o=!0;break e;default:o=!1}}o&&(a.flags|=4)}a.ref!==null&&(a.flags|=512,a.flags|=2097152)}return ae(a),null;case 6:if(e&&a.stateNode!=null)$d(e,a,e.memoizedProps,o);else{if(typeof o!="string"&&a.stateNode===null)throw Error(g(166));if(t=Ra(so.current),Ra(Ke.current),nr(a)){if(o=a.stateNode,t=a.memoizedProps,o[Ve]=a,(l=o.nodeValue!==t)&&(e=Ce,e!==null))switch(e.tag){case 3:lr(o.nodeValue,t,(e.mode&1)!==0);break;case 5:e.memoizedProps.suppressHydrationWarning!==!0&&lr(o.nodeValue,t,(e.mode&1)!==0)}l&&(a.flags|=4)}else o=(t.nodeType===9?t:t.ownerDocument).createTextNode(o),o[Ve]=a,a.stateNode=o}return ae(a),null;case 13:if(O(H),o=a.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(U&&Le!==null&&(a.mode&1)!==0&&(a.flags&128)===0)gd(),ht(),a.flags|=98560,l=!1;else if(l=nr(a),o!==null&&o.dehydrated!==null){if(e===null){if(!l)throw Error(g(318));if(l=a.memoizedState,l=l!==null?l.dehydrated:null,!l)throw Error(g(317));l[Ve]=a}else ht(),(a.flags&128)===0&&(a.memoizedState=null),a.flags|=4;ae(a),l=!1}else ze!==null&&(Gn(ze),ze=null),l=!0;if(!l)return a.flags&65536?a:null}return(a.flags&128)!==0?(a.lanes=t,a):(o=o!==null,o!==(e!==null&&e.memoizedState!==null)&&o&&(a.child.flags|=8192,(a.mode&1)!==0&&(e===null||(H.current&1)!==0?K===0&&(K=3):Bi())),a.updateQueue!==null&&(a.flags|=4),ae(a),null);case 4:return Lt(),Rn(e,a),e===null&&lo(a.stateNode.containerInfo),ae(a),null;case 10:return fi(a.type._context),ae(a),null;case 17:return me(a.type)&&Ar(),ae(a),null;case 19:if(O(H),l=a.memoizedState,l===null)return ae(a),null;if(o=(a.flags&128)!==0,n=l.rendering,n===null)if(o)Rt(l,!1);else{if(K!==0||e!==null&&(e.flags&128)!==0)for(e=a.child;e!==null;){if(n=Or(e),n!==null){for(a.flags|=128,Rt(l,!1),o=n.updateQueue,o!==null&&(a.updateQueue=o,a.flags|=4),a.subtreeFlags=0,o=t,t=a.child;t!==null;)l=t,e=o,l.flags&=14680066,n=l.alternate,n===null?(l.childLanes=0,l.lanes=e,l.child=null,l.subtreeFlags=0,l.memoizedProps=null,l.memoizedState=null,l.updateQueue=null,l.dependencies=null,l.stateNode=null):(l.childLanes=n.childLanes,l.lanes=n.lanes,l.child=n.child,l.subtreeFlags=0,l.deletions=null,l.memoizedProps=n.memoizedProps,l.memoizedState=n.memoizedState,l.updateQueue=n.updateQueue,l.type=n.type,e=n.dependencies,l.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),t=t.sibling;return T(H,H.current&1|2),a.child}e=e.sibling}l.tail!==null&&G()>It&&(a.flags|=128,o=!0,Rt(l,!1),a.lanes=4194304)}else{if(!o)if(e=Or(n),e!==null){if(a.flags|=128,o=!0,t=e.updateQueue,t!==null&&(a.updateQueue=t,a.flags|=4),Rt(l,!0),l.tail===null&&l.tailMode==="hidden"&&!n.alternate&&!U)return ae(a),null}else 2*G()-l.renderingStartTime>It&&t!==1073741824&&(a.flags|=128,o=!0,Rt(l,!1),a.lanes=4194304);l.isBackwards?(n.sibling=a.child,a.child=n):(t=l.last,t!==null?t.sibling=n:a.child=n,l.last=n)}return l.tail!==null?(a=l.tail,l.rendering=a,l.tail=a.sibling,l.renderingStartTime=G(),a.sibling=null,t=H.current,T(H,o?t&1|2:t&1),a):(ae(a),null);case 22:case 23:return Pi(),o=a.memoizedState!==null,e!==null&&e.memoizedState!==null!==o&&(a.flags|=8192),o&&(a.mode&1)!==0?(ge&1073741824)!==0&&(ae(a),a.subtreeFlags&6&&(a.flags|=8192)):ae(a),null;case 24:return null;case 25:return null}throw Error(g(156,a.tag))}function sm(e,a){switch(ii(a),a.tag){case 1:return me(a.type)&&Ar(),e=a.flags,e&65536?(a.flags=e&-65537|128,a):null;case 3:return Lt(),O(pe),O(oe),hi(),e=a.flags,(e&65536)!==0&&(e&128)===0?(a.flags=e&-65537|128,a):null;case 5:return xi(a),null;case 13:if(O(H),e=a.memoizedState,e!==null&&e.dehydrated!==null){if(a.alternate===null)throw Error(g(340));ht()}return e=a.flags,e&65536?(a.flags=e&-65537|128,a):null;case 19:return O(H),null;case 4:return Lt(),null;case 10:return fi(a.type._context),null;case 22:case 23:return Pi(),null;case 24:return null;default:return null}}var sr=!1,te=!1,dm=typeof WeakSet=="function"?WeakSet:Set,y=null;function nt(e,a){var t=e.ref;if(t!==null)if(typeof t=="function")try{t(null)}catch(o){W(e,a,o)}else t.current=null}function zn(e,a,t){try{t()}catch(o){W(e,a,o)}}var ss=!1;function fm(e,a){if(Cn=br,e=rd(),li(e)){if("selectionStart"in e)var t={start:e.selectionStart,end:e.selectionEnd};else e:{t=(t=e.ownerDocument)&&t.defaultView||window;var o=t.getSelection&&t.getSelection();if(o&&o.rangeCount!==0){t=o.anchorNode;var r=o.anchorOffset,l=o.focusNode;o=o.focusOffset;try{t.nodeType,l.nodeType}catch{t=null;break e}var n=0,i=-1,u=-1,d=0,m=0,x=e,p=null;a:for(;;){for(var L;x!==t||r!==0&&x.nodeType!==3||(i=n+r),x!==l||o!==0&&x.nodeType!==3||(u=n+o),x.nodeType===3&&(n+=x.nodeValue.length),(L=x.firstChild)!==null;)p=x,x=L;for(;;){if(x===e)break a;if(p===t&&++d===r&&(i=n),p===l&&++m===o&&(u=n),(L=x.nextSibling)!==null)break;x=p,p=x.parentNode}x=L}t=i===-1||u===-1?null:{start:i,end:u}}else t=null}t=t||{start:0,end:0}}else t=null;for(In={focusedElem:e,selectionRange:t},br=!1,y=a;y!==null;)if(a=y,e=a.child,(a.subtreeFlags&1028)!==0&&e!==null)e.return=a,y=e;else for(;y!==null;){a=y;try{var I=a.alternate;if((a.flags&1024)!==0)switch(a.tag){case 0:case 11:case 15:break;case 1:if(I!==null){var w=I.memoizedProps,D=I.memoizedState,f=a.stateNode,s=f.getSnapshotBeforeUpdate(a.elementType===a.type?w:Te(a.type,w),D);f.__reactInternalSnapshotBeforeUpdate=s}break;case 3:var c=a.stateNode.containerInfo;c.nodeType===1?c.textContent="":c.nodeType===9&&c.documentElement&&c.removeChild(c.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(g(163))}}catch(h){W(a,a.return,h)}if(e=a.sibling,e!==null){e.return=a.return,y=e;break}y=a.return}return I=ss,ss=!1,I}function Xt(e,a,t){var o=a.updateQueue;if(o=o!==null?o.lastEffect:null,o!==null){var r=o=o.next;do{if((r.tag&e)===e){var l=r.destroy;r.destroy=void 0,l!==void 0&&zn(a,t,l)}r=r.next}while(r!==o)}}function $r(e,a){if(a=a.updateQueue,a=a!==null?a.lastEffect:null,a!==null){var t=a=a.next;do{if((t.tag&e)===e){var o=t.create;t.destroy=o()}t=t.next}while(t!==a)}}function On(e){var a=e.ref;if(a!==null){var t=e.stateNode;switch(e.tag){case 5:e=t;break;default:e=t}typeof a=="function"?a(e):a.current=e}}function ef(e){var a=e.alternate;a!==null&&(e.alternate=null,ef(a)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(a=e.stateNode,a!==null&&(delete a[Ve],delete a[io],delete a[kn],delete a[Kp],delete a[Xp])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function af(e){return e.tag===5||e.tag===3||e.tag===4}function ds(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||af(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Un(e,a,t){var o=e.tag;if(o===5||o===6)e=e.stateNode,a?t.nodeType===8?t.parentNode.insertBefore(e,a):t.insertBefore(e,a):(t.nodeType===8?(a=t.parentNode,a.insertBefore(e,t)):(a=t,a.appendChild(e)),t=t._reactRootContainer,t!=null||a.onclick!==null||(a.onclick=Mr));else if(o!==4&&(e=e.child,e!==null))for(Un(e,a,t),e=e.sibling;e!==null;)Un(e,a,t),e=e.sibling}function Hn(e,a,t){var o=e.tag;if(o===5||o===6)e=e.stateNode,a?t.insertBefore(e,a):t.appendChild(e);else if(o!==4&&(e=e.child,e!==null))for(Hn(e,a,t),e=e.sibling;e!==null;)Hn(e,a,t),e=e.sibling}var Q=null,Re=!1;function ua(e,a,t){for(t=t.child;t!==null;)tf(e,a,t),t=t.sibling}function tf(e,a,t){if(je&&typeof je.onCommitFiberUnmount=="function")try{je.onCommitFiberUnmount(Vr,t)}catch{}switch(t.tag){case 5:te||nt(t,a);case 6:var o=Q,r=Re;Q=null,ua(e,a,t),Q=o,Re=r,Q!==null&&(Re?(e=Q,t=t.stateNode,e.nodeType===8?e.parentNode.removeChild(t):e.removeChild(t)):Q.removeChild(t.stateNode));break;case 18:Q!==null&&(Re?(e=Q,t=t.stateNode,e.nodeType===8?Nl(e.parentNode,t):e.nodeType===1&&Nl(e,t),to(e)):Nl(Q,t.stateNode));break;case 4:o=Q,r=Re,Q=t.stateNode.containerInfo,Re=!0,ua(e,a,t),Q=o,Re=r;break;case 0:case 11:case 14:case 15:if(!te&&(o=t.updateQueue,o!==null&&(o=o.lastEffect,o!==null))){r=o=o.next;do{var l=r,n=l.destroy;l=l.tag,n!==void 0&&((l&2)!==0||(l&4)!==0)&&zn(t,a,n),r=r.next}while(r!==o)}ua(e,a,t);break;case 1:if(!te&&(nt(t,a),o=t.stateNode,typeof o.componentWillUnmount=="function"))try{o.props=t.memoizedProps,o.state=t.memoizedState,o.componentWillUnmount()}catch(i){W(t,a,i)}ua(e,a,t);break;case 21:ua(e,a,t);break;case 22:t.mode&1?(te=(o=te)||t.memoizedState!==null,ua(e,a,t),te=o):ua(e,a,t);break;default:ua(e,a,t)}}function fs(e){var a=e.updateQueue;if(a!==null){e.updateQueue=null;var t=e.stateNode;t===null&&(t=e.stateNode=new dm),a.forEach(function(o){var r=Im.bind(null,e,o);t.has(o)||(t.add(o),o.then(r,r))})}}function Ee(e,a){var t=a.deletions;if(t!==null)for(var o=0;o<t.length;o++){var r=t[o];try{var l=e,n=a,i=n;e:for(;i!==null;){switch(i.tag){case 5:Q=i.stateNode,Re=!1;break e;case 3:Q=i.stateNode.containerInfo,Re=!0;break e;case 4:Q=i.stateNode.containerInfo,Re=!0;break e}i=i.return}if(Q===null)throw Error(g(160));tf(l,n,r),Q=null,Re=!1;var u=r.alternate;u!==null&&(u.return=null),r.return=null}catch(d){W(r,a,d)}}if(a.subtreeFlags&12854)for(a=a.child;a!==null;)of(a,e),a=a.sibling}function of(e,a){var t=e.alternate,o=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(Ee(a,e),Ge(e),o&4){try{Xt(3,e,e.return),$r(3,e)}catch(w){W(e,e.return,w)}try{Xt(5,e,e.return)}catch(w){W(e,e.return,w)}}break;case 1:Ee(a,e),Ge(e),o&512&&t!==null&&nt(t,t.return);break;case 5:if(Ee(a,e),Ge(e),o&512&&t!==null&&nt(t,t.return),e.flags&32){var r=e.stateNode;try{Jt(r,"")}catch(w){W(e,e.return,w)}}if(o&4&&(r=e.stateNode,r!=null)){var l=e.memoizedProps,n=t!==null?t.memoizedProps:l,i=e.type,u=e.updateQueue;if(e.updateQueue=null,u!==null)try{i==="input"&&l.type==="radio"&&l.name!=null&&Ss(r,l),sn(i,n);var d=sn(i,l);for(n=0;n<u.length;n+=2){var m=u[n],x=u[n+1];m==="style"?As(r,x):m==="dangerouslySetInnerHTML"?Bs(r,x):m==="children"?Jt(r,x):jn(r,m,x,d)}switch(i){case"input":on(r,l);break;case"textarea":bs(r,l);break;case"select":var p=r._wrapperState.wasMultiple;r._wrapperState.wasMultiple=!!l.multiple;var L=l.value;L!=null?ut(r,!!l.multiple,L,!1):p!==!!l.multiple&&(l.defaultValue!=null?ut(r,!!l.multiple,l.defaultValue,!0):ut(r,!!l.multiple,l.multiple?[]:"",!1))}r[io]=l}catch(w){W(e,e.return,w)}}break;case 6:if(Ee(a,e),Ge(e),o&4){if(e.stateNode===null)throw Error(g(162));r=e.stateNode,l=e.memoizedProps;try{r.nodeValue=l}catch(w){W(e,e.return,w)}}break;case 3:if(Ee(a,e),Ge(e),o&4&&t!==null&&t.memoizedState.isDehydrated)try{to(a.containerInfo)}catch(w){W(e,e.return,w)}break;case 4:Ee(a,e),Ge(e);break;case 13:Ee(a,e),Ge(e),r=e.child,r.flags&8192&&(l=r.memoizedState!==null,r.stateNode.isHidden=l,!l||r.alternate!==null&&r.alternate.memoizedState!==null||(Si=G())),o&4&&fs(e);break;case 22:if(m=t!==null&&t.memoizedState!==null,e.mode&1?(te=(d=te)||m,Ee(a,e),te=d):Ee(a,e),Ge(e),o&8192){if(d=e.memoizedState!==null,(e.stateNode.isHidden=d)&&!m&&(e.mode&1)!==0)for(y=e,m=e.child;m!==null;){for(x=y=m;y!==null;){switch(p=y,L=p.child,p.tag){case 0:case 11:case 14:case 15:Xt(4,p,p.return);break;case 1:nt(p,p.return);var I=p.stateNode;if(typeof I.componentWillUnmount=="function"){o=p,t=p.return;try{a=o,I.props=a.memoizedProps,I.state=a.memoizedState,I.componentWillUnmount()}catch(w){W(o,t,w)}}break;case 5:nt(p,p.return);break;case 22:if(p.memoizedState!==null){ps(x);continue}}L!==null?(L.return=p,y=L):ps(x)}m=m.sibling}e:for(m=null,x=e;;){if(x.tag===5){if(m===null){m=x;try{r=x.stateNode,d?(l=r.style,typeof l.setProperty=="function"?l.setProperty("display","none","important"):l.display="none"):(i=x.stateNode,u=x.memoizedProps.style,n=u!=null&&u.hasOwnProperty("display")?u.display:null,i.style.display=Ms("display",n))}catch(w){W(e,e.return,w)}}}else if(x.tag===6){if(m===null)try{x.stateNode.nodeValue=d?"":x.memoizedProps}catch(w){W(e,e.return,w)}}else if((x.tag!==22&&x.tag!==23||x.memoizedState===null||x===e)&&x.child!==null){x.child.return=x,x=x.child;continue}if(x===e)break e;for(;x.sibling===null;){if(x.return===null||x.return===e)break e;m===x&&(m=null),x=x.return}m===x&&(m=null),x.sibling.return=x.return,x=x.sibling}}break;case 19:Ee(a,e),Ge(e),o&4&&fs(e);break;case 21:break;default:Ee(a,e),Ge(e)}}function Ge(e){var a=e.flags;if(a&2){try{e:{for(var t=e.return;t!==null;){if(af(t)){var o=t;break e}t=t.return}throw Error(g(160))}switch(o.tag){case 5:var r=o.stateNode;o.flags&32&&(Jt(r,""),o.flags&=-33);var l=ds(e);Hn(e,l,r);break;case 3:case 4:var n=o.stateNode.containerInfo,i=ds(e);Un(e,i,n);break;default:throw Error(g(161))}}catch(u){W(e,e.return,u)}e.flags&=-3}a&4096&&(e.flags&=-4097)}function cm(e,a,t){y=e,rf(e,a,t)}function rf(e,a,t){for(var o=(e.mode&1)!==0;y!==null;){var r=y,l=r.child;if(r.tag===22&&o){var n=r.memoizedState!==null||sr;if(!n){var i=r.alternate,u=i!==null&&i.memoizedState!==null||te;i=sr;var d=te;if(sr=n,(te=u)&&!d)for(y=r;y!==null;)n=y,u=n.child,n.tag===22&&n.memoizedState!==null?ms(r):u!==null?(u.return=n,y=u):ms(r);for(;l!==null;)y=l,rf(l,a,t),l=l.sibling;y=r,sr=i,te=d}cs(e,a,t)}else(r.subtreeFlags&8772)!==0&&l!==null?(l.return=r,y=l):cs(e,a,t)}}function cs(e){for(;y!==null;){var a=y;if((a.flags&8772)!==0){var t=a.alternate;try{if((a.flags&8772)!==0)switch(a.tag){case 0:case 11:case 15:te||$r(5,a);break;case 1:var o=a.stateNode;if(a.flags&4&&!te)if(t===null)o.componentDidMount();else{var r=a.elementType===a.type?t.memoizedProps:Te(a.type,t.memoizedProps);o.componentDidUpdate(r,t.memoizedState,o.__reactInternalSnapshotBeforeUpdate)}var l=a.updateQueue;l!==null&&Qu(a,l,o);break;case 3:var n=a.updateQueue;if(n!==null){if(t=null,a.child!==null)switch(a.child.tag){case 5:t=a.child.stateNode;break;case 1:t=a.child.stateNode}Qu(a,n,t)}break;case 5:var i=a.stateNode;if(t===null&&a.flags&4){t=i;var u=a.memoizedProps;switch(a.type){case"button":case"input":case"select":case"textarea":u.autoFocus&&t.focus();break;case"img":u.src&&(t.src=u.src)}}break;case 6:break;case 4:break;case 12:break;case 13:if(a.memoizedState===null){var d=a.alternate;if(d!==null){var m=d.memoizedState;if(m!==null){var x=m.dehydrated;x!==null&&to(x)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(g(163))}te||a.flags&512&&On(a)}catch(p){W(a,a.return,p)}}if(a===e){y=null;break}if(t=a.sibling,t!==null){t.return=a.return,y=t;break}y=a.return}}function ps(e){for(;y!==null;){var a=y;if(a===e){y=null;break}var t=a.sibling;if(t!==null){t.return=a.return,y=t;break}y=a.return}}function ms(e){for(;y!==null;){var a=y;try{switch(a.tag){case 0:case 11:case 15:var t=a.return;try{$r(4,a)}catch(u){W(a,t,u)}break;case 1:var o=a.stateNode;if(typeof o.componentDidMount=="function"){var r=a.return;try{o.componentDidMount()}catch(u){W(a,r,u)}}var l=a.return;try{On(a)}catch(u){W(a,l,u)}break;case 5:var n=a.return;try{On(a)}catch(u){W(a,n,u)}}}catch(u){W(a,a.return,u)}if(a===e){y=null;break}var i=a.sibling;if(i!==null){i.return=a.return,y=i;break}y=a.return}}var pm=Math.ceil,qr=la.ReactCurrentDispatcher,ki=la.ReactCurrentOwner,Be=la.ReactCurrentBatchConfig,A=0,Y=null,V=null,Z=0,ge=0,it=ba(0),K=0,mo=null,Na=0,el=0,vi=0,Yt=null,fe=null,Si=0,It=1/0,Qe=null,Nr=!1,qn=null,Ia=null,dr=!1,ma=null,Wr=0,Qt=0,Nn=null,Lr=-1,Cr=0;function ie(){return(A&6)!==0?G():Lr!==-1?Lr:Lr=G()}function wa(e){return(e.mode&1)===0?1:(A&2)!==0&&Z!==0?Z&-Z:Qp.transition!==null?(Cr===0&&(Cr=Ws()),Cr):(e=F,e!==0||(e=window.event,e=e===void 0?16:Ys(e.type)),e)}function Ue(e,a,t,o){if(50<Qt)throw Qt=0,Nn=null,Error(g(185));xo(e,t,o),((A&2)===0||e!==Y)&&(e===Y&&((A&2)===0&&(el|=t),K===4&&ca(e,Z)),xe(e,o),t===1&&A===0&&(a.mode&1)===0&&(It=G()+500,Qr&&Pa()))}function xe(e,a){var t=e.callbackNode;Jc(e,a);var o=Sr(e,e===Y?Z:0);if(o===0)t!==null&&yu(t),e.callbackNode=null,e.callbackPriority=0;else if(a=o&-o,e.callbackPriority!==a){if(t!=null&&yu(t),a===1)e.tag===0?Yp(xs.bind(null,e)):md(xs.bind(null,e)),Vp(function(){(A&6)===0&&Pa()}),t=null;else{switch(Gs(o)){case 1:t=Zn;break;case 4:t=qs;break;case 16:t=vr;break;case 536870912:t=Ns;break;default:t=vr}t=pf(t,lf.bind(null,e))}e.callbackPriority=a,e.callbackNode=t}}function lf(e,a){if(Lr=-1,Cr=0,(A&6)!==0)throw Error(g(327));var t=e.callbackNode;if(pt()&&e.callbackNode!==t)return null;var o=Sr(e,e===Y?Z:0);if(o===0)return null;if((o&30)!==0||(o&e.expiredLanes)!==0||a)a=Gr(e,o);else{a=o;var r=A;A|=2;var l=uf();(Y!==e||Z!==a)&&(Qe=null,It=G()+500,za(e,a));do try{hm();break}catch(i){nf(e,i)}while(!0);di(),qr.current=l,A=r,V!==null?a=0:(Y=null,Z=0,a=K)}if(a!==0){if(a===2&&(r=mn(e),r!==0&&(o=r,a=Wn(e,r))),a===1)throw t=mo,za(e,0),ca(e,o),xe(e,G()),t;if(a===6)ca(e,o);else{if(r=e.current.alternate,(o&30)===0&&!mm(r)&&(a=Gr(e,o),a===2&&(l=mn(e),l!==0&&(o=l,a=Wn(e,l))),a===1))throw t=mo,za(e,0),ca(e,o),xe(e,G()),t;switch(e.finishedWork=r,e.finishedLanes=o,a){case 0:case 1:throw Error(g(345));case 2:Fa(e,fe,Qe);break;case 3:if(ca(e,o),(o&130023424)===o&&(a=Si+500-G(),10<a)){if(Sr(e,0)!==0)break;if(r=e.suspendedLanes,(r&o)!==o){ie(),e.pingedLanes|=e.suspendedLanes&r;break}e.timeoutHandle=yn(Fa.bind(null,e,fe,Qe),a);break}Fa(e,fe,Qe);break;case 4:if(ca(e,o),(o&4194240)===o)break;for(a=e.eventTimes,r=-1;0<o;){var n=31-Oe(o);l=1<<n,n=a[n],n>r&&(r=n),o&=~l}if(o=r,o=G()-o,o=(120>o?120:480>o?480:1080>o?1080:1920>o?1920:3e3>o?3e3:4320>o?4320:1960*pm(o/1960))-o,10<o){e.timeoutHandle=yn(Fa.bind(null,e,fe,Qe),o);break}Fa(e,fe,Qe);break;case 5:Fa(e,fe,Qe);break;default:throw Error(g(329))}}}return xe(e,G()),e.callbackNode===t?lf.bind(null,e):null}function Wn(e,a){var t=Yt;return e.current.memoizedState.isDehydrated&&(za(e,a).flags|=256),e=Gr(e,a),e!==2&&(a=fe,fe=t,a!==null&&Gn(a)),e}function Gn(e){fe===null?fe=e:fe.push.apply(fe,e)}function mm(e){for(var a=e;;){if(a.flags&16384){var t=a.updateQueue;if(t!==null&&(t=t.stores,t!==null))for(var o=0;o<t.length;o++){var r=t[o],l=r.getSnapshot;r=r.value;try{if(!He(l(),r))return!1}catch{return!1}}}if(t=a.child,a.subtreeFlags&16384&&t!==null)t.return=a,a=t;else{if(a===e)break;for(;a.sibling===null;){if(a.return===null||a.return===e)return!0;a=a.return}a.sibling.return=a.return,a=a.sibling}}return!0}function ca(e,a){for(a&=~vi,a&=~el,e.suspendedLanes|=a,e.pingedLanes&=~a,e=e.expirationTimes;0<a;){var t=31-Oe(a),o=1<<t;e[t]=-1,a&=~o}}function xs(e){if((A&6)!==0)throw Error(g(327));pt();var a=Sr(e,0);if((a&1)===0)return xe(e,G()),null;var t=Gr(e,a);if(e.tag!==0&&t===2){var o=mn(e);o!==0&&(a=o,t=Wn(e,o))}if(t===1)throw t=mo,za(e,0),ca(e,a),xe(e,G()),t;if(t===6)throw Error(g(345));return e.finishedWork=e.current.alternate,e.finishedLanes=a,Fa(e,fe,Qe),xe(e,G()),null}function bi(e,a){var t=A;A|=1;try{return e(a)}finally{A=t,A===0&&(It=G()+500,Qr&&Pa())}}function Wa(e){ma!==null&&ma.tag===0&&(A&6)===0&&pt();var a=A;A|=1;var t=Be.transition,o=F;try{if(Be.transition=null,F=1,e)return e()}finally{F=o,Be.transition=t,A=a,(A&6)===0&&Pa()}}function Pi(){ge=it.current,O(it)}function za(e,a){e.finishedWork=null,e.finishedLanes=0;var t=e.timeoutHandle;if(t!==-1&&(e.timeoutHandle=-1,_p(t)),V!==null)for(t=V.return;t!==null;){var o=t;switch(ii(o),o.tag){case 1:o=o.type.childContextTypes,o!=null&&Ar();break;case 3:Lt(),O(pe),O(oe),hi();break;case 5:xi(o);break;case 4:Lt();break;case 13:O(H);break;case 19:O(H);break;case 10:fi(o.type._context);break;case 22:case 23:Pi()}t=t.return}if(Y=e,V=e=ya(e.current,null),Z=ge=a,K=0,mo=null,vi=el=Na=0,fe=Yt=null,Ta!==null){for(a=0;a<Ta.length;a++)if(t=Ta[a],o=t.interleaved,o!==null){t.interleaved=null;var r=o.next,l=t.pending;if(l!==null){var n=l.next;l.next=r,o.next=n}t.pending=o}Ta=null}return e}function nf(e,a){do{var t=V;try{if(di(),xr.current=Hr,Ur){for(var o=q.memoizedState;o!==null;){var r=o.queue;r!==null&&(r.pending=null),o=o.next}Ur=!1}if(qa=0,X=j=q=null,Kt=!1,fo=0,ki.current=null,t===null||t.return===null){K=1,mo=a,V=null;break}e:{var l=e,n=t.return,i=t,u=a;if(a=Z,i.flags|=32768,u!==null&&typeof u=="object"&&typeof u.then=="function"){var d=u,m=i,x=m.tag;if((m.mode&1)===0&&(x===0||x===11||x===15)){var p=m.alternate;p?(m.updateQueue=p.updateQueue,m.memoizedState=p.memoizedState,m.lanes=p.lanes):(m.updateQueue=null,m.memoizedState=null)}var L=ts(n);if(L!==null){L.flags&=-257,os(L,n,i,l,a),L.mode&1&&as(l,d,a),a=L,u=d;var I=a.updateQueue;if(I===null){var w=new Set;w.add(u),a.updateQueue=w}else I.add(u);break e}else{if((a&1)===0){as(l,d,a),Bi();break e}u=Error(g(426))}}else if(U&&i.mode&1){var D=ts(n);if(D!==null){(D.flags&65536)===0&&(D.flags|=256),os(D,n,i,l,a),ui(Ct(u,i));break e}}l=u=Ct(u,i),K!==4&&(K=2),Yt===null?Yt=[l]:Yt.push(l),l=n;do{switch(l.tag){case 3:l.flags|=65536,a&=-a,l.lanes|=a;var f=Gd(l,u,a);Yu(l,f);break e;case 1:i=u;var s=l.type,c=l.stateNode;if((l.flags&128)===0&&(typeof s.getDerivedStateFromError=="function"||c!==null&&typeof c.componentDidCatch=="function"&&(Ia===null||!Ia.has(c)))){l.flags|=65536,a&=-a,l.lanes|=a;var h=_d(l,i,a);Yu(l,h);break e}}l=l.return}while(l!==null)}df(t)}catch(k){a=k,V===t&&t!==null&&(V=t=t.return);continue}break}while(!0)}function uf(){var e=qr.current;return qr.current=Hr,e===null?Hr:e}function Bi(){(K===0||K===3||K===2)&&(K=4),Y===null||(Na&268435455)===0&&(el&268435455)===0||ca(Y,Z)}function Gr(e,a){var t=A;A|=2;var o=uf();(Y!==e||Z!==a)&&(Qe=null,za(e,a));do try{xm();break}catch(r){nf(e,r)}while(!0);if(di(),A=t,qr.current=o,V!==null)throw Error(g(261));return Y=null,Z=0,K}function xm(){for(;V!==null;)sf(V)}function hm(){for(;V!==null&&!Gc();)sf(V)}function sf(e){var a=cf(e.alternate,e,ge);e.memoizedProps=e.pendingProps,a===null?df(e):V=a,ki.current=null}function df(e){var a=e;do{var t=a.alternate;if(e=a.return,(a.flags&32768)===0){if(t=um(t,a,ge),t!==null){V=t;return}}else{if(t=sm(t,a),t!==null){t.flags&=32767,V=t;return}if(e!==null)e.flags|=32768,e.subtreeFlags=0,e.deletions=null;else{K=6,V=null;return}}if(a=a.sibling,a!==null){V=a;return}V=a=e}while(a!==null);K===0&&(K=5)}function Fa(e,a,t){var o=F,r=Be.transition;try{Be.transition=null,F=1,gm(e,a,t,o)}finally{Be.transition=r,F=o}return null}function gm(e,a,t,o){do pt();while(ma!==null);if((A&6)!==0)throw Error(g(327));t=e.finishedWork;var r=e.finishedLanes;if(t===null)return null;if(e.finishedWork=null,e.finishedLanes=0,t===e.current)throw Error(g(177));e.callbackNode=null,e.callbackPriority=0;var l=t.lanes|t.childLanes;if($c(e,l),e===Y&&(V=Y=null,Z=0),(t.subtreeFlags&2064)===0&&(t.flags&2064)===0||dr||(dr=!0,pf(vr,function(){return pt(),null})),l=(t.flags&15990)!==0,(t.subtreeFlags&15990)!==0||l){l=Be.transition,Be.transition=null;var n=F;F=1;var i=A;A|=4,ki.current=null,fm(e,t),of(t,e),Hp(In),br=!!Cn,In=Cn=null,e.current=t,cm(t,e,r),_c(),A=i,F=n,Be.transition=l}else e.current=t;if(dr&&(dr=!1,ma=e,Wr=r),l=e.pendingLanes,l===0&&(Ia=null),Kc(t.stateNode,o),xe(e,G()),a!==null)for(o=e.onRecoverableError,t=0;t<a.length;t++)r=a[t],o(r.value,{componentStack:r.stack,digest:r.digest});if(Nr)throw Nr=!1,e=qn,qn=null,e;return(Wr&1)!==0&&e.tag!==0&&pt(),l=e.pendingLanes,(l&1)!==0?e===Nn?Qt++:(Qt=0,Nn=e):Qt=0,Pa(),null}function pt(){if(ma!==null){var e=Gs(Wr),a=Be.transition,t=F;try{if(Be.transition=null,F=16>e?16:e,ma===null)var o=!1;else{if(e=ma,ma=null,Wr=0,(A&6)!==0)throw Error(g(331));var r=A;for(A|=4,y=e.current;y!==null;){var l=y,n=l.child;if((y.flags&16)!==0){var i=l.deletions;if(i!==null){for(var u=0;u<i.length;u++){var d=i[u];for(y=d;y!==null;){var m=y;switch(m.tag){case 0:case 11:case 15:Xt(8,m,l)}var x=m.child;if(x!==null)x.return=m,y=x;else for(;y!==null;){m=y;var p=m.sibling,L=m.return;if(ef(m),m===d){y=null;break}if(p!==null){p.return=L,y=p;break}y=L}}}var I=l.alternate;if(I!==null){var w=I.child;if(w!==null){I.child=null;do{var D=w.sibling;w.sibling=null,w=D}while(w!==null)}}y=l}}if((l.subtreeFlags&2064)!==0&&n!==null)n.return=l,y=n;else e:for(;y!==null;){if(l=y,(l.flags&2048)!==0)switch(l.tag){case 0:case 11:case 15:Xt(9,l,l.return)}var f=l.sibling;if(f!==null){f.return=l.return,y=f;break e}y=l.return}}var s=e.current;for(y=s;y!==null;){n=y;var c=n.child;if((n.subtreeFlags&2064)!==0&&c!==null)c.return=n,y=c;else e:for(n=s;y!==null;){if(i=y,(i.flags&2048)!==0)try{switch(i.tag){case 0:case 11:case 15:$r(9,i)}}catch(k){W(i,i.return,k)}if(i===n){y=null;break e}var h=i.sibling;if(h!==null){h.return=i.return,y=h;break e}y=i.return}}if(A=r,Pa(),je&&typeof je.onPostCommitFiberRoot=="function")try{je.onPostCommitFiberRoot(Vr,e)}catch{}o=!0}return o}finally{F=t,Be.transition=a}}return!1}function hs(e,a,t){a=Ct(t,a),a=Gd(e,a,1),e=Ca(e,a,1),a=ie(),e!==null&&(xo(e,1,a),xe(e,a))}function W(e,a,t){if(e.tag===3)hs(e,e,t);else for(;a!==null;){if(a.tag===3){hs(a,e,t);break}else if(a.tag===1){var o=a.stateNode;if(typeof a.type.getDerivedStateFromError=="function"||typeof o.componentDidCatch=="function"&&(Ia===null||!Ia.has(o))){e=Ct(t,e),e=_d(a,e,1),a=Ca(a,e,1),e=ie(),a!==null&&(xo(a,1,e),xe(a,e));break}}a=a.return}}function Lm(e,a,t){var o=e.pingCache;o!==null&&o.delete(a),a=ie(),e.pingedLanes|=e.suspendedLanes&t,Y===e&&(Z&t)===t&&(K===4||K===3&&(Z&130023424)===Z&&500>G()-Si?za(e,0):vi|=t),xe(e,a)}function ff(e,a){a===0&&((e.mode&1)===0?a=1:(a=Qo,Qo<<=1,(Qo&130023424)===0&&(Qo=4194304)));var t=ie();e=oa(e,a),e!==null&&(xo(e,a,t),xe(e,t))}function Cm(e){var a=e.memoizedState,t=0;a!==null&&(t=a.retryLane),ff(e,t)}function Im(e,a){var t=0;switch(e.tag){case 13:var o=e.stateNode,r=e.memoizedState;r!==null&&(t=r.retryLane);break;case 19:o=e.stateNode;break;default:throw Error(g(314))}o!==null&&o.delete(a),ff(e,t)}var cf;cf=function(e,a,t){if(e!==null)if(e.memoizedProps!==a.pendingProps||pe.current)ce=!0;else{if((e.lanes&t)===0&&(a.flags&128)===0)return ce=!1,im(e,a,t);ce=(e.flags&131072)!==0}else ce=!1,U&&(a.flags&1048576)!==0&&xd(a,Er,a.index);switch(a.lanes=0,a.tag){case 2:var o=a.type;gr(e,a),e=a.pendingProps;var r=xt(a,oe.current);ct(a,t),r=Li(null,a,o,e,r,t);var l=Ci();return a.flags|=1,typeof r=="object"&&r!==null&&typeof r.render=="function"&&r.$$typeof===void 0?(a.tag=1,a.memoizedState=null,a.updateQueue=null,me(o)?(l=!0,Dr(a)):l=!1,a.memoizedState=r.state!==null&&r.state!==void 0?r.state:null,pi(a),r.updater=Jr,a.stateNode=r,r._reactInternals=a,Mn(a,o,e,t),a=Fn(null,a,o,!0,l,t)):(a.tag=0,U&&l&&ni(a),ne(null,a,r,t),a=a.child),a;case 16:o=a.elementType;e:{switch(gr(e,a),e=a.pendingProps,r=o._init,o=r(o._payload),a.type=o,r=a.tag=ym(o),e=Te(o,e),r){case 0:a=Dn(null,a,o,e,t);break e;case 1:a=ns(null,a,o,e,t);break e;case 11:a=rs(null,a,o,e,t);break e;case 14:a=ls(null,a,o,Te(o.type,e),t);break e}throw Error(g(306,o,""))}return a;case 0:return o=a.type,r=a.pendingProps,r=a.elementType===o?r:Te(o,r),Dn(e,a,o,r,t);case 1:return o=a.type,r=a.pendingProps,r=a.elementType===o?r:Te(o,r),ns(e,a,o,r,t);case 3:e:{if(Xd(a),e===null)throw Error(g(387));o=a.pendingProps,l=a.memoizedState,r=l.element,wd(e,a),zr(a,o,null,t);var n=a.memoizedState;if(o=n.element,l.isDehydrated)if(l={element:o,isDehydrated:!1,cache:n.cache,pendingSuspenseBoundaries:n.pendingSuspenseBoundaries,transitions:n.transitions},a.updateQueue.baseState=l,a.memoizedState=l,a.flags&256){r=Ct(Error(g(423)),a),a=is(e,a,o,t,r);break e}else if(o!==r){r=Ct(Error(g(424)),a),a=is(e,a,o,t,r);break e}else for(Le=La(a.stateNode.containerInfo.firstChild),Ce=a,U=!0,ze=null,t=Cd(a,null,o,t),a.child=t;t;)t.flags=t.flags&-3|4096,t=t.sibling;else{if(ht(),o===r){a=ra(e,a,t);break e}ne(e,a,o,t)}a=a.child}return a;case 5:return yd(a),e===null&&bn(a),o=a.type,r=a.pendingProps,l=e!==null?e.memoizedProps:null,n=r.children,wn(o,r)?n=null:l!==null&&wn(o,l)&&(a.flags|=32),Kd(e,a),ne(e,a,n,t),a.child;case 6:return e===null&&bn(a),null;case 13:return Yd(e,a,t);case 4:return mi(a,a.stateNode.containerInfo),o=a.pendingProps,e===null?a.child=gt(a,null,o,t):ne(e,a,o,t),a.child;case 11:return o=a.type,r=a.pendingProps,r=a.elementType===o?r:Te(o,r),rs(e,a,o,r,t);case 7:return ne(e,a,a.pendingProps,t),a.child;case 8:return ne(e,a,a.pendingProps.children,t),a.child;case 12:return ne(e,a,a.pendingProps.children,t),a.child;case 10:e:{if(o=a.type._context,r=a.pendingProps,l=a.memoizedProps,n=r.value,T(Tr,o._currentValue),o._currentValue=n,l!==null)if(He(l.value,n)){if(l.children===r.children&&!pe.current){a=ra(e,a,t);break e}}else for(l=a.child,l!==null&&(l.return=a);l!==null;){var i=l.dependencies;if(i!==null){n=l.child;for(var u=i.firstContext;u!==null;){if(u.context===o){if(l.tag===1){u=ea(-1,t&-t),u.tag=2;var d=l.updateQueue;if(d!==null){d=d.shared;var m=d.pending;m===null?u.next=u:(u.next=m.next,m.next=u),d.pending=u}}l.lanes|=t,u=l.alternate,u!==null&&(u.lanes|=t),Pn(l.return,t,a),i.lanes|=t;break}u=u.next}}else if(l.tag===10)n=l.type===a.type?null:l.child;else if(l.tag===18){if(n=l.return,n===null)throw Error(g(341));n.lanes|=t,i=n.alternate,i!==null&&(i.lanes|=t),Pn(n,t,a),n=l.sibling}else n=l.child;if(n!==null)n.return=l;else for(n=l;n!==null;){if(n===a){n=null;break}if(l=n.sibling,l!==null){l.return=n.return,n=l;break}n=n.return}l=n}ne(e,a,r.children,t),a=a.child}return a;case 9:return r=a.type,o=a.pendingProps.children,ct(a,t),r=Me(r),o=o(r),a.flags|=1,ne(e,a,o,t),a.child;case 14:return o=a.type,r=Te(o,a.pendingProps),r=Te(o.type,r),ls(e,a,o,r,t);case 15:return Vd(e,a,a.type,a.pendingProps,t);case 17:return o=a.type,r=a.pendingProps,r=a.elementType===o?r:Te(o,r),gr(e,a),a.tag=1,me(o)?(e=!0,Dr(a)):e=!1,ct(a,t),Wd(a,o,r),Mn(a,o,r,t),Fn(null,a,o,!0,e,t);case 19:return Qd(e,a,t);case 22:return jd(e,a,t)}throw Error(g(156,a.tag))};function pf(e,a){return Hs(e,a)}function wm(e,a,t,o){this.tag=e,this.key=t,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=a,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=o,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Pe(e,a,t,o){return new wm(e,a,t,o)}function Mi(e){return e=e.prototype,!(!e||!e.isReactComponent)}function ym(e){if(typeof e=="function")return Mi(e)?1:0;if(e!=null){if(e=e.$$typeof,e===Xn)return 11;if(e===Yn)return 14}return 2}function ya(e,a){var t=e.alternate;return t===null?(t=Pe(e.tag,a,e.key,e.mode),t.elementType=e.elementType,t.type=e.type,t.stateNode=e.stateNode,t.alternate=e,e.alternate=t):(t.pendingProps=a,t.type=e.type,t.flags=0,t.subtreeFlags=0,t.deletions=null),t.flags=e.flags&14680064,t.childLanes=e.childLanes,t.lanes=e.lanes,t.child=e.child,t.memoizedProps=e.memoizedProps,t.memoizedState=e.memoizedState,t.updateQueue=e.updateQueue,a=e.dependencies,t.dependencies=a===null?null:{lanes:a.lanes,firstContext:a.firstContext},t.sibling=e.sibling,t.index=e.index,t.ref=e.ref,t}function Ir(e,a,t,o,r,l){var n=2;if(o=e,typeof e=="function")Mi(e)&&(n=1);else if(typeof e=="string")n=5;else e:switch(e){case Za:return Oa(t.children,r,l,a);case Kn:n=8,r|=8;break;case Jl:return e=Pe(12,t,a,r|2),e.elementType=Jl,e.lanes=l,e;case $l:return e=Pe(13,t,a,r),e.elementType=$l,e.lanes=l,e;case en:return e=Pe(19,t,a,r),e.elementType=en,e.lanes=l,e;case ys:return al(t,r,l,a);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Is:n=10;break e;case ws:n=9;break e;case Xn:n=11;break e;case Yn:n=14;break e;case sa:n=16,o=null;break e}throw Error(g(130,e==null?e:typeof e,""))}return a=Pe(n,t,a,r),a.elementType=e,a.type=o,a.lanes=l,a}function Oa(e,a,t,o){return e=Pe(7,e,o,a),e.lanes=t,e}function al(e,a,t,o){return e=Pe(22,e,o,a),e.elementType=ys,e.lanes=t,e.stateNode={isHidden:!1},e}function Yl(e,a,t){return e=Pe(6,e,null,a),e.lanes=t,e}function Ql(e,a,t){return a=Pe(4,e.children!==null?e.children:[],e.key,a),a.lanes=t,a.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},a}function km(e,a,t,o,r){this.tag=a,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=El(0),this.expirationTimes=El(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=El(0),this.identifierPrefix=o,this.onRecoverableError=r,this.mutableSourceEagerHydrationData=null}function Ai(e,a,t,o,r,l,n,i,u){return e=new km(e,a,t,i,u),a===1?(a=1,l===!0&&(a|=8)):a=0,l=Pe(3,null,null,a),e.current=l,l.stateNode=e,l.memoizedState={element:o,isDehydrated:t,cache:null,transitions:null,pendingSuspenseBoundaries:null},pi(l),e}function vm(e,a,t){var o=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:Qa,key:o==null?null:""+o,children:e,containerInfo:a,implementation:t}}function mf(e){if(!e)return va;e=e._reactInternals;e:{if(_a(e)!==e||e.tag!==1)throw Error(g(170));var a=e;do{switch(a.tag){case 3:a=a.stateNode.context;break e;case 1:if(me(a.type)){a=a.stateNode.__reactInternalMemoizedMergedChildContext;break e}}a=a.return}while(a!==null);throw Error(g(171))}if(e.tag===1){var t=e.type;if(me(t))return pd(e,t,a)}return a}function xf(e,a,t,o,r,l,n,i,u){return e=Ai(t,o,!0,e,r,l,n,i,u),e.context=mf(null),t=e.current,o=ie(),r=wa(t),l=ea(o,r),l.callback=a??null,Ca(t,l,r),e.current.lanes=r,xo(e,r,o),xe(e,o),e}function tl(e,a,t,o){var r=a.current,l=ie(),n=wa(r);return t=mf(t),a.context===null?a.context=t:a.pendingContext=t,a=ea(l,n),a.payload={element:e},o=o===void 0?null:o,o!==null&&(a.callback=o),e=Ca(r,a,n),e!==null&&(Ue(e,r,n,l),mr(e,r,n)),n}function _r(e){if(e=e.current,!e.child)return null;switch(e.child.tag){case 5:return e.child.stateNode;default:return e.child.stateNode}}function gs(e,a){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var t=e.retryLane;e.retryLane=t!==0&&t<a?t:a}}function Di(e,a){gs(e,a),(e=e.alternate)&&gs(e,a)}function Sm(){return null}var hf=typeof reportError=="function"?reportError:function(e){console.error(e)};function Fi(e){this._internalRoot=e}ol.prototype.render=Fi.prototype.render=function(e){var a=this._internalRoot;if(a===null)throw Error(g(409));tl(e,a,null,null)};ol.prototype.unmount=Fi.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var a=e.containerInfo;Wa(function(){tl(null,e,null,null)}),a[ta]=null}};function ol(e){this._internalRoot=e}ol.prototype.unstable_scheduleHydration=function(e){if(e){var a=js();e={blockedOn:null,target:e,priority:a};for(var t=0;t<fa.length&&a!==0&&a<fa[t].priority;t++);fa.splice(t,0,e),t===0&&Xs(e)}};function Ei(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function rl(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11&&(e.nodeType!==8||e.nodeValue!==" react-mount-point-unstable "))}function Ls(){}function bm(e,a,t,o,r){if(r){if(typeof o=="function"){var l=o;o=function(){var d=_r(n);l.call(d)}}var n=xf(a,o,e,0,null,!1,!1,"",Ls);return e._reactRootContainer=n,e[ta]=n.current,lo(e.nodeType===8?e.parentNode:e),Wa(),n}for(;r=e.lastChild;)e.removeChild(r);if(typeof o=="function"){var i=o;o=function(){var d=_r(u);i.call(d)}}var u=Ai(e,0,!1,null,null,!1,!1,"",Ls);return e._reactRootContainer=u,e[ta]=u.current,lo(e.nodeType===8?e.parentNode:e),Wa(function(){tl(a,u,t,o)}),u}function ll(e,a,t,o,r){var l=t._reactRootContainer;if(l){var n=l;if(typeof r=="function"){var i=r;r=function(){var u=_r(n);i.call(u)}}tl(a,n,e,r)}else n=bm(t,a,e,r,o);return _r(n)}_s=function(e){switch(e.tag){case 3:var a=e.stateNode;if(a.current.memoizedState.isDehydrated){var t=qt(a.pendingLanes);t!==0&&(Jn(a,t|1),xe(a,G()),(A&6)===0&&(It=G()+500,Pa()))}break;case 13:Wa(function(){var o=oa(e,1);if(o!==null){var r=ie();Ue(o,e,1,r)}}),Di(e,1)}};$n=function(e){if(e.tag===13){var a=oa(e,134217728);if(a!==null){var t=ie();Ue(a,e,134217728,t)}Di(e,134217728)}};Vs=function(e){if(e.tag===13){var a=wa(e),t=oa(e,a);if(t!==null){var o=ie();Ue(t,e,a,o)}Di(e,a)}};js=function(){return F};Ks=function(e,a){var t=F;try{return F=e,a()}finally{F=t}};fn=function(e,a,t){switch(a){case"input":if(on(e,t),a=t.name,t.type==="radio"&&a!=null){for(t=e;t.parentNode;)t=t.parentNode;for(t=t.querySelectorAll("input[name="+JSON.stringify(""+a)+'][type="radio"]'),a=0;a<t.length;a++){var o=t[a];if(o!==e&&o.form===e.form){var r=Yr(o);if(!r)throw Error(g(90));vs(o),on(o,r)}}}break;case"textarea":bs(e,t);break;case"select":a=t.value,a!=null&&ut(e,!!t.multiple,a,!1)}};Es=bi;Ts=Wa;var Pm={usingClientEntryPoint:!1,Events:[go,at,Yr,Ds,Fs,bi]},zt={findFiberByHostInstance:Ea,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},Bm={bundleType:zt.bundleType,version:zt.version,rendererPackageName:zt.rendererPackageName,rendererConfig:zt.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:la.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return e=Os(e),e===null?null:e.stateNode},findFiberByHostInstance:zt.findFiberByHostInstance||Sm,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&(Ot=__REACT_DEVTOOLS_GLOBAL_HOOK__,!Ot.isDisabled&&Ot.supportsFiber))try{Vr=Ot.inject(Bm),je=Ot}catch{}var Ot;ye.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Pm;ye.createPortal=function(e,a){var t=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!Ei(a))throw Error(g(200));return vm(e,a,null,t)};ye.createRoot=function(e,a){if(!Ei(e))throw Error(g(299));var t=!1,o="",r=hf;return a!=null&&(a.unstable_strictMode===!0&&(t=!0),a.identifierPrefix!==void 0&&(o=a.identifierPrefix),a.onRecoverableError!==void 0&&(r=a.onRecoverableError)),a=Ai(e,1,!1,null,null,t,!1,o,r),e[ta]=a.current,lo(e.nodeType===8?e.parentNode:e),new Fi(a)};ye.findDOMNode=function(e){if(e==null)return null;if(e.nodeType===1)return e;var a=e._reactInternals;if(a===void 0)throw typeof e.render=="function"?Error(g(188)):(e=Object.keys(e).join(","),Error(g(268,e)));return e=Os(a),e=e===null?null:e.stateNode,e};ye.flushSync=function(e){return Wa(e)};ye.hydrate=function(e,a,t){if(!rl(a))throw Error(g(200));return ll(null,e,a,!0,t)};ye.hydrateRoot=function(e,a,t){if(!Ei(e))throw Error(g(405));var o=t!=null&&t.hydratedSources||null,r=!1,l="",n=hf;if(t!=null&&(t.unstable_strictMode===!0&&(r=!0),t.identifierPrefix!==void 0&&(l=t.identifierPrefix),t.onRecoverableError!==void 0&&(n=t.onRecoverableError)),a=xf(a,null,e,1,t??null,r,!1,l,n),e[ta]=a.current,lo(e),o)for(e=0;e<o.length;e++)t=o[e],r=t._getVersion,r=r(t._source),a.mutableSourceEagerHydrationData==null?a.mutableSourceEagerHydrationData=[t,r]:a.mutableSourceEagerHydrationData.push(t,r);return new ol(a)};ye.render=function(e,a,t){if(!rl(a))throw Error(g(200));return ll(null,e,a,!1,t)};ye.unmountComponentAtNode=function(e){if(!rl(e))throw Error(g(40));return e._reactRootContainer?(Wa(function(){ll(null,null,e,!1,function(){e._reactRootContainer=null,e[ta]=null})}),!0):!1};ye.unstable_batchedUpdates=bi;ye.unstable_renderSubtreeIntoContainer=function(e,a,t,o){if(!rl(t))throw Error(g(200));if(e==null||e._reactInternals===void 0)throw Error(g(38));return ll(e,a,t,!1,o)};ye.version="18.3.1-next-f1338f8080-20240426"});var If=Ne(($x,Cf)=>{"use strict";function Lf(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Lf)}catch(e){console.error(e)}}Lf(),Cf.exports=gf()});var yf=Ne(Ti=>{"use strict";var wf=If();Ti.createRoot=wf.createRoot,Ti.hydrateRoot=wf.hydrateRoot;var eh});var vf=Ne(nl=>{"use strict";var Mm=Ye(),Am=Symbol.for("react.element"),Dm=Symbol.for("react.fragment"),Fm=Object.prototype.hasOwnProperty,Em=Mm.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Tm={key:!0,ref:!0,__self:!0,__source:!0};function kf(e,a,t){var o,r={},l=null,n=null;t!==void 0&&(l=""+t),a.key!==void 0&&(l=""+a.key),a.ref!==void 0&&(n=a.ref);for(o in a)Fm.call(a,o)&&!Tm.hasOwnProperty(o)&&(r[o]=a[o]);if(e&&e.defaultProps)for(o in a=e.defaultProps,a)r[o]===void 0&&(r[o]=a[o]);return{$$typeof:Am,type:e,key:l,ref:n,props:r,_owner:Em.current}}nl.Fragment=Dm;nl.jsx=kf;nl.jsxs=kf});var kt=Ne((oh,Sf)=>{"use strict";Sf.exports=vf()});var Ri=Ne((rh,il)=>{(function(){"use strict";var e={}.hasOwnProperty;function a(){for(var r="",l=0;l<arguments.length;l++){var n=arguments[l];n&&(r=o(r,t(n)))}return r}function t(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return a.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var l="";for(var n in r)e.call(r,n)&&r[n]&&(l=o(l,n));return l}function o(r,l){return l?r?r+" "+l:r+l:r}typeof il<"u"&&il.exports?(a.default=a,il.exports=a):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return a}):window.classNames=a})()});var M=de(Ye(),1),Xe=de(yf(),1);var zi=de(kt(),1),Ba=de(Ye(),1),bf=de(Ri(),1);var Rm="animal-backtop-5ePXP",zm="animal-visible-XgX7f",Om="animal-img-iiltk",ul={backtop:Rm,visible:zm,img:Om};var Um=encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240">
+  <path d="M120 38 L202 128 H158 V200 H82 V128 H38 Z" fill="none" stroke="#c9a06c" stroke-width="26" stroke-linejoin="round"/>
+  <path d="M120 38 L202 128 H158 V200 H82 V128 H38 Z" fill="none" stroke="#fffdf4" stroke-width="15" stroke-linejoin="round"/>
+  <path d="M120 38 L202 128 H158 V200 H82 V128 H38 Z" fill="#19c8b9" stroke="#19c8b9" stroke-width="6" stroke-linejoin="round"/>
+  <path d="M108 66 L78 102" stroke="#7fe0d4" stroke-width="11" stroke-linecap="round" fill="none"/>
+</svg>`),sl=({target:e,visibilityHeight:a=400,onClick:t,className:o,style:r,duration:l=300})=>{let[n,i]=(0,Ba.useState)(!1),u=(0,Ba.useCallback)(()=>e?e():window,[e]),d=(0,Ba.useCallback)(()=>{let x=u(),p=x===window?window.scrollY:x.scrollTop;i(p>a)},[u,a]);(0,Ba.useEffect)(()=>{let x=u();return x.addEventListener("scroll",d,{passive:!0}),d(),()=>x.removeEventListener("scroll",d)},[u,d]);let m=(0,Ba.useCallback)(x=>{let p=u(),L=p===window?window.scrollY:p.scrollTop,I=performance.now(),w=D=>{let f=D-I,s=Math.min(f/l,1),c=s<.5?2*s*s:1-(-2*s+2)**2/2,h=L*(1-c);p===window?window.scrollTo(0,h):p.scrollTop=h,s<1&&requestAnimationFrame(w)};requestAnimationFrame(w),t?.(x)},[u,l,t]);return(0,zi.jsx)("div",{className:(0,bf.default)(ul.backtop,n&&ul.visible,o),style:r,onClick:m,role:"button",tabIndex:0,"aria-label":"\u8FD4\u56DE\u9876\u90E8",onKeyDown:x=>{(x.key==="Enter"||x.key===" ")&&(x.preventDefault(),m(x))},children:(0,zi.jsx)("img",{className:ul.img,src:`data:image/svg+xml,${Um}`,alt:"\u8FD4\u56DE\u9876\u90E8"})})};sl.displayName="BackTop";var Pf=de(kt(),1);var Hm="animal-background-tX6OV",qm="animal-sprinkles-f-3q-",Oi={background:Hm,sprinkles:qm};var dl=({type:e="dots",className:a,children:t,...o})=>{let r=[Oi.background,Oi[e],a].filter(Boolean).join(" ");return(0,Pf.jsx)("div",{className:r,...o,children:t})};dl.displayName="Background";var fl=de(Ye(),1);var Bf=e=>e?.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();function Mf(e,a,t=[]){if(a==null)throw new Error("[lucide]: iconNode is required when icon name is used");return{name:Bf(e),size:24,node:a,...t.length>0?{aliases:t}:{}}}var Af=e=>{let a="",t=!1;for(let o of e){if(o==="-"||o==="_"||o<=" "){t=a.length>0;continue}a.length===0?a+=o.toLowerCase():a+=t?o.toUpperCase():o,t=!1}return a};var Df=e=>{let a=Af(e);return a.charAt(0).toUpperCase()+a.slice(1)};var Io=de(Ye(),1);var Co=(...e)=>e.filter((a,t,o)=>!!a&&a.trim()!==""&&o.indexOf(a)===t).join(" ").trim();var Ma={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"};function Ui(e){return e!=null}function Ff(e,a={}){let t=a.attributeNames??{},o=p=>t[p]??p,r=e.size??e.width??Ma.width,l=e.size??e.height??Ma.height,n=e.aliases?.filter(p=>typeof p=="string"&&p.trim()!=="").map(p=>`lucide-${p}`)??[],i=[...e.name?[`lucide-${e.name}`]:[],...n],u=a.className?.split(" ").filter(Boolean)??[],d=a.includeDefaultClasses===!1?Co(...u):Co("lucide",...i,...u),m=a.absoluteStrokeWidth?Number(a.strokeWidth??Ma["stroke-width"])*Number(e.size??e.width??Ma.width)/Number(a.size??a.width??Ma.width):a.strokeWidth??Ma["stroke-width"];return["svg",{...Object.entries(Ma).reduce((p,[L,I])=>(p[o(L)]=I,p),{}),..."color"in a&&a.color&&{[o("stroke")]:a.color},..."size"in a&&Ui(a.size)&&{[o("width")]:a.size,[o("height")]:a.size},..."width"in a&&Ui(a.width)&&{[o("width")]:a.width},..."height"in a&&Ui(a.height)&&{[o("height")]:a.height},[o("stroke-width")]:m,...d&&{[o("class")]:d},[o("viewBox")]:`0 0 ${r} ${l}`,...a.hasA11yProp===!1?{[o("aria-hidden")]:"true"}:{},..."attributes"in a&&a.attributes},e.node.map(p=>{let[L,I,w]=p,D=a.nonScalingStroke?{[o("vector-effect")]:"non-scaling-stroke",...I}:I;return w?[L,D,w]:[L,D]})]}function Ef(e,a={}){return Ff(e,{...a,attributeNames:{...a.attributeNames,class:"className","stroke-width":"strokeWidth","stroke-linecap":"strokeLinecap","stroke-linejoin":"strokeLinejoin","vector-effect":"vectorEffect"}})}var Tf=e=>{for(let a in e)if(a.startsWith("aria-")||a==="role"||a==="title")return!0;return!1};var vt=de(Ye(),1);var Nm=(0,vt.createContext)({});var Rf=()=>(0,vt.useContext)(Nm);var zf=(0,Io.forwardRef)(({color:e,size:a,width:t,height:o,strokeWidth:r,absoluteStrokeWidth:l,nonScalingStroke:n,className:i="",children:u,iconNode:d=[],icon:m={node:d,aliases:[],size:24},...x},p)=>{let{size:L=24,strokeWidth:I=2,absoluteStrokeWidth:w=!1,nonScalingStroke:D=!1,color:f="currentColor",className:s=""}=Rf()??{},c=!!u||Tf(x),[h,k,v=[]]=Ef(m,{color:e??f,width:t??a??L,height:o??a??L,strokeWidth:r??I,absoluteStrokeWidth:l??w,nonScalingStroke:n??D,className:Co(s,i),hasA11yProp:c,attributes:x});return(0,Io.createElement)(h,{ref:p,...k},[...v.map(([S,C])=>(0,Io.createElement)(S,C)),...Array.isArray(u)?u:[u]])});function R(e,a=[],t=[]){let o=typeof e=="string"?Mf(e,a,t):e,r=(0,fl.forwardRef)(({className:l,...n},i)=>(0,fl.createElement)(zf,{ref:i,icon:o,className:l,...n}));return o.name&&(r.displayName=Df(o.name)),r}var Of={name:"book-open",size:24,node:[["path",{d:"M12 5v16",key:"1f6ucr"}],["path",{d:"M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z",key:"1fyvmf"}]]};Of.node;var wo=R(Of);var Uf={name:"camera",size:24,node:[["path",{d:"M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",key:"18u6gg"}],["circle",{cx:"12",cy:"13",r:"3",key:"1vg3eu"}]]};Uf.node;var yo=R(Uf);var Hf={name:"chevron-left",size:24,node:[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]};Hf.node;var ko=R(Hf);var qf={name:"chevron-right",size:24,node:[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]};qf.node;var vo=R(qf);var Nf={name:"file-text",size:24,node:[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]]};Nf.node;var So=R(Nf);var Wf={name:"hammer",size:24,node:[["path",{d:"m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9",key:"1hayfq"}],["path",{d:"m18 15 4-4",key:"16gjal"}],["path",{d:"m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5",key:"15ts47"}]]};Wf.node;var bo=R(Wf);var Gf={name:"map-pin",size:24,node:[["path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",key:"1r0f0z"}],["circle",{cx:"12",cy:"10",r:"3",key:"ilqhr7"}]]};Gf.node;var Po=R(Gf);var _f={name:"map",size:24,node:[["path",{d:"M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z",key:"169xi5"}],["path",{d:"M15 5.764v15",key:"1pn4in"}],["path",{d:"M9 3.236v15",key:"1uimfh"}]]};_f.node;var Bo=R(_f);var Vf={name:"message-circle",size:24,node:[["path",{d:"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",key:"1sd12s"}]]};Vf.node;var Mo=R(Vf);var jf={name:"palette",size:24,node:[["path",{d:"M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z",key:"e79jfc"}],["circle",{cx:"13.5",cy:"6.5",r:".5",fill:"currentColor",key:"1okk4w"}],["circle",{cx:"17.5",cy:"10.5",r:".5",fill:"currentColor",key:"f64h9f"}],["circle",{cx:"6.5",cy:"12.5",r:".5",fill:"currentColor",key:"qy21gx"}],["circle",{cx:"8.5",cy:"7.5",r:".5",fill:"currentColor",key:"fotxhn"}]]};jf.node;var Ao=R(jf);var Kf={name:"shopping-cart",size:24,node:[["path",{d:"m2.05 2.05 1.099-.028a1 1 0 0 1 1.008.815l2.69 14.347A1 1 0 0 0 7.83 18H18",key:"uebgi3"}],["path",{d:"M4.563 5h16.435a1 1 0 0 1 .981 1.204l-1.026 6.226A2 2 0 0 1 18.962 14H6.25",key:"1j7c9p"}],["circle",{cx:"18",cy:"20",r:"2",key:"t9985n"}],["circle",{cx:"8",cy:"20",r:"2",key:"ckkr5m"}]]};Kf.node;var Do=R(Kf);var Xf={name:"shuffle",size:24,node:[["path",{d:"m18 14 4 4-4 4",key:"10pe0f"}],["path",{d:"m18 2 4 4-4 4",key:"pucp1d"}],["path",{d:"M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22",key:"1ailkh"}],["path",{d:"M2 6h1.972a4 4 0 0 1 3.6 2.2",key:"km57vx"}],["path",{d:"M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45",key:"os18l9"}]]};Xf.node;var Fo=R(Xf);var Yf={name:"wifi",size:24,node:[["path",{d:"M12 20h.01",key:"zekei9"}],["path",{d:"M2 8.82a15 15 0 0 1 20 0",key:"dnpr2z"}],["path",{d:"M5 12.859a10 10 0 0 1 14 0",key:"1x1e6c"}],["path",{d:"M8.5 16.429a5 5 0 0 1 7 0",key:"1bycff"}]]};Yf.node;var Eo=R(Yf);var Hi=de(kt(),1);var Wm="animal-icon-wUFR-",Gm="animal-iconBounce-Q1e3X",_m="animal-icon-left-hvLf6",Vm="animal-icon-right-gTWjy",jm="animal-location-z0Lgn",Km="animal-page-JxFXx",Xm="animal-wifi-a6bjH",Ym="animal-icon-shopping-TSh2U",Qm="animal-icon-chat-dfYOk",Zm="animal-icon-variant-E6wqy",Jm="animal-icon-encyclopedia-jEM54",$m="animal-icon-design-8gBms",ex="animal-icon-map-ogQk4",ax="animal-icon-diy-AwPHs",tx="animal-icon-camera-W9x4U",ox="animal-iconList-MRyTC",rx="animal-iconListItem-nTF3l",lx="animal-iconListLabel-t2M3-",cl={icon:Wm,"icon-bounce":"animal-icon-bounce-1MvWH",iconBounce:Gm,"icon-left":"animal-icon-left-hvLf6",iconLeft:_m,"icon-right":"animal-icon-right-gTWjy",iconRight:Vm,location:jm,page:Km,wifi:Xm,"icon-shopping":"animal-icon-shopping-TSh2U",iconShopping:Ym,"icon-chat":"animal-icon-chat-dfYOk",iconChat:Qm,"icon-variant":"animal-icon-variant-E6wqy",iconVariant:Zm,"icon-encyclopedia":"animal-icon-encyclopedia-jEM54",iconEncyclopedia:Jm,"icon-design":"animal-icon-design-8gBms",iconDesign:$m,"icon-map":"animal-icon-map-ogQk4",iconMap:ex,"icon-diy":"animal-icon-diy-AwPHs",iconDiy:ax,"icon-camera":"animal-icon-camera-W9x4U",iconCamera:tx,iconList:ox,iconListItem:rx,iconListLabel:lx};var nx={"icon-left":ko,"icon-right":vo,location:Po,page:So,wifi:Eo,"icon-shopping":Do,"icon-chat":Mo,"icon-variant":Fo,"icon-encyclopedia":wo,"icon-design":Ao,"icon-map":Bo,"icon-diy":bo,"icon-camera":yo},To=({name:e,icon:a,src:t,size:o=24,color:r,strokeWidth:l,className:n,style:i,bounce:u=!1,...d})=>{let m=[cl.icon,e?cl[e]:"",u?cl["icon-bounce"]:"",n||""].filter(Boolean).join(" "),x=a??(e?nx[e]:void 0);if(x){let p=!!d["aria-label"];return(0,Hi.jsx)(x,{className:m,color:r,strokeWidth:l,style:{width:o,height:o,...i},"aria-hidden":p?void 0:!0,role:p?"img":void 0,...d})}return(0,Hi.jsx)("span",{className:m,style:{width:o,height:o,...t?{backgroundImage:`url(${t})`}:null,...i},...d})};var De=de(kt(),1),re=de(Ye(),1);var ix="animal-wrapper-pbOTq",ux="animal-trigger-2-Ahh",sx="animal-open-867xo",dx="animal-value-623RB",fx="animal-placeholder-vpC8E",cx="animal-arrow-xNbxA",px="animal-dropdown-0l6jF",mx="animal-option-GEkLI",xx="animal-active-jtSpt",hx="animal-pillBar-O9cTb",gx="animal-optionDot-FQtyw",Lx="animal-disabled-Oy12C",ke={wrapper:ix,trigger:ux,open:sx,value:dx,placeholder:fx,arrow:cx,dropdown:px,option:mx,active:xx,pillBar:hx,optionDot:gx,disabled:Lx};var na=({options:e,value:a,onChange:t,placeholder:o="\u8BF7\u9009\u62E9",disabled:r=!1,"aria-label":l,"aria-labelledby":n})=>{let[i,u]=(0,re.useState)(!1),[d,m]=(0,re.useState)(null),[x,p]=(0,re.useState)({}),[L,I]=(0,re.useState)(!1),w=(0,re.useRef)(null),D=(0,re.useRef)(null),f=e.find(C=>C.key===a)?.label||o,s=`animal-select-${(0,re.useId)().replace(/:/g,"")}`,c=`${s}-listbox`,h=C=>`${s}-option-${C}`;(0,re.useEffect)(()=>{let C=b=>{w.current&&!w.current.contains(b.target)&&(u(!1),I(!1))};return i&&document.addEventListener("mousedown",C),()=>document.removeEventListener("mousedown",C)},[i]),(0,re.useEffect)(()=>{if(i&&w.current){let C=w.current.getBoundingClientRect(),b=window.innerWidth,B=window.innerHeight,se=e.length*44+24,_={position:"absolute"};C.right+200>b?(_.right="100%",_.marginRight="6px",_.left="auto"):(_.left="100%",_.marginLeft="6px",_.right="auto");let ml=B-C.bottom,lc=C.top;ml<se&&lc>ml?(_.top="auto",_.bottom="100%",_.marginBottom="6px",delete _.transform):ml<se||C.top<se?(_.top="100%",_.marginTop="6px",_.bottom="auto",delete _.transform):(_.top="50%",_.transform="translateY(-50%)",_.bottom="auto"),p(_),requestAnimationFrame(()=>{I(!0)})}else i||I(!1)},[i,e.length]),(0,re.useEffect)(()=>{m(i&&(a||e[0]?.key)||null)},[i,a,e]);let k=(0,re.useCallback)(C=>{t(C),u(!1),I(!1),D.current?.focus()},[t]),v=C=>{if(!e.length)return;let b=e.findIndex(se=>se.key===d),B=b<0?C===1?0:e.length-1:(b+C+e.length)%e.length;m(e[B].key)},S=C=>{if(r)return;let{key:b}=C;if(!i){(b==="Enter"||b===" "||b==="ArrowDown"||b==="ArrowUp")&&(C.preventDefault(),u(!0));return}b==="Escape"?(C.preventDefault(),u(!1),I(!1),D.current?.focus()):b==="ArrowDown"?(C.preventDefault(),v(1)):b==="ArrowUp"?(C.preventDefault(),v(-1)):b==="Home"?(C.preventDefault(),e[0]&&m(e[0].key)):b==="End"?(C.preventDefault(),e.length&&m(e[e.length-1].key)):(b==="Enter"||b===" ")&&(C.preventDefault(),d&&k(d))};return(0,De.jsxs)("div",{ref:w,className:`${ke.wrapper} ${r?ke.disabled:""}`,onKeyDown:S,children:[(0,De.jsxs)("div",{ref:D,className:`${ke.trigger} ${i?ke.open:""}`,onClick:()=>!r&&u(!i),role:"combobox","aria-haspopup":"listbox","aria-expanded":i,"aria-controls":i?c:void 0,"aria-activedescendant":i&&d?h(d):void 0,"aria-disabled":r||void 0,"aria-label":l,"aria-labelledby":n,tabIndex:r?-1:0,children:[(0,De.jsx)("span",{className:a?ke.value:ke.placeholder,children:f}),(0,De.jsx)("span",{className:ke.arrow,"aria-hidden":!0,children:(0,De.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:(0,De.jsx)("path",{d:"M3 4.5L6 7.5L9 4.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),i&&L&&(0,De.jsx)("div",{className:ke.dropdown,style:x,role:"listbox",id:c,"aria-label":l,"aria-labelledby":n,children:e.map(C=>{let b=a===C.key;return(0,De.jsxs)("div",{id:h(C.key),role:"option","aria-selected":b,className:`${ke.option} ${b?ke.active:""}`,onClick:()=>k(C.key),onMouseEnter:()=>{m(C.key)},children:[(0,De.jsx)("span",{className:ke.optionDot,"aria-hidden":!0}),C.label,b&&(0,De.jsx)("div",{className:ke.pillBar})]},C.key)})})]})};na.displayName="Select";var qe=de(kt(),1),Va=de(Ri(),1);var Cx="animal-title-3j08r",Ix="animal-ribbon-S4CL0",wx="animal-ribbonText-FUXBT",yx="animal-ribbonBack-cW93o",kx="animal-ribbonBackLeft-TZiON",vx="animal-ribbonBackRight-AipiN",Sx="animal-ribbonFold-qTBSV",bx="animal-ribbonFoldLeft-gVuCs",Px="animal-ribbonFoldRight-94--n",Bx="animal-ribbonFront-qihIp",Mx="animal-color-app-pink-m6nip",Ax="animal-color-purple-atkjz",Dx="animal-color-app-blue-Y3iTY",Fx="animal-color-app-yellow-JDjDu",Ex="animal-color-app-orange-NmeMm",Tx="animal-color-app-teal-QdItW",Rx="animal-color-app-green-E-Bfq",zx="animal-color-app-red-Bn9jO",Ox="animal-color-lime-green-TD3ck",Ux="animal-color-yellow-green-KnmJ5",Hx="animal-color-brown-Xr3XB",qx="animal-color-warm-peach-pink-4dp6n",he={title:Cx,ribbon:Ix,ribbonText:wx,ribbonBack:yx,ribbonBackLeft:kx,ribbonBackRight:vx,ribbonFold:Sx,ribbonFoldLeft:bx,ribbonFoldRight:Px,ribbonFront:Bx,"color-app-pink":"animal-color-app-pink-m6nip",colorAppPink:Mx,"color-purple":"animal-color-purple-atkjz",colorPurple:Ax,"color-app-blue":"animal-color-app-blue-Y3iTY",colorAppBlue:Dx,"color-app-yellow":"animal-color-app-yellow-JDjDu",colorAppYellow:Fx,"color-app-orange":"animal-color-app-orange-NmeMm",colorAppOrange:Ex,"color-app-teal":"animal-color-app-teal-QdItW",colorAppTeal:Tx,"color-app-green":"animal-color-app-green-E-Bfq",colorAppGreen:Rx,"color-app-red":"animal-color-app-red-Bn9jO",colorAppRed:zx,"color-lime-green":"animal-color-lime-green-TD3ck",colorLimeGreen:Ox,"color-yellow-green":"animal-color-yellow-green-KnmJ5",colorYellowGreen:Ux,"color-brown":"animal-color-brown-Xr3XB",colorBrown:Hx,"color-warm-peach-pink":"animal-color-warm-peach-pink-4dp6n",colorWarmPeachPink:qx};var Nx={small:14,middle:20,large:28},Wx=({children:e,fontSize:a,color:t})=>(0,qe.jsxs)("span",{className:(0,Va.default)(he.ribbon,t&&t!=="default"&&he[`color-${t}`]),style:{fontSize:`${a}px`},children:[(0,qe.jsx)("span",{className:(0,Va.default)(he.ribbonBack,he.ribbonBackLeft),"aria-hidden":!0}),(0,qe.jsx)("span",{className:(0,Va.default)(he.ribbonBack,he.ribbonBackRight),"aria-hidden":!0}),(0,qe.jsx)("span",{className:(0,Va.default)(he.ribbonFold,he.ribbonFoldLeft),"aria-hidden":!0}),(0,qe.jsx)("span",{className:(0,Va.default)(he.ribbonFold,he.ribbonFoldRight),"aria-hidden":!0}),(0,qe.jsx)("span",{className:he.ribbonFront,"aria-hidden":!0}),(0,qe.jsx)("span",{className:he.ribbonText,children:e})]}),pl=({children:e,size:a="middle",color:t="default",className:o,style:r})=>(0,qe.jsx)("span",{className:(0,Va.default)(he.title,o),style:r,children:(0,qe.jsx)(Wx,{fontSize:Nx[a],color:t,children:e})});pl.displayName="Title";var Qf=[{id:"en",name:"English",direction:"ltr"},{id:"zh-Hans",name:"\u7B80\u4F53\u4E2D\u6587",direction:"ltr"},{id:"zh-Hant-TW",name:"\u7E41\u9AD4\u4E2D\u6587\uFF08\u53F0\u7063\uFF09",direction:"ltr"},{id:"ja",name:"\u65E5\u672C\u8A9E",direction:"ltr"},{id:"ko",name:"\uD55C\uAD6D\uC5B4",direction:"ltr"},{id:"ar",name:"\u0627\u0644\u0639\u0631\u0628\u064A\u0629",direction:"rtl"},{id:"ru",name:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",direction:"ltr"},{id:"de",name:"Deutsch",direction:"ltr"},{id:"es",name:"Espa\xF1ol",direction:"ltr"},{id:"fr",name:"Fran\xE7ais",direction:"ltr"},{id:"it",name:"Italiano",direction:"ltr"}];var Zf={ellipse11:"Q",ellipse12:"W",ellipse13:"E",ellipse14:"R",ellipse15:"T",ellipse29:"Y",ellipse28:"U",ellipse27:"I",ellipse26:"O",ellipse25:"P",ellipse16:"A",ellipse17:"S",ellipse18:"D",ellipse19:"F",ellipse20:"G",ellipse34:"H",ellipse33:"J",ellipse32:"K",ellipse31:"L",ellipse30:"ENTER",ellipse21:"Z",ellipse22:"X",ellipse23:"C",ellipse24:"V",ellipse38:"B",ellipse37:"N",ellipse35:"M",ellipse36:"CAP",ellipse171:"SPACE"},Jf={path10:"ALT",path38:"BACK"};var $f={keymap:Zf,pathKeys:Jf,id:"pager",name:"T-LoRa Pager",width:480,height:222,manufacturer:"lilygo",touch:!1,unsupportedFeatures:[],controls:"Encoder + keyboard",note:"SX1262 and LR1121 require different firmware. Shared screen layout does not imply identical radio capabilities.",artwork:new URL("../../assets/device/lilygo/lilygo-tlora-pager.svg",import.meta.url).href,geometry:{viewBox:{width:587.9104,height:687.70074},sourceOffset:{x:245.94,y:153.75},screen:{x:99.98001,y:274.5,width:340.13,height:155.95},rotary:{x:501.18,y:285.42999,width:18.82,height:89.07}}};var ec=[["Q","W","E","R","T","Y","U","I","O","P"],["A","S","D","F","G","H","J","K","L","BACKSPACE"],["ALT","Z","X","C","V","B","N","M","$","ENTER"]].flatMap((e,a)=>e.map((t,o)=>({key:t,x:748.71+o*53.02,y:1147.19+a*66.27,width:53.02,height:52.62})));var ac={rectangleKeys:ec,id:"tdeck",name:"T-Deck",width:320,height:240,manufacturer:"lilygo",touch:!0,unsupportedFeatures:["sstv","walkie"],controls:"Touch + trackball + keyboard",note:"320 \xD7 240 compact layout. GNSS, audio and other peripherals depend on the hardware and selected build.",artwork:new URL("../../assets/device/lilygo/t-deck.svg",import.meta.url).href,geometry:{viewBox:{width:622.29,height:968.69},sourceOffset:{x:696.3,y:500.37},screen:{x:59.35,y:133.27,width:500.52,height:377.46},trackball:{x:291.87,y:551.62,width:52.8,height:52.8}}};var tc={id:"wio-tracker-l2",name:"Wio Tracker L2",width:320,height:240,diagonalInches:3.2,manufacturer:"seeed",touch:!0,unsupportedFeatures:[],controls:"Touch",note:"320 \xD7 240 \xB7 3.2\u2033",target:"wio_tracker_l2",artwork:new URL("../../assets/device/seeed/Wio%20Tracker%20L2.svg",import.meta.url).href,geometry:{viewBox:{width:604,height:804},sourceOffset:{x:492,y:55},screen:{x:138.333333,y:470,width:353.333334,height:265}}};var Ro={pager:$f,tdeck:ac,"wio-tracker-l2":tc};function Oo(){let[e,a]=(0,M.useState)({manufacturer:"Manufacturer",device:"Device",all:"All",language:"Language",backTop:"Back to top",protocol:"Sample protocol",previewDevice:"Preview device"});return(0,M.useEffect)(()=>{let t,o=!0;return import(new URL("../i18n/component-labels.js",import.meta.url).href).then(l=>l.watchComponentLabels(n=>{o&&a(n)})).then(l=>{o?t=l:l()}),()=>{o=!1,t?.()}},[]),e}function Gx({element:e}){let a=Oo(),[t,o]=(0,M.useState)(Ro[e.value]?.manufacturer||"lilygo"),[r,l]=(0,M.useState)(e.value),i=Object.values(Ro).filter(u=>u.manufacturer===t).map(u=>({key:u.id,label:u.name}));return M.default.createElement("span",{className:"simulator-device-picker"},M.default.createElement(na,{options:[{key:"lilygo",label:"LILYGO"},{key:"seeed",label:"Seeed Studio"}],value:t,"aria-label":a.manufacturer,onChange:u=>{let d=Object.values(Ro).find(m=>m.manufacturer===u);o(u),l(d.id),e.value=d.id,e.dispatchEvent(new Event("change",{bubbles:!0}))}}),M.default.createElement(na,{options:i,value:r,"aria-label":a.device,onChange:u=>{l(u),Ro[u]&&(e.value=u,e.dispatchEvent(new Event("change",{bubbles:!0})))}}))}var _x={"#overview":"page","#explorer":"icon-variant","#capabilities":"icon-design","#features":"icon-map","#languages":"icon-encyclopedia","#webflasher":"icon-diy","#docs":"page"},oc=document.querySelector("#device-brand-selector");if(oc){let e=function(){let a=Oo(),[t,o]=(0,M.useState)("all");(0,M.useEffect)(()=>{document.querySelectorAll(".device-support-card[data-brand]").forEach(l=>{l.hidden=t!=="all"&&l.dataset.brand!==t})},[t]);let r=[{key:"all",label:a.all},{key:"lilygo",label:"LILYGO"},{key:"seeed",label:"Seeed Studio"}];return M.default.createElement(na,{options:r,value:t,"aria-label":a.manufacturer,onChange:l=>{o(l)}})};(0,Xe.createRoot)(oc).render(M.default.createElement(e,null))}for(let e of document.querySelectorAll(".side-nav > a")){let a=_x[e.getAttribute("href")];if(!a)continue;let t=document.createElement("span");t.className="navigation-icon",t.setAttribute("aria-hidden","true"),e.before(t),(0,Xe.createRoot)(t).render(M.default.createElement(To,{name:a,size:22}))}for(let[e,a]of[[".product-principles article:nth-child(1)","page"],[".product-principles article:nth-child(2)","icon-chat"],[".product-principles article:nth-child(3)","icon-map"],[".product-principles article:nth-child(4)","location"],["#prepare","icon-map"],["#webflasher .board-card","icon-diy"]]){let t=document.querySelector(e);if(!t)continue;let o=document.createElement("span");o.className="section-icon-badge",o.setAttribute("aria-hidden","true"),t.prepend(o),(0,Xe.createRoot)(o).render(M.default.createElement(To,{name:a,size:28}))}for(let[e,a,t]of[["#webflasher h2","icon-diy","app-teal"],["#languages h2","icon-encyclopedia","app-blue"],["#design-purpose h2","icon-design","app-green"],["#field-calculator h2","icon-map","app-yellow"]]){let o=document.querySelector(e);if(!o)continue;let r=document.createElement("div");r.className="island-section-title",o.after(r);let l=(0,Xe.createRoot)(r),n=()=>l.render(M.default.createElement(pl,{color:t,size:"middle"},M.default.createElement("span",{role:"heading","aria-level":"2"},M.default.createElement(To,{name:a,size:24,"aria-hidden":"true"})," ",o.textContent)));o.hidden=!0,n(),new MutationObserver(n).observe(o,{childList:!0,characterData:!0,subtree:!0})}var qi=document.createElement("div");qi.id="island-decoration";document.body.prepend(qi);(0,Xe.createRoot)(qi).render(M.default.createElement(dl,{type:"sprinkles",className:"page-island-background","aria-hidden":"true"}));var St=document.createElement("div");St.id="island-backtop";document.body.append(St);function Vx(){let e=Oo();return(0,M.useEffect)(()=>{let a=()=>{St.querySelector('[role="button"]')?.setAttribute("aria-label",e.backTop),St.querySelector("img")?.setAttribute("alt",e.backTop)};a();let t=new MutationObserver(a);return t.observe(St,{childList:!0,subtree:!0}),()=>t.disconnect()},[e.backTop]),M.default.createElement(sl,{visibilityHeight:400,style:{right:16,bottom:20}})}(0,Xe.createRoot)(St).render(M.default.createElement(Vx,null));var ja=document.querySelector("#install-target"),zo=document.querySelector("#site-language");if(zo){let e=function(){let t=Oo(),[o,r]=(0,M.useState)(document.documentElement.lang||"en");return(0,M.useEffect)(()=>{let l=new MutationObserver(()=>r(document.documentElement.lang));return l.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]}),()=>l.disconnect()},[]),M.default.createElement(na,{options:Qf.map(l=>({key:l.id,label:l.name})),value:o,"aria-label":t.language,onChange:l=>{zo.value=l,zo.dispatchEvent(new Event("change",{bubbles:!0}))}})},a=document.createElement("div");zo.after(a),(0,Xe.createRoot)(a).render(M.default.createElement(e,null)),zo.hidden=!0}function jx({element:e}){let a=Oo(),[t,o]=(0,M.useState)(e.value);(0,M.useEffect)(()=>{let l=()=>o(e.value);return e.addEventListener("change",l),()=>e.removeEventListener("change",l)},[e]);let r=Array.from(e.options,l=>({key:l.value,label:l.textContent}));return M.default.createElement(na,{options:r,value:t,"aria-label":e.id==="native-protocol"?a.protocol:a.previewDevice,onChange:l=>{e.value=l,o(l),e.dispatchEvent(new Event("change",{bubbles:!0}))}})}var rc=new MutationObserver(()=>{let e=["native-device","native-protocol"].map(a=>document.getElementById(a));if(!e.some(a=>!a)){rc.disconnect();for(let a of e){let t=document.createElement("span");t.className="island-preview-select",a.after(t),(0,Xe.createRoot)(t).render(a.id==="native-device"?M.default.createElement(Gx,{element:a}):M.default.createElement(jx,{element:a})),a.hidden=!0}}});rc.observe(document.querySelector("#explorer"),{childList:!0,subtree:!0});if(ja){let t=function(){let[o,r]=(0,M.useState)(ja.value);return M.default.createElement(na,{options:a,value:o,"aria-labelledby":"install-target-label",onChange:l=>{ja.value=l,r(l),ja.dispatchEvent(new Event("change",{bubbles:!0}))}})},e=document.createElement("div");e.className="island-install-select",ja.after(e);let a=Array.from(ja.options,o=>({key:o.value,label:o.textContent}));(0,Xe.createRoot)(e).render(M.default.createElement(t,null)),ja.hidden=!0}
+/*! For license information please see components.js.LEGAL.txt */
diff --git a/site/components-dist/components.js.LEGAL.txt b/site/components-dist/components.js.LEGAL.txt
new file mode 100644
index 00000000..e3f98d55
--- /dev/null
+++ b/site/components-dist/components.js.LEGAL.txt
@@ -0,0 +1,85 @@
+Bundled license information:
+
+react/cjs/react.production.min.js:
+  /**
+   * @license React
+   * react.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+
+scheduler/cjs/scheduler.production.min.js:
+  /**
+   * @license React
+   * scheduler.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+
+react-dom/cjs/react-dom.production.min.js:
+  /**
+   * @license React
+   * react-dom.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+
+react/cjs/react-jsx-runtime.production.min.js:
+  /**
+   * @license React
+   * react-jsx-runtime.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+
+classnames/index.js:
+  /*!
+    Copyright (c) 2018 Jed Watson.
+    Licensed under the MIT License (MIT), see
+    http://jedwatson.github.io/classnames
+  */
+
+lucide-react/dist/esm/shared/src/utils/toKebabCase.mjs:
+lucide-react/dist/esm/shared/src/utils/toLucideIconData.mjs:
+lucide-react/dist/esm/shared/src/utils/toCamelCase.mjs:
+lucide-react/dist/esm/shared/src/utils/toPascalCase.mjs:
+lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs:
+lucide-react/dist/esm/shared/src/build/defaultAttributes.mjs:
+lucide-react/dist/esm/shared/src/build/buildLucideIconNode.mjs:
+lucide-react/dist/esm/shared/src/build/buildLucideIconForReact.mjs:
+lucide-react/dist/esm/shared/src/utils/hasA11yProp.mjs:
+lucide-react/dist/esm/context.mjs:
+lucide-react/dist/esm/Icon.mjs:
+lucide-react/dist/esm/createLucideIcon.mjs:
+lucide-react/dist/esm/icons/book-open.mjs:
+lucide-react/dist/esm/icons/camera.mjs:
+lucide-react/dist/esm/icons/chevron-left.mjs:
+lucide-react/dist/esm/icons/chevron-right.mjs:
+lucide-react/dist/esm/icons/file-text.mjs:
+lucide-react/dist/esm/icons/hammer.mjs:
+lucide-react/dist/esm/icons/map-pin.mjs:
+lucide-react/dist/esm/icons/map.mjs:
+lucide-react/dist/esm/icons/message-circle.mjs:
+lucide-react/dist/esm/icons/palette.mjs:
+lucide-react/dist/esm/icons/shopping-cart.mjs:
+lucide-react/dist/esm/icons/shuffle.mjs:
+lucide-react/dist/esm/icons/wifi.mjs:
+lucide-react/dist/esm/lucide-react.mjs:
+  /**
+   * @license lucide-react v1.45.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
diff --git a/site/components-dist/noto-sans-sc-chinese-simplified-400-normal.e25467c8-4JKGPSA3.woff2 b/site/components-dist/noto-sans-sc-chinese-simplified-400-normal.e25467c8-4JKGPSA3.woff2
new file mode 100644
index 00000000..99c8c932
Binary files /dev/null and b/site/components-dist/noto-sans-sc-chinese-simplified-400-normal.e25467c8-4JKGPSA3.woff2 differ
diff --git a/site/components-dist/noto-sans-sc-chinese-simplified-500-normal.d3553b6f-2NKTW33X.woff2 b/site/components-dist/noto-sans-sc-chinese-simplified-500-normal.d3553b6f-2NKTW33X.woff2
new file mode 100644
index 00000000..5801a8f2
Binary files /dev/null and b/site/components-dist/noto-sans-sc-chinese-simplified-500-normal.d3553b6f-2NKTW33X.woff2 differ
diff --git a/site/components-dist/noto-sans-sc-chinese-simplified-700-normal.6e0a7691-NYFHNELR.woff2 b/site/components-dist/noto-sans-sc-chinese-simplified-700-normal.6e0a7691-NYFHNELR.woff2
new file mode 100644
index 00000000..d4d08e2a
Binary files /dev/null and b/site/components-dist/noto-sans-sc-chinese-simplified-700-normal.6e0a7691-NYFHNELR.woff2 differ
diff --git a/site/components-dist/noto-sans-sc-latin-400-normal.d0072abd-2ADSVPLS.woff2 b/site/components-dist/noto-sans-sc-latin-400-normal.d0072abd-2ADSVPLS.woff2
new file mode 100644
index 00000000..334db563
Binary files /dev/null and b/site/components-dist/noto-sans-sc-latin-400-normal.d0072abd-2ADSVPLS.woff2 differ
diff --git a/site/components-dist/noto-sans-sc-latin-500-normal.df58f967-35MPSZ36.woff2 b/site/components-dist/noto-sans-sc-latin-500-normal.df58f967-35MPSZ36.woff2
new file mode 100644
index 00000000..489fc764
Binary files /dev/null and b/site/components-dist/noto-sans-sc-latin-500-normal.df58f967-35MPSZ36.woff2 differ
diff --git a/site/components-dist/noto-sans-sc-latin-700-normal.11e48442-CHSIIQQ6.woff2 b/site/components-dist/noto-sans-sc-latin-700-normal.11e48442-CHSIIQQ6.woff2
new file mode 100644
index 00000000..386faff7
Binary files /dev/null and b/site/components-dist/noto-sans-sc-latin-700-normal.11e48442-CHSIIQQ6.woff2 differ
diff --git a/site/components-dist/nunito-latin-500-normal.78b3b3a4-PCZ3HJA7.woff2 b/site/components-dist/nunito-latin-500-normal.78b3b3a4-PCZ3HJA7.woff2
new file mode 100644
index 00000000..7a8b4494
Binary files /dev/null and b/site/components-dist/nunito-latin-500-normal.78b3b3a4-PCZ3HJA7.woff2 differ
diff --git a/site/components-dist/nunito-latin-700-normal.0b62b606-BNRLMBX2.woff2 b/site/components-dist/nunito-latin-700-normal.0b62b606-BNRLMBX2.woff2
new file mode 100644
index 00000000..5b423ba9
Binary files /dev/null and b/site/components-dist/nunito-latin-700-normal.0b62b606-BNRLMBX2.woff2 differ
diff --git a/site/components-dist/nunito-latin-900-normal.8b5d13b8-RNORHODW.woff2 b/site/components-dist/nunito-latin-900-normal.8b5d13b8-RNORHODW.woff2
new file mode 100644
index 00000000..13ec320d
Binary files /dev/null and b/site/components-dist/nunito-latin-900-normal.8b5d13b8-RNORHODW.woff2 differ
diff --git a/site/components.jsx b/site/components.jsx
new file mode 100644
index 00000000..420b5e14
--- /dev/null
+++ b/site/components.jsx
@@ -0,0 +1,185 @@
+import React, {useState, useEffect} from 'react';
+import {createRoot} from 'react-dom/client';
+import {Select, Background, BackTop, Title, Icon} from 'animal-island-ui';
+import 'animal-island-ui/style';
+import {locales} from './i18n/registry.js';
+function useWebsiteLabels() {
+  const [labels,setLabels]=useState({manufacturer:'Manufacturer',device:'Device',all:'All',language:'Language',backTop:'Back to top',protocol:'Sample protocol',previewDevice:'Preview device'});
+  useEffect(()=>{
+    let dispose,active=true;
+    const url=new URL('../i18n/component-labels.js',import.meta.url);
+    import(url.href).then(module=>module.watchComponentLabels(value=>{if(active)setLabels(value);})).then(unsubscribe=>{if(active)dispose=unsubscribe;else unsubscribe();});
+    return ()=>{active=false;dispose?.();};
+  },[]);
+  return labels;
+}
+import {devices as simulatorDevices} from './simulator/devices/registry.js';
+
+function SimulatorDevicePicker({element}) {
+  const labels=useWebsiteLabels();
+  const [brand,setBrand]=useState(simulatorDevices[element.value]?.manufacturer||'lilygo');
+  const [device,setDevice]=useState(element.value);
+  const ready=Object.values(simulatorDevices).filter(item=>item.manufacturer===brand);
+  const options=ready.map(item=>({key:item.id,label:item.name}));
+  return <span className="simulator-device-picker">
+    <Select options={[{key:'lilygo',label:'LILYGO'},{key:'seeed',label:'Seeed Studio'}]} value={brand} aria-label={labels.manufacturer} onChange={value=>{
+      const next=Object.values(simulatorDevices).find(item=>item.manufacturer===value);
+      setBrand(value);setDevice(next.id);
+      element.value=next.id;element.dispatchEvent(new Event('change',{bubbles:true}));
+    }}/>
+    <Select options={options} value={device} aria-label={labels.device} onChange={value=>{
+      setDevice(value);
+      if(simulatorDevices[value]){element.value=value;element.dispatchEvent(new Event('change',{bubbles:true}));}
+    }}/>
+  </span>;
+}
+
+const navigationIcons = {
+  '#overview':'page', '#explorer':'icon-variant', '#capabilities':'icon-design',
+  '#features':'icon-map', '#languages':'icon-encyclopedia',
+  '#webflasher':'icon-diy', '#docs':'page',
+};
+const brandHost=document.querySelector('#device-brand-selector');
+if(brandHost) {
+  function BrandSelector() {
+    const labels=useWebsiteLabels();
+    const [brand,setBrand]=useState('all');
+    useEffect(()=>{
+      document.querySelectorAll('.device-support-card[data-brand]').forEach(card=>{card.hidden=brand!=='all'&&card.dataset.brand!==brand;});
+    },[brand]);
+    const options=[{key:'all',label:labels.all},{key:'lilygo',label:'LILYGO'},{key:'seeed',label:'Seeed Studio'}];
+    return <Select options={options} value={brand} aria-label={labels.manufacturer} onChange={value=>{
+      setBrand(value);
+    }}/>;
+  }
+  createRoot(brandHost).render(<BrandSelector/>);
+}
+for (const link of document.querySelectorAll('.side-nav > a')) {
+  const name=navigationIcons[link.getAttribute('href')];
+  if(!name)continue;
+  const decoration=document.createElement('span');
+  decoration.className='navigation-icon';
+  decoration.setAttribute('aria-hidden','true');
+  // Sibling placement survives the legacy translator replacing link textContent.
+  link.before(decoration);
+  createRoot(decoration).render(<Icon name={name} size={22}/>);
+}
+for (const [selector,name] of [
+  ['.product-principles article:nth-child(1)','page'],
+  ['.product-principles article:nth-child(2)','icon-chat'],
+  ['.product-principles article:nth-child(3)','icon-map'],
+  ['.product-principles article:nth-child(4)','location'],
+  ['#prepare','icon-map'],['#webflasher .board-card','icon-diy'],
+]) {
+  const parent=document.querySelector(selector);
+  if(!parent)continue;
+  const decoration=document.createElement('span');
+  decoration.className='section-icon-badge';
+  decoration.setAttribute('aria-hidden','true');
+  parent.prepend(decoration);
+  createRoot(decoration).render(<Icon name={name} size={28}/>);
+}
+
+// Preserve each existing heading as the localized source and mirror it in Title.
+for (const [selector, icon, color] of [
+  ['#webflasher h2','icon-diy','app-teal'],
+  ['#languages h2','icon-encyclopedia','app-blue'],
+  ['#design-purpose h2','icon-design','app-green'],
+  ['#field-calculator h2','icon-map','app-yellow'],
+]) {
+  const heading=document.querySelector(selector);
+  if(!heading)continue;
+  const host=document.createElement('div');
+  host.className='island-section-title';
+  heading.after(host);
+  const root=createRoot(host);
+  const render=()=>root.render(<Title color={color} size="middle"><span role="heading" aria-level="2"><Icon name={icon} size={24} aria-hidden="true"/> {heading.textContent}</span></Title>);
+  heading.hidden=true;
+  render();
+  new MutationObserver(render).observe(heading,{childList:true,characterData:true,subtree:true});
+}
+
+const decorationHost = document.createElement('div');
+decorationHost.id = 'island-decoration';
+document.body.prepend(decorationHost);
+createRoot(decorationHost).render(<Background type="sprinkles" className="page-island-background" aria-hidden="true"/>);
+const backTopHost = document.createElement('div');
+backTopHost.id = 'island-backtop';
+document.body.append(backTopHost);
+function LocalizedBackTop() {
+  const labels=useWebsiteLabels();
+  useEffect(()=>{
+    const sync=()=>{
+      backTopHost.querySelector('[role="button"]')?.setAttribute('aria-label',labels.backTop);
+      backTopHost.querySelector('img')?.setAttribute('alt',labels.backTop);
+    };
+    sync();
+    const observer=new MutationObserver(sync);
+    observer.observe(backTopHost,{childList:true,subtree:true});
+    return ()=>observer.disconnect();
+  },[labels.backTop]);
+  return <BackTop visibilityHeight={400} style={{right:16,bottom:20}}/>;
+}
+createRoot(backTopHost).render(<LocalizedBackTop/>);
+
+const original = document.querySelector('#install-target');
+const languageElement=document.querySelector('#site-language');
+if(languageElement) {
+  function LanguagePicker() {
+    const labels=useWebsiteLabels();
+    const [value,setValue]=useState(document.documentElement.lang||'en');
+    useEffect(()=>{
+      const observer=new MutationObserver(()=>setValue(document.documentElement.lang));
+      observer.observe(document.documentElement,{attributes:true,attributeFilter:['lang']});
+      return ()=>observer.disconnect();
+    },[]);
+    return <Select options={locales.map(locale=>({key:locale.id,label:locale.name}))} value={value} aria-label={labels.language} onChange={key=>{
+      languageElement.value=key;languageElement.dispatchEvent(new Event('change',{bubbles:true}));
+    }}/>;
+  }
+  const host=document.createElement('div');languageElement.after(host);
+  createRoot(host).render(<LanguagePicker/>);languageElement.hidden=true;
+}
+// The native explorer is mounted asynchronously, after the WASM manifest loads.
+function PreviewDeviceSelect({element}) {
+  const labels=useWebsiteLabels();
+  const [value,setValue]=useState(element.value);
+  useEffect(()=>{
+    const sync=()=>setValue(element.value);
+    element.addEventListener('change',sync);
+    return ()=>element.removeEventListener('change',sync);
+  },[element]);
+  const options=Array.from(element.options,option=>({key:option.value,label:option.textContent}));
+  return <Select options={options} value={value} aria-label={element.id==='native-protocol'?labels.protocol:labels.previewDevice} onChange={key=>{
+    element.value=key;setValue(key);element.dispatchEvent(new Event('change',{bubbles:true}));
+  }}/>;
+}
+const previewObserver=new MutationObserver(()=>{
+  const elements=['native-device','native-protocol'].map(id=>document.getElementById(id));
+  if(elements.some(element=>!element))return;
+  previewObserver.disconnect();
+  for(const element of elements) {
+  const host=document.createElement('span');
+  host.className='island-preview-select';
+  element.after(host);
+  createRoot(host).render(element.id==='native-device'?<SimulatorDevicePicker element={element}/>:<PreviewDeviceSelect element={element}/>);
+  element.hidden=true;
+  }
+});
+previewObserver.observe(document.querySelector('#explorer'),{childList:true,subtree:true});
+if (original) {
+  const host = document.createElement('div');
+  host.className = 'island-install-select';
+  original.after(host);
+  const options = Array.from(original.options, option => ({key:option.value,label:option.textContent}));
+  function InstallSelect() {
+    const [value,setValue] = useState(original.value);
+    return <Select options={options} value={value} aria-labelledby="install-target-label" onChange={key=>{
+      original.value=key;
+      setValue(key);
+      original.dispatchEvent(new Event('change',{bubbles:true}));
+    }}/>;
+  }
+  createRoot(host).render(<InstallSelect/>);
+  original.hidden=true;
+}
diff --git a/site/explorer-data.js b/site/explorer-data.js
new file mode 100644
index 00000000..da7ec6a1
--- /dev/null
+++ b/site/explorer-data.js
@@ -0,0 +1,98 @@
+// Stable feature IDs and documentation links; prose lives in i18n/features-<locale>.js.
+export const FEATURES = [
+  {
+    "id": "home",
+    "icon": "⌂",
+    "source": "modules/ui_shared/src/ui/menu/menu_profile.cpp"
+  },
+  {
+    "id": "map",
+    "icon": "⌖",
+    "source": "README.md#-gps-map-performance-first"
+  },
+  {
+    "id": "gps",
+    "icon": "✧",
+    "source": "README.md#️-gnss-sky-plot"
+  },
+  {
+    "id": "tracker",
+    "icon": "〰",
+    "source": "README.md#-track-recording--route-following"
+  },
+  {
+    "id": "route",
+    "icon": "⚑",
+    "source": "README.md#-track-recording--route-following"
+  },
+  {
+    "id": "chat",
+    "icon": "☏",
+    "source": "README.md#-decentralized-messaging-meshtastic--meshcore--reticulum"
+  },
+  {
+    "id": "contacts",
+    "icon": "♧",
+    "source": "README.md#-contacts"
+  },
+  {
+    "id": "team",
+    "icon": "♧",
+    "source": "README.md#-tak--team-mode-esp-now-pairing--lora-ops"
+  },
+  {
+    "id": "walkie",
+    "icon": "♬",
+    "source": "README.md#️-walkie-talkie"
+  },
+  {
+    "id": "probe",
+    "icon": "⌁",
+    "source": "docs/EnergySweep/function.md"
+  },
+  {
+    "id": "sstv",
+    "icon": "▧",
+    "source": "README.md#-sstv-receiver-slow-scan-tv"
+  },
+  {
+    "id": "network",
+    "icon": "◎",
+    "source": "README.md#-nomad-network"
+  },
+  {
+    "id": "mqtt",
+    "icon": "⇄",
+    "source": "README.md#️-mesh-mqtt-meshtastic--meshcore"
+  },
+  {
+    "id": "usb",
+    "icon": "▱",
+    "source": "README.md#-usb-mass-storage"
+  },
+  {
+    "id": "extensions",
+    "icon": "⊞",
+    "source": "packs"
+  },
+  {
+    "id": "settings",
+    "icon": "⚙",
+    "source": "README.md#️-system-settings--status"
+  },
+  {
+    "id": "calculator",
+    "icon": "▦",
+    "source": "modules/ui_shared/src/ui/screens/calculator/calculator_engine.cpp"
+  },
+  {
+    "id": "help",
+    "icon": "?",
+    "source": "modules/ui_shared/src/ui/menu/menu_runtime.cpp"
+  },
+  {
+    "id": "power",
+    "icon": "⏻",
+    "source": "README.md#-system-management"
+  }
+];
diff --git a/site/explorer.css b/site/explorer.css
new file mode 100644
index 00000000..1c1df014
--- /dev/null
+++ b/site/explorer.css
@@ -0,0 +1,357 @@
+/* Website layout only. Device pixels are rendered by the firmware in WebAssembly. */
+:root { --guide-ink:#203e37; --guide-muted:#61746a; --guide-line:#d5ded4; }
+body { background:#f4f5ee; color:var(--guide-ink); }
+body::before { display:none; }
+.page-shell { width:calc(100% - clamp(24px,5vw,112px)); max-width:2400px; }
+.content-shell { grid-template-columns:180px minmax(0,1fr); gap:clamp(20px,3vw,60px); }
+.main-content { min-width:0; }
+.topbar { border-width:1px; border-radius:14px; box-shadow:none; background:#fbfcf7f2; }
+.sidebar { padding:18px 6px; border:0; border-radius:0; box-shadow:none; background:transparent; overflow-x:hidden; }
+.sidebar-label { font-size:10px; letter-spacing:2px; }
+.side-device { min-width:0; width:100%; padding:8px 5px; font-size:11px; }
+.side-nav>a { padding:9px 5px; font-size:12px; }
+.side-nav>a::before,.side-device::before { display:none; }
+.hero { grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr); gap:40px; padding:28px 0 40px; }
+.hero h1 { font-size:clamp(56px,6.5vw,108px); letter-spacing:-.065em; line-height:1; }
+.hero-tagline { max-width:25ch; font-size:clamp(22px,2.1vw,36px); line-height:1.2; color:var(--guide-ink); }
+.hero .lede { max-width:68ch; color:var(--guide-muted); font-size:15px; }
+.hero .eyebrow { letter-spacing:2px; font-size:11px; }
+.hero-visual { display:flex; flex-direction:column; justify-content:center; background:#e7edde; padding:32px; border-radius:4px 70px 4px 4px; position:relative; overflow:hidden; }
+.hero-visual::before,.hero-visual::after { display:none; }
+.hero-compass { font:100px Georgia,serif; line-height:1; color:#47745f; }
+.hero-visual h3 { font-size:24px; max-width:18ch; margin:10px 0; }
+.hero-visual p { margin:8px 0; font-size:14px; }
+.hero-note { position:static; padding:0; background:none; box-shadow:none; border:0; transform:none; }
+.hero-note-release { margin-top:22px; padding-top:14px; border-top:1px solid #bbcbb8; }
+.animal-divider { display:none; }
+.overview-ribbon { border:1px solid var(--guide-line); border-radius:6px; box-shadow:none; }
+.capability-section,.language-section,.install-section,.device-section,.docs-panel { margin-top:56px; }
+.capability-card,.device-stage,.language-highlight,.language-pack-card,.board-card { box-shadow:none; border:1px solid var(--guide-line); border-radius:8px; }
+.capability-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
+.device-showcase { display:block; }
+.device-detail-panel { max-width:none; }
+.device-interactions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 28px; }
+.story-stack { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:48px 0; }
+.story-section { display:block; padding:24px; background:#e9eedf; border:0; box-shadow:none; border-radius:6px; }
+.story-section h2 { font-size:26px; }
+.story-section p { font-size:15px; }
+.story-section ul { padding-left:20px; line-height:1.8; }
+.product-principles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin:40px 0; padding:28px 0; border-block:1px solid var(--guide-line); }
+.product-principles h3 { font-size:18px; margin:10px 0; }
+.product-principles p { color:var(--guide-muted); font-size:14px; line-height:1.6; }
+.product-principles .principle-no { color:#749178; font:12px monospace; }
+.field-preparation { margin:40px 0; padding:28px; background:#fffdf4; color:#58452f; border-radius:8px; }
+.field-preparation h2 { color:inherit; font-size:30px; }
+.field-preparation ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; padding-left:20px; line-height:1.7; }
+.field-preparation a { color:#245b4c; text-decoration:underline; text-underline-offset:3px; }
+.field-preparation h2,.field-preparation strong { color:#654423; }
+.survey-section { margin:50px 0; padding:30px 0; border-block:1px solid var(--guide-line); }
+.survey-section>p { max-width:90ch; font-size:15px; line-height:1.8; }
+.survey-section h2 { font-size:34px; }
+.survey-examples { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin:24px 0; }
+.survey-examples article { background:#ebeede; padding:22px; border-radius:8px; }
+.survey-examples article>span { font:10px monospace; letter-spacing:1px; color:#6d846b; }
+.survey-examples h3 { font-size:22px; }
+.survey-examples p { font-size:13px; line-height:1.8; }
+#explorer { scroll-margin-top:100px; margin:40px 0 60px; color:var(--guide-ink); }
+#explorer button { cursor:pointer; }
+.explorer-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:24px; }
+.explorer-heading h2 { font-size:clamp(28px,2.7vw,46px); line-height:1.15; letter-spacing:-.035em; margin:8px 0 0; }
+.explorer-heading>p { color:var(--guide-muted); font-size:14px; }
+.explorer-heading .eyebrow { letter-spacing:2px; font-size:10px; }
+.explorer-toolbar { display:flex; align-items:center; gap:14px; padding:14px 0; border-block:1px solid var(--guide-line); flex-wrap:wrap; }
+.explorer-toolbar>button { margin-left:auto; }
+.explorer-toolbar button { border:0; border-radius:5px; padding:9px 14px; font-size:12px; background:transparent; color:var(--guide-ink); }
+.explorer-toolbar label { font-size:12px; }
+.device-preview-select { display:flex; align-items:center; gap:8px; font-weight:800; color:var(--animal-brown); }
+.profile-switch { display:flex; gap:4px; padding:4px; border-radius:7px; background:#e3e8de; }
+.profile-switch button[aria-pressed=true] { background:#fffef8; box-shadow:0 2px 4px #31433717; }
+.demo-badge { color:#3d7861; font:10px monospace; letter-spacing:1px; }
+.native-layout { display:grid; grid-template-columns:180px minmax(0,1fr) minmax(240px,320px); gap:clamp(18px,2vw,36px); padding:26px 0; align-items:start; }
+#native-navigation { max-height:700px; overflow-y:auto; scrollbar-width:thin; padding-right:8px; }
+#native-page-list { display:grid; gap:3px; }
+#native-page-list button { text-align:left; padding:10px; font-size:12px; border:1px solid transparent; border-radius:5px; background:transparent; color:#486153; }
+#native-page-list button:hover { background:#e7ecdf; }
+#native-page-list button[aria-current=page] { background:#e0eada; border-color:#c5d6bc; color:#244f3d; font-weight:800; }
+#native-page-list small { display:block; font-size:10px; color:#7c8c81; margin-top:4px; }
+.feature-search { display:block; font-size:10px; color:var(--guide-muted); }
+.feature-search input { display:block; margin:8px 0 14px; width:100%; padding:10px; border:1px solid var(--guide-line); background:#fcfcf6; border-radius:5px; font-size:12px; }
+.native-stage { min-width:0; padding-top:5px; }
+.native-scroll.svg-device-viewport { display:block; padding:12px; overflow:auto; }
+.svg-device { position:relative; margin:auto; flex:none; }
+.svg-device > img { display:block; width:100%; height:100%; pointer-events:none; }
+.svg-device .device-input-overlay { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
+.device-input-overlay [role=button] { cursor:pointer; touch-action:none; }
+.device-input-overlay .pressed,.device-input-overlay [role=button]:focus-visible { fill:#f5bf5544; stroke:#b47825; stroke-width:2px; }
+.svg-wheel { position:absolute; background:transparent; border:0; padding:0; cursor:ns-resize; touch-action:none; }
+.svg-wheel:active { background:#f5bf5544; }
+.native-caption { display:flex; justify-content:space-between; gap:12px; font:11px/1.6 monospace; color:#647766; margin-bottom:16px; }
+.native-caption a { text-decoration:underline; }
+#native-status { font:11px/1.6 monospace; color:#5d735f; min-height:18px; }
+.native-scroll { width:100%; overflow:auto; padding:16px 0 8px; background:#e7ebdf; border-radius:6px; min-height:260px; display:grid; align-items:center; }
+#native-display { position:relative; background:#fff3df; max-width:none; margin:0 auto; }
+#native-canvas { display:block; width:100%; height:100%; image-rendering:pixelated; touch-action:none; }
+#native-controls { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
+#native-controls button,#native-controls textarea { position:absolute; padding:0; border:0; background:transparent; opacity:0; pointer-events:auto; resize:none; }
+#native-controls button:focus-visible { opacity:1; outline:2px solid #1688bb; outline-offset:-2px; background:#1688bb18; }
+#native-controls textarea:focus { opacity:0; }
+.native-inputs { display:flex; justify-content:center; gap:8px; padding:14px 0; flex-wrap:wrap; }
+.native-inputs button { padding:7px 12px; font:11px monospace; background:#e8eddf; border:1px solid #cbd8c1; border-radius:5px; color:#42633c; }
+.native-scenarios { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; padding:12px 0; border-block:1px solid var(--guide-line); }
+.native-scenarios label { font-size:11px; }
+.native-scenarios>span { font-size:10px; color:#7a897a; }
+#explorer select { border:1px solid #cbd8c1; background:#fcfcf6; color:#42633c; padding:6px; border-radius:4px; font-size:11px; }
+.demo-boundary { text-align:center; font-size:11px; line-height:1.7; color:#748373; margin:18px 0 8px; }
+.map-credit { font-size:10px; line-height:1.7; color:#80907e; text-align:center; }
+.map-credit a { text-decoration:underline; }
+.feature-guide { min-width:0; }
+.feature-guide>.eyebrow { font-size:9px; letter-spacing:1.2px; }
+.feature-guide h3 { font-size:25px; line-height:1.2; letter-spacing:-.025em; margin:18px 0 12px; }
+.feature-guide p { font-size:13px; line-height:1.8; color:#697a6b; }
+.feature-guide h4 { font-size:12px; margin:22px 0 0; }
+.try-this { margin:24px 0; padding:15px; background:#e6eddc; border-left:3px solid #93ad75; }
+.try-this strong { font:9px monospace; letter-spacing:1px; }
+.try-this p { margin:7px 0 0; color:#48663e; }
+.guide-doc { display:inline-block; border-bottom:1px solid #779568; font-size:12px; padding-bottom:3px; margin:6px 0 14px; }
+.device-note { border-top:1px solid var(--guide-line); padding-top:16px; }
+.device-note strong { font-size:11px; }
+.device-note p { font-size:11px; }
+#native-service { padding:26px; border:1px solid var(--guide-line); background:#edf1e6; line-height:1.8; }
+.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
+[hidden] { display:none!important; }
+:focus-visible { outline:3px solid #478772; outline-offset:3px; }
+.prototype-switcher { position:fixed; bottom:18px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:15px; padding:8px 12px; border-radius:100px; background:#233d32; color:#fcfae9; box-shadow:0 5px 20px #0004; z-index:100; font:11px monospace; width:max-content; max-width:95vw; }
+.prototype-switcher button { border:0; color:inherit; background:#ffffff14; border-radius:50%; width:32px; height:32px; cursor:pointer; }
+body[data-variant=B] .content-shell,body[data-variant=C] .content-shell { display:block; }
+body[data-variant=B] .sidebar,body[data-variant=C] .sidebar { display:none; }
+body[data-variant=B] .native-layout { grid-template-columns:minmax(260px,.8fr) minmax(360px,1.5fr); }
+body[data-variant=B] #native-navigation { grid-column:1/-1; max-height:180px; }
+body[data-variant=B] #native-page-list { display:flex; flex-wrap:wrap; gap:5px; }
+body[data-variant=B] #native-guide { grid-column:1; grid-row:2; padding-right:40px; }
+body[data-variant=B] .native-stage { grid-column:2; grid-row:2; }
+body[data-variant=C] .hero { display:block; padding:20px 0; }
+body[data-variant=C] .hero h1 { font-size:54px; }
+body[data-variant=C] .hero-visual { display:none; }
+body[data-variant=C] .native-layout { grid-template-columns:180px minmax(0,1fr); background:#263f34; border-radius:8px; padding:30px; }
+body[data-variant=C] #native-navigation { grid-row:1/3; }
+body[data-variant=C] #native-page-list button,body[data-variant=C] .native-caption,body[data-variant=C] .native-scenarios label { color:#d1dfc8; }
+body[data-variant=C] #native-page-list button[aria-current=page] { color:#244f3d; }
+body[data-variant=C] #native-guide { grid-column:2; display:grid; grid-template-columns:1fr 1fr; column-gap:32px; background:#f5f4e9; padding:24px; border-radius:6px; }
+@media(min-width:1800px) { .native-layout { grid-template-columns:210px minmax(480px,1fr) 330px; gap:36px; } .native-scroll { min-height:400px; } }
+@media(max-width:1200px) { .content-shell { grid-template-columns:145px minmax(0,1fr); gap:24px; } .native-layout { grid-template-columns:150px minmax(0,1fr); } #native-navigation { grid-row:1/3; } #native-guide { grid-column:2; } .hero { gap:24px; } }
+@media(max-width:1000px) { .content-shell { display:block; } .sidebar { position:static; max-height:none; padding:0; margin-bottom:20px; } .sidebar-label,.nav-group { display:none; } .side-nav { display:flex; flex-wrap:wrap; gap:4px; } .side-nav>a { padding:7px 10px; font-size:11px; } .product-principles { grid-template-columns:repeat(2,1fr); } .story-stack,.survey-examples { grid-template-columns:1fr; } .hero-visual { padding:22px; } }
+@media(max-width:700px) { .page-shell { width:calc(100% - 24px); } .topbar { top:4px; padding:8px; } .top-actions { gap:0; } .top-link { padding:0 8px; font-size:11px; } .brand-logo { width:36px; } .brand-text { font-size:13px; } .hero { display:block; padding:15px 0; } .hero-visual { display:none; } .hero h1 { font-size:64px; } .hero-tagline { max-width:24ch; } .explorer-heading { display:block; } .explorer-heading>p { font-size:12px; } .demo-badge { display:none; } .explorer-toolbar { gap:5px; } .explorer-toolbar button { padding:8px; font-size:11px; } .native-layout,body[data-variant=B] .native-layout,body[data-variant=C] .native-layout { display:flex; flex-direction:column; padding:16px 0; background:transparent; } #native-navigation { max-height:165px; width:100%; border-bottom:1px solid var(--guide-line); } #native-page-list { display:flex; flex-wrap:wrap; gap:3px; } #native-page-list button { width:auto; padding:6px; font-size:10px; } #native-page-list small { display:none; } .feature-search input { max-width:220px; } .native-stage { width:100%; } .native-scroll { min-height:0; padding:10px 0; } #native-guide,body[data-variant=B] #native-guide,body[data-variant=C] #native-guide { display:block; padding:0 6px; } .native-caption { font-size:10px; } .native-inputs button { padding:7px; } .capability-grid,.field-preparation ol { grid-template-columns:1fr; } .device-interactions { display:block; } .product-principles { gap:20px; } .field-preparation { padding:22px; } .prototype-switcher { font-size:9px; gap:5px; } body[data-variant=C] #native-page-list button,body[data-variant=C] .native-caption,body[data-variant=C] .native-scenarios label { color:var(--guide-ink); } }
+@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; } }
+
+/* Animal Island visual language: the surrounding guide uses the same warm,
+   friendly system as the reference library. Native LVGL pixels stay untouched. */
+:root {
+  --animal-bg: #f8f8f0;
+  --animal-content: #f7f3df;
+  --animal-brown: #794f27;
+  --animal-body: #725d42;
+  --animal-muted: #8a7b66;
+  --animal-line: #c4b89e;
+  --animal-teal: #19c8b9;
+  --animal-teal-dark: #0b9188;
+  --animal-focus: #ffcc00;
+  --animal-blue: #889df0;
+}
+body { background: var(--animal-bg); color:var(--animal-body); }
+body::after { content:""; position:fixed; inset:auto 0 0; height:96px; z-index:-1; pointer-events:none; background:url('./assets/animal-island/footer/footer-sea.svg') bottom center/cover no-repeat; opacity:.24; }
+.page-shell { width:min(1500px,calc(100% - 40px)); }
+.topbar { border:2px solid var(--animal-line); border-radius:24px; background:rgba(255,252,244,.94); box-shadow:0 5px 0 #bdaea0; }
+.brand-text { color:var(--animal-brown); }
+.top-link,.lang-button { color:var(--animal-muted); border-radius:50px; }
+.top-link:hover,.lang-button:hover { background:#e6f9f6; color:var(--animal-body); }
+.top-link-strong { background:var(--animal-teal); border-color:#4de2da; box-shadow:0 5px 0 var(--animal-teal-dark); }
+.language-toggle { border:2px solid #d4c9b4; background:#fffbe7; }
+.lang-button.is-active { background:#f7cd67; color:var(--animal-brown); }
+.sidebar { background:#fffdf4; padding:20px 12px; border:2px solid #c4b89e; border-radius:24px; box-shadow:0 4px 0 #d8ccb5; }
+.sidebar-label { color:#72532f; font-weight:800; }
+.side-nav>a,.side-device { color:#583e25; border-radius:12px; font-weight:700; }
+.side-nav>a:hover,.side-device:hover { background:#dceee4; color:#244b3a; }
+.side-nav>a:focus-visible { background:#dceee4; color:#244b3a; outline:3px solid #967426; outline-offset:1px; }
+.side-device.is-active { color:#fff; background:#b7c6e5; border-radius:12px; box-shadow:0 2px 4px #3d34280f; }
+.hero { min-height:520px; align-items:center; }
+.hero h1 { color:#794f27; text-shadow:0 3px 0 #e4d8bb; }
+#island-decoration { position:fixed; inset:0; z-index:-1; pointer-events:none; }
+#island-decoration .page-island-background { width:100%; height:100%; min-height:100vh; }
+body { isolation:isolate; }
+.site-footer { position:relative; }
+.island-install-select { width:fit-content; max-width:100%; position:relative; z-index:5; }
+.island-section-title { display:flow-root; padding:6px 16px 18px; margin:0 0 18px; }
+.island-section-title > span { display:inline-block; max-width:100%; }
+.island-section-title [role=heading] { display:inline-flex; align-items:center; gap:8px; line-height:1.4; }
+.island-preview-select { display:inline-block; vertical-align:middle; margin-inline-start:8px; }
+.simulator-device-picker { display:inline-flex; flex-wrap:wrap; align-items:center; gap:12px; }
+.native-layout[hidden] { display:none; }
+.side-nav { display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; column-gap:8px; }
+.navigation-icon { display:flex; align-items:center; justify-content:center; color:#377263; }
+.section-icon-badge { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; margin-bottom:14px; border-radius:16px; background:#dceee4; color:#2d6857; border:1px solid #a8cbb9; }
+.product-principles article:nth-child(even) .section-icon-badge { background:#e4eaf7; color:#435c8b; border-color:#b7c6e5; }
+@media(max-width:1000px) { .sidebar .side-nav { display:grid; grid-template-columns:24px minmax(0,1fr); } }
+#webflasher .board-grid { display:block; }
+#webflasher .board-card { margin-top:20px; }
+.hero-copy { position:relative; }
+.hero-copy::before { content:""; position:absolute; inset:-52px auto auto -42px; width:180px; height:42px; background:url('./assets/animal-island/wave-yellow.svg') center/contain no-repeat; opacity:.72; transform:rotate(-4deg); }
+.hero-tagline { color:var(--animal-brown); font-weight:800; }
+.hero-visual { border:2px solid #c4b89e; border-radius:24px; background:#b7c6e5; box-shadow:0 7px 0 #9f927d; }
+.hero-visual::after { content:""; position:absolute; right:-28px; bottom:-40px; width:180px; height:150px; background:url('./assets/animal-island/footer/footer-tree.webp') bottom right/contain no-repeat; opacity:.65; }
+.hero-compass { color:#fff9e6; text-shadow:0 4px 0 #7f8dbd; }
+.overview-ribbon { border:2px solid #c4b89e; border-radius:18px; background:var(--animal-content); box-shadow:0 3px 10px #3d34281a; }
+.capability-card,.device-stage,.language-highlight,.language-pack-card,.board-card { border:2px solid #c4b89e; border-radius:20px; background:var(--animal-content); box-shadow:0 3px 10px #3d34281a; transition:transform .25s cubic-bezier(.4,0,.2,1); }
+.capability-card:hover,.language-highlight:hover,.language-pack-card:hover,.board-card:hover { transform:translateY(-2px); }
+.story-section { border:2px solid #c4b89e; border-radius:20px; background:#f7cd67; box-shadow:0 3px 10px #3d34281a; }
+.story-section:nth-child(2) { background:#82d5bb; }
+.story-section:nth-child(3) { background:#dce4f7; color:#293b60; }
+.story-section:nth-child(3) p,.story-section:nth-child(3) li { color:#293b60; }
+.field-preparation { border:2px solid #5a9e1e; border-radius:24px; box-shadow:0 5px 0 #5a9e1e; }
+.survey-section { background:#f7f3df; border-radius:24px; padding:30px; }
+.survey-examples article { border:2px solid #c4b89e; border-radius:20px; box-shadow:0 3px 10px #3d34281a; }
+.explorer-heading { padding:12px 0; }
+.explorer-heading h2 { color:var(--animal-brown); font-weight:800; }
+.explorer-toolbar { border-color:#c4b89e; }
+.profile-switch { border:2px solid #c4b89e; border-radius:50px; background:#f0e8d8; }
+.profile-switch button { border-radius:50px; font-weight:700; }
+.profile-switch button[aria-pressed=true] { background:var(--animal-teal); color:#0f3e38; box-shadow:0 5px 0 var(--animal-teal-dark); }
+#native-page-list button { border-radius:12px; color:var(--animal-muted); font-weight:700; transition:all .2s cubic-bezier(.4,0,.2,1); }
+#native-page-list button:hover { background:#d6dff0; transform:translateY(-1px); }
+#native-page-list button[aria-current=page] { background:#b7c6e5; border-color:#9fafd4; color:#fff; box-shadow:0 3px 0 #9f927d; }
+.feature-search input { border:2px solid #c4b89e; border-radius:50px; background:#fffbe7; box-shadow:0 3px 0 #d4c9b4; }
+.native-scroll { border:0; border-radius:0; background:transparent; box-shadow:none; overflow:auto; padding:16px 0 8px; }
+.native-stage { min-width:0; }
+.native-scroll:has([data-shell="pager"]) { padding-top:clamp(190px,26vw,300px); }
+.hardware-shell { width:min(100%,920px); margin:0 auto; padding:14px 18px 12px; border:2px solid #8a7b66; border-radius:30px; background:linear-gradient(145deg,#6e7b70,#303a34); box-shadow:0 8px 0 #72604c, inset 0 2px 0 #ffffff55; }
+.shell-top { display:flex; justify-content:space-between; padding:0 4px 12px; color:#e8ecdf; font:700 10px/1 monospace; letter-spacing:2px; }
+.shell-top span:last-child { color:#f4cb67; }
+.hardware-shell #native-display { border:4px solid #18241d; border-radius:8px; box-shadow:inset 0 0 0 2px #bdaea0; }
+.shell-controls { display:flex; justify-content:space-between; align-items:center; padding:12px 4px 0; gap:10px; }
+.shell-controls button { width:42px; height:30px; border:2px solid #78867a; border-radius:12px; background:#425047; color:#fffbe7; font-weight:800; cursor:pointer; box-shadow:0 2px 0 #1d2821; }
+.shell-controls button:nth-child(3) { width:34px; height:34px; border-radius:50%; color:#f7cd67; }
+.shell-controls button:hover { background:#607266; transform:translateY(-1px); }
+[data-shell="tdeck"] { width:min(100%,390px); box-sizing:border-box; }
+[data-shell="pager"] { width:min(100%,430px); }
+[data-shell="tdeck"], [data-shell="pager"] { padding:20px 18px 18px; border-radius:44px 44px 38px 38px; background:linear-gradient(160deg,#16191a 0%,#343a3b 48%,#111415 100%); border:3px solid #555b5a; box-shadow:0 10px 0 #74634f, inset 0 2px 2px #ffffff35, inset 0 -8px 16px #0009; }
+[data-shell="pager"] { position:relative; }
+[data-shell="tdeck"] .shell-top, [data-shell="pager"] .shell-top { padding:0 14px 14px; color:#eef3f0; letter-spacing:1.5px; }
+[data-shell="tdeck"] .shell-top::before { content:'LILYGO'; display:block; position:absolute; left:50%; transform:translateX(-50%); top:10px; color:#d9ddda; font:500 12px Arial,sans-serif; letter-spacing:2px; }
+[data-shell="tdeck"] .shell-top, [data-shell="pager"] .shell-top { position:relative; padding-top:18px; }
+[data-shell="tdeck"] #native-display, [data-shell="pager"] #native-display { border:5px solid #080a0b; border-radius:4px; box-shadow:0 0 0 1px #727978, inset 0 0 0 2px #111; }
+[data-shell="tdeck"] .hardware-keyboard { margin-top:auto; }
+[data-shell="tdeck"]::after { content:'◌────── LILYGO ──────◌'; display:block; margin-top:9px; color:#d5d9d5; font:700 10px/1 monospace; letter-spacing:1px; text-align:center; }
+[data-shell="pager"] { width:min(100%,760px); aspect-ratio:82.3 / 60.6; border-radius:8% 8% 13% 13%; background:linear-gradient(145deg,#aeb3ae,#69706c 48%,#464d4a); }
+[data-shell="pager"] { min-height:0; box-sizing:border-box; overflow:visible; padding:3.2% 2.8% 3.5%; }
+[data-shell="pager"] .shell-speaker { position:absolute; left:4.3%; top:7.4%; width:9.2%; height:41.6%; margin:0; background:radial-gradient(circle,#202523 0 2px,transparent 3px) 0 0/25% 10%; box-shadow:none; }
+[data-shell="pager"] .shell-speaker::after { content:'LILYGO'; position:absolute; left:-4%; bottom:-17px; color:#eef0ea; font:700 9px/1 Arial,sans-serif; letter-spacing:.5px; }
+[data-shell="pager"] .shell-top { min-height:18px; }
+[data-shell="pager"] .shell-top, [data-shell="pager"] #native-display { position:relative; z-index:1; }
+.pager-antennas { position:absolute; left:8%; right:8%; top:-63%; height:63%; display:flex; justify-content:space-between; pointer-events:none; z-index:2; }
+.pager-antennas i { position:relative; width:12.5%; min-width:30px; border-radius:18% 18% 5% 5%; background:linear-gradient(90deg,#303637 0%,#79817f 48%,#363b3b 100%); clip-path:polygon(12% 0,88% 0,100% 100%,0 100%); box-shadow:inset 0 0 0 2px #202526, 0 2px 0 #1d2222; }
+.pager-antennas i::before { content:''; position:absolute; left:16%; right:16%; top:8%; bottom:10%; border-radius:3px; background:linear-gradient(90deg,transparent 0 19%,#202526 19% 34%,transparent 34% 66%,#202526 66% 81%,transparent 81%); mask-image:repeating-linear-gradient(to bottom,#000 0 14%,transparent 14% 24%); -webkit-mask-image:repeating-linear-gradient(to bottom,#000 0 14%,transparent 14% 24%); opacity:.9; }
+.pager-antennas i:last-child::before { display:none; }
+.pager-antennas i::after { content:''; position:absolute; left:4%; right:4%; bottom:-2px; height:7%; border-radius:3px 3px 0 0; background:#252b2b; }
+.pager-side-controls { position:absolute; right:3.4%; top:11%; width:6%; height:41%; }
+.pager-rotary { position:absolute; left:52%; top:0; width:48%; height:55%; padding:0; border-radius:3px; border:2px solid #252a29; background:repeating-linear-gradient(to bottom,#171b1a 0 4px,#777d79 4px 6px); box-shadow:inset 3px 0 3px #000; cursor:ns-resize; }
+.pager-backspace { position:absolute; left:0; top:68%; width:100%; height:30%; padding:0; border:0; border-radius:25% 35% 25% 35%; clip-path:polygon(16% 0,35% 0,100% 91%,94% 100%,15% 96%,0 75%,0 17%); background:#45494b; color:transparent; cursor:pointer; }
+.pager-backspace::after { content:'⬅'; position:absolute; inset:35% 0 0; color:#fff; font:700 18px/1 Arial,sans-serif; text-align:center; }
+.pager-side-controls { z-index:4; }
+.pager-rotary,.pager-backspace { touch-action:none; user-select:none; -webkit-user-select:none; }
+.pager-rotary.is-pressed,.pager-rotary:active { filter:brightness(.7); box-shadow:inset 3px 2px 5px #000; }
+.pager-backspace.is-pressed,.pager-backspace:active { transform:translateY(2px) scale(.92); background:#23272a; filter:brightness(.8); }
+[data-shell="pager"] #native-display { position:absolute; left:15.1%; top:7.4%; width:65.2% !important; height:auto !important; margin:0; pointer-events:none; }
+[data-shell="pager"] #native-display canvas { display:block; width:100%; height:auto; }
+[data-shell="pager"] .hardware-keyboard { position:absolute; left:4.4%; top:54%; width:91.7%; margin:0; }
+[data-shell="pager"] .hardware-keyboard { height:43%; border-top:0; }
+[data-shell="pager"] .pager-space { display:block; width:29%; height:28px; margin:7px auto 0; padding:0; border:2px solid #272d2d; border-radius:50%; background:linear-gradient(145deg,#efb14b,#bd7d25); color:#252820; font:700 12px/1 Arial,sans-serif; box-shadow:0 2px 0 #151919; }
+[data-shell="pager"]::after { content:'◌──── LILYGO ────◌'; position:absolute; right:25%; bottom:2.5%; width:48%; color:#eef0ea; font:700 9px/1 monospace; letter-spacing:0; text-align:center; }
+[data-shell="pager"]::before { content:''; position:absolute; right:-3%; bottom:-11%; width:8%; height:22%; border-radius:2px 2px 8px 8px; background:radial-gradient(circle at 8% 6%,#252a29 0 6%,transparent 7%),repeating-linear-gradient(135deg,#b4771d 0 5px,#edbd54 5px 10px,#c58b2b 10px 14px); transform:rotate(42deg); transform-origin:top left; box-shadow:inset 0 0 0 2px #9d6c1b, -8px -4px 0 -5px #bd8528; z-index:3; }
+[data-shell="tdeck"] .shell-controls, [data-shell="pager"] .shell-controls { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; padding:13px 6px 0; }
+[data-shell="tdeck"] .shell-controls button, [data-shell="pager"] .shell-controls button { width:auto; min-width:0; height:32px; border-radius:8px; font-size:9px; }
+[data-shell="tdeck"] .shell-controls button:first-child { grid-column:span 2; }
+[data-shell="tdeck"] .shell-controls button:nth-child(3) { border-radius:50%; }
+[data-shell="tdeck"] .shell-controls .shell-touch { grid-column:span 2; }
+[data-shell="pager"] .shell-controls button:nth-child(3) { border-radius:50%; }
+.hardware-keyboard { margin-top:12px; padding:6px 5px 2px; border-top:2px solid #1f2b23; }
+.shell-hint { margin:.65rem 0 0; color:#725d42; font-size:.78rem; text-align:center; }
+.shell-speaker { width:58px; height:5px; margin:0 auto 10px; border-radius:8px; background:#69706f; box-shadow:inset 0 1px 2px #000, 0 1px 0 #ffffff33; }
+.tdeck-trackbar { display:flex; justify-content:center; align-items:center; margin:10px 0 3px; padding:0; background:transparent; }
+.tdeck-trackbar::before, .tdeck-trackbar::after { content:'❯❯❯'; flex:1; color:#d8d9d4; font:bold 22px/1 Arial,sans-serif; letter-spacing:-6px; text-shadow:1px 1px 0 #5c6260; text-align:center; }
+.tdeck-trackbar::after { content:'❮❮❮'; }
+.tdeck-trackbar button { height:28px; border:0; border-radius:6px; background:transparent; color:#e7ece5; font-weight:800; cursor:pointer; }
+.tdeck-trackbar button:hover { color:#ffffff; }
+.tdeck-trackbar .trackball { width:42px; height:42px; justify-self:center; border:3px solid #929895; border-radius:50%; background:radial-gradient(circle at 35% 30%,#f4f4ee 0 8%,#707875 18%,#171b1a 58%,#050606 100%); color:transparent; box-shadow:0 2px 0 #000, inset 0 1px 2px #fff8; }
+[data-shell="pager"] .tdeck-actions, [data-shell="tdeck"] .pager-controls { display:none; }
+.device-support-grid { display:flex; flex-wrap:nowrap; gap:1rem; overflow-x:auto; padding:4px 4px 12px; scroll-snap-type:x proximity; }
+.device-support-card { position:relative; flex:0 0 290px; display:flex; align-items:center; gap:16px; padding:16px 16px 64px; border:2px solid rgba(121,79,39,.16); border-radius:22px; background:#fffdf4; scroll-snap-align:start; }
+.device-support-card img { flex:none; object-fit:contain; width:96px; height:112px; }
+.device-support-card[hidden] { display:none; }
+#device-brand-selector { margin-bottom:16px; width:fit-content; position:relative; z-index:6; }
+.device-support-card a { display:inline-block; margin-top:12px; color:#245b4c; text-decoration:underline; }
+.device-support-card .device-buy-icon { position:absolute; inset-inline-end:12px; bottom:12px; margin:0; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; }
+.device-support-card .device-buy-icon img { width:36px; height:36px; }
+.device-buy-icon:hover { background:#f8e5df; }
+.device-buy-icon:disabled { opacity:.45; cursor:not-allowed; border:0; background:transparent; }
+.device-support-card h3 { margin:.25rem 0 .45rem; color:#794f27; }
+.device-support-card p { margin:0; color:#725d42; line-height:1.55; }
+@media (max-width:760px) { .device-support-grid { grid-template-columns:1fr; } }
+.keyboard-row { display:flex; gap:4px; justify-content:center; margin-bottom:4px; }
+.keyboard-row button { flex:1; min-width:0; height:27px; padding:0 4px; border:1px solid #27332a; border-radius:6px; background:linear-gradient(#f7f1d8,#d8cfab); color:#4e503f; font:700 10px Arial,sans-serif; box-shadow:0 2px 0 #1b261e; cursor:pointer; }
+.keyboard-row button small { display:block; height:9px; font-size:8px; line-height:9px; font-weight:700; }
+.keyboard-row button b { display:block; font-size:11px; line-height:14px; }
+.keyboard-row .keyboard-screw { flex:1; min-width:0; height:27px; display:flex; align-items:center; justify-content:center; color:#303633; font:700 14px/1 Arial,sans-serif; }
+.keyboard-row button:disabled { opacity:.85; cursor:default; }
+.keyboard-row button[data-key="SPACE"] { flex:3; }
+.keyboard-row button[data-key="CAP"],.keyboard-row button[data-key="SHIFT"],.keyboard-row button[data-key="ALT"],.keyboard-row button[data-key="SYM"],.keyboard-row button[data-key="FN"] { background:#efad48; color:#48351f; }
+.keyboard-row button:active,.shell-controls button:active { transform:translateY(2px); box-shadow:none; }
+[data-shell="pager"] .keyboard-row:nth-child(odd) { transform:skewX(-4deg); }
+[data-shell="pager"] .keyboard-row:nth-child(even) { transform:skewX(4deg); }
+[data-shell="pager"] .keyboard-row { gap:5px; margin-bottom:5px; padding-inline:10px; }
+[data-shell="pager"] .keyboard-row button { height:34px; border:2px solid #272d2d; border-radius:48% 52% 52% 48%; background:linear-gradient(145deg,#555d5d,#252b2c); color:#f1f0df; font-size:10px; box-shadow:0 3px 0 #151919, inset 0 1px 2px #ffffff38; text-shadow:0 1px #111; }
+[data-shell="pager"] .keyboard-row button small { color:#e0a544; font-size:9px; line-height:11px; }
+[data-shell="pager"] .keyboard-row button b { font-size:11px; line-height:14px; }
+[data-shell="pager"] .pager-bottom-row { display:flex; align-items:center; gap:5px; margin-top:5px; padding-inline:7px; }
+[data-shell="pager"] .pager-bottom-row button { flex:1; min-width:0; height:28px; border:2px solid #272d2d; border-radius:48%; background:linear-gradient(145deg,#555d5d,#252b2c); color:#f1f0df; font:700 12px/1 Arial,sans-serif; box-shadow:0 2px 0 #151919; }
+[data-shell="pager"] .pager-bottom-row button[data-key="SHIFT"], [data-shell="pager"] .pager-bottom-row button[data-key="SYM"] { background:linear-gradient(#f2bd56,#c98727); color:#27251d; }
+[data-shell="pager"] .pager-bottom-row button small { display:block; color:#e0a544; font-size:8px; }
+[data-shell="pager"] .pager-bottom-row .pager-space { flex:2.8; width:auto; height:28px; margin:0; border-radius:50%; background:linear-gradient(145deg,#efb14b,#bd7d25); color:#252820; }
+[data-shell="pager"] .pager-bottom-row .keyboard-screw { flex:1; }
+[data-shell="pager"] .keyboard-row button[data-key="CAP"], [data-shell="pager"] .keyboard-row button[data-key="SYM"], [data-shell="pager"] .keyboard-row button[data-key="ALT"], [data-shell="pager"] .keyboard-row button[data-key="FN"] { background:linear-gradient(#f2bd56,#c98727); color:#27251d; text-shadow:none; }
+[data-shell="pager"] .keyboard-row button:active { transform:translateY(2px) scale(.98); }
+[data-shell="tdeck"] .keyboard-row button { height:24px; border-radius:5px; }
+.native-inputs button { border:2px solid #c4b89e; border-radius:50px; background:#fffbe7; box-shadow:0 2px 4px #3d34280f; font-weight:700; transition:all .2s cubic-bezier(.4,0,.2,1); }
+.native-inputs button:hover { transform:translateY(-1px); background:#e6f9f6; }
+#explorer select { border:2px solid #c4b89e; border-radius:50px; background:#fffbe7; }
+.feature-guide { background:var(--animal-content); border:2px solid #c4b89e; border-radius:20px; padding:22px; box-shadow:0 3px 10px #3d34281a; }
+.feature-guide h3 { color:var(--animal-brown); font-weight:800; }
+.try-this { border-left:0; border-radius:18px; background:#82d5bb; box-shadow:0 3px 0 #5a9e1e; }
+.try-this p { color:#365b46; font-weight:600; }
+.device-note { border-color:#c4b89e; }
+.guide-doc { color:#0b8177; font-weight:700; }
+.prototype-switcher { background:#794f27; border:2px solid #c4b89e; box-shadow:0 5px 0 #bdaea0; }
+:focus-visible { outline:3px solid var(--animal-focus); outline-offset:3px; }
+/* Wallpaper belongs in the gutters; all reading surfaces are opaque. */
+.main-content > section { background-color:#fffdf4; border:2px solid #c4b89e; border-radius:24px; padding:clamp(16px,2vw,30px); }
+.main-content > .product-principles { background:transparent; border:0; padding:0; }
+.product-principles > article { background:#fffdf4; border:2px solid #c4b89e; border-radius:24px; padding:22px; }
+.product-principles > article { display:grid; grid-template-columns:48px minmax(0,1fr); grid-template-rows:auto auto 1fr; column-gap:14px; align-content:start; }
+.product-principles > article > .section-icon-badge { grid-column:1; grid-row:1 / 3; align-self:start; margin:0; }
+.product-principles > article > .principle-no { grid-column:2; grid-row:1; align-self:end; font:700 10px/1.4 Arial,sans-serif; letter-spacing:.08em; }
+.product-principles > article > h3 { grid-column:2; grid-row:2; margin:5px 0 0; font-size:18px; line-height:1.35; color:#654423; }
+.product-principles > article > p { grid-column:1 / -1; grid-row:3; margin:18px 0 0; }
+.product-principles p,.product-principles .principle-no { color:#654d35; }
+#native-navigation { background:#f7f3df; border:1px solid #c4b89e; border-radius:18px; padding:12px; }
+#native-page-list button { color:#583e25; }
+#native-page-list button[aria-current=page] { color:#293b60; background:#d5dff2; border-color:#9baed1; }
+.native-caption,.native-caption a,#native-status,.native-scenarios,.native-scenarios span,.demo-boundary,.map-credit,.map-credit a { color:#584c3c; }
+.demo-boundary,.map-credit { font-size:12px; }
+/* Text direction follows the locale; physical device geometry never mirrors. */
+.svg-device { direction:ltr; }
+.native-caption > span,.brand-text { unicode-bidi:isolate; direction:ltr; }
+:lang(ar) { letter-spacing:normal; }
+html:lang(ar) body { font-family:Tahoma,Arial,sans-serif; line-height:1.8; }
+html:lang(ar) .eyebrow,html:lang(ar) .feature-kicker,html:lang(ar) .native-caption,
+html:lang(ar) #native-status,html:lang(ar) .principle-no { font-family:Tahoma,Arial,sans-serif; letter-spacing:normal; }
+html:lang(ar) h1,html:lang(ar) h2,html:lang(ar) h3 { line-height:1.45; }
+.main-content > .survey-section { background:#f7f3df; }
+@media(max-width:700px) { .page-shell { width:calc(100% - 24px); } .topbar { border-radius:18px; } .sidebar { background:#fffdf4; padding:12px; } .feature-guide { border-radius:18px; padding:16px; } }
diff --git a/site/i18n/README.md b/site/i18n/README.md
new file mode 100644
index 00000000..503e1524
--- /dev/null
+++ b/site/i18n/README.md
@@ -0,0 +1,76 @@
+# Website localization
+
+The website supports English, Simplified Chinese, Taiwan Traditional Chinese,
+Japanese, Korean, Arabic, Russian, German, Spanish, French and Italian.
+
+Website language, firmware interface language and downloadable device language
+packs are separate concepts. Selecting a website language does not install a pack
+or change text rendered by the firmware inside the simulator.
+
+## Directory contract
+
+- `registry.js`: the supported IDs, native language names and writing direction.
+  Both the page and component language selectors use this registry.
+- `<locale>.js`: complete page, status, accessibility and package-description
+  catalogs. Every language has the same semantic keys and parameter names.
+- `features-<locale>.js`: independent names, summaries, descriptions and hardware
+  requirements for each feature, including English. Stable IDs and source links
+  remain in `../explorer-data.js`.
+- `runtime.js`: lazy loading, active locale, aliases, interpolation and change
+  notifications. Missing translations throw instead of silently showing English.
+  The last requested language wins during asynchronous loading.
+- `dom.js`: translates `data-i18n`, `data-i18n-aria`, `data-i18n-alt` and
+  `data-i18n-placeholder`. Catalogs contain plain text, never executable markup.
+- `component-labels.js`: connects the compiled React bundle to the same external
+  runtime instance used by the page. Do not bundle a second language store.
+- `pack-presentation.js`: formats device-pack names, descriptions, statuses,
+  counts and memory profiles. `Intl.DisplayNames` localizes standardized language
+  names, and `Intl.NumberFormat` formats counts. Prose is manually authored in
+  the catalogs; English release metadata is not used as a translation fallback.
+- `check-catalogs.mjs`: validates catalog keys, values and interpolation markers.
+
+`../main.js` stores the choice in local storage and updates the URL's `lang`
+parameter. Explicit URL selection takes precedence on initial load. The runtime
+sets the document's `lang` and `dir`; Arabic uses RTL while SVG device geometry
+remains LTR. Arabic formulas use Unicode directional isolation.
+
+## Adding or revising a language
+
+1. Add its BCP 47 ID, native name and direction to `registry.js`.
+2. Create `<locale>.js` with all keys from `en.js`, and
+   `features-<locale>.js` with all feature IDs and fields from `features-en.js`.
+3. Translate complete sentences in natural regional usage. Preserve product
+   names, URLs, hardware IDs and printed device legends. Taiwan Traditional
+   Chinese requires its own terminology, not automatic character conversion.
+4. Preserve placeholders such as `{tag}` and `{count}`. Use complete count
+   labels instead of joining English singular/plural suffixes to a number.
+5. New published device packs need a translated description in every page catalog
+   and an entry in `describedPacks` in `pack-presentation.js`. Preserve input,
+   review and hardware limitations; do not imply an unavailable capability.
+6. Rebuild components after changing the registry or component source, and run
+   the checks below.
+7. Check the actual dropdown, a reload, feature search, package cards, errors and
+   long text in the browser. For RTL, check mixed-script text and switch back to
+   an LTR language. Automated completeness tests do not judge translation quality.
+
+Do not use translation APIs or character-conversion tools as a substitute for
+writing and reviewing the translations.
+
+## Checks
+
+From the repository root:
+
+```sh
+node site/i18n/check-catalogs.mjs
+node --test tests/site/i18n-*.test.mjs
+```
+
+Tests cover all registered catalogs, actual lazy loading, feature coverage,
+parameter parity, document direction, rapid switching, translated markup
+attributes and the published device-pack catalog. The Pages workflow runs these
+checks before publishing.
+
+Browser verification of the current change covered all eleven selections at a
+1280 px viewport, localized pack content and feature search, RTL-to-LTR switching,
+URL persistence, and absence of page-level horizontal overflow. SVG geometry is
+also checked at five available widths by `device-geometry.test.mjs`.
diff --git a/site/i18n/ar.js b/site/i18n/ar.js
new file mode 100644
index 00000000..f3ac1526
--- /dev/null
+++ b/site/i18n/ar.js
@@ -0,0 +1,265 @@
+export default {
+  "explorer.mapCredit": "بيانات الخرائط © مساهمو OpenStreetMap",
+  "explorer.mapDetail": "تُستخدم منطقة OSM واحدة محفوظة عند مستوى التكبير 12؛ والمسار بيانات أُنشئت للاختبار.",
+  "explorer.trackball": "اضغط كرة التتبّع",
+  "explorer.rotary": "اضغط عجلة التحكم",
+  "explorer.displayText": "نص شاشة البرنامج الثابت",
+  "pack.name.europe-cyrillic-ext": "الأحرف السيريلية الأوروبية الموسّعة",
+  "pack.name.europe-latin-ext": "الأحرف اللاتينية الأوروبية الموسّعة",
+  "pack.count.locales": "عدد اللغات: {count}",
+  "pack.count.fonts": "عدد حزم الخطوط: {count}",
+  "pack.count.ime": "عدد طرق الإدخال: {count}",
+  "pack.count.packages": "عدد الحزم: {count}",
+  "pack.memory.standard": "ذاكرة قياسية",
+  "pack.memory.extended": "ذاكرة موسّعة",
+  "pack.memory.constrained": "ذاكرة محدودة",
+  "pack.description.generic": "موارد لغوية للاستخدام على الجهاز.",
+  "pack.count.more": "عدد اللغات الأخرى: {count}",
+  "pack.description.ar": "الترجمة العربية قيد المراجعة. تتضمن الحزمة خطوط Naskh للنصوص من اليمين إلى اليسار وللنصوص المختلطة. تدعم العرض فقط؛ فالإدخال بالعربية لم يُنفّذ بعد.",
+  "pack.description.europe-cyrillic-ext": "تتضمن خطوطًا سيريلية مشتركة وترجمة روسية قيد المراجعة وتخطيط لوحة مفاتيح روسية بالأحرف السيريلية.",
+  "pack.description.europe-latin-ext": "تتضمن خطوطًا مشتركة للأحرف اللاتينية الموسّعة وترجمات قيد المراجعة للألمانية والإسبانية والفرنسية والإيطالية والهولندية والبولندية والبرتغالية.",
+  "pack.description.ja": "الترجمة اليابانية قيد المراجعة. تتضمن خطوط CJK خارجية للواجهة والمحتوى المتعدد اللغات. تدعم العرض فقط؛ فالإدخال باليابانية لم يُنفّذ بعد.",
+  "pack.description.ko": "الترجمة الكورية قيد المراجعة. تتضمن خطوط CJK خارجية للواجهة والمحتوى المتعدد اللغات. تدعم العرض فقط؛ فالإدخال بالكورية لم يُنفّذ بعد.",
+  "pack.description.zh-Hans": "تتضمن ترجمة بالصينية المبسّطة وخطوطًا للشاشات القياسية ونسخ GNU Unifont بمقاس 16 بكسل وعمق 1 بت لكل بكسل لجهاز T-Deck Pro، مع محرّك إدخال Pinyin المدمج.",
+  "pack.description.zh-Hant": "الترجمة بالصينية التقليدية لتايوان قيد المراجعة، وتشمل خطوط CJK. تدعم العرض فقط؛ ولا تزال مراجعة المتحدثين الأصليين وطريقة إدخال Zhuyin الكاملة قيد الانتظار.",
+  "explorer.noMatches": "لا توجد ميزة مطابقة",
+  'common.manufacturer':'الشركة المصنّعة',
+  'common.device':'الجهاز',
+  'common.allManufacturers':'جميع الشركات',
+  'common.language':'اللغة',
+  'common.backTop':'العودة إلى أعلى الصفحة',
+  'install.manualInstructions':'نزّل البرنامج الثابت بصيغة UF2 لجهاز T-Echo-Lite من صفحة الإصدار، ثم اتبع تعليمات الجهاز للتثبيت اليدوي.',
+  'install.variantInstructions':'اختر الجهاز وشريحة الراديو المطابقين لعتادك. تستخدم SX1262 وLR1121 برنامجين ثابتين مختلفين، ولا يمكن استخدام أحدهما مكان الآخر.',
+  'device.pager.controls':'عجلة تحكم ولوحة مفاتيح',
+  'device.pager.note':'تحتاج SX1262 وLR1121 إلى برنامجين ثابتين مختلفين. تشابه واجهة الشاشة لا يعني تطابق إمكانات الراديو.',
+  'device.tdeck.controls':'شاشة لمس وكرة تتبّع ولوحة مفاتيح',
+  'device.tdeck.note':'واجهة بدقة 320 × 240. تعتمد الملحقات المتاحة على العتاد وإصدار البرنامج الثابت.',
+  'device.wio-tracker-l2.controls':'شاشة لمس',
+  'device.wio-tracker-l2.note':'دقة 320 × 240 وشاشة مقاس 3.2 بوصة.',
+  'guide.try':'جرّب بنفسك',
+  'guide.requirements':'على جهازك',
+  'guide.reference':'مرجع الميزة ↗',
+  'guide.try.default':'استكشف الصفحة باستخدام أزرار الجهاز وأدوات التحكم فيه. يدعم T-Deck اللمس أيضًا.',
+  'guide.try.calculator':'في وضع DEG، احسب 30 × tan(35) لتحصل على نحو 21.01 مترًا. استخدم 2ND للدوال العكسية وMODE للتبديل بين DEG وRAD.',
+  'guide.try.network':'اختر Reticulum بوصفه بروتوكول التجربة، ثم افتح إحدى العقد النموذجية لعرض صفحة Micron المحفوظة في الذاكرة المؤقتة.',
+  'guide.try.route':'افتح قائمة المسارات في مسجّل التتبّع، ثم اختر sample-route.kml للاطّلاع على الارتفاعات ونقاط الطريق.',
+  'guide.try.mqtt':'افتح الإعدادات للاطّلاع على خيارات البروتوكول والشبكة الخاصة بـ MQTT.',
+  'guide.try.probe':'ابدأ الرصد أو أوقفه. بيانات الاستقبال في المحاكاة لا تمثل النشاط اللاسلكي الفعلي من حولك.',
+  'explorer.renderer':'صفحات البرنامج الثابت المكتوبة بلغة C++، معروضة باستخدام LVGL 9.4 وبخطوط البرنامج وتخطيطه.',
+  'explorer.boundary':'تشغّل المعاينة شيفرة واجهة البرنامج الثابت. بيانات الراديو وGNSS والبطارية والتخزين محاكاة، ولا يوجد جهاز فعلي متصل.',
+  'explorer.source':'الشيفرة المصدرية للبرنامج الثابت ↗',
+  'explorer.loading':'جارٍ تحميل معاينة الجهاز…',
+  'explorer.running':'معاينة الجهاز · بيانات عتاد محاكاة',
+  'explorer.pageError':'تعذّر فتح هذه الصفحة. أعد ضبط المعاينة وحاول مجددًا.',
+  'explorer.off':'جهاز المعاينة مطفأ. أعد ضبط التجربة لتشغيله مجددًا.',
+  'explorer.startError':'تعذّر بدء معاينة الجهاز. أعد تحميل الصفحة وحاول مجددًا.',
+  'devices.unreleased':'غير متاح للبيع بعد',
+  'side.explorer':'الدليل التفاعلي',
+  'explorer.label':'واجهة البرنامج الثابت',
+  'explorer.title':'استكشف واجهة الجهاز.',
+  'explorer.reset':'إعادة ضبط التجربة',
+  'explorer.device':'جهاز المعاينة',
+  'explorer.search':'ابحث عن ميزة',
+  'explorer.searchPlaceholder':'خرائط، رسائل، آلة حاسبة…',
+  'explorer.protocol':'بروتوكول التجربة',
+  'explorer.controls':'استخدم لوحة مفاتيح الجهاز وأزرار التحكم الفعلية.',
+  'story.navigation.label':'الملاحة والقياس الميداني',
+  'story.navigation.title':'افهم التضاريس وتعرّف إلى مسارك.',
+  'story.navigation.text':'تعرض الخرائط دون اتصال تضاريس المنطقة المحيطة. تساعد بيانات GNSS على تقييم دقة تحديد الموقع، ويحفظ تسجيل التتبّع الطريق الذي سلكته. وتوفّر مسارات KML معلومات الارتفاعات ونقاط الطريق.',
+  'story.navigation.item1':'طبقات OSM والتضاريس وصور الأقمار الصناعية وخطوط الكنتور',
+  'story.navigation.item2':'ارتفاعات المسار ومعاينة نقاط الطريق والتصدير بصيغة GPX',
+  'story.navigation.item3':'آلة حاسبة علمية لتقدير المسافات والميول والارتفاعات',
+  'story.navigation.link':'جرّب الحسابات الميدانية ↗',
+  'story.communication.label':'التواصل والتنسيق',
+  'story.communication.title':'ابقَ على تواصل مع مجموعتك.',
+  'story.communication.text':'اختر شبكة، واحفظ جهات الاتصال، وتحقّق من تسليم الرسائل. أقرن أجهزة المجموعة القريبة عبر ESP-NOW، ثم شارك المواقع ونقاط التجمّع والرسائل عبر LoRa.',
+  'story.communication.item1':'تواصل أساسي عبر Meshtastic وMeshCore، أو عبر Reticulum/LXMF',
+  'story.communication.item2':'جهات اتصال محفوظة وسجلّ للمحادثات',
+  'story.communication.item3':'TAK على الجهاز، وصوت FSK/Codec2 على العتاد المدعوم',
+  'story.communication.link':'استكشف تنسيق المجموعة ↗',
+  'story.tools.label':'الأدوات الميدانية والاتصال',
+  'story.tools.title':'اربط الجهاز بأدواتك الأخرى.',
+  'story.tools.text':'تصفّح خدمات Micron على Reticulum من خلال Nomad Network. استخدم MQTT عند توفّر بوابة، وجهّز مناطق الخرائط والمسارات باستخدام Trail Mate Center.',
+  'story.tools.item1':'يميّز رصد البروتوكولات بين المؤشرات المرصودة والأدلة المؤكدة',
+  'story.tools.item2':'استقبال SSTV على العتاد المدعوم',
+  'story.tools.item3':'الإضافات وحزم اللغات والتخزين عبر USB',
+  'story.tools.link':'استكشف Trail Mate Center ↗',
+  'document.title':'Trail Mate — التواصل والملاحة في الرحلات',
+  'devices.buy':'المتجر الرسمي ↗',
+  'prepare.hardware':'اختر ما يطابق عتادك.',
+  'prepare.hardwareText':'حدّد اللوحة وشريحة الراديو بدقة، وثبّت البرنامج الثابت المناسب، وتحقّق من الملحقات المتاحة. لجهازي Pager SX1262 وLR1121 إصداران منفصلان.',
+  'prepare.resources':'جهّز الخرائط والمسارات.',
+  'prepare.resourcesText':'حمّل خرائط المنطقة، واستورد مسارات KML، وثبّت حزم اللغات التي تحتاجها. يمكنك إعداد مناطق الخرائط والممرات المحيطة بالمسارات باستخدام Trail Mate Center.',
+  'prepare.team':'اختبر الاتصال مع مجموعتك.',
+  'prepare.teamText':'اختر بروتوكولًا وإعدادات راديو متوافقة. تحقّق من جهات الاتصال وGNSS، وأقرن أجهزة المجموعة وهي متقاربة، وتبادل رسالة تجريبية قبل الانطلاق.',
+  'prepare.guide':'دليل الإعداد: مسارات الملفات وأزرار التحكم وتعليمات كل جهاز ↗',
+  'prepare.label':'قبل الانطلاق',
+  'prepare.title':'جهّز جهازك للرحلة.',
+  'principle.identity.number':'01 / الهوية',
+  'principle.identity.title':'هويتك بين يديك.',
+  'principle.identity.body':'يمكن أن تكون هوية الجهاز مستقلة عن الحسابات السحابية وأرقام الهواتف. احتفظ بجهات اتصالك ومحادثاتك على عتاد تتحكم فيه بنفسك.',
+  'principle.connection.number':'02 / الاتصال',
+  'principle.connection.title':'اختر شبكتك.',
+  'principle.connection.body':'اختر Meshtastic أو MeshCore أو Reticulum. يعمل بروتوكول واحد في كل مرة. يركّز دعم Meshtastic وMeshCore على التواصل الأساسي في الرحلات، ولا يشمل جميع ميزات البروتوكولين.',
+  'principle.resources.number':'03 / الموارد المحلية',
+  'principle.resources.title':'جهّز الخرائط والمسارات.',
+  'principle.resources.body':'احتفظ بالخرائط وجهات الاتصال وسجلات التتبّع على الجهاز. جهّز الموارد التي تحتاجها قبل الانطلاق؛ ويمكن لأدوات الحاسوب مساعدتك في إدارة الخرائط والمسارات.',
+  'principle.team.number':'04 / متابعة المجموعة',
+  'principle.team.title':'اعرف أين أفراد مجموعتك.',
+  'principle.team.body':'يجمع TAK على الجهاز الأعضاء والمواقع ونقاط الطريق وسجلات التتبّع ورسائل المجموعة. يظل الاكتشاف العام ومواقع جهات الاتصال ومواقع المجموعة والتتبّع المحلي وظائف منفصلة.',
+  'intro.eyebrow':'أدوات للرحلات والعمل الميداني',
+  'intro.tagline':'خرائط وتواصل وتنسيق أينما أخذتك الرحلة.',
+  'intro.text':'احمل خرائطك، وسجّل طريقك، ونسّق مع مجموعتك. يتيح الدعم الأساسي لـ Meshtastic وMeshCore التواصل مع الأجهزة المتوافقة القريبة؛ وتتحدد الميزات المدعومة وفق احتياجات الرحلات العملية.',
+  'intro.try':'جرّب الجهاز ↓',
+  'intro.install':'احصل على البرنامج الثابت ↗',
+  'intro.cardLabel':'على جهازك',
+  'intro.cardTitle':'استعد لرحلتك المقبلة.',
+  'intro.cardText':'حمّل الخرائط والمسارات، وتحقّق من تحديد الموقع، واختبر الاتصال مع مجموعتك قبل الانطلاق.',
+  'survey.eyebrow':'لماذا آلة حاسبة علمية؟',
+  'survey.title':'حسابات للقياس الميداني.',
+  'survey.height':'01 / فرق الارتفاع',
+  'survey.heightTitle':'قدّر الارتفاع.',
+  'survey.heightText':'عند مسافة أفقية تبلغ 30 مترًا وزاوية ارتفاع تبلغ 35°، يكون الارتفاع فوق مستوى الرصد: \u206630 × tan(35°) ≈ 21.01\u2069 مترًا.',
+  'survey.heightNote':'لحساب ارتفاع شجرة، أضف ارتفاع أداة القياس إذا كانت قاعدة الشجرة وموضع وقوفك على المستوى نفسه؛ وإلا فاحسب فرق ارتفاع الأرض أيضًا.',
+  'survey.distance':'02 / مركّبات المسافة',
+  'survey.distanceTitle':'حوّل المسافة المائلة.',
+  'survey.distanceText':'لقطعة مستقيمة طولها 100 متر وميلها 20°، تبلغ المسافة الأفقية \u2066100 × cos(20°) ≈ 93.97\u2069 مترًا، والارتفاع \u2066100 × sin(20°) ≈ 34.20\u2069 مترًا.',
+  'survey.distanceNote':'احسب الطرق المنحنية أو المتغيّرة الميل على أجزاء منفصلة.',
+  'survey.slope':'03 / الميل',
+  'survey.slopeTitle':'احسب درجة الانحدار.',
+  'survey.slopeText':'ارتفاع 12 مترًا على امتداد أفقي قدره 40 مترًا يعطي \u2066atan(12 ÷ 40) ≈ 16.70°\u2069، أي ميلًا بنسبة 30%. الزاوية بالدرجات ونسبة الميل وحدتان مختلفتان.',
+  'survey.functions':'تدعم الآلة sin وcos وtan والدوال المثلثية العكسية والأسس والجذور واللوغاريتمات، مع وضعي DEG/RAD. أدخل الزوايا والمسافات المقاسة؛ فالآلة لا تقيسها بنفسها.',
+  'survey.try':'جرّب الآلة الحاسبة ↗',
+  'install.choose':'الجهاز وشريحة الراديو',
+  'purpose.title':'مصمّم للاستخدام في الرحلات.',
+  'purpose.communication':'يدعم Trail Mate التواصل الأساسي عبر Meshtastic وMeshCore لتتمكن من الاتصال بالأجهزة المتوافقة القريبة وتبادل المعلومات أو طلب المساعدة أو تنسيق العمل في الميدان.',
+  'purpose.scope':'هذا دعم لميزات مختارة من البروتوكولين، وليس تطبيقًا كاملًا لهما أو بديلًا مكافئًا لكل ميزات برامجهما الأصلية. ميزات الراديو المتقدمة غير المرتبطة باحتياجات الرحلات خارج نطاق Trail Mate؛ فالاحتياجات الميدانية العملية هي التي تحدد ما نطوّره.',
+  'survey.purpose':'تساعد الآلة الحاسبة العلمية في القياس الميداني: تقدير فروق الارتفاع، وتحويل المسافات المائلة إلى أفقية، وحساب زاوية الميل أو نسبته من القياسات التي تدخلها.',
+  'top.github':'GitHub',
+  'top.wiki':'ويكي',
+  'top.flash':'تثبيت البرنامج',
+  'side.label':'دليل Trail Mate',
+  'side.overview':'نظرة عامة',
+  'side.capabilities':'الإمكانات',
+  'side.devices':'الأجهزة',
+  'side.features':'الاستخدام الميداني',
+  'side.languages':'حزم اللغات',
+  'side.flasher':'التثبيت من المتصفح',
+  'side.docs':'التوثيق',
+  'hero.eyebrow':'خرائط دون اتصال وLoRa للرحلات',
+  'hero.tagline':'احمل الخرائط والرسائل ومواقع رفاقك على جهاز LoRa صغير.',
+  'hero.lede':'يساعد Trail Mate المتنزهين والمجموعات الميدانية على الاسترشاد عند انقطاع تغطية الهاتف: تصفّح الخرائط من بطاقة SD، وأرسل رسائل LoRa، وتحقّق من GPS، وتابع تحرّكات المجموعة على جهاز محمول صغير.',
+  'hero.primaryAction':'فتح أداة التثبيت',
+  'hero.secondaryAction':'عرض المستودع',
+  'hero.releaseKicker':'أحدث إصدار',
+  'hero.proofKicker':'صور الأجهزة',
+  'hero.proofText':'تُعرض اللقطات بحسب الجهاز لتعرف أي الواجهات تخص العتاد الذي تنوي استخدامه.',
+  'overview.copy':'للأيام التي لا يكفي فيها الهاتف: احتفظ بالخرائط على بطاقة SD، وأرسل رسائل دون شبكة خلوية، وسجّل طريقك، وتحقّق من الإشارة وGPS، وثبّت حزم اللغات عند الحاجة.',
+  'tag.maps':'خرائط دون اتصال',
+  'tag.gnss':'تشخيص GNSS',
+  'tag.chat':'مراسلة عبر الشبكة المتداخلة',
+  'tag.team':'وضع المجموعة',
+  'tag.languages':'حزم اللغات',
+  'tag.scan':'رصد البروتوكولات',
+  'tag.usb':'تخزين USB',
+  'capabilities.eyebrow':'الإمكانات',
+  'capabilities.title':'جهّز جهازك قبل مغادرة نطاق التغطية.',
+  'capabilities.note':'اختر العتاد المناسب، وثبّت برنامجه الثابت، وحمّل الخرائط وحزم اللغات ليكون جهازك جاهزًا عندما تنقطع شبكة الهاتف.',
+  'capabilities.deviceKicker':'الأجهزة',
+  'capabilities.deviceTitle':'اختر عتادك',
+  'capabilities.deviceText':'لكل لوحة مدعومة برنامج ثابت وتعليمات تثبيت وملاحظات خاصة بعتادها.',
+  'capabilities.navigationKicker':'الملاحة',
+  'capabilities.navigationTitle':'خرائط تعمل دون اتصال',
+  'capabilities.navigationText':'حمّل بلاطات الخرائط من بطاقة SD، وبدّل الطبقات، وتحقّق من جودة تحديد الموقع عبر GPS، وراجع مساراتك وسجلات التتبّع في الميدان.',
+  'capabilities.protocolKicker':'LoRa',
+  'capabilities.protocolTitle':'رسائل خارج التغطية الخلوية',
+  'capabilities.protocolText':'أرسل رسائل مباشرة أو إلى قناة أو مجموعة عبر أوضاع LoRa المتداخلة المدعومة، واعرف بوضوح عندما يفشل الإرسال.',
+  'capabilities.installKicker':'التثبيت',
+  'capabilities.installTitle':'ثبّت البرنامج المطابق لجهازك',
+  'capabilities.installText':'يمكن تثبيت البرنامج الثابت على أجهزة ESP32 المدعومة من المتصفح؛ أما اللوحات الأخرى فتستخدم ملفات تُنزّل للتثبيت اليدوي.',
+  'capabilities.localeKicker':'اللغات',
+  'capabilities.localeTitle':'أضف اللغات عند الحاجة',
+  'capabilities.localeText':'ثبّت الخطوط والترجمات وتخطيطات لوحة المفاتيح من قسم الإضافات، بدل تضمين جميع اللغات في البرنامج الثابت.',
+  'capabilities.fieldKicker':'الأدوات الميدانية',
+  'capabilities.fieldTitle':'أدوات لرحلتك',
+  'capabilities.fieldText':'استخدم تسجيل التتبّع وبيانات GPS وفحص الإشارة وSSTV ونقل البيانات عبر USB عندما تحتاج رحلتك إلى أكثر من المراسلة.',
+  'devices.eyebrow':'الأجهزة',
+  'devices.title':'اختر جهازك.',
+  'devices.note':'حدّد العتاد بدقة قبل التثبيت. قد تتشابه بعض اللوحات في الشكل لكنها تحتاج إلى برامج ثابتة مختلفة.',
+  'devices.interactionKicker':'ما ينبغي معرفته',
+  'features.navEyebrow':'الملاحة',
+  'features.navTitle':'احمل خرائطك خارج نطاق التغطية.',
+  'features.navLead':'ضع بلاطات الخرائط على بطاقة SD قبل الرحلة، ثم تصفّح طبقات OSM والتضاريس وصور الأقمار الصناعية على الجهاز. تساعدك صفحات GPS على تقييم موثوقية الموقع الحالي.',
+  'features.commEyebrow':'التواصل',
+  'features.commTitle':'ابقَ على تواصل حين تنقطع شبكة الهاتف.',
+  'features.commLead':'اكتب الرسائل على الجهاز، وأعد محاولة الإرسال من فقاعة الرسالة عند فشله، وأبقِ محادثات المجموعة منفصلة عن رسائل القنوات العادية.',
+  'features.toolsEyebrow':'أدوات ميدانية',
+  'features.toolsTitle':'خذ معك أدوات تفيدك في الميدان.',
+  'features.toolsLead':'استخدم مسح الإشارات واستقبال SSTV وتبادل البيانات عبر USB وعرض سجلات التتبّع لفحص محيطك أو استعادة البيانات.',
+  'languages.eyebrow':'اللغات',
+  'languages.title':'برنامج ثابت خفيف، ولغات تضيفها حسب حاجتك.',
+  'languages.note':'الإنجليزية متاحة دائمًا. يمكنك تثبيت خطوط وترجمات وتخطيطات إدخال أخرى من قسم الإضافات، بما فيها لوحة مفاتيح بالأحرف السيريلية.',
+  'languages.defaultKicker':'اللغة المضمّنة',
+  'languages.defaultTitle':'تبقى الإنجليزية متاحة على الجهاز.',
+  'languages.defaultText':'يمكن للجهاز الإقلاع والتعافي ومواصلة العمل حتى دون تثبيت أي حزم لغات خارجية.',
+  'languages.catalogKicker':'قائمة الحزم',
+  'languages.bundleSuffix':'حزمة، واللغات المتاحة:',
+  'languages.localeSuffix':'.',
+  'languages.catalogText':'قد تتضمن حزم اللغات ترجمات وخطوطًا وتخطيطات لوحة مفاتيح. ثبّتها من الجهاز دون إعادة بناء البرنامج الثابت.',
+  'languages.gateKicker':'حالة الحزم',
+  'languages.gateTitle':'حالة المراجعة واضحة.',
+  'languages.gateText':'بعض اللغات جاهز للاستخدام اليومي، وبعضها لا يزال بحاجة إلى مراجعة متحدثين أصليين. توضّح القائمة هذا الفرق.',
+  'languages.loadingKicker':'الفهرس',
+  'languages.loadingTitle':'جارٍ تحميل قائمة الحزم…',
+  'languages.loadingText':'ستظهر هنا حزم اللغات المنشورة مع النسخة الحالية من الموقع.',
+  'install.eyebrow':'التثبيت',
+  'install.title':'التثبيت من المتصفح',
+  'install.note':'اختر جهازك وشريحة الراديو. يتطلب التثبيت من المتصفح Google Chrome أو Microsoft Edge واتصال HTTPS وكابل USB يدعم نقل البيانات. يُثبّت برنامج T-Echo-Lite يدويًا.',
+  'install.pagerCopy':'إصدار شريحة SX1262 لجهاز Pager ذي لوحة المفاتيح. لا تستخدمه مع عتاد LR1121.',
+  'install.pagerLr1121Copy':'إصدار شريحة LR1121 لجهاز Pager ذي لوحة المفاتيح، مع نطاق دون جيجاهرتز و2.4 جيجاهرتز. لا تثبّته على عتاد SX1262.',
+  'install.tdeckCopy':'إصدار بلوحة مفاتيح ولمس، ملائم لتخطيط T-Deck.',
+  'install.twatchCopy':'إصدار ساعة يعتمد على اللمس للتجارب الميدانية على جهاز صغير.',
+  'install.gatCopy':'التثبيت من المتصفح غير متاح بعد للوحة nRF52. نزّل ملف البرنامج الثابت وثبّته يدويًا.',
+  'install.gatHint':'نزّل حزمة البرنامج الثابت من أحدث إصدار على GitHub.',
+  'install.checking':'جارٍ التحقّق من البرنامج الثابت…',
+  'install.openRelease':'فتح أحدث إصدار',
+  'install.step1':'1. صِل الجهاز بكابل USB يدعم نقل البيانات.',
+  'install.step2':'2. أدخل اللوحة في وضع التنزيل إذا كان عتادك يتطلب ذلك.',
+  'install.step3':'3. اختر طراز Pager الصحيح، SX1262 أو LR1121، ثم اترك المتصفح يثبّت ملف البرنامج المدمج.',
+  'docs.eyebrow':'للمزيد',
+  'docs.title':'تحتاج إلى تفاصيل الإعداد؟',
+  'docs.copy':'تجد في الويكي ملاحظات العتاد وخطوات التثبيت وتجهيز الخرائط والمساعدة في الإعداد واستكشاف الأخطاء وملاحظات الإصدارات الكاملة.',
+  'docs.wiki':'الصفحة الرئيسية للويكي',
+  'docs.hardware':'العتاد المدعوم',
+  'footer.eyebrow':'أخبار Trail Mate الميدانية',
+  'footer.title':'للأماكن التي تحتاج فيها إلى الخريطة والاتصال معًا.',
+  'footer.copy':'تابع المستودع للاطّلاع على إصدارات البرنامج الثابت وملاحظات الأجهزة وتحديثات الخرائط وحزم اللغات والتحسينات الموجّهة للاستخدام الميداني.',
+  'footer.repo':'المستودع',
+  'footer.releases':'الإصدارات',
+  'footer.wiki':'ويكي',
+  'release.waiting':'بانتظار نشر أول إصدار ذي وسم',
+  'release.ready':'الإصدار {tag} جاهز للتثبيت',
+  'release.unavailable':'معلومات الإصدار غير متاحة',
+  'flasher.activate':'تثبيت من المتصفح',
+  'flasher.unsupported':'استخدم Chrome أو Edge على حاسوب، مع تفعيل Web Serial.',
+  'flasher.notAllowed':'افتح الصفحة عبر HTTPS لاستخدام أداة التثبيت من المتصفح.',
+  'flasher.readyNote':'ملف البرنامج الثابت من أحدث إصدار.',
+  'flasher.missingAsset':'لا يتضمن أحدث إصدار ملفًا للتثبيت من المتصفح على هذه اللوحة. استخدم التنزيل اليدوي حاليًا.',
+  'flasher.pending':'سيظهر ملف التثبيت من المتصفح هنا بعد نشر أول إصدار ذي وسم.',
+  'flasher.error':'تعذّر تحميل معلومات الإصدار. افتح صفحة الإصدارات على GitHub للتنزيل اليدوي.',
+  'pack.release':'حزمة منشورة',
+  'pack.review':'حزمة قيد المراجعة',
+  'pack.locale':'لغة',
+  'pack.locales':'لغات',
+  'pack.font':'حزمة خطوط',
+  'pack.fonts':'حزم خطوط',
+  'pack.ime':'طريقة إدخال',
+  'pack.imes':'طرق إدخال',
+  'pack.download':'تنزيل الحزمة',
+  'pack.emptyTitle':'لا توجد حزم لغات منشورة بعد.',
+  'pack.emptyText':'ستظهر حزم اللغات هنا بعد نشر قائمتها.',
+  'pack.errorTitle':'قائمة حزم اللغات غير متاحة',
+  'pack.errorText':'تعذّر على الموقع تحميل قائمة حزم اللغات المنشورة حاليًا.',
+  'device.emptyTitle':'ستُضاف صور الجهاز لاحقًا.',
+  'device.emptyText':'البرنامج الثابت لهذا الجهاز متاح، لكن لم تُضف صور شاشاته بعد.'
+};
diff --git a/site/i18n/check-catalogs.mjs b/site/i18n/check-catalogs.mjs
new file mode 100644
index 00000000..506270c8
--- /dev/null
+++ b/site/i18n/check-catalogs.mjs
@@ -0,0 +1,16 @@
+import {locales} from './registry.js';
+import base from './en.js';
+const errors=[];
+const parameters=text=>[...text.matchAll(/\{(\w+)\}/g)].map(match=>match[1]).sort().join(',');
+for(const locale of locales) {
+  let catalog;
+  try {catalog=(await import(`./${locale.id}.js`)).default;}
+  catch(error){errors.push(`${locale.id}: catalog cannot be loaded (${error.code||error.message})`);continue;}
+  for(const [key,value] of Object.entries(base)) {
+    if(typeof catalog[key]!=='string'||!catalog[key].trim())errors.push(`${locale.id}: missing ${key}`);
+    else if(parameters(value)!==parameters(catalog[key]))errors.push(`${locale.id}: parameters differ for ${key}`);
+  }
+  for(const key of Object.keys(catalog))if(!Object.hasOwn(base,key))errors.push(`${locale.id}: unknown ${key}`);
+}
+if(errors.length){console.error(errors.join('\n'));process.exitCode=1;}
+else console.log(`${locales.length} website catalogs: keys, nonempty strings and parameters verified.`);
diff --git a/site/i18n/component-labels.js b/site/i18n/component-labels.js
new file mode 100644
index 00000000..c96c5eef
--- /dev/null
+++ b/site/i18n/component-labels.js
@@ -0,0 +1,16 @@
+// Kept external to the React bundle so this imports the page's runtime instance.
+import {translate,subscribeLocale,loadLocale} from './runtime.js';
+export async function watchComponentLabels(listener) {
+  await loadLocale('en');
+  const update=()=>listener({
+    manufacturer:translate('common.manufacturer'),
+    device:translate('common.device'),
+    all:translate('common.allManufacturers'),
+    language:translate('common.language'),
+    backTop:translate('common.backTop'),
+    protocol:translate('explorer.protocol'),
+    previewDevice:translate('explorer.device'),
+  });
+  update();
+  return subscribeLocale(update);
+}
diff --git a/site/i18n/de.js b/site/i18n/de.js
new file mode 100644
index 00000000..d1d0e75d
--- /dev/null
+++ b/site/i18n/de.js
@@ -0,0 +1,265 @@
+export default {
+  "explorer.mapCredit": "Kartendaten © OpenStreetMap-Mitwirkende",
+  "explorer.mapDetail": "Ein zwischengespeichertes OSM-Gebiet auf Zoomstufe 12; die Route wurde für Tests erstellt.",
+  "explorer.trackball": "Trackball drücken",
+  "explorer.rotary": "Drehgeber drücken",
+  "explorer.displayText": "Text auf dem Firmware-Display",
+  "pack.name.europe-cyrillic-ext": "Erweiterte europäische Kyrillisch-Unterstützung",
+  "pack.name.europe-latin-ext": "Erweiterte europäische Latein-Unterstützung",
+  "pack.count.locales": "Sprachen: {count}",
+  "pack.count.fonts": "Schriftpakete: {count}",
+  "pack.count.ime": "Eingabemethoden: {count}",
+  "pack.count.packages": "Pakete: {count}",
+  "pack.memory.standard": "Standardspeicher",
+  "pack.memory.extended": "Erweiterter Speicher",
+  "pack.memory.constrained": "Begrenzter Speicher",
+  "pack.description.generic": "Sprachressourcen für das Gerät.",
+  "pack.count.more": "Weitere Sprachen: {count}",
+  "pack.description.ar": "Die arabische Übersetzung wird noch geprüft. Enthält Naskh-Schriften für Text von rechts nach links und gemischte Schriftsysteme. Derzeit nur Anzeige; die arabische Eingabe ist noch nicht implementiert.",
+  "pack.description.europe-cyrillic-ext": "Enthält gemeinsame kyrillische Schriften, die noch zu prüfende russische Übersetzung und eine russische Tastaturbelegung.",
+  "pack.description.europe-latin-ext": "Enthält gemeinsame Schriften für den erweiterten lateinischen Zeichensatz sowie noch zu prüfende Übersetzungen für Deutsch, Spanisch, Französisch, Italienisch, Niederländisch, Polnisch und Portugiesisch.",
+  "pack.description.ja": "Die japanische Übersetzung wird noch geprüft. Enthält externe CJK-Schriften für die Oberfläche und mehrsprachige Inhalte. Derzeit nur Anzeige; die japanische Eingabe ist noch nicht implementiert.",
+  "pack.description.ko": "Die koreanische Übersetzung wird noch geprüft. Enthält externe CJK-Schriften für die Oberfläche und mehrsprachige Inhalte. Derzeit nur Anzeige; die koreanische Eingabe ist noch nicht implementiert.",
+  "pack.description.zh-Hans": "Enthält vereinfachtes Chinesisch, Schriften für Standarddisplays, GNU-Unifont-Varianten mit 16 px und 1 bpp für T-Deck Pro sowie die integrierte Pinyin-Eingabe.",
+  "pack.description.zh-Hant": "Traditionelles Chinesisch für Taiwan befindet sich noch in Prüfung; CJK-Schriften sind enthalten. Derzeit nur Anzeige. Die muttersprachliche Prüfung und eine vollständige Zhuyin-Eingabe stehen noch aus.",
+  "explorer.noMatches": "Keine passende Funktion gefunden",
+  "hero.eyebrow":"Offlinekarten und LoRa für unterwegs",
+  "hero.tagline":"Karten, Nachrichten und Teampositionen auf einem kleinen LoRa-Gerät.",
+  "hero.lede":"Trail Mate hilft Wanderern und Gruppen, sich ohne Mobilfunkempfang zu orientieren: Offlinekarten von der SD-Karte, LoRa-Nachrichten, GPS-Status und Gruppenbewegungen auf kompakten Handgeräten.",
+  "hero.primaryAction":"Web-Flasher öffnen",
+  "hero.secondaryAction":"Repository ansehen",
+  "hero.releaseKicker":"Neuestes Release",
+  "hero.proofKicker":"Gerätefotos",
+  "hero.proofText":"Die Bildschirmfotos sind nach Gerät geordnet. So findest du die Oberfläche der Hardware, die du mitnehmen möchtest.",
+  "overview.copy":"Für Touren, auf denen ein Telefon allein nicht reicht: Karten auf SD speichern, Nachrichten ohne Mobilfunk senden, Tracks aufzeichnen, Signal und GPS prüfen und bei Bedarf Sprachpakete hinzufügen.",
+  "tag.maps":"Offlinekarten",
+  "tag.gnss":"GNSS-Diagnose",
+  "tag.chat":"Mesh-Chat",
+  "tag.team":"Teammodus",
+  "tag.languages":"Sprachpakete",
+  "tag.scan":"Protokollerkennung",
+  "tag.usb":"USB-Speicher",
+  "capabilities.eyebrow":"Funktionen",
+  "capabilities.title":"Bereite dein Gerät vor, bevor der Empfang endet.",
+  "capabilities.note":"Wähle passende Hardware, installiere die richtige Firmware und lade Karten sowie Sprachpakete. So ist dein Gerät bereit, wenn kein Mobilfunknetz mehr verfügbar ist.",
+  "capabilities.deviceKicker":"Geräte",
+  "capabilities.deviceTitle":"Die passende Hardware wählen",
+  "capabilities.deviceText":"Jedes unterstützte Board hat eine eigene Firmware, Installationshinweise und besondere Hardwareeigenschaften.",
+  "capabilities.navigationKicker":"Navigation",
+  "capabilities.navigationTitle":"Karten auch ohne Netz",
+  "capabilities.navigationText":"Lade Kartenkacheln von SD, wechsle Ebenen, prüfe die GPS-Positionsqualität und sieh dir Routen oder Tracks vor Ort an.",
+  "capabilities.protocolKicker":"LoRa",
+  "capabilities.protocolTitle":"Nachrichten ohne Mobilfunk",
+  "capabilities.protocolText":"Sende Direkt-, Kanal- oder Teamnachrichten über unterstützte LoRa-Mesh-Modi. Fehlgeschlagene Übertragungen werden klar angezeigt.",
+  "capabilities.installKicker":"Installation",
+  "capabilities.installTitle":"Die richtige Firmware installieren",
+  "capabilities.installText":"Unterstützte ESP32-Geräte lassen sich im Browser installieren. Für andere Boards verwendest du die heruntergeladenen Firmwaredateien.",
+  "capabilities.localeKicker":"Sprachen",
+  "capabilities.localeTitle":"Sprachen nach Bedarf hinzufügen",
+  "capabilities.localeText":"Installiere Schriftarten, Übersetzungen und Tastaturbelegungen über Erweiterungen, statt sämtliche Sprachen in die Firmware einzubauen.",
+  "capabilities.fieldKicker":"Outdoor-Werkzeuge",
+  "capabilities.fieldTitle":"Nützliche Funktionen für die Tour",
+  "capabilities.fieldText":"Neben Chat stehen Trackaufzeichnung, GPS-Ansichten, Signalprüfung, SSTV und USB-Datenaustausch zur Verfügung.",
+  "features.navEyebrow":"Navigation",
+  "features.navTitle":"Karten mitnehmen, auch ohne Mobilfunk.",
+  "features.navLead":"Speichere Kartenkacheln vor der Tour auf SD und nutze OSM-, Gelände- und Satellitenebenen auf dem Gerät. GPS-Ansichten helfen dir, die aktuelle Positionsqualität einzuschätzen.",
+  "features.commEyebrow":"Kommunikation",
+  "features.commTitle":"In Kontakt bleiben, auch im Funkloch.",
+  "features.commLead":"Schreibe Nachrichten auf dem Gerät, sende fehlgeschlagene Nachrichten über ihre Sprechblase erneut und halte Teamgespräche vom normalen Kanalverkehr getrennt.",
+  "features.toolsEyebrow":"Werkzeuge für unterwegs",
+  "features.toolsTitle":"Ein paar praktische Helfer im Gepäck.",
+  "features.toolsLead":"Nutze Signalsuche, SSTV-Empfang, USB-Datenaustausch und Trackansichten, um die Umgebung zu untersuchen oder Daten auszulesen.",
+  "languages.eyebrow":"Sprachen",
+  "languages.title":"Kleine Firmware, mit den Sprachen deiner Wahl.",
+  "languages.note":"Englisch ist immer verfügbar. Weitere Schriftarten, Übersetzungen und Tastaturbelegungen lassen sich über Erweiterungen installieren, einschließlich kyrillischer Eingabe.",
+  "languages.defaultKicker":"Integrierte Sprache",
+  "languages.defaultTitle":"Englisch bleibt immer verfügbar.",
+  "languages.defaultText":"Das Gerät lässt sich auch ohne externe Sprachpakete starten, wiederherstellen und bedienen.",
+  "languages.catalogKicker":"Paketübersicht",
+  "languages.bundleSuffix":"Pakete für",
+  "languages.localeSuffix":"verfügbare Sprachen.",
+  "languages.catalogText":"Sprachpakete können Übersetzungen, Schriftarten und Tastaturbelegungen enthalten. Installiere sie auf dem Gerät, ohne die Firmware neu zu bauen.",
+  "languages.gateKicker":"Paketstatus",
+  "languages.gateTitle":"Der Prüfstatus bleibt sichtbar.",
+  "languages.gateText":"Manche Sprachen sind für den Alltag geeignet, andere benötigen noch eine Prüfung durch Muttersprachler. Die Liste zeigt den jeweiligen Stand.",
+  "languages.loadingKicker":"Katalog",
+  "languages.loadingTitle":"Paketliste wird geladen …",
+  "languages.loadingText":"Hier erscheinen die Sprachpakete, die mit dem aktuellen Pages-Build veröffentlicht wurden.",
+  "docs.eyebrow":"Mehr erfahren",
+  "docs.title":"Du suchst ausführliche Anleitungen?",
+  "docs.copy":"Im Wiki findest du Hardwarehinweise, Installationsschritte, Kartenvorbereitung, Konfiguration, Fehlerbehebung und vollständige Versionshinweise.",
+  "docs.wiki":"Wiki-Startseite",
+  "docs.hardware":"Unterstützte Hardware",
+  "footer.eyebrow":"Trail Mate unterwegs",
+  "footer.title":"Dorthin, wo Karten und Verbindung zählen.",
+  "footer.copy":"Im Repository findest du neue Firmwareversionen, Gerätehinweise, Karten- und Sprachpaketupdates sowie Verbesserungen für den Outdoor-Einsatz.",
+  "footer.repo":"Repository",
+  "footer.releases":"Releases",
+  "footer.wiki":"Wiki",
+  "pack.release":"Veröffentlichtes Paket",
+  "pack.review":"Paket in Prüfung",
+  "pack.locale":"Sprache",
+  "pack.locales":"Sprachen",
+  "pack.font":"Schriftpaket",
+  "pack.fonts":"Schriftpakete",
+  "pack.ime":"Eingabemethode",
+  "pack.imes":"Eingabemethoden",
+  "pack.download":"Paket herunterladen",
+  "pack.emptyTitle":"Noch keine Sprachpakete veröffentlicht.",
+  "pack.emptyText":"Sprachpakete erscheinen hier, sobald die Paketliste veröffentlicht wurde.",
+  "pack.errorTitle":"Sprachpaketliste nicht verfügbar",
+  "pack.errorText":"Die Liste der veröffentlichten Sprachpakete konnte nicht geladen werden.",
+  "device.emptyTitle":"Gerätefotos folgen später.",
+  "device.emptyText":"Für dieses Gerät ist Firmware verfügbar, aber eigene Bildschirmfotos wurden noch nicht hinzugefügt.",
+  "intro.eyebrow":"WERKZEUGE FÜR DRAUSSEN",
+  "intro.tagline":"Karten, Kommunikation und Zusammenarbeit für unterwegs.",
+  "intro.text":"Nimm Karten mit, zeichne deinen Weg auf und stimme dich mit deiner Gruppe ab. Die grundlegende Unterstützung für Meshtastic und MeshCore ermöglicht den Kontakt zu kompatiblen Geräten in der Nähe. Welche Protokollfunktionen unterstützt werden, richtet sich nach dem praktischen Nutzen draußen.",
+  "intro.try":"Gerät ausprobieren ↓",
+  "intro.install":"Firmware herunterladen ↗",
+  "intro.cardLabel":"VOR DER TOUR",
+  "intro.cardTitle":"Bereite deine nächste Tour vor.",
+  "intro.cardText":"Lade Karten und Routen, prüfe die Positionsbestimmung und teste vor dem Aufbruch die Kommunikation mit deiner Gruppe.",
+  "purpose.title":"Für den Einsatz draußen entwickelt.",
+  "purpose.communication":"Trail Mate unterstützt grundlegende Meshtastic- und MeshCore-Kommunikation, damit du kompatible Geräte in der Nähe erreichen, Informationen austauschen, um Hilfe bitten und dich mit anderen abstimmen kannst.",
+  "purpose.scope":"Eine vollständige Umsetzung beider Protokolle oder aller Funktionen ihrer ursprünglichen Firmware ist nicht das Ziel. Erweiterte Funkfunktionen ohne Bezug zum Outdoor-Einsatz gehören nicht zum Umfang von Trail Mate. Maßgeblich sind die praktischen Anforderungen unterwegs.",
+  "principle.identity.number":"01 / IDENTITÄT",
+  "principle.identity.title":"Deine Identität bleibt bei dir.",
+  "principle.identity.body":"Die Geräteidentität kann unabhängig von Cloud-Konten und Telefonnummern verwendet werden. Kontakte und Gespräche bleiben auf Hardware, die du selbst kontrollierst.",
+  "principle.connection.number":"02 / KOMMUNIKATION",
+  "principle.connection.title":"Wähle dein Netzwerk.",
+  "principle.connection.body":"Wähle Meshtastic, MeshCore oder Reticulum. Es ist jeweils ein Protokoll aktiv. Bei Meshtastic und MeshCore stehen grundlegende Outdoor-Kommunikation und nicht die vollständige Abdeckung aller Protokollfunktionen im Mittelpunkt.",
+  "principle.resources.number":"03 / LOKALE DATEN",
+  "principle.resources.title":"Bereite Karten und Routen vor.",
+  "principle.resources.body":"Speichere Karten, Kontakte und aufgezeichnete Tracks auf dem Gerät. Bereite benötigte Daten vor dem Start vor; Desktopwerkzeuge helfen bei der Verwaltung von Karten und Routen.",
+  "principle.team.number":"04 / GRUPPENÜBERSICHT",
+  "principle.team.title":"Behalte deine Gruppe im Blick.",
+  "principle.team.body":"TAK auf dem Gerät zeigt Mitglieder, Positionen, Wegpunkte, Tracks und Teamnachrichten zusammen an. Öffentliche Erkennung, Kontaktpositionen, Teampositionen und lokale Tracks werden getrennt behandelt.",
+  "prepare.label":"VOR DEM AUFBRUCH",
+  "prepare.title":"Mach dein Gerät bereit für die Tour.",
+  "prepare.hardware":"Prüfe die Hardware.",
+  "prepare.hardwareText":"Wähle Board und Funkvariante genau aus, installiere die passende Firmware und prüfe die vorhandene Peripherie. Pager SX1262 und LR1121 verwenden getrennte Builds.",
+  "prepare.resources":"Bereite Karten und Routen vor.",
+  "prepare.resourcesText":"Lade Karten für dein Gebiet, importiere KML-Routen und installiere benötigte Sprachpakete. Mit Trail Mate Center kannst du Kartengebiete und Kartenkorridore entlang deiner Route vorbereiten.",
+  "prepare.team":"Teste die Verbindung zur Gruppe.",
+  "prepare.teamText":"Wähle ein Protokoll und kompatible Funkeinstellungen. Prüfe Kontakte und GNSS, kopple die Teamgeräte in der Nähe und tausche vor dem Start eine Testnachricht aus.",
+  "prepare.guide":"Einrichtung: Dateipfade, Bedienelemente und gerätespezifische Hinweise ↗",
+  "survey.eyebrow":"WARUM EIN WISSENSCHAFTLICHER RECHNER?",
+  "survey.title":"Berechnungen für die Vermessung im Gelände.",
+  "survey.purpose":"Der wissenschaftliche Rechner unterstützt Geländeaufnahmen: Höhenunterschiede abschätzen, Schrägstrecken in horizontale Entfernungen umrechnen oder Neigungswinkel und Steigung aus Messwerten bestimmen.",
+  "survey.height":"01 / HÖHENUNTERSCHIED",
+  "survey.heightTitle":"Eine Höhe abschätzen.",
+  "survey.heightText":"Bei 30 m horizontalem Abstand und 35° Höhenwinkel beträgt der Höhenunterschied zur Beobachtungsebene 30 × tan(35°) ≈ 21,01 m.",
+  "survey.heightNote":"Für die Baumhöhe addierst du die Instrumentenhöhe, wenn Baumfuß und dein Standort auf gleicher Höhe liegen. Andernfalls musst du auch den Höhenunterschied des Bodens berücksichtigen.",
+  "survey.distance":"02 / STRECKENKOMPONENTEN",
+  "survey.distanceTitle":"Eine Schrägstrecke umrechnen.",
+  "survey.distanceText":"Ein gerader, 100 m langer Abschnitt mit 20° Neigung hat eine horizontale Länge von 100 × cos(20°) ≈ 93,97 m und einen Höhenunterschied von 100 × sin(20°) ≈ 34,20 m.",
+  "survey.distanceNote":"Berechne gekrümmte Strecken oder wechselnde Neigungen abschnittsweise.",
+  "survey.slope":"03 / STEIGUNG",
+  "survey.slopeTitle":"Die Steigung berechnen.",
+  "survey.slopeText":"12 m Höhenunterschied auf 40 m horizontaler Strecke ergeben atan(12 ÷ 40) ≈ 16,70° beziehungsweise 30 % Steigung. Grad und Prozent sind unterschiedliche Darstellungen.",
+  "survey.functions":"Unterstützt sin, cos, tan, inverse trigonometrische Funktionen, Potenzen, Wurzeln und Logarithmen sowie DEG/RAD. Winkel und Entfernungen werden als Messwerte eingegeben; der Rechner misst sie nicht selbst.",
+  "survey.try":"Rechner ausprobieren ↗",
+  "story.navigation.label":"NAVIGATION UND VERMESSUNG",
+  "story.navigation.title":"Gelände erkennen. Routen verstehen.",
+  "story.navigation.text":"Offlinekarten zeigen das umliegende Gelände. Die GNSS-Diagnose hilft, die Qualität der Positionsbestimmung einzuschätzen, und die Trackaufzeichnung hält deinen Weg fest. KML-Routen liefern Höhenprofile und Wegpunkte.",
+  "story.navigation.item1":"OSM-, Gelände-, Satelliten- und Höhenlinienebenen",
+  "story.navigation.item2":"Routenhöhenprofil, Wegpunktvorschau und GPX-Export",
+  "story.navigation.item3":"Wissenschaftlicher Rechner für Entfernungen, Neigungen und Höhen",
+  "story.navigation.link":"Geländeberechnungen ausprobieren ↗",
+  "story.communication.label":"KOMMUNIKATION UND ABSTIMMUNG",
+  "story.communication.title":"Bleib mit deiner Gruppe in Verbindung.",
+  "story.communication.text":"Wähle ein Netzwerk, verwalte Kontakte und prüfe die Zustellung von Nachrichten. Kopple Teamgeräte in der Nähe über ESP-NOW und teile anschließend Positionen, Treffpunkte und Nachrichten über LoRa.",
+  "story.communication.item1":"Grundlegende Meshtastic-/MeshCore-Kommunikation oder Reticulum/LXMF",
+  "story.communication.item2":"Gespeicherte Kontakte und Gesprächsverläufe",
+  "story.communication.item3":"TAK auf dem Gerät; FSK/Codec2-Sprachfunk auf unterstützter Hardware",
+  "story.communication.link":"Teamfunktionen erkunden ↗",
+  "story.tools.label":"WERKZEUGE UND VERBINDUNGEN",
+  "story.tools.title":"Verbinde deine Werkzeuge miteinander.",
+  "story.tools.text":"Rufe Reticulum-Micron-Dienste über Nomad Network auf. Nutze MQTT, wenn ein Gateway verfügbar ist, und bereite Kartengebiete und Routen mit Trail Mate Center vor.",
+  "story.tools.item1":"Die Protokollerkennung unterscheidet Beobachtungen von bestätigten Nachweisen",
+  "story.tools.item2":"SSTV-Empfang auf unterstützter Hardware",
+  "story.tools.item3":"Erweiterungen, Sprachpakete und USB-Speicher",
+  "story.tools.link":"Trail Mate Center entdecken ↗",
+  "common.manufacturer":"Hersteller",
+  "common.device":"Gerät",
+  "common.allManufacturers":"Alle",
+  "common.language":"Sprache",
+  "common.backTop":"Nach oben",
+  "document.title":"Trail Mate — Kommunikation und Navigation für unterwegs",
+  "top.github":"GitHub",
+  "top.wiki":"Wiki",
+  "top.flash":"Installieren",
+  "side.label":"Wegweiser",
+  "side.overview":"Übersicht",
+  "side.explorer":"Interaktive Vorschau",
+  "side.capabilities":"Funktionen",
+  "side.devices":"Geräte",
+  "side.features":"Draußen unterwegs",
+  "side.languages":"Sprachpakete",
+  "side.flasher":"Web-Flasher",
+  "side.docs":"Dokumentation",
+  "devices.buy":"Zum offiziellen Shop ↗",
+  "devices.unreleased":"Noch nicht im Handel",
+  "devices.eyebrow":"Geräte",
+  "devices.title":"Wähle dein Gerät.",
+  "devices.note":"Prüfe vor der Installation das genaue Modell. Ähnlich aussehende Geräte können unterschiedliche Firmware benötigen.",
+  "devices.interactionKicker":"Gut zu wissen",
+  "device.pager.controls":"Drehencoder und Tastatur",
+  "device.pager.note":"SX1262 und LR1121 benötigen unterschiedliche Firmware. Ein gemeinsames Bildschirmlayout bedeutet nicht, dass die Funkfunktionen identisch sind.",
+  "device.tdeck.controls":"Touchscreen, Trackball und Tastatur",
+  "device.tdeck.note":"Layout mit 320 × 240 Pixeln. Welche Peripherie verfügbar ist, hängt von der Hardware und dem Firmware-Build ab.",
+  "device.wio-tracker-l2.controls":"Touchscreen",
+  "device.wio-tracker-l2.note":"320 × 240 Pixel Auflösung, 3,2-Zoll-Display.",
+  "explorer.label":"FIRMWARE-OBERFLÄCHE",
+  "explorer.title":"Probiere die Geräteoberfläche aus.",
+  "explorer.reset":"Demo zurücksetzen",
+  "explorer.device":"Gerätevorschau",
+  "explorer.search":"Funktion suchen",
+  "explorer.searchPlaceholder":"Karten, Nachrichten, Rechner …",
+  "explorer.protocol":"Demo-Protokoll",
+  "explorer.controls":"Nutze die Tastatur und die Bedienelemente am Gerät.",
+  "explorer.renderer":"Die C++-Seiten der Firmware werden mit LVGL 9.4 und den Schriftarten und Layouts der Firmware dargestellt.",
+  "explorer.boundary":"Die Vorschau führt den Oberflächencode der Firmware aus. Funk-, GNSS-, Akku- und Speicherdaten sind simuliert; es ist kein physisches Gerät verbunden.",
+  "explorer.source":"Firmware-Quellcode ↗",
+  "explorer.loading":"Gerätevorschau wird geladen …",
+  "explorer.running":"Gerätevorschau · simulierte Hardwaredaten",
+  "explorer.pageError":"Diese Seite konnte nicht geöffnet werden. Setze die Vorschau zurück und versuche es erneut.",
+  "explorer.off":"Das Vorschaugerät ist ausgeschaltet. Setze die Demo zurück, um es neu zu starten.",
+  "explorer.startError":"Die Gerätevorschau konnte nicht gestartet werden. Lade die Seite neu und versuche es erneut.",
+  "guide.try":"AUSPROBIEREN",
+  "guide.requirements":"Auf deinem Gerät",
+  "guide.reference":"Funktionsbeschreibung ↗",
+  "guide.try.default":"Erkunde die Seite mit den Bedienelementen des Geräts. Das T-Deck unterstützt auch Touch-Eingaben.",
+  "guide.try.calculator":"Berechne im DEG-Modus 30 × tan(35): Das Ergebnis beträgt etwa 21,01 m. Mit 2ND wählst du die inversen trigonometrischen Funktionen, mit MODE wechselst du zwischen DEG und RAD.",
+  "guide.try.network":"Wähle Reticulum als Demo-Protokoll und öffne einen Beispielknoten, um dessen zwischengespeicherte Micron-Seite anzusehen.",
+  "guide.try.route":"Öffne in der Trackaufzeichnung die Routenliste und wähle sample-route.kml, um Höhenprofil und Wegpunkte anzusehen.",
+  "guide.try.mqtt":"Öffne die Einstellungen, um die Protokoll- und Netzwerkoptionen für MQTT anzusehen.",
+  "guide.try.probe":"Starte oder stoppe die Erkennung. Die simulierten Empfangsdaten bilden keine tatsächliche Funkaktivität in deiner Nähe ab.",
+  "install.choose":"Gerät und Funkvariante",
+  "install.manualInstructions":"Lade die UF2-Firmware für t-echo-lite von der Release-Seite herunter und folge der Geräteanleitung für die manuelle Installation.",
+  "install.variantInstructions":"Prüfe Gerät und Funkchip. SX1262 und LR1121 verwenden unterschiedliche Firmware, die nicht austauschbar ist.",
+  "install.eyebrow":"Installation",
+  "install.title":"Web-Flasher",
+  "install.note":"Wähle dein Gerät und seine Funkvariante. Die Installation im Browser benötigt Google Chrome oder Microsoft Edge, HTTPS und ein USB-Datenkabel. Das T-Echo-Lite wird manuell installiert.",
+  "install.pagerCopy":"SX1262-Build für den Pager mit Tastatur. Nicht für LR1121-Hardware verwenden.",
+  "install.pagerLr1121Copy":"LR1121-Build für den Pager mit Tastatur und Sub-GHz- sowie 2,4-GHz-Funk. Nicht auf SX1262-Hardware installieren.",
+  "install.tdeckCopy":"Build für die Tastatur- und Touch-Bedienung des T-Deck.",
+  "install.twatchCopy":"Touchorientierter Uhren-Build für kompakte Versuchsaufbauten im Freien.",
+  "install.gatCopy":"Die Browserinstallation ist für das nRF52-Board noch nicht verfügbar. Lade die Firmwaredatei herunter und installiere sie manuell.",
+  "install.gatHint":"Lade das Firmwarepaket aus dem neuesten GitHub-Release herunter.",
+  "install.checking":"Firmware wird geprüft …",
+  "install.openRelease":"Neuestes Release öffnen",
+  "install.step1":"1. Verbinde das Gerät mit einem USB-Datenkabel.",
+  "install.step2":"2. Versetze das Board bei Bedarf in den Downloadmodus.",
+  "install.step3":"3. Wähle die passende Pager-Variante SX1262 oder LR1121 und installiere das zusammengeführte Image im Browser.",
+  "release.waiting":"Warten auf das erste Release mit Versions-Tag",
+  "release.ready":"{tag} ist zur Installation bereit",
+  "release.unavailable":"Release-Informationen nicht verfügbar",
+  "flasher.activate":"Im Browser installieren",
+  "flasher.unsupported":"Verwende Chrome oder Edge auf einem Desktoprechner mit aktiviertem Web Serial.",
+  "flasher.notAllowed":"Öffne diese Seite über HTTPS, um den Web-Flasher zu verwenden.",
+  "flasher.readyNote":"Firmware-Image aus dem neuesten Release.",
+  "flasher.missingAsset":"Im neuesten Release fehlt das Browser-Image für dieses Board. Nutze vorerst den manuellen Download.",
+  "flasher.pending":"Die Firmware für die Browserinstallation erscheint hier nach dem ersten Release mit Versions-Tag.",
+  "flasher.error":"Release-Informationen konnten nicht geladen werden. Öffne für manuelle Downloads die GitHub-Release-Seite."
+};
diff --git a/site/i18n/dom.js b/site/i18n/dom.js
new file mode 100644
index 00000000..ab257d91
--- /dev/null
+++ b/site/i18n/dom.js
@@ -0,0 +1,9 @@
+import {translate} from './runtime.js';
+
+// Attribute translation is kept beside text translation, not in each component.
+export function applyTranslations(root=document) {
+  for(const element of root.querySelectorAll('[data-i18n]'))element.textContent=translate(element.dataset.i18n);
+  for(const [marker,attribute] of [['data-i18n-aria','aria-label'],['data-i18n-alt','alt'],['data-i18n-placeholder','placeholder']]) {
+    for(const element of root.querySelectorAll(`[${marker}]`))element.setAttribute(attribute,translate(element.getAttribute(marker)));
+  }
+}
diff --git a/site/i18n/en.js b/site/i18n/en.js
new file mode 100644
index 00000000..6d698647
--- /dev/null
+++ b/site/i18n/en.js
@@ -0,0 +1,265 @@
+export default {
+  "explorer.mapCredit": "Map data © OpenStreetMap contributors",
+  "explorer.mapDetail": "One cached OSM region at zoom 12; the route is a synthetic test fixture.",
+  "explorer.trackball": "Press trackball",
+  "explorer.rotary": "Press rotary encoder",
+  "explorer.displayText": "Firmware display text",
+  "pack.name.europe-cyrillic-ext": "European Cyrillic Extended",
+  "pack.name.europe-latin-ext": "European Latin Extended",
+  "pack.count.locales": "Languages: {count}",
+  "pack.count.fonts": "Font packs: {count}",
+  "pack.count.ime": "Input methods: {count}",
+  "pack.count.packages": "Packages: {count}",
+  "pack.memory.standard": "Standard memory",
+  "pack.memory.extended": "Extended memory",
+  "pack.memory.constrained": "Limited memory",
+  "pack.description.generic": "Language resources for the device.",
+  "pack.count.more": "Other languages: {count}",
+  "pack.description.ar": "Arabic is under review. Includes Naskh fonts for right-to-left and mixed-script text. Display only; Arabic input is not yet implemented.",
+  "pack.description.europe-cyrillic-ext": "Includes shared Cyrillic fonts, Russian translations under review, and a Russian Cyrillic keyboard layout.",
+  "pack.description.europe-latin-ext": "Includes shared Latin Extended fonts and translations under review for German, Spanish, French, Italian, Dutch, Polish and Portuguese.",
+  "pack.description.ja": "Japanese is under review. Includes external CJK fonts for interface and mixed-language text. Display only; Japanese input is not yet implemented.",
+  "pack.description.ko": "Korean is under review. Includes external CJK fonts for interface and mixed-language text. Display only; Korean input is not yet implemented.",
+  "pack.description.zh-Hans": "Includes Simplified Chinese translations, fonts for standard displays, 16 px 1 bpp GNU Unifont variants for T-Deck Pro, and the built-in Pinyin input backend.",
+  "pack.description.zh-Hant": "Taiwan Traditional Chinese is under review. Includes CJK fonts. Display only; native-language review and a full Zhuyin input method are still pending.",
+  "explorer.noMatches": "No matching feature",
+  "common.manufacturer": "Manufacturer",
+  "common.device": "Device",
+  "common.allManufacturers": "All",
+  "common.language": "Language",
+  "common.backTop": "Back to top",
+  "install.manualInstructions": "Download the t-echo-lite UF2 firmware from the release and follow the device instructions for manual installation.",
+  "install.variantInstructions": "Match the device and radio chip. SX1262 and LR1121 use different firmware and are not interchangeable.",
+  "device.pager.controls": "Encoder and keyboard",
+  "device.pager.note": "SX1262 and LR1121 require different firmware. The shared screen layout does not imply identical radio capabilities.",
+  "device.tdeck.controls": "Touch, trackball and keyboard",
+  "device.tdeck.note": "320 × 240 layout. Available peripherals depend on the hardware and firmware build.",
+  "device.wio-tracker-l2.controls": "Touch",
+  "device.wio-tracker-l2.note": "320 × 240 resolution; 3.2-inch display.",
+  "guide.try": "TRY IT",
+  "guide.requirements": "On your device",
+  "guide.reference": "Feature reference ↗",
+  "guide.try.default": "Explore the page using the device controls. T-Deck also accepts touch input.",
+  "guide.try.calculator": "In DEG mode, calculate 30 × tan(35): approximately 21.01 m. Use 2ND for inverse functions and MODE to switch DEG/RAD.",
+  "guide.try.network": "Choose Reticulum as the sample protocol and open a sample node to view its cached Micron page.",
+  "guide.try.route": "Open the route list in Tracker and select sample-route.kml to inspect its elevation and waypoints.",
+  "guide.try.mqtt": "Open Settings to inspect the protocol and network controls for MQTT.",
+  "guide.try.probe": "Start or stop the probe. Simulated receiver data does not represent real nearby radio activity.",
+  "explorer.renderer": "Firmware C++ pages rendered with LVGL 9.4, using the firmware fonts and layout.",
+  "explorer.boundary": "The preview runs firmware interface code. Radio, GNSS, battery and storage data are simulated; no physical device is connected.",
+  "explorer.source": "Firmware source ↗",
+  "explorer.loading": "Loading device preview…",
+  "explorer.running": "Device preview · simulated hardware data",
+  "explorer.pageError": "This page could not be opened. Reset the preview and try again.",
+  "explorer.off": "The preview device is powered off. Reset the demo to restart.",
+  "explorer.startError": "The device preview could not start. Reload the page and try again.",
+  "devices.unreleased": "Not yet on sale",
+  "side.explorer": "Interactive guide",
+  "explorer.label": "FIRMWARE INTERFACE",
+  "explorer.title": "Explore the device interface.",
+  "explorer.reset": "Reset demo",
+  "explorer.device": "Preview device",
+  "explorer.search": "Find a feature",
+  "explorer.searchPlaceholder": "Maps, messages, calculator…",
+  "explorer.protocol": "Sample protocol",
+  "explorer.controls": "Use the device keyboard and physical controls.",
+  "story.navigation.label": "NAVIGATION & SURVEYING",
+  "story.navigation.title": "Read the terrain. Understand the route.",
+  "story.navigation.text": "Offline maps show the surrounding terrain. GNSS diagnostics help assess positioning quality; track recording preserves your path. KML routes provide elevation and waypoint context.",
+  "story.navigation.item1": "OSM, terrain, satellite and contour layers",
+  "story.navigation.item2": "Route elevation, waypoint previews and GPX export",
+  "story.navigation.item3": "Scientific calculator for distance, slope and height estimates",
+  "story.navigation.link": "Try field calculations ↗",
+  "story.communication.label": "COMMUNICATION & COORDINATION",
+  "story.communication.title": "Stay in contact with your group.",
+  "story.communication.text": "Choose a network, keep your contacts and check message delivery. Pair a team nearby using ESP-NOW, then share positions, assembly points and messages over LoRa.",
+  "story.communication.item1": "Basic Meshtastic / MeshCore communication, or Reticulum/LXMF",
+  "story.communication.item2": "Saved contacts and conversation history",
+  "story.communication.item3": "On-device TAK; FSK/Codec2 voice on supported hardware",
+  "story.communication.link": "Explore team coordination ↗",
+  "story.tools.label": "FIELD TOOLS & CONNECTIONS",
+  "story.tools.title": "Connect with your other tools.",
+  "story.tools.text": "Browse Reticulum Micron services through Nomad Network. Use MQTT when a gateway is available, and prepare map regions and routes with Trail Mate Center.",
+  "story.tools.item1": "Protocol Probe distinguishes observed and confirmed evidence",
+  "story.tools.item2": "SSTV reception on supported hardware",
+  "story.tools.item3": "Extensions, language packs and USB storage",
+  "story.tools.link": "Explore Trail Mate Center ↗",
+  "document.title": "Trail Mate — Outdoor communication and navigation",
+  "devices.buy": "Official store ↗",
+  "prepare.hardware": "Match the hardware.",
+  "prepare.hardwareText": "Choose the exact board and radio variant, flash its firmware and check the available peripherals. Pager SX1262 and LR1121 use separate builds.",
+  "prepare.resources": "Prepare maps and routes.",
+  "prepare.resourcesText": "Load your map region, import KML routes and install the language packs you need. Prepare map regions and route corridors with Trail Mate Center.",
+  "prepare.team": "Test communication with your group.",
+  "prepare.teamText": "Choose a protocol and compatible radio settings. Check contacts and GNSS, pair the team nearby, and exchange a test message before departure.",
+  "prepare.guide": "Setup guide: file paths, hardware controls and device-specific instructions ↗",
+  "prepare.label": "BEFORE DEPARTURE",
+  "prepare.title": "Set up for your trip.",
+  "principle.identity.number": "01 / IDENTITY",
+  "principle.identity.title": "Identity in your hands.",
+  "principle.identity.body": "Device identity can exist independently of cloud accounts and phone numbers. Keep your contacts and conversations on personally controlled hardware.",
+  "principle.connection.number": "02 / CONNECTION",
+  "principle.connection.title": "Choose your network.",
+  "principle.connection.body": "Select Meshtastic, MeshCore or Reticulum. One protocol is active at a time. Meshtastic and MeshCore support focuses on basic outdoor communication, rather than complete protocol feature coverage.",
+  "principle.resources.number": "03 / LOCAL RESOURCES",
+  "principle.resources.title": "Prepare maps and routes.",
+  "principle.resources.body": "Keep maps, contacts and recorded tracks on the device. Prepare the resources you need before departure; desktop tools can help manage maps and routes.",
+  "principle.team.number": "04 / TEAM AWARENESS",
+  "principle.team.title": "Know where your group is.",
+  "principle.team.body": "On-device TAK brings together members, positions, waypoints, tracks and team messages. Public discovery, contact positions, team positions and local tracks remain distinct.",
+  "intro.eyebrow": "TOOLS FOR THE FIELD",
+  "intro.tagline": "Maps, communication and coordination for the outdoors.",
+  "intro.text": "Carry maps, record your route and coordinate with your group. Basic Meshtastic and MeshCore support lets you contact compatible terminals nearby; protocol coverage follows practical outdoor needs.",
+  "intro.try": "Try the device ↓",
+  "intro.install": "Get the firmware ↗",
+  "intro.cardLabel": "ON YOUR DEVICE",
+  "intro.cardTitle": "Prepare for your next trip.",
+  "intro.cardText": "Load maps and routes, check positioning and test communication with your group before departure.",
+  "survey.eyebrow": "WHY A SCIENTIFIC CALCULATOR?",
+  "survey.title": "Calculations for field surveying.",
+  "survey.height": "01 / HEIGHT DIFFERENCE",
+  "survey.heightTitle": "Estimate a height.",
+  "survey.heightText": "At a horizontal distance of 30 m and an elevation angle of 35°, the height above the observation level is 30 × tan(35°) ≈ 21.01 m.",
+  "survey.heightNote": "For tree height, add instrument height when the tree base and your footing are level; otherwise account for the ground elevation difference.",
+  "survey.distance": "02 / DISTANCE COMPONENTS",
+  "survey.distanceTitle": "Convert slope distance.",
+  "survey.distanceText": "A straight 100 m segment at 20° has a horizontal distance of 100 × cos(20°) ≈ 93.97 m and a rise of 100 × sin(20°) ≈ 34.20 m.",
+  "survey.distanceNote": "Calculate curved routes or changing slopes segment by segment.",
+  "survey.slope": "03 / SLOPE",
+  "survey.slopeTitle": "Calculate the gradient.",
+  "survey.slopeText": "A 12 m rise over a 40 m horizontal run gives atan(12 ÷ 40) ≈ 16.70°, or a 30% grade. Degrees and percent grade are different units.",
+  "survey.functions": "Supports sin, cos, tan, inverse trigonometric functions, powers, roots and logarithms, with DEG/RAD modes. Enter measured angles and distances; the calculator does not measure them.",
+  "survey.try": "Try the calculator ↗",
+  "install.choose": "Device and radio variant",
+  "purpose.title": "Built for outdoor use.",
+  "purpose.communication": "Trail Mate implements basic Meshtastic and MeshCore communication so you can contact nearby compatible terminals to exchange information, ask for help, or coordinate outdoors.",
+  "purpose.scope": "This is selective protocol support, not a complete implementation or feature parity with either ecosystem's native firmware. Advanced radio features unrelated to outdoor use are outside Trail Mate's scope. Protocol work is guided by practical field needs.",
+  "survey.purpose": "The scientific calculator supports outdoor surveying: estimate height differences, convert slope distances to horizontal distances, and calculate slope angles or gradients from your measurements.",
+  "top.github": "GitHub",
+  "top.wiki": "Wiki",
+  "top.flash": "Flash",
+  "side.label": "Trail Guide",
+  "side.overview": "Overview",
+  "side.capabilities": "What It Does",
+  "side.devices": "Devices",
+  "side.features": "Field Use",
+  "side.languages": "Language Packs",
+  "side.flasher": "Web Flasher",
+  "side.docs": "Docs",
+  "hero.eyebrow": "Offline Maps + LoRa for the Field",
+  "hero.tagline": "Carry maps, messages, and teammate positions on a small LoRa device.",
+  "hero.lede": "Trail Mate helps hikers and field groups stay oriented when cell service is gone: browse offline maps from SD, send LoRa messages, check GPS health, and keep team movement visible on compact handhelds.",
+  "hero.primaryAction": "Open Web Flasher",
+  "hero.secondaryAction": "View Repository",
+  "hero.releaseKicker": "Latest Release",
+  "hero.proofKicker": "Device Photos",
+  "hero.proofText": "Screenshots are grouped by device so you can tell which screens match the hardware you plan to carry.",
+  "overview.copy": "Built for days when a phone is not enough: keep maps on SD, send messages without mobile networks, record tracks, check signal and GPS, and install extra language packs when you need them.",
+  "tag.maps": "Offline Maps",
+  "tag.gnss": "GNSS Diagnostics",
+  "tag.chat": "Mesh Chat",
+  "tag.team": "Team Mode",
+  "tag.languages": "Language Packs",
+  "tag.scan": "Protocol Probe",
+  "tag.usb": "USB storage",
+  "capabilities.eyebrow": "What It Does",
+  "capabilities.title": "Prepare the device before you leave signal behind.",
+  "capabilities.note": "Pick the right hardware, flash the matching firmware, load maps and language packs, then use the device when the phone network disappears.",
+  "capabilities.deviceKicker": "Devices",
+  "capabilities.deviceTitle": "Choose your hardware",
+  "capabilities.deviceText": "Each supported board has its own firmware, install notes, and hardware caveats.",
+  "capabilities.navigationKicker": "Navigation",
+  "capabilities.navigationTitle": "Maps that work offline",
+  "capabilities.navigationText": "Load map tiles from SD, switch layers, check GPS fix quality, and review routes or tracks in the field.",
+  "capabilities.protocolKicker": "LoRa",
+  "capabilities.protocolTitle": "Messages without cell service",
+  "capabilities.protocolText": "Send direct, channel, or team messages over supported LoRa mesh modes and keep clear feedback when a send fails.",
+  "capabilities.installKicker": "Install",
+  "capabilities.installTitle": "Flash the right firmware",
+  "capabilities.installText": "Supported ESP32 devices can be flashed from the browser; other boards use downloaded firmware files.",
+  "capabilities.localeKicker": "Localization",
+  "capabilities.localeTitle": "Add languages when needed",
+  "capabilities.localeText": "Install fonts, translations, and keyboard layouts from Extensions instead of filling the firmware with every language.",
+  "capabilities.fieldKicker": "Field Tools",
+  "capabilities.fieldTitle": "Tools for the trip",
+  "capabilities.fieldText": "Use track recording, GPS views, signal checks, SSTV, and USB data exchange when the trip calls for more than chat.",
+  "devices.eyebrow": "Devices",
+  "devices.title": "Pick the device you are holding.",
+  "devices.note": "Choose the exact hardware before flashing. Some boards look similar but need different firmware.",
+  "devices.interactionKicker": "What To Know",
+  "features.navEyebrow": "Navigation",
+  "features.navTitle": "Carry maps without cell service.",
+  "features.navLead": "Put map tiles on the SD card before the trip, then browse OSM, terrain, and satellite layers from the device. GPS screens help you understand whether the current fix is trustworthy.",
+  "features.commEyebrow": "Communication",
+  "features.commTitle": "Stay in touch when phones stop helping.",
+  "features.commLead": "Write messages on the device, retry failed sends from the message bubble, and keep team conversations separate from ordinary channel traffic.",
+  "features.toolsEyebrow": "Field Utilities",
+  "features.toolsTitle": "Bring a few field tools with you.",
+  "features.toolsLead": "Use signal scanning, SSTV receive, USB data exchange, and track views when you need to inspect the environment or recover data.",
+  "languages.eyebrow": "Localization",
+  "languages.title": "Keep the firmware small, then install the languages you need.",
+  "languages.note": "English is always available. Other fonts, translations, and keyboard layouts can be installed from Extensions, including Cyrillic keyboard support.",
+  "languages.defaultKicker": "Built-In Default",
+  "languages.defaultTitle": "The device can always fall back to English.",
+  "languages.defaultText": "The device can boot, recover, and stay usable even when no external language packs are installed.",
+  "languages.catalogKicker": "Pack List",
+  "languages.bundleSuffix": "bundles covering",
+  "languages.localeSuffix": "available locales.",
+  "languages.catalogText": "Language packs can include translations, fonts, and keyboard layouts. Install them from the device instead of rebuilding firmware.",
+  "languages.gateKicker": "Pack Status",
+  "languages.gateTitle": "Review labels stay visible.",
+  "languages.gateText": "Some languages are ready for daily use; others still need review from native speakers. The list keeps that visible.",
+  "languages.loadingKicker": "Catalog",
+  "languages.loadingTitle": "Loading package list...",
+  "languages.loadingText": "Published locale bundles from the current Pages build will appear here.",
+  "install.eyebrow": "Install",
+  "install.title": "Web Flasher",
+  "install.note": "Select your device and radio variant. Browser flashing requires Google Chrome or Microsoft Edge over HTTPS and a USB data cable. T-Echo-Lite uses manual installation.",
+  "install.pagerCopy": "SX1262 radio build for the keyboard Pager. Do not use this card for LR1121 hardware.",
+  "install.pagerLr1121Copy": "LR1121 radio build for the Sub-GHz + 2.4 GHz keyboard Pager. Do not flash this onto SX1262 hardware.",
+  "install.tdeckCopy": "Keyboard + touch build tuned for the T-Deck layout.",
+  "install.twatchCopy": "Touch-first watch build for compact field experiments.",
+  "install.gatCopy": "Browser flashing is not available for the nRF52 board yet. Use the downloaded firmware file for manual flashing.",
+  "install.gatHint": "Download the packaged firmware from the latest GitHub release.",
+  "install.checking": "Checking firmware...",
+  "install.openRelease": "Open latest release",
+  "install.step1": "1. Connect the device with a USB data cable.",
+  "install.step2": "2. Put the board into download mode if your hardware requires it.",
+  "install.step3": "3. Choose the exact SX1262 or LR1121 Pager target, then let the browser flash the merged image.",
+  "docs.eyebrow": "Read More",
+  "docs.title": "Need deeper setup details?",
+  "docs.copy": "The wiki has hardware notes, flashing steps, map preparation, configuration help, troubleshooting, and full release notes.",
+  "docs.wiki": "Wiki Home",
+  "docs.hardware": "Supported Hardware",
+  "footer.eyebrow": "Trail Mate Field Notes",
+  "footer.title": "For the places where maps and signal both matter.",
+  "footer.copy": "Follow the repository for firmware releases, device notes, map and language-pack updates, and field-focused fixes.",
+  "footer.repo": "Repository",
+  "footer.releases": "Releases",
+  "footer.wiki": "Wiki",
+  "release.waiting": "Waiting for first tagged release",
+  "release.ready": "{tag} ready for install",
+  "release.unavailable": "Release info unavailable",
+  "flasher.activate": "Flash In Browser",
+  "flasher.unsupported": "Use Chrome or Edge on desktop with Web Serial enabled.",
+  "flasher.notAllowed": "Open this page over HTTPS to use the web flasher.",
+  "flasher.readyNote": "Firmware image from the latest release.",
+  "flasher.missingAsset": "This board is missing browser-flash firmware in the latest release. Use the manual download for now.",
+  "flasher.pending": "Browser-flash firmware will appear here after the first tagged release is published.",
+  "flasher.error": "Could not load release info. Open the GitHub release page for manual downloads.",
+  "pack.release": "Release Bundle",
+  "pack.review": "Review Bundle",
+  "pack.locale": "locale",
+  "pack.locales": "locales",
+  "pack.font": "font pack",
+  "pack.fonts": "font packs",
+  "pack.ime": "IME",
+  "pack.imes": "IMEs",
+  "pack.download": "Download package",
+  "pack.emptyTitle": "No published language bundles yet.",
+  "pack.emptyText": "Language packs will appear here after the package list is published.",
+  "pack.errorTitle": "Language pack list unavailable",
+  "pack.errorText": "The homepage could not load the published language-pack list right now.",
+  "device.emptyTitle": "Device photos coming later.",
+  "device.emptyText": "This device has firmware available, but its own screen photos have not been added yet."
+};
diff --git a/site/i18n/es.js b/site/i18n/es.js
new file mode 100644
index 00000000..99176cdf
--- /dev/null
+++ b/site/i18n/es.js
@@ -0,0 +1,265 @@
+export default {
+  "explorer.mapCredit": "Datos del mapa © colaboradores de OpenStreetMap",
+  "explorer.mapDetail": "Se usa una región OSM en caché con nivel de zoom 12; la ruta se ha creado para pruebas.",
+  "explorer.trackball": "Pulsar la bola de seguimiento",
+  "explorer.rotary": "Pulsar el encoder giratorio",
+  "explorer.displayText": "Texto de la pantalla del firmware",
+  "pack.name.europe-cyrillic-ext": "Cirílico europeo extendido",
+  "pack.name.europe-latin-ext": "Latín europeo extendido",
+  "pack.count.locales": "Idiomas: {count}",
+  "pack.count.fonts": "Paquetes de fuentes: {count}",
+  "pack.count.ime": "Métodos de entrada: {count}",
+  "pack.count.packages": "Paquetes: {count}",
+  "pack.memory.standard": "Memoria estándar",
+  "pack.memory.extended": "Memoria ampliada",
+  "pack.memory.constrained": "Memoria limitada",
+  "pack.description.generic": "Recursos de idioma para el dispositivo.",
+  "pack.count.more": "Otros idiomas: {count}",
+  "pack.description.ar": "La traducción al árabe está en revisión. Incluye fuentes Naskh para texto de derecha a izquierda y contenido que combina sistemas de escritura. Solo permite visualizar texto; la entrada en árabe aún no está implementada.",
+  "pack.description.europe-cyrillic-ext": "Incluye fuentes cirílicas compartidas, una traducción al ruso en revisión y una distribución de teclado cirílico ruso.",
+  "pack.description.europe-latin-ext": "Incluye fuentes compartidas de latín extendido y traducciones en revisión al alemán, español, francés, italiano, neerlandés, polaco y portugués.",
+  "pack.description.ja": "La traducción al japonés está en revisión. Incluye fuentes CJK externas para la interfaz y el contenido multilingüe. Solo permite visualizar texto; la entrada en japonés aún no está implementada.",
+  "pack.description.ko": "La traducción al coreano está en revisión. Incluye fuentes CJK externas para la interfaz y el contenido multilingüe. Solo permite visualizar texto; la entrada en coreano aún no está implementada.",
+  "pack.description.zh-Hans": "Incluye chino simplificado, fuentes para pantallas estándar, variantes GNU Unifont de 16 px y 1 bpp para T-Deck Pro y el motor de entrada pinyin integrado.",
+  "pack.description.zh-Hant": "La traducción al chino tradicional de Taiwán está en revisión e incluye fuentes CJK. Solo permite visualizar texto; quedan pendientes la revisión por hablantes nativos y un método de entrada zhuyin completo.",
+  "explorer.noMatches": "No se encontraron funciones",
+  "hero.eyebrow":"Mapas sin conexión y LoRa para el campo",
+  "hero.tagline":"Lleva mapas, mensajes y posiciones del equipo en un pequeño dispositivo LoRa.",
+  "hero.lede":"Trail Mate ayuda a senderistas y grupos a orientarse sin cobertura móvil: mapas desde la tarjeta SD, mensajes LoRa, estado del GPS y seguimiento del grupo en terminales compactos.",
+  "hero.primaryAction":"Abrir la instalación web",
+  "hero.secondaryAction":"Ver el repositorio",
+  "hero.releaseKicker":"Última versión",
+  "hero.proofKicker":"Fotos de los dispositivos",
+  "hero.proofText":"Las capturas están agrupadas por dispositivo para que puedas identificar la interfaz del equipo que vas a llevar.",
+  "overview.copy":"Para las salidas en las que un teléfono no basta: guarda mapas en SD, envía mensajes sin red móvil, registra recorridos, comprueba la señal y el GPS y añade los idiomas que necesites.",
+  "tag.maps":"Mapas sin conexión",
+  "tag.gnss":"Diagnóstico GNSS",
+  "tag.chat":"Chat de malla",
+  "tag.team":"Modo equipo",
+  "tag.languages":"Paquetes de idiomas",
+  "tag.scan":"Detección de protocolos",
+  "tag.usb":"Almacenamiento USB",
+  "capabilities.eyebrow":"Funciones",
+  "capabilities.title":"Prepara el dispositivo antes de salir de la cobertura.",
+  "capabilities.note":"Elige el hardware adecuado, instala su firmware y carga mapas e idiomas para utilizar el dispositivo donde no llegue la red móvil.",
+  "capabilities.deviceKicker":"Dispositivos",
+  "capabilities.deviceTitle":"Elige tu hardware",
+  "capabilities.deviceText":"Cada placa compatible tiene su propio firmware, instrucciones de instalación y particularidades de hardware.",
+  "capabilities.navigationKicker":"Navegación",
+  "capabilities.navigationTitle":"Mapas que funcionan sin conexión",
+  "capabilities.navigationText":"Carga teselas desde la tarjeta SD, cambia de capa, comprueba la calidad de la posición GPS y consulta rutas o recorridos sobre el terreno.",
+  "capabilities.protocolKicker":"LoRa",
+  "capabilities.protocolTitle":"Mensajes sin cobertura móvil",
+  "capabilities.protocolText":"Envía mensajes directos, de canal o de equipo mediante los modos de malla LoRa compatibles y comprueba claramente si falla un envío.",
+  "capabilities.installKicker":"Instalación",
+  "capabilities.installTitle":"Instala el firmware correcto",
+  "capabilities.installText":"Los dispositivos ESP32 compatibles se pueden programar desde el navegador; las demás placas utilizan los archivos de firmware descargados.",
+  "capabilities.localeKicker":"Idiomas",
+  "capabilities.localeTitle":"Añade idiomas cuando los necesites",
+  "capabilities.localeText":"Instala fuentes, traducciones y distribuciones de teclado desde Extensiones, en lugar de incluir todos los idiomas en el firmware.",
+  "capabilities.fieldKicker":"Herramientas de campo",
+  "capabilities.fieldTitle":"Funciones para tus salidas",
+  "capabilities.fieldText":"Además del chat, utiliza el registro de recorridos, las vistas GPS, la comprobación de señal, SSTV y el intercambio de datos por USB.",
+  "features.navEyebrow":"Navegación",
+  "features.navTitle":"Lleva mapas fuera de cobertura.",
+  "features.navLead":"Guarda las teselas en la tarjeta SD antes de salir y consulta las capas OSM, de terreno y satélite desde el dispositivo. Las pantallas GPS ayudan a valorar la fiabilidad de la posición actual.",
+  "features.commEyebrow":"Comunicación",
+  "features.commTitle":"Mantén el contacto fuera de la red móvil.",
+  "features.commLead":"Escribe mensajes en el dispositivo, reintenta los envíos fallidos desde la burbuja del mensaje y separa las conversaciones del equipo del tráfico habitual de los canales.",
+  "features.toolsEyebrow":"Utilidades de campo",
+  "features.toolsTitle":"Lleva algunas herramientas más contigo.",
+  "features.toolsLead":"Usa la exploración de señales, la recepción SSTV, el intercambio USB y las vistas de recorridos para examinar el entorno o recuperar datos.",
+  "languages.eyebrow":"Idiomas",
+  "languages.title":"Firmware ligero, con los idiomas que necesitas.",
+  "languages.note":"El inglés siempre está disponible. Las demás fuentes, traducciones y distribuciones de teclado se instalan desde Extensiones, incluida la entrada en cirílico.",
+  "languages.defaultKicker":"Idioma integrado",
+  "languages.defaultTitle":"Siempre puedes volver al inglés.",
+  "languages.defaultText":"El dispositivo puede arrancar, recuperarse y seguir siendo utilizable aunque no tenga paquetes de idiomas externos.",
+  "languages.catalogKicker":"Lista de paquetes",
+  "languages.bundleSuffix":"paquetes que cubren",
+  "languages.localeSuffix":"idiomas disponibles.",
+  "languages.catalogText":"Los paquetes pueden incluir traducciones, fuentes y distribuciones de teclado. Instálalos desde el dispositivo sin recompilar el firmware.",
+  "languages.gateKicker":"Estado de los paquetes",
+  "languages.gateTitle":"El estado de revisión está a la vista.",
+  "languages.gateText":"Algunos idiomas están listos para el uso diario; otros aún necesitan revisión por hablantes nativos. La lista muestra el estado de cada uno.",
+  "languages.loadingKicker":"Catálogo",
+  "languages.loadingTitle":"Cargando la lista de paquetes…",
+  "languages.loadingText":"Aquí aparecerán los paquetes de idiomas publicados con la versión actual del sitio.",
+  "docs.eyebrow":"Más información",
+  "docs.title":"¿Necesitas instrucciones más detalladas?",
+  "docs.copy":"La wiki incluye notas sobre hardware, instalación, preparación de mapas, configuración, solución de problemas y notas de versión completas.",
+  "docs.wiki":"Inicio de la wiki",
+  "docs.hardware":"Hardware compatible",
+  "footer.eyebrow":"Notas de campo de Trail Mate",
+  "footer.title":"Para los lugares donde importan los mapas y la comunicación.",
+  "footer.copy":"Sigue el repositorio para conocer las nuevas versiones del firmware, las notas de los dispositivos, las actualizaciones de mapas e idiomas y las mejoras para el campo.",
+  "footer.repo":"Repositorio",
+  "footer.releases":"Versiones",
+  "footer.wiki":"Wiki",
+  "pack.release":"Paquete publicado",
+  "pack.review":"Paquete en revisión",
+  "pack.locale":"idioma",
+  "pack.locales":"idiomas",
+  "pack.font":"paquete de fuentes",
+  "pack.fonts":"paquetes de fuentes",
+  "pack.ime":"método de entrada",
+  "pack.imes":"métodos de entrada",
+  "pack.download":"Descargar paquete",
+  "pack.emptyTitle":"Aún no hay paquetes de idiomas publicados.",
+  "pack.emptyText":"Los paquetes de idiomas aparecerán aquí cuando se publique el catálogo.",
+  "pack.errorTitle":"Lista de idiomas no disponible",
+  "pack.errorText":"No se pudo cargar la lista de paquetes de idiomas publicados.",
+  "device.emptyTitle":"Las fotos de este dispositivo se añadirán más adelante.",
+  "device.emptyText":"Hay firmware disponible para este dispositivo, pero todavía no se han añadido sus capturas de pantalla.",
+  "intro.eyebrow":"HERRAMIENTAS PARA EL CAMPO",
+  "intro.tagline":"Mapas, comunicación y coordinación al aire libre.",
+  "intro.text":"Lleva mapas, registra tu recorrido y coordínate con tu grupo. Las funciones básicas de Meshtastic y MeshCore permiten contactar con terminales compatibles cercanos. El alcance de la compatibilidad se decide según las necesidades reales sobre el terreno.",
+  "intro.try":"Probar el dispositivo ↓",
+  "intro.install":"Obtener el firmware ↗",
+  "intro.cardLabel":"ANTES DE SALIR",
+  "intro.cardTitle":"Prepara tu próxima salida.",
+  "intro.cardText":"Carga mapas y rutas, comprueba el posicionamiento y prueba la comunicación con el grupo antes de partir.",
+  "purpose.title":"Diseñado para actividades al aire libre.",
+  "purpose.communication":"Trail Mate implementa la comunicación básica de Meshtastic y MeshCore para contactar con terminales compatibles cercanos, intercambiar información, pedir ayuda o colaborar en el campo.",
+  "purpose.scope":"No pretende implementar todos los detalles de ambos protocolos ni igualar todas las funciones de sus firmwares originales. Las funciones avanzadas de radio que no responden a usos al aire libre quedan fuera del alcance de Trail Mate. El desarrollo se guía por necesidades prácticas sobre el terreno.",
+  "principle.identity.number":"01 / IDENTIDAD",
+  "principle.identity.title":"Tu identidad, bajo tu control.",
+  "principle.identity.body":"La identidad del dispositivo puede funcionar sin cuentas en la nube ni números de teléfono. Conserva tus contactos y conversaciones en hardware que controlas tú.",
+  "principle.connection.number":"02 / COMUNICACIÓN",
+  "principle.connection.title":"Elige tu red.",
+  "principle.connection.body":"Selecciona Meshtastic, MeshCore o Reticulum. Solo hay un protocolo activo a la vez. La compatibilidad con Meshtastic y MeshCore se centra en la comunicación básica al aire libre, no en cubrir todas las funciones de los protocolos.",
+  "principle.resources.number":"03 / DATOS LOCALES",
+  "principle.resources.title":"Prepara mapas y rutas.",
+  "principle.resources.body":"Guarda mapas, contactos y recorridos registrados en el dispositivo. Prepara los datos necesarios antes de salir; las herramientas de escritorio pueden ayudarte a gestionar mapas y rutas.",
+  "principle.team.number":"04 / SITUACIÓN DEL GRUPO",
+  "principle.team.title":"Localiza a los miembros del grupo.",
+  "principle.team.body":"TAK en el dispositivo reúne miembros, posiciones, puntos de paso, recorridos y mensajes de equipo. La detección pública, las posiciones de contactos, las del equipo y los recorridos locales se mantienen diferenciados.",
+  "prepare.label":"ANTES DE PARTIR",
+  "prepare.title":"Deja el dispositivo listo para la salida.",
+  "prepare.hardware":"Comprueba el hardware.",
+  "prepare.hardwareText":"Selecciona la placa y la variante de radio exactas, instala su firmware y comprueba los periféricos disponibles. Pager SX1262 y LR1121 utilizan compilaciones distintas.",
+  "prepare.resources":"Prepara mapas y rutas.",
+  "prepare.resourcesText":"Carga los mapas de la zona, importa rutas KML e instala los idiomas necesarios. Trail Mate Center permite preparar áreas de mapa y franjas cartográficas a lo largo de las rutas.",
+  "prepare.team":"Prueba la comunicación del grupo.",
+  "prepare.teamText":"Elige un protocolo y ajustes de radio compatibles. Comprueba contactos y GNSS, empareja los dispositivos del equipo a corta distancia e intercambia un mensaje de prueba antes de salir.",
+  "prepare.guide":"Guía de configuración: archivos, controles e instrucciones por dispositivo ↗",
+  "survey.eyebrow":"¿POR QUÉ UNA CALCULADORA CIENTÍFICA?",
+  "survey.title":"Cálculos para mediciones sobre el terreno.",
+  "survey.purpose":"La calculadora científica ayuda en los trabajos de campo: estimar diferencias de altura, convertir distancias inclinadas en horizontales y calcular ángulos o porcentajes de pendiente a partir de las mediciones.",
+  "survey.height":"01 / DIFERENCIA DE ALTURA",
+  "survey.heightTitle":"Estimar una altura.",
+  "survey.heightText":"Con una distancia horizontal de 30 m y un ángulo de elevación de 35°, la altura respecto al nivel de observación es 30 × tan(35°) ≈ 21,01 m.",
+  "survey.heightNote":"Para calcular la altura de un árbol, suma la altura del instrumento si la base del árbol y el suelo donde estás se encuentran al mismo nivel. Si no, corrige también el desnivel del terreno.",
+  "survey.distance":"02 / COMPONENTES DE LA DISTANCIA",
+  "survey.distanceTitle":"Convertir una distancia inclinada.",
+  "survey.distanceText":"Un tramo recto de 100 m con una inclinación de 20° tiene una distancia horizontal de 100 × cos(20°) ≈ 93,97 m y un desnivel de 100 × sin(20°) ≈ 34,20 m.",
+  "survey.distanceNote":"En rutas curvas o con pendientes variables, calcula cada tramo por separado.",
+  "survey.slope":"03 / PENDIENTE",
+  "survey.slopeTitle":"Calcular la pendiente.",
+  "survey.slopeText":"Un desnivel de 12 m sobre 40 m horizontales da atan(12 ÷ 40) ≈ 16,70°, o una pendiente del 30 %. Los grados y el porcentaje de pendiente son expresiones diferentes.",
+  "survey.functions":"Incluye sin, cos, tan, funciones trigonométricas inversas, potencias, raíces y logaritmos, con modos DEG/RAD. Introduce los ángulos y las distancias medidos; la calculadora no los mide por sí sola.",
+  "survey.try":"Probar la calculadora ↗",
+  "story.navigation.label":"NAVEGACIÓN Y MEDICIONES",
+  "story.navigation.title":"Lee el terreno. Comprende la ruta.",
+  "story.navigation.text":"Los mapas sin conexión muestran el terreno. El diagnóstico GNSS ayuda a valorar la calidad del posicionamiento y el registro de recorridos conserva el camino seguido. Las rutas KML aportan elevación y puntos de paso.",
+  "story.navigation.item1":"Capas OSM, de terreno, satélite y curvas de nivel",
+  "story.navigation.item2":"Perfil de elevación, vista previa de puntos de paso y exportación GPX",
+  "story.navigation.item3":"Calculadora científica para estimar distancias, pendientes y alturas",
+  "story.navigation.link":"Probar los cálculos de campo ↗",
+  "story.communication.label":"COMUNICACIÓN Y COORDINACIÓN",
+  "story.communication.title":"Mantén el contacto con tu grupo.",
+  "story.communication.text":"Elige una red, guarda tus contactos y comprueba la entrega de mensajes. Empareja el equipo a corta distancia mediante ESP-NOW y comparte después posiciones, puntos de encuentro y mensajes por LoRa.",
+  "story.communication.item1":"Comunicación básica Meshtastic / MeshCore o Reticulum/LXMF",
+  "story.communication.item2":"Contactos e historial de conversaciones guardados",
+  "story.communication.item3":"TAK en el dispositivo; voz FSK/Codec2 en hardware compatible",
+  "story.communication.link":"Explorar la coordinación del equipo ↗",
+  "story.tools.label":"HERRAMIENTAS Y CONEXIONES",
+  "story.tools.title":"Conecta con tus otras herramientas.",
+  "story.tools.text":"Consulta servicios Micron de Reticulum a través de Nomad Network. Usa MQTT cuando haya una pasarela disponible y prepara mapas y rutas con Trail Mate Center.",
+  "story.tools.item1":"La detección de protocolos distingue los indicios observados de las pruebas confirmadas",
+  "story.tools.item2":"Recepción SSTV en hardware compatible",
+  "story.tools.item3":"Extensiones, paquetes de idiomas y almacenamiento USB",
+  "story.tools.link":"Descubrir Trail Mate Center ↗",
+  "common.manufacturer":"Fabricante",
+  "common.device":"Dispositivo",
+  "common.allManufacturers":"Todos",
+  "common.language":"Idioma",
+  "common.backTop":"Volver arriba",
+  "document.title":"Trail Mate — Comunicación y navegación al aire libre",
+  "top.github":"GitHub",
+  "top.wiki":"Wiki",
+  "top.flash":"Instalar",
+  "side.label":"Guía de uso",
+  "side.overview":"Presentación",
+  "side.explorer":"Demo interactiva",
+  "side.capabilities":"Funciones",
+  "side.devices":"Dispositivos",
+  "side.features":"Uso en el campo",
+  "side.languages":"Paquetes de idiomas",
+  "side.flasher":"Instalación web",
+  "side.docs":"Documentación",
+  "devices.buy":"Tienda oficial ↗",
+  "devices.unreleased":"Aún no está a la venta",
+  "devices.eyebrow":"Dispositivos",
+  "devices.title":"Elige tu dispositivo.",
+  "devices.note":"Comprueba el modelo exacto antes de instalar. Dos dispositivos parecidos pueden necesitar un firmware distinto.",
+  "devices.interactionKicker":"Antes de empezar",
+  "device.pager.controls":"Codificador giratorio y teclado",
+  "device.pager.note":"SX1262 y LR1121 necesitan firmware diferente. Compartir la interfaz no significa que sus funciones de radio sean idénticas.",
+  "device.tdeck.controls":"Pantalla táctil, trackball y teclado",
+  "device.tdeck.note":"Interfaz de 320 × 240 píxeles. Los periféricos disponibles dependen del hardware y de la compilación del firmware.",
+  "device.wio-tracker-l2.controls":"Pantalla táctil",
+  "device.wio-tracker-l2.note":"Resolución de 320 × 240 píxeles y pantalla de 3,2 pulgadas.",
+  "explorer.label":"INTERFAZ DEL FIRMWARE",
+  "explorer.title":"Prueba la interfaz del dispositivo.",
+  "explorer.reset":"Restablecer demo",
+  "explorer.device":"Dispositivo de vista previa",
+  "explorer.search":"Buscar una función",
+  "explorer.searchPlaceholder":"Mapas, mensajes, calculadora…",
+  "explorer.protocol":"Protocolo de la demo",
+  "explorer.controls":"Usa el teclado y los controles del dispositivo.",
+  "explorer.renderer":"Las páginas C++ del firmware se muestran con LVGL 9.4 y conservan sus fuentes y distribución.",
+  "explorer.boundary":"La vista previa ejecuta el código de la interfaz del firmware. Los datos de radio, GNSS, batería y almacenamiento son simulados; no hay ningún dispositivo físico conectado.",
+  "explorer.source":"Código fuente del firmware ↗",
+  "explorer.loading":"Cargando la vista previa…",
+  "explorer.running":"Vista previa del dispositivo · datos de hardware simulados",
+  "explorer.pageError":"No se pudo abrir esta página. Restablece la vista previa e inténtalo de nuevo.",
+  "explorer.off":"El dispositivo de la demo está apagado. Restablece la demo para iniciarlo de nuevo.",
+  "explorer.startError":"No se pudo iniciar la vista previa. Recarga la página e inténtalo de nuevo.",
+  "guide.try":"PRUÉBALO",
+  "guide.requirements":"En tu dispositivo",
+  "guide.reference":"Documentación de la función ↗",
+  "guide.try.default":"Explora la página con los controles del dispositivo. T-Deck también admite entrada táctil.",
+  "guide.try.calculator":"En modo DEG, calcula 30 × tan(35): el resultado es aproximadamente 21,01 m. Usa 2ND para las funciones trigonométricas inversas y MODE para cambiar entre DEG y RAD.",
+  "guide.try.network":"Elige Reticulum como protocolo de la demo y abre un nodo de ejemplo para ver su página Micron guardada en caché.",
+  "guide.try.route":"En el registro de recorridos, abre la lista de rutas y selecciona sample-route.kml para consultar su perfil de elevación y sus puntos de paso.",
+  "guide.try.mqtt":"Abre los ajustes para consultar las opciones de protocolo y red relacionadas con MQTT.",
+  "guide.try.probe":"Inicia o detén la detección. Los datos simulados del receptor no representan la actividad de radio real de los alrededores.",
+  "install.choose":"Dispositivo y variante de radio",
+  "install.manualInstructions":"Descarga el firmware UF2 para t-echo-lite desde la página de versiones y sigue las instrucciones del dispositivo para instalarlo manualmente.",
+  "install.variantInstructions":"Comprueba el dispositivo y el chip de radio. SX1262 y LR1121 usan firmware distinto y no son intercambiables.",
+  "install.eyebrow":"Instalación",
+  "install.title":"Instalación web",
+  "install.note":"Selecciona el dispositivo y su variante de radio. Para instalar desde el navegador necesitas Google Chrome o Microsoft Edge, una conexión HTTPS y un cable USB de datos. T-Echo-Lite requiere instalación manual.",
+  "install.pagerCopy":"Compilación SX1262 para el Pager con teclado. No la uses en hardware LR1121.",
+  "install.pagerLr1121Copy":"Compilación LR1121 para el Pager con teclado y radio Sub-GHz y de 2,4 GHz. No la instales en hardware SX1262.",
+  "install.tdeckCopy":"Compilación adaptada al teclado y a la pantalla táctil de T-Deck.",
+  "install.twatchCopy":"Compilación para reloj centrada en el uso táctil, destinada a pruebas de campo con equipos compactos.",
+  "install.gatCopy":"La placa nRF52 aún no admite instalación desde el navegador. Descarga el archivo de firmware e instálalo manualmente.",
+  "install.gatHint":"Descarga el paquete de firmware de la última versión publicada en GitHub.",
+  "install.checking":"Comprobando el firmware…",
+  "install.openRelease":"Ver la última versión",
+  "install.step1":"1. Conecta el dispositivo con un cable USB de datos.",
+  "install.step2":"2. Si el hardware lo requiere, pon la placa en modo de descarga.",
+  "install.step3":"3. Selecciona la variante correcta del Pager, SX1262 o LR1121, e instala la imagen combinada desde el navegador.",
+  "release.waiting":"A la espera de la primera versión etiquetada",
+  "release.ready":"{tag} disponible para instalar",
+  "release.unavailable":"Información de la versión no disponible",
+  "flasher.activate":"Instalar desde el navegador",
+  "flasher.unsupported":"Usa Chrome o Edge en un ordenador con Web Serial habilitado.",
+  "flasher.notAllowed":"Abre esta página mediante HTTPS para utilizar la instalación web.",
+  "flasher.readyNote":"Imagen de firmware de la última versión.",
+  "flasher.missingAsset":"La última versión no incluye una imagen para instalar esta placa desde el navegador. Utiliza la descarga manual.",
+  "flasher.pending":"El firmware para instalar desde el navegador aparecerá aquí cuando se publique la primera versión etiquetada.",
+  "flasher.error":"No se pudo cargar la información de la versión. Abre la página de versiones de GitHub para descargar los archivos manualmente."
+};
diff --git a/site/i18n/features-ar.js b/site/i18n/features-ar.js
new file mode 100644
index 00000000..89473bc5
--- /dev/null
+++ b/site/i18n/features-ar.js
@@ -0,0 +1,21 @@
+export default {
+  home:{name:'القائمة الرئيسية',summary:'افتح الأدوات من القائمة.',detail:'يستخدم Pager عجلة التحكم ولوحة المفاتيح لاختيار الميزات. يعرض T-Deck قائمة شبكية ويدعم اللمس أيضًا.',needs:'يختلف التخطيط وأسلوب التحكم بحسب الجهاز.'},
+  map:{name:'خرائط دون اتصال',summary:'تصفّح المنطقة وحدّد موقعك عليها.',detail:'تعرض بلاطات الخرائط المحمّلة مسبقًا تضاريس المنطقة. استرشد بموقعك الحالي والمسارات ونقاط الطريق.',needs:'يحتاج الجهاز الفعلي إلى خرائط مجهّزة وبيانات متاحة لتحديد الموقع.'},
+  gps:{name:'GNSS والأقمار الصناعية',summary:'قيّم جودة تحديد الموقع.',detail:'تحقّق من توزيع الأقمار الصناعية وحالة تحديد الموقع وجودة الاستقبال لتقييم موثوقية الإحداثيات.',needs:'يلزم وجود وحدة GNSS تعمل وإمكانية استقبال إشارات الأقمار الصناعية.'},
+  tracker:{name:'تسجيل التتبّع',summary:'احفظ الطريق الذي سلكته.',detail:'ابدأ التسجيل أو أوقفه، وراجع سجلات التتبّع المحفوظة، وصدّرها بالطرق التي يدعمها الجهاز.',needs:'يلزم توفّر بيانات الموقع ووسيط تخزين قابل للكتابة.'},
+  route:{name:'المسارات والارتفاعات',summary:'راجع ارتفاعات المسار ونقاطه.',detail:'استورد مسارات KML للاطّلاع على مخطط الارتفاعات ونقاط الطريق والمسافات والصعود.',needs:'جهّز المسار وخرائطه مسبقًا. تحتاج صور نقاط الطريق غير المحفوظة في الذاكرة المؤقتة إلى اتصال بالشبكة.'},
+  chat:{name:'الرسائل',summary:'تبادل الرسائل مع الأجهزة المتوافقة.',detail:'راجع المحادثات، واكتب الرسائل، وتحقّق من تسليمها. يتيح التواصل الأساسي الاتصال بالآخرين وطلب المساعدة والتنسيق في الميدان.',needs:'يلزم توافق البروتوكولات وإعدادات الراديو وتوفّر مسار للاتصال.'},
+  contacts:{name:'جهات الاتصال والهوية',summary:'أدر جهات الاتصال وهويات الأجهزة.',detail:'احفظ جهات الاتصال وراجع معلومات الهوية والاتصال استعدادًا لتبادل الرسائل والمواقع.',needs:'تختلف طريقة إدارة الهوية وجهات الاتصال بحسب البروتوكول.'},
+  team:{name:'TAK والمجموعة',summary:'شارك مواقع المجموعة ورسائلها.',detail:'أقرن الأجهزة القريبة عبر ESP-NOW، ثم تبادل المواقع ونقاط التجمّع والرسائل عبر LoRa. صُمّم TAK على الجهاز للتعاون الميداني باستخدام Trail Mate.',needs:'يجب أن يستخدم الأعضاء إعدادات مجموعة وراديو متوافقة.'},
+  walkie:{name:'الاتصال الصوتي',summary:'تحدّث عبر العتاد المتوافق.',detail:'عند توفّر عتاد الصوت وإعدادات الراديو المناسبة، استخدم PTT بالضغط المستمر على زر التحدث أثناء الإرسال.',needs:'يلزم توافق عتاد الصوت وشريحة الراديو وإعدادات الطرف الآخر. هذه الميزة غير متاحة على T-Deck.'},
+  probe:{name:'رصد البروتوكولات',summary:'راجع الأدلة التي جُمعت.',detail:'ابدأ الرصد أو أوقفه، وميّز بين الإشارات المرصودة والأدلة المؤكدة على البروتوكول. لا تمثل بيانات المحاكاة النشاط اللاسلكي الفعلي من حولك.',needs:'يحتاج الجهاز الفعلي إلى عتاد استقبال مدعوم وإعدادات راديو مناسبة.'},
+  sstv:{name:'استقبال SSTV',summary:'استقبل صور التلفزيون بطيء المسح.',detail:'استقبل إشارة SSTV الصوتية على العتاد المتوافق، وتابع فك الترميز ومعاينة الصورة.',needs:'يلزم مدخل صوت متوافق ومصدر إشارة. هذه الميزة غير متاحة على T-Deck.'},
+  network:{name:'Nomad Network',summary:'استكشف خدمات Nomad Network.',detail:'افتح صفحات Micron عبر Reticulum لقراءة المحتوى الذي تنشره العقد. تستخدم التجربة عقدًا نموذجية وصفحات محفوظة في الذاكرة المؤقتة.',needs:'يحتاج الجهاز إلى شبكة Reticulum وعقدة خدمات يمكن الوصول إليها.'},
+  mqtt:{name:'جسر MQTT',summary:'اتصل بـ MQTT عبر بوابة.',detail:'راجع خيارات MQTT في الإعدادات واتصل ببوابة متوافقة عند الحاجة.',needs:'يلزم إعداد بروتوكول متوافق وبوابة واتصال بالشبكة.'},
+  usb:{name:'تخزين USB',summary:'أدر الملفات عبر USB.',detail:'أتِح وحدة التخزين المدعومة في الجهاز للحاسوب لإدارة الملفات وتبادل سجلات التتبّع. عندما يصل الحاسوب إلى الوحدة، يخضع الوصول إلى التخزين لقواعد الوضع المستخدم.',needs:'يلزم كابل USB يدعم نقل البيانات وجهاز متوافق ووسيط تخزين.'},
+  extensions:{name:'الإضافات واللغات',summary:'أضف الموارد التي تحتاجها.',detail:'تصفّح الترجمات والخطوط وتخطيطات الإدخال في قسم الإضافات. تعرض التجربة فهرسًا نموذجيًا ولا تثبّت برامج على أجهزة فعلية.',needs:'يتطلب التثبيت تخزينًا متوافقًا ومساحة متاحة وإمكانية الوصول إلى مستودع الموارد.'},
+  settings:{name:'الإعدادات',summary:'اضبط الجهاز بما يناسبك.',detail:'راجع الخيارات الخاصة بالجهاز والبروتوكول والملحقات المستخدمة.',needs:'تعتمد الإعدادات المتاحة على العتاد وإصدار البرنامج الثابت.'},
+  calculator:{name:'الآلة الحاسبة الميدانية',summary:'احسب المسافات وفروق الارتفاع والميول.',detail:'استخدم الدوال المثلثية والعكسية لتقدير الارتفاعات وحساب مركّبات المسافة المائلة والميل. تتوفّر أيضًا الأسس والجذور واللوغاريتمات ووضعا DEG/RAD.',needs:'أدخل الزوايا والمسافات المقاسة. عند حساب ارتفاع شجرة، راعِ ارتفاع أداة القياس وفرق ارتفاع الأرض.'},
+  help:{name:'المساعدة واختصارات المفاتيح',summary:'تعرّف إلى أدوات التحكم في جهازك.',detail:'تشرح المساعدة الأزرار واختصارات المفاتيح. تختلف أساليب الإدخال بين Pager وT-Deck.',needs:'راجع المساعدة المطابقة لجهازك وإصدار البرنامج الثابت.'},
+  power:{name:'الحالة والطاقة',summary:'تحقّق من حالة الجهاز والطاقة.',detail:'راجع حالة البطارية والتشغيل، واستخدم أوامر الطاقة التي يوفّرها البرنامج الثابت.',needs:'بيانات البطارية في التجربة محاكاة.'}
+};
diff --git a/site/i18n/features-de.js b/site/i18n/features-de.js
new file mode 100644
index 00000000..247febf2
--- /dev/null
+++ b/site/i18n/features-de.js
@@ -0,0 +1,21 @@
+export default {
+  home:{name:'Hauptmenü',summary:'Öffne die Werkzeuge im Hauptmenü.',detail:'Beim Pager wählst du Funktionen mit Drehencoder und Tastatur. Das T-Deck verwendet ein Rastermenü und unterstützt zusätzlich Touch-Eingaben.',needs:'Layout und Bedienung unterscheiden sich je nach Gerät.'},
+  map:{name:'Offlinekarten',summary:'Sieh dir Umgebung und Standort an.',detail:'Vorbereitete Kartenkacheln zeigen das Gelände. Aktuelle Position, Route und Wegpunkte helfen dir gemeinsam bei der Orientierung.',needs:'Auf dem Gerät werden Kartendaten und eine verfügbare Positionsbestimmung benötigt.'},
+  gps:{name:'GNSS und Satelliten',summary:'Prüfe die Positionsbestimmung.',detail:'Satellitenverteilung, Positionsstatus und Empfangsqualität helfen dir, die Verlässlichkeit deines Standorts einzuschätzen.',needs:'Ein funktionsfähiges GNSS-Modul und empfangbare Satellitensignale sind erforderlich.'},
+  tracker:{name:'Trackaufzeichnung',summary:'Halte deinen zurückgelegten Weg fest.',detail:'Starte oder stoppe die Aufzeichnung, sieh gespeicherte Tracks an und exportiere sie mit den vom Gerät angebotenen Möglichkeiten.',needs:'Positionsdaten und beschreibbarer Speicher sind erforderlich.'},
+  route:{name:'Routen und Höhenprofil',summary:'Prüfe Höhen und Wegpunkte der Route.',detail:'Importiere KML-Routen, um Höhenprofile und Wegpunkte anzusehen und Entfernung sowie Anstiege einzuschätzen.',needs:'Bereite Route und Karten vor. Nicht zwischengespeicherte Wegpunktbilder benötigen eine Netzwerkverbindung.'},
+  chat:{name:'Nachrichten',summary:'Tausche Nachrichten mit kompatiblen Geräten aus.',detail:'Sieh Gespräche an, verfasse Nachrichten und prüfe ihre Zustellung. Die grundlegende Kommunikation dient der Kontaktaufnahme, Hilfesuche und Zusammenarbeit im Freien.',needs:'Kompatible Protokolle, Funkeinstellungen und ein verfügbarer Kommunikationsweg sind erforderlich.'},
+  contacts:{name:'Kontakte und Identität',summary:'Verwalte Kontakte und Geräteidentitäten.',detail:'Speichere Kontakte und prüfe Identitäts- und Verbindungsinformationen als Grundlage für spätere Kommunikation und Positionsfreigaben.',needs:'Identitäten und Kontaktdaten werden je nach Protokoll unterschiedlich behandelt.'},
+  team:{name:'TAK und Team',summary:'Teile Teampositionen und Nachrichten.',detail:'Kopple Teamgeräte in der Nähe über ESP-NOW und tausche danach Positionen, Treffpunkte und Teamnachrichten über LoRa aus. TAK auf dem Gerät konzentriert sich auf die Zusammenarbeit mit Trail Mate im Gelände.',needs:'Teammitglieder benötigen kompatible Team- und Funkeinstellungen.'},
+  walkie:{name:'Sprachfunk',summary:'Sprich über unterstützte Funkhardware.',detail:'Mit geeigneter Audio- und Funkkonfiguration nutzt du PTT: Halte die Sendetaste gedrückt, solange du sprichst.',needs:'Kompatible Audiohardware, Funkchips und Gegenstellen-Einstellungen sind erforderlich. Auf dem T-Deck ist diese Funktion nicht verfügbar.'},
+  probe:{name:'Protokollerkennung',summary:'Prüfe die Grundlage der Erkennung.',detail:'Starte oder stoppe die Protokollerkennung. Beobachtete Signale werden von bestätigten Protokollnachweisen unterschieden. Simulierte Empfangsdaten bilden keine tatsächliche Aktivität in der Nähe ab.',needs:'Das Gerät benötigt unterstützte Empfangshardware und passende Funkeinstellungen.'},
+  sstv:{name:'SSTV-Empfang',summary:'Empfange Bilder per Slow Scan Television.',detail:'Empfange SSTV-Audio auf geeigneter Hardware und verfolge den Dekodierfortschritt sowie die Bildvorschau.',needs:'Ein kompatibler Audioeingang und eine Signalquelle sind erforderlich. Das T-Deck unterstützt diese Funktion nicht.'},
+  network:{name:'Nomad Network',summary:'Rufe Nomad-Network-Dienste auf.',detail:'Öffne Micron-Seiten über Reticulum und lies von Knoten veröffentlichte Inhalte. Die Vorschau nutzt Beispielknoten und zwischengespeicherte Seiten.',needs:'Auf dem Gerät sind ein Reticulum-Netzwerk und ein erreichbarer Dienstknoten erforderlich.'},
+  mqtt:{name:'MQTT-Brücke',summary:'Verbinde dich über ein Gateway mit MQTT.',detail:'Prüfe die MQTT-Optionen in den Einstellungen und verbinde dich bei Bedarf mit einem unterstützten Gateway.',needs:'Eine kompatible Protokollkonfiguration, ein Gateway und eine Netzwerkverbindung sind erforderlich.'},
+  usb:{name:'USB-Speicher',summary:'Verwalte Dateien über USB.',detail:'Stelle unterstützten Gerätespeicher einem Computer bereit, um Dateien zu verwalten und Tracks auszutauschen. Während der Computer das Laufwerk eingebunden hat, steuert der jeweilige Modus den Speicherzugriff.',needs:'USB-Datenkabel, kompatibles Gerät und Speichermedium werden benötigt.'},
+  extensions:{name:'Erweiterungen und Sprachen',summary:'Installiere benötigte Ressourcen.',detail:'Prüfe verfügbare Übersetzungen, Schriftarten und Eingabebelegungen in den Erweiterungen. Die Vorschau zeigt einen Beispielkatalog und installiert nichts auf einem physischen Gerät.',needs:'Für die Installation sind passende Speicherausstattung, freier Speicherplatz und ein erreichbares Ressourcen-Repository nötig.'},
+  settings:{name:'Einstellungen',summary:'Passe die Geräteeinstellungen an.',detail:'Sieh dir Optionen für das aktuelle Gerät, Protokoll und angeschlossene Peripherie an.',needs:'Die verfügbaren Einstellungen hängen von Hardware und Firmware-Build ab.'},
+  calculator:{name:'Geländerechner',summary:'Berechne Entfernungen, Höhen und Steigungen.',detail:'Trigonometrische Funktionen und ihre Umkehrfunktionen helfen bei Höhenabschätzungen, der Zerlegung von Schrägstrecken und der Steigungsberechnung. Potenzen, Wurzeln, Logarithmen und DEG/RAD stehen ebenfalls bereit.',needs:'Gib selbst gemessene Winkel und Entfernungen ein. Berücksichtige bei Baumhöhen die Instrumentenhöhe und den Höhenunterschied des Bodens.'},
+  help:{name:'Hilfe und Tastenkürzel',summary:'Lerne die Bedienung deines Geräts kennen.',detail:'Die Hilfe erklärt Tasten und Tastenkürzel. Pager und T-Deck unterscheiden sich in ihren Eingabemöglichkeiten.',needs:'Verwende die Hilfe für dein Gerät und die installierte Firmwareversion.'},
+  power:{name:'Status und Stromversorgung',summary:'Prüfe Status und Energieoptionen.',detail:'Kontrolliere Akku und Betriebszustand und nutze die von der Firmware angebotenen Ein- und Ausschaltfunktionen.',needs:'Die Akkudaten in der Vorschau sind simuliert.'}
+};
diff --git a/site/i18n/features-en.js b/site/i18n/features-en.js
new file mode 100644
index 00000000..bf82e9e1
--- /dev/null
+++ b/site/i18n/features-en.js
@@ -0,0 +1,116 @@
+export default {
+  "home": {
+    "name": "Home",
+    "summary": "A small device. A complete field toolkit.",
+    "detail": "Open a feature directly on the device. Pager uses a horizontal focus carousel; T-Deck uses a compact grid with touch and keyboard input.",
+    "needs": "Pager: encoder and keyboard. T-Deck: touch, trackball and keyboard."
+  },
+  "map": {
+    "name": "Offline maps",
+    "summary": "Keep your bearings beyond cell coverage.",
+    "detail": "Browse north-up OSM, terrain and satellite layers from SD storage. Switch layers, add contours, zoom and inspect a node while retaining the surrounding map context.",
+    "needs": "Prepare the map region on SD before departure. This preview includes nine cached OSM tiles at zoom 12; other regions, layers and zoom levels need their own tile data."
+  },
+  "gps": {
+    "name": "GNSS / Sky plot",
+    "summary": "Know how trustworthy your fix is.",
+    "detail": "Inspect satellite geometry, constellation, signal strength, used satellites and HDOP. A visible satellite is not necessarily used in the current position fix.",
+    "needs": "GNSS hardware and an antenna with a clear view of the sky. All coordinates and signal values in this guide are samples."
+  },
+  "tracker": {
+    "name": "Track recorder",
+    "summary": "Keep a local record of the way you came.",
+    "detail": "Start and stop a track recording, browse saved tracks and export GPX through USB storage. Local tracks and shared Team positions are separate data relationships.",
+    "needs": "Usable GNSS positions and writable storage. The preview records sample positions into its browser-local virtual filesystem, which resets on reload."
+  },
+  "route": {
+    "name": "Routes & elevation",
+    "summary": "Understand the climb before following the trail.",
+    "detail": "Inspect imported KML routes, review the elevation profile, then step through georeferenced waypoint imagery. Distance, load state and saved-image counts remain visible.",
+    "needs": "Import the route and prepare its map region. Remote waypoint imagery requires connectivity when not already cached."
+  },
+  "chat": {
+    "name": "Messages",
+    "summary": "Send a message on your chosen network.",
+    "detail": "Browse conversations and compose direct, channel or team messages. Delivery states matter on narrow, lossy links; a failed send can be retried from its message bubble.",
+    "needs": "Choose one active protocol and a compatible peer/network profile. Demo messages never leave this page."
+  },
+  "contacts": {
+    "name": "Contacts & identity",
+    "summary": "Keep your communication directory on the device.",
+    "detail": "Inspect discovered and saved contacts, recent activity and protocol identity. Reticulum peers expose an LXMF address and identity hash. Available messaging, ping, call and team actions depend on the selected protocol.",
+    "needs": "Saved contacts or discovery results. Public discovery, contact sharing and Team sharing have separate scopes."
+  },
+  "team": {
+    "name": "TAK / Team",
+    "summary": "See the people and places that matter to your group.",
+    "detail": "Create or join a nearby team over ESP-NOW, then use LoRa for team messages, member positions, status and assembly points. The current TAK scope is Trail Mate’s own on-device awareness.",
+    "needs": "Pair together at close range. ATAK, WinTAK and CoT interoperability are outside the current TAK claim."
+  },
+  "walkie": {
+    "name": "Walkie talkie",
+    "summary": "Press to talk. Release to listen.",
+    "detail": "The half-duplex voice path uses FSK and Codec2 with jitter buffering and a fixed playback cadence. Monitoring and push-to-talk are separate controls.",
+    "needs": "A build and board with a supported radio/audio path. This browser demo does not access your microphone or transmit audio."
+  },
+  "probe": {
+    "name": "Protocol Probe",
+    "summary": "Find evidence of a compatible LoRa profile.",
+    "detail": "Probe finite protocol-derived profiles and distinguish OBSERVED from CONFIRMED evidence. MeshCore can actively confirm; Meshtastic needs a suitable keyed acknowledgement. Reticulum stays passive in this temporary tuning flow.",
+    "needs": "Real protocol traffic is required on hardware. A quiet frequency is not evidence of a usable channel."
+  },
+  "sstv": {
+    "name": "SSTV receiver",
+    "summary": "Watch an image emerge from received audio.",
+    "detail": "Receive supported slow-scan television audio and decode an image on-device, with visible progress and a preview.",
+    "needs": "Supported audio input and build. The sample illustrates progress; it does not decode audio."
+  },
+  "network": {
+    "name": "Nomad Network",
+    "summary": "Small information services over Reticulum.",
+    "detail": "Open Micron pages, navigate links and forms, and retain cached/offline-ready state. Compatibility diagnostics identify unsupported or unknown Micron constructs.",
+    "needs": "Reticulum mode and a reachable service for uncached pages. This is a sample Micron experience, not a general web browser."
+  },
+  "mqtt": {
+    "name": "Mesh MQTT",
+    "summary": "Extend a mesh through a configured broker.",
+    "detail": "Meshtastic and MeshCore have independent enable, uplink, downlink, host, port and topic settings. An Internet gateway is optional; the mesh protocol remains explicit.",
+    "needs": "Wi-Fi or gateway connectivity and an appropriate broker. Credentials are not requested in this demo."
+  },
+  "usb": {
+    "name": "USB storage",
+    "summary": "Move maps and tracks through removable storage.",
+    "detail": "Expose supported device storage to a computer for file management and GPX export. Storage ownership changes when the host mounts the volume.",
+    "needs": "Supported USB storage target and a data cable. The demo does not access files on your computer."
+  },
+  "extensions": {
+    "name": "Extensions",
+    "summary": "Carry the languages you need.",
+    "detail": "Install translation, font and keyboard bundles instead of embedding every language in firmware. English remains the built-in fallback; the published catalog keeps language review status visible.",
+    "needs": "Compatible memory profile, storage and a reachable package repository on hardware. The preview shows a sample catalog; it does not install packages on a device."
+  },
+  "settings": {
+    "name": "Settings",
+    "summary": "Make the device work for your trip.",
+    "detail": "Adjust display and sleep behavior, GNSS, networking and the active product protocol. Meshtastic, MeshCore and Reticulum are selectable paths; only one is active at a time.",
+    "needs": "Hardware and protocol-specific parameters vary by build. Real radio settings must match your local requirements."
+  },
+  "calculator": {
+    "name": "Field calculator",
+    "summary": "Turn angles and distances into useful field estimates.",
+    "detail": "Use sin/cos/tan and inverse functions to estimate height, resolve slope distance into horizontal distance and rise, or calculate a gradient. The firmware also provides powers, roots, logarithms and DEG/RAD modes.",
+    "needs": "Enter angles and distances from your own measurements. For tree height, add instrument height only when the base and your ground are level. The device performs the calculation; it does not measure the angle or distance automatically."
+  },
+  "help": {
+    "name": "Help & shortcuts",
+    "summary": "Keep the controls close at hand.",
+    "detail": "The device’s context help explains the current page and hardware controls. Pager navigation and T-Deck touch/trackball affordances differ.",
+    "needs": "Web controls are documented separately from hardware shortcuts. Check the device Help screen for build-specific keys."
+  },
+  "power": {
+    "name": "Status & power",
+    "summary": "Check the essentials before heading out.",
+    "detail": "Review battery and runtime status, use low-power behavior and shut down gracefully.",
+    "needs": "Battery, charging and power behavior depend on the board. The browser only changes its simulated screen state."
+  }
+};
diff --git a/site/i18n/features-es.js b/site/i18n/features-es.js
new file mode 100644
index 00000000..3671d80d
--- /dev/null
+++ b/site/i18n/features-es.js
@@ -0,0 +1,21 @@
+export default {
+  home:{name:'Menú principal',summary:'Abre las herramientas desde el menú.',detail:'Pager permite elegir funciones con el codificador giratorio y el teclado. T-Deck usa un menú en cuadrícula y también admite entrada táctil.',needs:'La distribución y los controles varían según el dispositivo.'},
+  map:{name:'Mapas sin conexión',summary:'Consulta el entorno y tu posición.',detail:'Las teselas preparadas de antemano muestran el terreno. Combina la posición actual, las rutas y los puntos de paso para orientarte.',needs:'En el dispositivo real se necesitan mapas y datos de posicionamiento disponibles.'},
+  gps:{name:'GNSS y satélites',summary:'Comprueba el posicionamiento.',detail:'Consulta la distribución de los satélites, el estado de la posición y la calidad de recepción para valorar la fiabilidad de tu ubicación.',needs:'Se necesita un módulo GNSS operativo y recepción de señales de satélite.'},
+  tracker:{name:'Registro de recorridos',summary:'Guarda el camino que has seguido.',detail:'Inicia o detén la grabación, consulta los recorridos guardados y expórtalos mediante las opciones que ofrece el dispositivo.',needs:'Se necesitan datos de posición y almacenamiento con permiso de escritura.'},
+  route:{name:'Rutas y elevación',summary:'Consulta la elevación y los puntos de la ruta.',detail:'Importa rutas KML para examinar el perfil de elevación, los puntos de paso, la distancia y las subidas.',needs:'Prepara la ruta y sus mapas. Las imágenes de puntos de paso que no estén en caché requieren conexión de red.'},
+  chat:{name:'Mensajes',summary:'Intercambia mensajes con terminales compatibles.',detail:'Consulta conversaciones, redacta mensajes y comprueba su entrega. La comunicación básica permite contactar, pedir ayuda y colaborar al aire libre.',needs:'Se necesitan protocolos y ajustes de radio compatibles, además de una vía de comunicación disponible.'},
+  contacts:{name:'Contactos e identidad',summary:'Gestiona contactos e identidades de dispositivos.',detail:'Guarda contactos y consulta sus datos de identidad y comunicación para facilitar futuros intercambios y el uso compartido de posiciones.',needs:'Cada protocolo trata las identidades y los contactos de forma distinta.'},
+  team:{name:'TAK y equipo',summary:'Comparte posiciones y mensajes del equipo.',detail:'Empareja los dispositivos a corta distancia mediante ESP-NOW y utiliza LoRa para intercambiar posiciones, puntos de encuentro y mensajes. TAK en el dispositivo se centra en la colaboración de campo con Trail Mate.',needs:'Los miembros necesitan una configuración de equipo y parámetros de radio compatibles.'},
+  walkie:{name:'Comunicación por voz',summary:'Habla mediante hardware compatible.',detail:'Con una configuración de audio y radio adecuada, utiliza PTT: mantén pulsado el control mientras hablas.',needs:'Se necesitan hardware de audio, chip de radio y ajustes compatibles en el otro extremo. T-Deck no ofrece esta función.'},
+  probe:{name:'Detección de protocolos',summary:'Examina las pruebas de detección.',detail:'Inicia o detén la detección y distingue las señales observadas de las pruebas de protocolo confirmadas. Los datos simulados no representan actividad real cercana.',needs:'El equipo real necesita hardware receptor compatible y ajustes de radio adecuados.'},
+  sstv:{name:'Recepción SSTV',summary:'Recibe imágenes de televisión de barrido lento.',detail:'En hardware compatible, recibe audio SSTV y consulta el progreso de decodificación y la vista previa de la imagen.',needs:'Se necesita una entrada de audio compatible y una fuente de señal. T-Deck no ofrece esta función.'},
+  network:{name:'Nomad Network',summary:'Explora los servicios de Nomad Network.',detail:'Abre páginas Micron mediante Reticulum para consultar contenido publicado por los nodos. La demo utiliza nodos de ejemplo y páginas en caché.',needs:'En el equipo real se necesita una red Reticulum y un nodo de servicio accesible.'},
+  mqtt:{name:'Puente MQTT',summary:'Conecta con MQTT mediante una pasarela.',detail:'Consulta las opciones MQTT en Ajustes y conéctate a una pasarela compatible cuando lo necesites.',needs:'Se necesita una configuración de protocolo compatible, una pasarela y conexión de red.'},
+  usb:{name:'Almacenamiento USB',summary:'Gestiona archivos por USB.',detail:'Da acceso al almacenamiento compatible desde un ordenador para gestionar archivos e intercambiar recorridos. Mientras el ordenador monta la unidad, el modo correspondiente controla el acceso al almacenamiento.',needs:'Se necesita un cable USB de datos, un dispositivo compatible y un medio de almacenamiento.'},
+  extensions:{name:'Extensiones e idiomas',summary:'Añade los recursos que necesites.',detail:'Consulta las traducciones, fuentes y distribuciones de entrada disponibles en Extensiones. La demo muestra un catálogo de ejemplo y no instala software en ningún equipo físico.',needs:'La instalación requiere memoria compatible, espacio de almacenamiento y acceso al repositorio de recursos.'},
+  settings:{name:'Ajustes',summary:'Configura el dispositivo a tu medida.',detail:'Consulta las opciones del dispositivo, el protocolo y los periféricos actuales.',needs:'Los ajustes disponibles dependen del hardware y de la compilación del firmware.'},
+  calculator:{name:'Calculadora de campo',summary:'Calcula distancias, alturas y pendientes.',detail:'Usa funciones trigonométricas y sus inversas para estimar alturas, descomponer distancias inclinadas o calcular pendientes. También hay potencias, raíces, logaritmos y modos DEG/RAD.',needs:'Introduce ángulos y distancias medidos. Para calcular la altura de un árbol, considera la altura del instrumento y el desnivel del suelo.'},
+  help:{name:'Ayuda y atajos',summary:'Consulta cómo manejar tu dispositivo.',detail:'La ayuda explica los botones y los atajos. Pager y T-Deck tienen distintos métodos de entrada.',needs:'Consulta la ayuda correspondiente al dispositivo y a la versión de firmware que utilizas.'},
+  power:{name:'Estado y alimentación',summary:'Comprueba el estado y controla la alimentación.',detail:'Consulta la batería y el estado de funcionamiento y utiliza las opciones de alimentación que ofrece el firmware.',needs:'Los datos de batería de la demo son simulados.'}
+};
diff --git a/site/i18n/features-fr.js b/site/i18n/features-fr.js
new file mode 100644
index 00000000..ab4954d8
--- /dev/null
+++ b/site/i18n/features-fr.js
@@ -0,0 +1,21 @@
+export default {
+  home:{name:'Menu principal',summary:'Ouvrez les outils depuis le menu.',detail:'Le Pager se commande avec son encodeur rotatif et son clavier. Le T-Deck présente un menu en grille et accepte également les interactions tactiles.',needs:'La disposition et les commandes varient selon l’appareil.'},
+  map:{name:'Cartes hors ligne',summary:'Consultez les environs et votre position.',detail:'Les tuiles préparées à l’avance affichent le terrain. Combinez position actuelle, itinéraire et points de passage pour vous orienter.',needs:'Sur le matériel réel, il faut des cartes et des données de positionnement disponibles.'},
+  gps:{name:'GNSS et satellites',summary:'Évaluez le positionnement.',detail:'Consultez la répartition des satellites, l’état de la localisation et la qualité de réception pour juger la fiabilité de votre position.',needs:'Un module GNSS opérationnel et la réception de signaux satellites sont nécessaires sur l’appareil.'},
+  tracker:{name:'Enregistrement de tracés',summary:'Gardez une trace de votre parcours.',detail:'Démarrez ou arrêtez l’enregistrement, consultez les tracés sauvegardés et exportez-les avec les moyens proposés par l’appareil.',needs:'Des données de position et un stockage accessible en écriture sont nécessaires.'},
+  route:{name:'Itinéraires et altitude',summary:'Consultez le relief de votre itinéraire.',detail:'Importez un itinéraire KML pour examiner son profil altimétrique, ses points de passage, sa distance et ses montées.',needs:'Préparez l’itinéraire et ses cartes. Les images de points de passage non mises en cache nécessitent une connexion réseau.'},
+  chat:{name:'Messages',summary:'Échangez avec les terminaux compatibles.',detail:'Consultez les conversations, rédigez des messages et vérifiez leur livraison. Les communications de base servent à garder le contact, demander de l’aide et coopérer sur le terrain.',needs:'Il faut des protocoles et paramètres radio compatibles, ainsi qu’un chemin de communication disponible.'},
+  contacts:{name:'Contacts et identité',summary:'Gérez vos contacts et votre identité.',detail:'Enregistrez des contacts et consultez leurs informations d’identification et de communication, pour préparer les échanges et le partage de position.',needs:'La gestion des identités et des contacts varie selon le protocole.'},
+  team:{name:'TAK et équipe',summary:'Partagez positions et messages d’équipe.',detail:'Associez les appareils à proximité via ESP-NOW, puis échangez positions, points de rassemblement et messages via LoRa. Le TAK embarqué est centré sur la coopération de terrain dans Trail Mate.',needs:'Les membres doivent utiliser une configuration d’équipe et des paramètres radio compatibles.'},
+  walkie:{name:'Communication vocale',summary:'Échangez par la voix sur le matériel compatible.',detail:'Avec une configuration audio et radio adaptée, utilisez la transmission PTT : maintenez la commande enfoncée pour parler.',needs:'Il faut du matériel audio, une puce radio et des paramètres compatibles chez votre interlocuteur. Cette fonction n’est pas disponible sur le T-Deck.'},
+  probe:{name:'Détection de protocoles',summary:'Examinez les éléments détectés.',detail:'Démarrez ou arrêtez la détection et distinguez les signaux observés des preuves de protocole confirmées. Les données simulées ne décrivent pas l’activité réelle à proximité.',needs:'Le matériel réel doit disposer d’un récepteur et de paramètres radio adaptés.'},
+  sstv:{name:'Réception SSTV',summary:'Recevez des images à balayage lent.',detail:'Sur le matériel compatible, recevez l’audio SSTV et suivez le décodage ainsi que l’aperçu de l’image.',needs:'Une entrée audio compatible et une source de signal sont nécessaires. Le T-Deck ne propose pas cette fonction.'},
+  network:{name:'Nomad Network',summary:'Parcourez les services Nomad Network.',detail:'Ouvrez des pages Micron via Reticulum pour lire les contenus publiés par les nœuds. La démo utilise un nœud d’exemple et des pages en cache.',needs:'Sur l’appareil, il faut un réseau Reticulum et un nœud de service joignable.'},
+  mqtt:{name:'Passerelle MQTT',summary:'Accédez à MQTT via une passerelle.',detail:'Consultez les options MQTT dans les paramètres et connectez-vous à une passerelle compatible selon vos besoins.',needs:'Une configuration de protocole compatible, une passerelle et une connexion réseau sont nécessaires.'},
+  usb:{name:'Stockage USB',summary:'Gérez les fichiers par USB.',detail:'Rendez le stockage compatible de l’appareil accessible à un ordinateur pour gérer les fichiers et échanger des tracés. Pendant le montage, l’accès au stockage est géré par le mode correspondant.',needs:'Un câble USB de données, un appareil compatible et un support de stockage sont nécessaires.'},
+  extensions:{name:'Extensions et langues',summary:'Ajoutez les ressources nécessaires.',detail:'Consultez les traductions, polices et dispositions de saisie disponibles dans les extensions. La démo présente un catalogue d’exemple sans installer de logiciel sur un appareil physique.',needs:'L’installation nécessite une configuration mémoire compatible, du stockage et un dépôt de ressources accessible.'},
+  settings:{name:'Paramètres',summary:'Adaptez les réglages de l’appareil.',detail:'Consultez les options liées à l’appareil, au protocole et aux périphériques utilisés.',needs:'Les réglages disponibles dépendent du matériel et du build du micrologiciel.'},
+  calculator:{name:'Calculatrice de terrain',summary:'Calculez distances, hauteurs et pentes.',detail:'Utilisez les fonctions trigonométriques et leurs inverses pour estimer une hauteur, décomposer une distance inclinée ou calculer une pente. Puissances, racines, logarithmes et modes DEG/RAD sont également disponibles.',needs:'Saisissez vos mesures d’angle et de distance. Pour la hauteur d’un arbre, tenez compte de la hauteur de l’instrument et du dénivelé du sol.'},
+  help:{name:'Aide et raccourcis',summary:'Retrouvez les commandes de votre appareil.',detail:'L’aide présente les boutons et raccourcis. Le Pager et le T-Deck utilisent des modes de saisie différents.',needs:'Consultez l’aide correspondant à votre appareil et à sa version du micrologiciel.'},
+  power:{name:'État et alimentation',summary:'Consultez l’état et les commandes d’alimentation.',detail:'Vérifiez la batterie et l’état de fonctionnement, puis utilisez les commandes d’alimentation proposées par le micrologiciel.',needs:'Les informations de batterie de la démo sont simulées.'}
+};
diff --git a/site/i18n/features-it.js b/site/i18n/features-it.js
new file mode 100644
index 00000000..c604c0b1
--- /dev/null
+++ b/site/i18n/features-it.js
@@ -0,0 +1,21 @@
+export default {
+  home:{name:'Menu principale',summary:'Apri gli strumenti dal menu.',detail:'Pager usa encoder rotativo e tastiera per selezionare le funzioni. T-Deck presenta un menu a griglia e supporta anche il touch.',needs:'Disposizione e comandi variano in base al dispositivo.'},
+  map:{name:'Mappe offline',summary:'Consulta la zona e la tua posizione.',detail:'I tasselli preparati in anticipo mostrano il terreno. Combina posizione attuale, percorsi e punti di passaggio per orientarti.',needs:'Sul dispositivo reale servono mappe e dati di posizionamento disponibili.'},
+  gps:{name:'GNSS e satelliti',summary:'Valuta il posizionamento.',detail:'Controlla la distribuzione dei satelliti, lo stato della posizione e la qualità di ricezione per valutarne l’affidabilità.',needs:'Servono un modulo GNSS funzionante e segnali satellitari ricevibili.'},
+  tracker:{name:'Registrazione tracce',summary:'Conserva il cammino percorso.',detail:'Avvia o arresta la registrazione, consulta le tracce salvate ed esportale con le modalità supportate dal dispositivo.',needs:'Servono dati di posizione e memoria accessibile in scrittura.'},
+  route:{name:'Percorsi e altimetria',summary:'Esamina quote e punti del percorso.',detail:'Importa percorsi KML per consultare profilo altimetrico, punti di passaggio, distanza e salite.',needs:'Prepara il percorso e le sue mappe. Le immagini dei punti di passaggio non presenti nella cache richiedono una connessione di rete.'},
+  chat:{name:'Messaggi',summary:'Scambia messaggi con terminali compatibili.',detail:'Consulta le conversazioni, scrivi messaggi e controllane la consegna. La comunicazione di base serve a contattare altri utenti, chiedere aiuto e collaborare all’aperto.',needs:'Servono protocolli e parametri radio compatibili e un collegamento di comunicazione disponibile.'},
+  contacts:{name:'Contatti e identità',summary:'Gestisci contatti e identità dei dispositivi.',detail:'Salva contatti e consulta le informazioni di identificazione e comunicazione per preparare scambi e condivisioni della posizione.',needs:'Identità e contatti sono gestiti in modo diverso a seconda del protocollo.'},
+  team:{name:'TAK e gruppo',summary:'Condividi posizioni e messaggi del gruppo.',detail:'Associa i dispositivi a breve distanza tramite ESP-NOW, poi scambia posizioni, punti di ritrovo e messaggi via LoRa. TAK sul dispositivo è pensato per la collaborazione sul campo con Trail Mate.',needs:'I membri devono usare configurazioni di gruppo e parametri radio compatibili.'},
+  walkie:{name:'Comunicazione vocale',summary:'Parla tramite hardware compatibile.',detail:'Con una configurazione audio e radio adeguata, usa il PTT: tieni premuto il comando durante la trasmissione.',needs:'Servono hardware audio, chip radio e impostazioni compatibili sull’altro terminale. T-Deck non offre questa funzione.'},
+  probe:{name:'Rilevamento protocolli',summary:'Esamina le prove raccolte.',detail:'Avvia o arresta il rilevamento e distingui i segnali osservati dalle prove di protocollo confermate. I dati simulati non rappresentano l’attività reale nelle vicinanze.',needs:'Il dispositivo reale richiede hardware di ricezione supportato e impostazioni radio adatte.'},
+  sstv:{name:'Ricezione SSTV',summary:'Ricevi immagini a scansione lenta.',detail:'Su hardware compatibile, ricevi audio SSTV e controlla l’avanzamento della decodifica e l’anteprima dell’immagine.',needs:'Servono un ingresso audio compatibile e una sorgente di segnale. T-Deck non offre questa funzione.'},
+  network:{name:'Nomad Network',summary:'Esplora i servizi di Nomad Network.',detail:'Apri pagine Micron tramite Reticulum per leggere i contenuti pubblicati dai nodi. La demo usa nodi di esempio e pagine nella cache.',needs:'Sul dispositivo servono una rete Reticulum e un nodo di servizio raggiungibile.'},
+  mqtt:{name:'Bridge MQTT',summary:'Collegati a MQTT tramite un gateway.',detail:'Consulta le opzioni MQTT nelle impostazioni e collegati a un gateway compatibile quando necessario.',needs:'Servono una configurazione di protocollo compatibile, un gateway e una connessione di rete.'},
+  usb:{name:'Archiviazione USB',summary:'Gestisci i file tramite USB.',detail:'Rendi la memoria compatibile del dispositivo accessibile a un computer per gestire file e scambiare tracce. Mentre il computer monta l’unità, l’accesso alla memoria è gestito dalla modalità corrispondente.',needs:'Servono un cavo USB dati, un dispositivo compatibile e un supporto di memoria.'},
+  extensions:{name:'Estensioni e lingue',summary:'Aggiungi le risorse necessarie.',detail:'Consulta traduzioni, caratteri e layout di input nelle estensioni. La demo mostra un catalogo di esempio e non installa software su dispositivi fisici.',needs:'L’installazione richiede memoria compatibile, spazio disponibile e un repository di risorse raggiungibile.'},
+  settings:{name:'Impostazioni',summary:'Adatta le impostazioni del dispositivo.',detail:'Consulta le opzioni per il dispositivo, il protocollo e le periferiche in uso.',needs:'Le impostazioni disponibili dipendono dall’hardware e dalla versione del firmware.'},
+  calculator:{name:'Calcolatrice da campo',summary:'Calcola distanze, dislivelli e pendenze.',detail:'Usa le funzioni trigonometriche e inverse per stimare altezze, scomporre distanze inclinate e calcolare pendenze. Sono disponibili anche potenze, radici, logaritmi e modalità DEG/RAD.',needs:'Inserisci angoli e distanze misurati. Per l’altezza di un albero, considera l’altezza dello strumento e il dislivello del terreno.'},
+  help:{name:'Guida e scorciatoie',summary:'Consulta i comandi del tuo dispositivo.',detail:'La guida descrive pulsanti e scorciatoie. Pager e T-Deck usano modalità di input diverse.',needs:'Consulta la guida corrispondente al dispositivo e alla versione del firmware in uso.'},
+  power:{name:'Stato e alimentazione',summary:'Controlla lo stato e l’alimentazione.',detail:'Verifica batteria e stato operativo e usa i comandi di alimentazione offerti dal firmware.',needs:'I dati della batteria nella demo sono simulati.'}
+};
diff --git a/site/i18n/features-ja.js b/site/i18n/features-ja.js
new file mode 100644
index 00000000..3c4bda65
--- /dev/null
+++ b/site/i18n/features-ja.js
@@ -0,0 +1,21 @@
+export default {
+  home:{name:'メインメニュー',summary:'フィールドツールをメニューから起動。',detail:'Pager はロータリーエンコーダーとキーボードで機能を選択します。T-Deck はグリッドメニューを採用し、タッチ操作にも対応しています。',needs:'画面構成と操作方法はデバイスによって異なります。'},
+  map:{name:'オフライン地図',summary:'周囲の地図と現在地を確認。',detail:'事前に用意した地図タイルで地形を表示し、現在地、ルート、ウェイポイントを組み合わせてナビゲーションに利用できます。',needs:'実機では地図データと利用可能な測位データが必要です。'},
+  gps:{name:'GNSS・衛星配置',summary:'測位の状態を把握。',detail:'衛星の配置、測位状態、受信品質を確認し、現在地の情報が信頼できるか判断できます。',needs:'実機では利用可能な GNSS モジュールと衛星信号が必要です。'},
+  tracker:{name:'軌跡記録',summary:'移動した経路を記録。',detail:'軌跡の記録を開始・停止し、保存した記録を確認できます。デバイスが対応する方法でデータを出力できます。',needs:'測位データと書き込み可能なストレージが必要です。'},
+  route:{name:'ルートと標高',summary:'ルートの標高やウェイポイントを確認。',detail:'KML ルートを読み込み、標高グラフやウェイポイントを表示して、距離や登りの状況を把握できます。',needs:'ルートと対応する地図を事前に準備してください。未保存のウェイポイント画像の取得にはネットワーク接続が必要です。'},
+  chat:{name:'メッセージ',summary:'対応端末とメッセージを交換。',detail:'会話の閲覧、メッセージの作成、配信状況の確認ができます。基本通信は、アウトドアでの連絡、支援の要請、共同作業を目的としています。',needs:'互換性のあるプロトコルと無線設定、および利用可能な通信経路が必要です。'},
+  contacts:{name:'連絡先と識別情報',summary:'連絡先とデバイスの識別情報を管理。',detail:'連絡先を保存し、識別情報や連絡に必要な情報を確認できます。通信や位置共有の起点となる機能です。',needs:'識別情報と連絡先の扱いはプロトコルごとに異なります。'},
+  team:{name:'TAK・チーム',summary:'仲間の位置やメッセージを共有。',detail:'ESP-NOW で近距離のチームをペアリングし、LoRa でメンバーの位置、集合地点、チームメッセージを交換します。デバイス上の TAK は Trail Mate のフィールド連携を中心に設計されています。',needs:'メンバー間で互換性のあるチーム設定と無線設定が必要です。'},
+  walkie:{name:'音声通信',summary:'対応ハードウェアで音声通話。',detail:'対応する音声・無線構成で、ボタンを押している間だけ送信する PTT 操作を利用できます。',needs:'対応する音声ハードウェア、無線チップ、相手側の設定が必要です。T-Deck では利用できません。'},
+  probe:{name:'プロトコル探査',summary:'探査結果の根拠を確認。',detail:'プロトコル探査を開始・停止し、観測した信号と確認済みのプロトコルの証拠を区別して表示します。模擬受信データは周囲の実際の状況を示すものではありません。',needs:'実機では対応する受信ハードウェアと無線設定が必要です。'},
+  sstv:{name:'SSTV 受信',summary:'低速走査テレビの画像を受信。',detail:'対応ハードウェアで SSTV 音声を受信し、デコードの進行状況や画像を確認できます。',needs:'対応する音声入力と信号源が必要です。T-Deck では利用できません。'},
+  network:{name:'Nomad Network',summary:'Nomad Network のサービスを閲覧。',detail:'Reticulum 経由で Micron ページを開き、ノードが公開する情報を確認できます。プレビューではサンプルノードとキャッシュ済みページを使用します。',needs:'実機では Reticulum ネットワークと到達可能なサービスノードが必要です。'},
+  mqtt:{name:'MQTT ブリッジ',summary:'ゲートウェイ経由で MQTT に接続。',detail:'設定画面で MQTT 関連の項目を確認し、必要に応じて対応ゲートウェイに接続できます。',needs:'互換性のあるプロトコル設定、ゲートウェイ、ネットワーク接続が必要です。'},
+  usb:{name:'USB ストレージ',summary:'USB 経由でファイルを管理。',detail:'対応するストレージをパソコンから利用し、ファイル管理や軌跡データの交換ができます。パソコンがマウントしている間は、対応するモードがストレージへのアクセスを管理します。',needs:'USB データケーブル、対応デバイス、ストレージメディアが必要です。'},
+  extensions:{name:'拡張機能と言語',summary:'必要な拡張機能や言語パックを追加。',detail:'拡張機能の画面で、翻訳、フォント、入力配列などのリソースを確認できます。プレビューはサンプルカタログを表示するだけで、実機にはインストールしません。',needs:'インストールには対応するメモリ構成、空きストレージ、接続可能なリソースリポジトリが必要です。'},
+  settings:{name:'設定',summary:'デバイスの設定を調整。',detail:'使用中のデバイス、プロトコル、周辺機器に関する設定を確認できます。',needs:'設定できる項目はハードウェアとファームウェアのビルドによって異なります。'},
+  calculator:{name:'測量用計算機',summary:'距離、高低差、勾配を計算。',detail:'三角関数と逆三角関数で高低差の推定、斜距離の分解、勾配の計算ができます。べき乗、平方根、対数、DEG/RAD モードにも対応しています。',needs:'角度と距離は測定した値を入力します。樹高を求める際は、測定器の高さと地面の高低差を考慮してください。'},
+  help:{name:'ヘルプとショートカット',summary:'デバイスの操作方法を確認。',detail:'ヘルプ画面でボタンやショートカットの使い方を確認できます。Pager と T-Deck では入力方法が異なります。',needs:'使用中のデバイスとファームウェアのバージョンに対応するヘルプをご確認ください。'},
+  power:{name:'状態と電源',summary:'状態の確認と電源操作。',detail:'バッテリーや動作状況を確認し、ファームウェアが提供する電源操作を利用できます。',needs:'プレビューのバッテリー表示は模擬データです。'}
+};
diff --git a/site/i18n/features-ko.js b/site/i18n/features-ko.js
new file mode 100644
index 00000000..a12556b7
--- /dev/null
+++ b/site/i18n/features-ko.js
@@ -0,0 +1,21 @@
+export default {
+  home:{name:'메인 메뉴',summary:'메뉴에서 야외 도구를 실행하세요.',detail:'Pager는 회전 인코더와 키보드로 기능을 선택합니다. T-Deck은 격자형 메뉴를 사용하며 터치 조작도 지원합니다.',needs:'기기마다 화면 구성과 입력 방식이 다릅니다.'},
+  map:{name:'오프라인 지도',summary:'주변 지도와 현재 위치를 확인하세요.',detail:'미리 준비한 지도 타일로 지형을 보고, 현재 위치와 경로, 경유 지점을 함께 활용해 길을 찾을 수 있습니다.',needs:'실제 기기에서는 지도 데이터와 사용 가능한 위치 정보가 필요합니다.'},
+  gps:{name:'GNSS·위성 배치',summary:'위치 수신 상태를 파악하세요.',detail:'위성 배치, 위치 수신 상태, 신호 품질을 확인해 현재 위치 정보의 신뢰도를 판단할 수 있습니다.',needs:'실제 기기에서는 작동하는 GNSS 모듈과 위성 신호가 필요합니다.'},
+  tracker:{name:'이동 기록',summary:'지나온 경로를 기록하세요.',detail:'이동 기록을 시작하거나 중지하고 저장한 기록을 확인할 수 있습니다. 기기에서 지원하는 방식으로 데이터를 내보낼 수 있습니다.',needs:'위치 정보와 기록 가능한 저장 공간이 필요합니다.'},
+  route:{name:'경로와 고도',summary:'경로의 고도와 경유 지점을 살펴보세요.',detail:'KML 경로를 불러와 고도 그래프와 경유 지점을 확인하고, 거리와 오르막 구간을 파악할 수 있습니다.',needs:'경로와 해당 지역의 지도를 미리 준비하세요. 캐시되지 않은 경유 지점 이미지를 받으려면 네트워크 연결이 필요합니다.'},
+  chat:{name:'메시지',summary:'호환 단말과 메시지를 주고받으세요.',detail:'대화를 확인하고 메시지를 작성하며 전달 상태를 볼 수 있습니다. 기본 통신은 야외에서 연락하고 도움을 요청하며 협력하기 위한 기능입니다.',needs:'서로 호환되는 프로토콜과 무선 설정, 사용 가능한 통신 경로가 필요합니다.'},
+  contacts:{name:'연락처와 식별 정보',summary:'연락처와 기기 식별 정보를 관리하세요.',detail:'연락처를 저장하고 식별 정보와 연락에 필요한 정보를 확인할 수 있습니다. 이후 통신과 위치 공유를 위한 출발점이 됩니다.',needs:'프로토콜마다 식별 정보와 연락처를 다루는 방식이 다릅니다.'},
+  team:{name:'TAK·팀',summary:'팀원의 위치와 메시지를 공유하세요.',detail:'ESP-NOW로 가까운 거리에서 팀을 페어링한 뒤 LoRa로 팀원 위치, 집결 지점, 팀 메시지를 교환합니다. 기기 내 TAK는 Trail Mate의 현장 협업에 초점을 맞춥니다.',needs:'팀원 간에 호환되는 팀 구성과 무선 설정이 필요합니다.'},
+  walkie:{name:'음성 통신',summary:'지원 하드웨어로 음성 통신을 하세요.',detail:'호환되는 오디오 및 무선 구성에서 버튼을 누르는 동안 송신하는 PTT 방식으로 통신할 수 있습니다.',needs:'호환 오디오 하드웨어, 무선 칩, 상대방 설정이 필요합니다. T-Deck은 이 기능을 제공하지 않습니다.'},
+  probe:{name:'프로토콜 탐지',summary:'탐지 결과의 근거를 확인하세요.',detail:'프로토콜 탐지를 시작하거나 중지하고, 관측된 신호와 확인된 프로토콜 근거를 구분해 볼 수 있습니다. 모의 수신 데이터는 주변의 실제 활동을 나타내지 않습니다.',needs:'실제 기기에서는 지원되는 수신 하드웨어와 무선 설정이 필요합니다.'},
+  sstv:{name:'SSTV 수신',summary:'저속 주사 텔레비전 이미지를 받으세요.',detail:'지원 하드웨어에서 SSTV 오디오를 수신하고 디코딩 진행 상황과 이미지 미리보기를 확인할 수 있습니다.',needs:'호환 오디오 입력과 신호원이 필요합니다. T-Deck은 이 기능을 제공하지 않습니다.'},
+  network:{name:'Nomad Network',summary:'Nomad Network 서비스를 탐색하세요.',detail:'Reticulum을 통해 Micron 페이지를 열고 노드에서 공개한 내용을 확인할 수 있습니다. 미리보기에서는 예제 노드와 캐시된 페이지를 사용합니다.',needs:'실제 기기에서는 Reticulum 네트워크와 접속 가능한 서비스 노드가 필요합니다.'},
+  mqtt:{name:'MQTT 브리지',summary:'게이트웨이를 통해 MQTT에 연결하세요.',detail:'설정에서 MQTT 관련 항목을 확인하고 필요에 따라 지원 게이트웨이에 연결할 수 있습니다.',needs:'호환 프로토콜 설정, 게이트웨이, 네트워크 연결이 필요합니다.'},
+  usb:{name:'USB 저장장치',summary:'USB로 파일을 관리하세요.',detail:'기기에서 지원하는 저장 공간을 컴퓨터에 연결해 파일을 관리하고 이동 기록을 교환할 수 있습니다. 컴퓨터에서 마운트한 동안에는 해당 모드가 저장장치 접근을 관리합니다.',needs:'USB 데이터 케이블, 호환 기기, 저장 매체가 필요합니다.'},
+  extensions:{name:'확장 기능과 언어',summary:'필요한 확장 기능과 언어 팩을 추가하세요.',detail:'확장 화면에서 번역, 글꼴, 입력 배열 등의 리소스를 확인할 수 있습니다. 미리보기는 예제 목록만 표시하며 실제 기기에 소프트웨어를 설치하지 않습니다.',needs:'설치하려면 호환 메모리 구성, 저장 공간, 접속 가능한 리소스 저장소가 필요합니다.'},
+  settings:{name:'설정',summary:'기기 설정을 조정하세요.',detail:'현재 기기, 프로토콜, 주변 장치와 관련된 설정 항목을 확인할 수 있습니다.',needs:'설정할 수 있는 항목은 하드웨어와 펌웨어 빌드에 따라 다릅니다.'},
+  calculator:{name:'측량 계산기',summary:'거리, 높이 차이, 경사도를 계산하세요.',detail:'삼각함수와 역삼각함수로 높이 차이를 추정하고 경사 거리를 분해하거나 경사도를 계산할 수 있습니다. 거듭제곱, 제곱근, 로그와 DEG/RAD 모드도 지원합니다.',needs:'각도와 거리는 직접 측정해 입력합니다. 나무 높이를 추정할 때는 측정기 높이와 지면의 높이 차이를 고려하세요.'},
+  help:{name:'도움말과 단축키',summary:'기기 조작 방법을 확인하세요.',detail:'도움말에서 버튼과 단축키 사용법을 확인할 수 있습니다. Pager와 T-Deck의 입력 방식은 서로 다릅니다.',needs:'현재 기기와 펌웨어 버전에 맞는 도움말을 확인하세요.'},
+  power:{name:'상태와 전원',summary:'상태 확인과 전원 조작.',detail:'배터리 및 동작 상태를 확인하고 펌웨어에서 제공하는 전원 기능을 사용할 수 있습니다.',needs:'미리보기의 배터리 정보는 모의 데이터입니다.'}
+};
diff --git a/site/i18n/features-ru.js b/site/i18n/features-ru.js
new file mode 100644
index 00000000..104a4d59
--- /dev/null
+++ b/site/i18n/features-ru.js
@@ -0,0 +1,21 @@
+export default {
+  home:{name:'Главное меню',summary:'Открывайте инструменты из меню.',detail:'На Pager функции выбираются колёсиком и клавиатурой. На T-Deck меню представлено сеткой значков; доступно также сенсорное управление.',needs:'Расположение элементов и способы управления зависят от устройства.'},
+  map:{name:'Офлайн-карты',summary:'Смотрите карту местности и своё положение.',detail:'Заранее загруженные тайлы позволяют просматривать карту без сети. Ориентируйтесь по текущему положению, маршрутам и путевым точкам.',needs:'На реальном устройстве нужны подготовленные карты и данные о местоположении.'},
+  gps:{name:'GNSS и спутники',summary:'Оцените качество определения координат.',detail:'Проверьте расположение спутников, состояние позиционирования и качество приёма, чтобы оценить надёжность координат.',needs:'Нужны работающий модуль GNSS и приём спутниковых сигналов.'},
+  tracker:{name:'Запись трека',summary:'Сохраните пройденный путь.',detail:'Запускайте и останавливайте запись, просматривайте сохранённые треки и экспортируйте их поддерживаемым устройством способом.',needs:'Нужны данные о местоположении и накопитель, доступный для записи.'},
+  route:{name:'Маршруты и высоты',summary:'Изучите высотный профиль и точки маршрута.',detail:'Импортируйте маршруты KML, чтобы просмотреть высотный профиль, путевые точки, расстояния и подъёмы.',needs:'Заранее подготовьте маршрут и карты. Для загрузки изображений путевых точек, которых нет в кэше, потребуется подключение к сети.'},
+  chat:{name:'Сообщения',summary:'Обменивайтесь сообщениями с совместимыми устройствами.',detail:'Просматривайте переписку, пишите сообщения и проверяйте их доставку. Базовая связь помогает связаться с другими участниками, попросить о помощи и согласовать действия на местности.',needs:'Нужны совместимые протоколы и параметры радио, а также доступный канал связи.'},
+  contacts:{name:'Контакты и идентификация',summary:'Управляйте контактами и идентификаторами устройств.',detail:'Сохраняйте контакты и просматривайте сведения об устройствах и связи, чтобы подготовиться к обмену сообщениями и координатами.',needs:'Способы идентификации и ведения контактов зависят от протокола.'},
+  team:{name:'TAK и группа',summary:'Обменивайтесь координатами и сообщениями внутри группы.',detail:'Сопрягите устройства поблизости через ESP-NOW, затем передавайте координаты, точки встречи и сообщения по LoRa. TAK на устройстве предназначен для совместной работы с Trail Mate на местности.',needs:'У участников должны быть совместимые настройки группы и параметры радио.'},
+  walkie:{name:'Голосовая связь',summary:'Разговаривайте через совместимое оборудование.',detail:'При подходящем аудиооборудовании и настройках радио используйте PTT: удерживайте кнопку во время передачи.',needs:'Нужны совместимые аудиооборудование, радиочип и настройки другого устройства. На T-Deck эта функция недоступна.'},
+  probe:{name:'Обнаружение протоколов',summary:'Изучите собранные признаки протоколов.',detail:'Запускайте и останавливайте обнаружение, различайте наблюдаемые сигналы и подтверждённые признаки протоколов. Демонстрационные данные не отражают реальную работу радиоустройств поблизости.',needs:'На реальном устройстве нужны поддерживаемое приёмное оборудование и подходящие настройки радио.'},
+  sstv:{name:'Приём SSTV',summary:'Принимайте изображения по SSTV.',detail:'На совместимом оборудовании принимайте аудиосигнал SSTV, следите за декодированием и просматривайте получаемое изображение.',needs:'Нужны совместимый аудиовход и источник сигнала. На T-Deck эта функция недоступна.'},
+  network:{name:'Nomad Network',summary:'Откройте сервисы Nomad Network.',detail:'Читайте опубликованные узлами страницы Micron через Reticulum. В демонстрации используются примеры узлов и кэшированные страницы.',needs:'На устройстве нужны сеть Reticulum и доступный сервисный узел.'},
+  mqtt:{name:'Мост MQTT',summary:'Подключайтесь к MQTT через шлюз.',detail:'Просмотрите параметры MQTT в настройках и при необходимости подключитесь к совместимому шлюзу.',needs:'Нужны совместимая конфигурация протокола, шлюз и сетевое подключение.'},
+  usb:{name:'USB-накопитель',summary:'Работайте с файлами по USB.',detail:'Подключите поддерживаемый накопитель устройства к компьютеру для работы с файлами и обмена треками. Пока диск подключён к компьютеру, доступ к хранилищу определяется выбранным режимом.',needs:'Нужны USB-кабель с передачей данных, совместимое устройство и накопитель.'},
+  extensions:{name:'Расширения и языки',summary:'Добавьте нужные ресурсы.',detail:'Просматривайте переводы, шрифты и раскладки ввода в разделе расширений. Демонстрация показывает пример каталога и не устанавливает ПО на физические устройства.',needs:'Для установки нужны совместимое хранилище, свободное место и доступ к репозиторию ресурсов.'},
+  settings:{name:'Настройки',summary:'Настройте устройство под свои задачи.',detail:'Просмотрите параметры текущего устройства, протокола и подключённой периферии.',needs:'Доступные настройки зависят от оборудования и версии прошивки.'},
+  calculator:{name:'Походный калькулятор',summary:'Рассчитайте расстояния, перепады высот и уклоны.',detail:'Используйте тригонометрические и обратные функции для оценки высоты, вычисления проекций наклонного расстояния и уклона. Также доступны степени, корни, логарифмы и режимы DEG/RAD.',needs:'Введите измеренные углы и расстояния. При расчёте высоты дерева учитывайте высоту прибора и перепад высот местности.'},
+  help:{name:'Справка и сочетания клавиш',summary:'Изучите управление своим устройством.',detail:'Справка описывает кнопки и сочетания клавиш. Pager и T-Deck используют разные способы ввода.',needs:'Откройте справку для своей модели и версии прошивки.'},
+  power:{name:'Состояние и питание',summary:'Проверьте состояние устройства и питание.',detail:'Просмотрите состояние батареи и устройства и воспользуйтесь командами управления питанием, доступными в прошивке.',needs:'Данные о батарее в демонстрации смоделированы.'}
+};
diff --git a/site/i18n/features-zh-Hans.js b/site/i18n/features-zh-Hans.js
new file mode 100644
index 00000000..4819597e
--- /dev/null
+++ b/site/i18n/features-zh-Hans.js
@@ -0,0 +1,21 @@
+export default {
+  home:{name:"主菜单",summary:'从主菜单打开户外工具。',detail:'Pager 通过滚轮和键盘选择功能；T-Deck 使用网格菜单，也支持触摸操作。',needs:'不同设备的布局与输入方式不同。'},
+  map:{name:"离线地图",summary:'查看周边地图与位置。',detail:'使用预先准备的地图瓦片查看地形，并结合当前位置、路线和航点进行导航。',needs:'实体设备需要地图资源和可用的定位数据。'},
+  gps:{name:"GNSS 与卫星分布",summary:'了解定位状态。',detail:'查看卫星分布、定位状态和接收质量，帮助判断当前位置是否可靠。',needs:'实体设备需要可用的 GNSS 模块和卫星信号。'},
+  tracker:{name:"轨迹记录",summary:'记录行走轨迹。',detail:'开始或停止轨迹记录，查看已保存的记录，并按设备支持的方式导出。',needs:'需要定位数据和可写入的存储空间。'},
+  route:{name:"路线与高程",summary:'查看路线、高程与航点。',detail:'导入 KML 路线，查看高程曲线和航点信息，了解路线的距离与爬升。',needs:'提前准备路线及对应地图；未缓存的航点图片需要网络连接。'},
+  chat:{name:"消息",summary:'与兼容终端交换消息。',detail:'查看会话、编辑消息并检查投递状态。基础通信服务于户外联系、求助和协作。',needs:'双方需要兼容的协议与无线参数，并具备可用的通信路径。'},
+  contacts:{name:"联系人与身份",summary:'管理联系人和设备身份。',detail:'保存联系人，查看身份和联系信息，为后续通信与位置协作提供入口。',needs:'不同协议的身份与联系人信息有所区别。'},
+  team:{name:"TAK 与队伍",summary:'协调队员的位置与消息。',detail:'通过 ESP-NOW 近距离配对队伍，再通过 LoRa 交换成员位置、集合点和队伍消息。设备端 TAK 聚焦 Trail Mate 的现场协作。',needs:'队员需要兼容的队伍配置和无线设置。'},
+  walkie:{name:"语音对讲",summary:'在支持的硬件上进行语音对讲。',detail:'通过支持的音频和无线配置进行语音通信，并使用按住说话操作。',needs:'需要兼容的音频硬件、无线芯片及对端配置；T-Deck 不提供此功能。'},
+  probe:{name:"协议探测",summary:'查看协议探测证据。',detail:'启动或停止协议探测，区分观察到的信号与已经确认的协议证据。模拟接收数据不代表附近真实活动。',needs:'实体设备需要支持的接收硬件与无线设置。'},
+  sstv:{name:"SSTV 接收",summary:'接收慢扫描电视图像。',detail:'在支持的硬件上接收 SSTV 音频，查看解码进度与图像预览。',needs:'需要兼容音频输入和信号源；T-Deck 不提供此功能。'},
+  network:{name:"Nomad Network",summary:'浏览 Nomad Network 服务。',detail:'通过 Reticulum 浏览 Micron 页面，查看节点发布的内容。预览使用示例节点与缓存页面。',needs:'实体设备需要 Reticulum 网络和可达的服务节点。'},
+  mqtt:{name:"MQTT 桥接",summary:'通过网关连接 MQTT。',detail:'在设置中查看 MQTT 相关配置，按需要连接支持的网关。',needs:'需要兼容的协议配置、网关及网络连接。'},
+  usb:{name:"USB 存储",summary:'通过 USB 管理存储。',detail:'将设备支持的存储空间提供给电脑，用于文件管理和轨迹数据交换。电脑挂载期间，存储访问由对应模式管理。',needs:'需要 USB 数据线、兼容设备及存储介质。'},
+  extensions:{name:"扩展与语言",summary:'按需安装扩展和语言包。',detail:'在扩展页面查看可用资源，包括翻译、字体和输入布局。预览展示示例目录，不会在实体设备上安装软件。',needs:'安装需要兼容的内存配置、存储空间和可达的资源仓库。'},
+  settings:{name:"设置",summary:'调整设备设置。',detail:'查看与当前设备、协议和外设相关的配置选项。',needs:'可用设置取决于硬件和固件构建。'},
+  calculator:{name:"户外计算器",summary:'计算户外测绘中的距离、高差和坡度。',detail:'使用三角函数和反三角函数估算高差、分解斜距或计算坡度，也支持幂、开方、对数与 DEG/RAD 模式。',needs:'角度与距离由使用者测量并输入；估算树高时需考虑仪器高度和地面高差。'},
+  help:{name:"帮助与快捷键",summary:'查看当前设备的操作帮助。',detail:'帮助页面说明设备按键和快捷操作。Pager 与 T-Deck 的输入方式不同。',needs:'请以当前设备和固件版本的帮助内容为准。'},
+  power:{name:"状态与电源",summary:'查看设备状态与电源操作。',detail:'查看电池和运行状态，并使用固件提供的电源操作。',needs:'预览中的电池数据为模拟值。'}
+};
diff --git a/site/i18n/features-zh-Hant-TW.js b/site/i18n/features-zh-Hant-TW.js
new file mode 100644
index 00000000..51f917b1
--- /dev/null
+++ b/site/i18n/features-zh-Hant-TW.js
@@ -0,0 +1,116 @@
+export default {
+  "home": {
+    "name": "主選單",
+    "summary": "從主選單開啟戶外工具。",
+    "detail": "Pager 透過滾輪和鍵盤選擇功能；T-Deck 使用網格選單，也支援觸控操作。",
+    "needs": "不同裝置的佈局與輸入方式不同。"
+  },
+  "map": {
+    "name": "離線地圖",
+    "summary": "檢視周邊地圖與位置。",
+    "detail": "使用預先準備的地圖瓦片檢視地形，並結合當前位置、路線和航點進行導航。",
+    "needs": "實體裝置需要地圖資源和可用的定位資料。"
+  },
+  "gps": {
+    "name": "GNSS 與衛星分布",
+    "summary": "瞭解定位狀態。",
+    "detail": "查看衛星分布、定位狀態與接收品質，判斷目前座標是否可靠。",
+    "needs": "實體裝置需要可用的 GNSS 模組和衛星訊號。"
+  },
+  "tracker": {
+    "name": "軌跡記錄",
+    "summary": "記錄行走軌跡。",
+    "detail": "開始或停止軌跡記錄，檢視已儲存的記錄，並按裝置支援的方式匯出。",
+    "needs": "需要定位資料和可寫入的儲存空間。"
+  },
+  "route": {
+    "name": "路線與高程",
+    "summary": "檢視路線、高程與航點。",
+    "detail": "匯入 KML 路線，檢視高程曲線和航點資訊，瞭解路線的距離與爬升。",
+    "needs": "提前準備路線及對應地圖；未快取的航點圖片需要網路連線。"
+  },
+  "chat": {
+    "name": "訊息",
+    "summary": "與相容終端交換訊息。",
+    "detail": "查看對話、撰寫訊息並確認傳送狀態。基本通訊讓你在戶外聯絡他人、尋求協助及協調行動。",
+    "needs": "雙方需要相容的通訊協定、無線電設定，以及可用的通訊連線。"
+  },
+  "contacts": {
+    "name": "聯絡人與身分",
+    "summary": "管理聯絡人與裝置身分。",
+    "detail": "儲存聯絡人，查看身分與通訊資訊，為交換訊息和分享位置做好準備。",
+    "needs": "身分與聯絡人的管理方式依通訊協定而異。"
+  },
+  "team": {
+    "name": "TAK 與隊伍",
+    "summary": "協調隊員的位置與訊息。",
+    "detail": "透過 ESP-NOW 近距離配對隊伍，再透過 LoRa 交換成員位置、集合點和隊伍訊息。裝置端 TAK 聚焦 Trail Mate 的現場協作。",
+    "needs": "隊員需要相容的隊伍配置和無線設定。"
+  },
+  "walkie": {
+    "name": "語音對講",
+    "summary": "在支援的硬體上進行語音對講。",
+    "detail": "透過支援的音訊和無線配置進行語音通訊，並使用按住說話操作。",
+    "needs": "需要相容的音訊硬體、無線晶片及對端配置；T-Deck 不提供此功能。"
+  },
+  "probe": {
+    "name": "通訊協定偵測",
+    "summary": "查看偵測到的訊號與證據。",
+    "detail": "開始或停止偵測，區分觀察到的訊號與已確認的通訊協定證據。模擬資料不代表附近真實的無線電活動。",
+    "needs": "實體裝置需要支援的接收硬體與無線設定。"
+  },
+  "sstv": {
+    "name": "SSTV 接收",
+    "summary": "接收慢掃描電視影像。",
+    "detail": "在相容硬體上接收 SSTV 音訊，查看解碼進度與影像預覽。",
+    "needs": "需要相容音訊輸入和訊號源；T-Deck 不提供此功能。"
+  },
+  "network": {
+    "name": "Nomad Network",
+    "summary": "瀏覽 Nomad Network 服務。",
+    "detail": "透過 Reticulum 瀏覽 Micron 頁面，檢視節點發布的內容。預覽使用示例節點與快取頁面。",
+    "needs": "實體裝置需要 Reticulum 網路和可達的服務節點。"
+  },
+  "mqtt": {
+    "name": "MQTT 橋接",
+    "summary": "透過閘道連接 MQTT。",
+    "detail": "在設定中查看 MQTT 選項，並視需要連接相容的閘道。",
+    "needs": "需要相容的通訊協定設定、閘道與網路連線。"
+  },
+  "usb": {
+    "name": "USB 儲存",
+    "summary": "透過 USB 管理儲存。",
+    "detail": "將裝置支援的儲存空間提供給電腦，管理檔案或交換軌跡。電腦掛載磁碟期間，儲存空間的存取方式由目前模式管理。",
+    "needs": "需要可傳輸資料的 USB 線、相容裝置與儲存媒體。"
+  },
+  "extensions": {
+    "name": "擴充功能與語言",
+    "summary": "加入需要的資源。",
+    "detail": "在擴充功能中查看翻譯、字型與輸入配置。示範僅顯示範例目錄，不會在實體裝置上安裝軟體。",
+    "needs": "安裝需要相容的儲存空間、足夠容量，以及可連線的資源庫。"
+  },
+  "settings": {
+    "name": "設定",
+    "summary": "調整裝置設定。",
+    "detail": "查看目前裝置、通訊協定與周邊硬體的設定選項。",
+    "needs": "可用設定依硬體與韌體版本而異。"
+  },
+  "calculator": {
+    "name": "戶外計算機",
+    "summary": "計算戶外測繪中的距離、高差和坡度。",
+    "detail": "使用三角函數與反三角函數估算高度、分解斜距及計算坡度，也支援次方、開根號、對數與 DEG/RAD 模式。",
+    "needs": "角度與距離由使用者測量並輸入；估算樹高時需考慮儀器高度和地面高差。"
+  },
+  "help": {
+    "name": "操作說明與快捷鍵",
+    "summary": "了解裝置的操作方式。",
+    "detail": "操作說明介紹按鍵與快捷鍵。Pager 和 T-Deck 的輸入方式不同。",
+    "needs": "請參閱符合裝置與韌體版本的操作說明。"
+  },
+  "power": {
+    "name": "狀態與電源",
+    "summary": "檢視裝置狀態與電源操作。",
+    "detail": "檢視電池和執行狀態，並使用韌體提供的電源操作。",
+    "needs": "預覽中的電池資料為模擬值。"
+  }
+};
diff --git a/site/i18n/fr.js b/site/i18n/fr.js
new file mode 100644
index 00000000..7ef858a3
--- /dev/null
+++ b/site/i18n/fr.js
@@ -0,0 +1,265 @@
+export default {
+  "explorer.mapCredit": "Données cartographiques © contributeurs OpenStreetMap",
+  "explorer.mapDetail": "Une zone OSM en cache au niveau de zoom 12 ; le parcours a été créé pour les tests.",
+  "explorer.trackball": "Appuyer sur la boule de commande",
+  "explorer.rotary": "Appuyer sur l’encodeur rotatif",
+  "explorer.displayText": "Texte de l’écran du firmware",
+  "pack.name.europe-cyrillic-ext": "Cyrillique européen étendu",
+  "pack.name.europe-latin-ext": "Latin européen étendu",
+  "pack.count.locales": "Langues : {count}",
+  "pack.count.fonts": "Packs de polices : {count}",
+  "pack.count.ime": "Méthodes de saisie : {count}",
+  "pack.count.packages": "Packs : {count}",
+  "pack.memory.standard": "Mémoire standard",
+  "pack.memory.extended": "Mémoire étendue",
+  "pack.memory.constrained": "Mémoire limitée",
+  "pack.description.generic": "Ressources linguistiques pour l’appareil.",
+  "pack.count.more": "Autres langues : {count}",
+  "pack.description.ar": "La traduction arabe est en cours de révision. Le pack comprend des polices Naskh pour les textes de droite à gauche et les contenus mêlant plusieurs écritures. Affichage uniquement : la saisie en arabe n’est pas encore implémentée.",
+  "pack.description.europe-cyrillic-ext": "Comprend des polices cyrilliques communes, une traduction russe en cours de révision et une disposition de clavier russe.",
+  "pack.description.europe-latin-ext": "Comprend des polices communes pour le latin étendu et des traductions en cours de révision en allemand, espagnol, français, italien, néerlandais, polonais et portugais.",
+  "pack.description.ja": "La traduction japonaise est en cours de révision. Le pack comprend des polices CJK externes pour l’interface et les contenus multilingues. Affichage uniquement : la saisie en japonais n’est pas encore implémentée.",
+  "pack.description.ko": "La traduction coréenne est en cours de révision. Le pack comprend des polices CJK externes pour l’interface et les contenus multilingues. Affichage uniquement : la saisie en coréen n’est pas encore implémentée.",
+  "pack.description.zh-Hans": "Comprend le chinois simplifié, des polices pour les écrans standard, des variantes GNU Unifont de 16 px à 1 bpp pour T-Deck Pro et le moteur de saisie pinyin intégré.",
+  "pack.description.zh-Hant": "La traduction en chinois traditionnel de Taïwan est en cours de révision et comprend des polices CJK. Affichage uniquement : la révision par des locuteurs natifs et une méthode de saisie zhuyin complète restent à finaliser.",
+  "explorer.noMatches": "Aucune fonction correspondante",
+  "hero.eyebrow":"Cartes hors ligne et LoRa pour le terrain",
+  "hero.tagline":"Emportez cartes, messages et positions de vos équipiers sur un petit appareil LoRa.",
+  "hero.lede":"Trail Mate aide les randonneurs et les équipes à s’orienter hors couverture mobile : cartes hors ligne sur carte SD, messages LoRa, état du GPS et suivi des déplacements du groupe sur des terminaux compacts.",
+  "hero.primaryAction":"Ouvrir l’installation en ligne",
+  "hero.secondaryAction":"Voir le dépôt",
+  "hero.releaseKicker":"Dernière version",
+  "hero.proofKicker":"Photos des appareils",
+  "hero.proofText":"Les captures sont classées par appareil pour vous permettre de retrouver l’interface du matériel que vous comptez emporter.",
+  "overview.copy":"Pour les sorties où un téléphone ne suffit pas : gardez vos cartes sur SD, envoyez des messages sans réseau mobile, enregistrez vos tracés, vérifiez le signal et le GPS, et ajoutez les langues dont vous avez besoin.",
+  "tag.maps":"Cartes hors ligne",
+  "tag.gnss":"Diagnostic GNSS",
+  "tag.chat":"Messagerie maillée",
+  "tag.team":"Mode équipe",
+  "tag.languages":"Packs de langues",
+  "tag.scan":"Détection de protocoles",
+  "tag.usb":"Stockage USB",
+  "capabilities.eyebrow":"Fonctionnalités",
+  "capabilities.title":"Préparez votre appareil avant de quitter la couverture réseau.",
+  "capabilities.note":"Choisissez le bon matériel, installez son micrologiciel, chargez cartes et langues, puis utilisez l’appareil là où le réseau mobile ne passe plus.",
+  "capabilities.deviceKicker":"Appareils",
+  "capabilities.deviceTitle":"Choisir son matériel",
+  "capabilities.deviceText":"Chaque carte prise en charge possède son micrologiciel, ses instructions d’installation et ses particularités matérielles.",
+  "capabilities.navigationKicker":"Navigation",
+  "capabilities.navigationTitle":"Des cartes disponibles hors ligne",
+  "capabilities.navigationText":"Chargez les tuiles depuis la carte SD, changez de couche, vérifiez la qualité du positionnement GPS et consultez itinéraires et tracés sur le terrain.",
+  "capabilities.protocolKicker":"LoRa",
+  "capabilities.protocolTitle":"Des messages sans réseau mobile",
+  "capabilities.protocolText":"Envoyez des messages directs, de canal ou d’équipe avec les modes maillés LoRa pris en charge et identifiez clairement les échecs d’envoi.",
+  "capabilities.installKicker":"Installation",
+  "capabilities.installTitle":"Installer le bon micrologiciel",
+  "capabilities.installText":"Les appareils ESP32 compatibles peuvent être programmés depuis le navigateur. Les autres cartes utilisent les fichiers téléchargés.",
+  "capabilities.localeKicker":"Langues",
+  "capabilities.localeTitle":"Ajouter les langues nécessaires",
+  "capabilities.localeText":"Installez polices, traductions et dispositions de clavier depuis les extensions, sans intégrer toutes les langues au micrologiciel.",
+  "capabilities.fieldKicker":"Outils de terrain",
+  "capabilities.fieldTitle":"Des outils pour vos sorties",
+  "capabilities.fieldText":"En plus des messages, utilisez l’enregistrement des tracés, les vues GPS, la vérification du signal, la SSTV et l’échange de données USB.",
+  "features.navEyebrow":"Navigation",
+  "features.navTitle":"Emportez vos cartes hors couverture.",
+  "features.navLead":"Préparez les tuiles sur la carte SD avant le départ, puis consultez les couches OSM, terrain et satellite sur l’appareil. Les vues GPS vous aident à juger la fiabilité de la position actuelle.",
+  "features.commEyebrow":"Communication",
+  "features.commTitle":"Gardez le contact hors couverture mobile.",
+  "features.commLead":"Rédigez vos messages sur l’appareil, relancez les envois échoués depuis leur bulle et distinguez les conversations d’équipe du trafic des canaux ordinaires.",
+  "features.toolsEyebrow":"Utilitaires de terrain",
+  "features.toolsTitle":"Quelques outils de plus dans votre équipement.",
+  "features.toolsLead":"Analyse du signal, réception SSTV, échange USB et affichage des tracés vous aident à examiner l’environnement ou à récupérer vos données.",
+  "languages.eyebrow":"Langues",
+  "languages.title":"Un micrologiciel léger, avec les langues de votre choix.",
+  "languages.note":"L’anglais reste toujours disponible. Les autres polices, traductions et dispositions de clavier s’installent depuis les extensions, y compris la saisie en cyrillique.",
+  "languages.defaultKicker":"Langue intégrée",
+  "languages.defaultTitle":"Vous pouvez toujours revenir à l’anglais.",
+  "languages.defaultText":"L’appareil peut démarrer, être rétabli et rester utilisable sans aucun pack de langue externe.",
+  "languages.catalogKicker":"Liste des packs",
+  "languages.bundleSuffix":"packs couvrant",
+  "languages.localeSuffix":"langues disponibles.",
+  "languages.catalogText":"Les packs peuvent contenir traductions, polices et dispositions de clavier. Installez-les depuis l’appareil sans recompiler le micrologiciel.",
+  "languages.gateKicker":"État des packs",
+  "languages.gateTitle":"Un état de relecture clairement indiqué.",
+  "languages.gateText":"Certaines langues sont prêtes pour un usage quotidien ; d’autres nécessitent encore une relecture par des locuteurs natifs. Leur état figure dans la liste.",
+  "languages.loadingKicker":"Catalogue",
+  "languages.loadingTitle":"Chargement de la liste des packs…",
+  "languages.loadingText":"Les packs de langues publiés avec cette version du site apparaîtront ici.",
+  "docs.eyebrow":"En savoir plus",
+  "docs.title":"Besoin d’instructions plus détaillées ?",
+  "docs.copy":"Le wiki rassemble les informations matérielles, les étapes d’installation, la préparation des cartes, la configuration, le dépannage et les notes de version complètes.",
+  "docs.wiki":"Accueil du wiki",
+  "docs.hardware":"Matériel pris en charge",
+  "footer.eyebrow":"Notes de terrain Trail Mate",
+  "footer.title":"Là où les cartes et la communication comptent.",
+  "footer.copy":"Suivez le dépôt pour les nouvelles versions, les informations sur les appareils, les mises à jour des cartes et des langues, ainsi que les améliorations destinées au terrain.",
+  "footer.repo":"Dépôt",
+  "footer.releases":"Versions",
+  "footer.wiki":"Wiki",
+  "pack.release":"Pack publié",
+  "pack.review":"Pack en cours de relecture",
+  "pack.locale":"langue",
+  "pack.locales":"langues",
+  "pack.font":"pack de polices",
+  "pack.fonts":"packs de polices",
+  "pack.ime":"méthode de saisie",
+  "pack.imes":"méthodes de saisie",
+  "pack.download":"Télécharger le pack",
+  "pack.emptyTitle":"Aucun pack de langue publié pour le moment.",
+  "pack.emptyText":"Les packs apparaîtront ici une fois le catalogue publié.",
+  "pack.errorTitle":"Liste des packs de langues indisponible",
+  "pack.errorText":"Le site n’a pas pu charger la liste des packs de langues publiés.",
+  "device.emptyTitle":"Les photos de cet appareil seront ajoutées ultérieurement.",
+  "device.emptyText":"Un micrologiciel est disponible pour cet appareil, mais ses captures d’écran n’ont pas encore été ajoutées.",
+  "intro.eyebrow":"DES OUTILS POUR LE TERRAIN",
+  "intro.tagline":"Cartes, communication et coordination en plein air.",
+  "intro.text":"Emportez vos cartes, enregistrez votre parcours et coordonnez votre groupe. La prise en charge des fonctions de base de Meshtastic et MeshCore vous permet de contacter les terminaux compatibles à proximité. Les fonctions retenues répondent aux besoins concrets du terrain.",
+  "intro.try":"Essayer l’appareil ↓",
+  "intro.install":"Obtenir le micrologiciel ↗",
+  "intro.cardLabel":"AVANT LE DÉPART",
+  "intro.cardTitle":"Préparez votre prochaine sortie.",
+  "intro.cardText":"Chargez cartes et itinéraires, vérifiez le positionnement et testez les communications avec votre groupe avant de partir.",
+  "purpose.title":"Conçu pour les activités de plein air.",
+  "purpose.communication":"Trail Mate implémente les fonctions de communication de base de Meshtastic et MeshCore pour échanger des informations, demander de l’aide ou se coordonner avec les terminaux compatibles à proximité.",
+  "purpose.scope":"Il ne vise ni une implémentation exhaustive de ces protocoles ni toutes les fonctions de leurs micrologiciels d’origine. Les fonctions radio avancées sans rapport avec les usages de plein air sortent du périmètre de Trail Mate. Les besoins pratiques du terrain guident les choix de développement.",
+  "principle.identity.number":"01 / IDENTITÉ",
+  "principle.identity.title":"Gardez la maîtrise de votre identité.",
+  "principle.identity.body":"L’identité de l’appareil peut fonctionner sans compte cloud ni numéro de téléphone. Vos contacts et conversations restent sur un matériel que vous contrôlez.",
+  "principle.connection.number":"02 / COMMUNICATION",
+  "principle.connection.title":"Choisissez votre réseau.",
+  "principle.connection.body":"Sélectionnez Meshtastic, MeshCore ou Reticulum. Un seul protocole est actif à la fois. La prise en charge de Meshtastic et MeshCore privilégie les communications essentielles sur le terrain, plutôt qu’une couverture exhaustive de leurs fonctions.",
+  "principle.resources.number":"03 / DONNÉES LOCALES",
+  "principle.resources.title":"Préparez cartes et itinéraires.",
+  "principle.resources.body":"Conservez cartes, contacts et tracés sur l’appareil. Préparez les données nécessaires avant le départ ; les outils de bureau peuvent faciliter la gestion des cartes et des itinéraires.",
+  "principle.team.number":"04 / SUIVI DU GROUPE",
+  "principle.team.title":"Repérez les membres de votre groupe.",
+  "principle.team.body":"Le TAK embarqué rassemble membres, positions, points de passage, tracés et messages d’équipe. La découverte publique, les positions des contacts, celles de l’équipe et les tracés locaux restent distincts.",
+  "prepare.label":"AVANT DE PARTIR",
+  "prepare.title":"Préparez l’appareil pour votre sortie.",
+  "prepare.hardware":"Vérifiez le matériel.",
+  "prepare.hardwareText":"Choisissez précisément la carte et la variante radio, installez leur micrologiciel et vérifiez les périphériques disponibles. Les Pager SX1262 et LR1121 utilisent des builds distincts.",
+  "prepare.resources":"Préparez cartes et itinéraires.",
+  "prepare.resourcesText":"Chargez les cartes de la zone, importez les itinéraires KML et installez les langues nécessaires. Trail Mate Center permet de préparer des zones cartographiques et des bandes de carte le long des itinéraires.",
+  "prepare.team":"Testez les communications du groupe.",
+  "prepare.teamText":"Choisissez un protocole et des paramètres radio compatibles. Vérifiez contacts et GNSS, associez les appareils de l’équipe à proximité, puis échangez un message de test avant le départ.",
+  "prepare.guide":"Guide de configuration : fichiers, commandes et instructions par appareil ↗",
+  "survey.eyebrow":"POURQUOI UNE CALCULATRICE SCIENTIFIQUE ?",
+  "survey.title":"Des calculs utiles aux relevés de terrain.",
+  "survey.purpose":"La calculatrice scientifique facilite les relevés de terrain : estimer une différence de hauteur, convertir une distance inclinée en distance horizontale, ou calculer un angle de pente et un pourcentage de pente à partir des mesures.",
+  "survey.height":"01 / DIFFÉRENCE DE HAUTEUR",
+  "survey.heightTitle":"Estimer une hauteur.",
+  "survey.heightText":"Avec une distance horizontale de 30 m et un angle d’élévation de 35°, la hauteur par rapport au niveau d’observation vaut 30 × tan(35°) ≈ 21,01 m.",
+  "survey.heightNote":"Pour la hauteur d’un arbre, ajoutez celle de l’instrument si le pied de l’arbre et votre sol sont au même niveau. Sinon, tenez aussi compte du dénivelé du terrain.",
+  "survey.distance":"02 / COMPOSANTES D’UNE DISTANCE",
+  "survey.distanceTitle":"Convertir une distance inclinée.",
+  "survey.distanceText":"Un segment rectiligne de 100 m incliné à 20° correspond à une distance horizontale de 100 × cos(20°) ≈ 93,97 m et à un dénivelé de 100 × sin(20°) ≈ 34,20 m.",
+  "survey.distanceNote":"Pour un parcours sinueux ou de pente variable, effectuez les calculs segment par segment.",
+  "survey.slope":"03 / PENTE",
+  "survey.slopeTitle":"Calculer la pente.",
+  "survey.slopeText":"Un dénivelé de 12 m sur 40 m à l’horizontale donne atan(12 ÷ 40) ≈ 16,70°, soit une pente de 30 %. Les degrés et le pourcentage de pente sont deux expressions différentes.",
+  "survey.functions":"Fonctions sin, cos, tan et trigonométriques inverses, puissances, racines et logarithmes, avec modes DEG/RAD. Saisissez les angles et distances mesurés : la calculatrice ne les mesure pas elle-même.",
+  "survey.try":"Essayer la calculatrice ↗",
+  "story.navigation.label":"NAVIGATION ET RELEVÉS",
+  "story.navigation.title":"Lisez le terrain. Comprenez l’itinéraire.",
+  "story.navigation.text":"Les cartes hors ligne montrent le relief environnant. Le diagnostic GNSS aide à évaluer la qualité du positionnement, tandis que l’enregistrement des tracés conserve votre parcours. Les itinéraires KML apportent le profil altimétrique et les points de passage.",
+  "story.navigation.item1":"Couches OSM, terrain, satellite et courbes de niveau",
+  "story.navigation.item2":"Profil altimétrique, aperçu des points de passage et export GPX",
+  "story.navigation.item3":"Calculatrice scientifique pour estimer distances, pentes et hauteurs",
+  "story.navigation.link":"Essayer les calculs de terrain ↗",
+  "story.communication.label":"COMMUNICATION ET COORDINATION",
+  "story.communication.title":"Restez en contact avec votre groupe.",
+  "story.communication.text":"Choisissez un réseau, conservez vos contacts et vérifiez la livraison des messages. Associez les membres de l’équipe à proximité via ESP-NOW, puis partagez positions, points de rassemblement et messages via LoRa.",
+  "story.communication.item1":"Communications de base Meshtastic / MeshCore, ou Reticulum/LXMF",
+  "story.communication.item2":"Contacts et historique des conversations enregistrés",
+  "story.communication.item3":"TAK embarqué ; voix FSK/Codec2 sur le matériel compatible",
+  "story.communication.link":"Explorer la coordination d’équipe ↗",
+  "story.tools.label":"OUTILS DE TERRAIN ET CONNEXIONS",
+  "story.tools.title":"Faites le lien avec vos autres outils.",
+  "story.tools.text":"Consultez les services Micron de Reticulum via Nomad Network. Utilisez MQTT lorsqu’une passerelle est disponible et préparez cartes et itinéraires avec Trail Mate Center.",
+  "story.tools.item1":"La détection de protocoles distingue les indices observés des preuves confirmées",
+  "story.tools.item2":"Réception SSTV sur le matériel compatible",
+  "story.tools.item3":"Extensions, packs de langues et stockage USB",
+  "story.tools.link":"Découvrir Trail Mate Center ↗",
+  "common.manufacturer":"Fabricant",
+  "common.device":"Appareil",
+  "common.allManufacturers":"Tous",
+  "common.language":"Langue",
+  "common.backTop":"Revenir en haut",
+  "document.title":"Trail Mate — Communication et navigation en plein air",
+  "top.github":"GitHub",
+  "top.wiki":"Wiki",
+  "top.flash":"Installer",
+  "side.label":"Guide d’utilisation",
+  "side.overview":"Présentation",
+  "side.explorer":"Démo interactive",
+  "side.capabilities":"Fonctionnalités",
+  "side.devices":"Appareils",
+  "side.features":"Sur le terrain",
+  "side.languages":"Packs de langues",
+  "side.flasher":"Installation en ligne",
+  "side.docs":"Documentation",
+  "devices.buy":"Boutique officielle ↗",
+  "devices.unreleased":"Pas encore commercialisé",
+  "devices.eyebrow":"Appareils",
+  "devices.title":"Choisissez votre appareil.",
+  "devices.note":"Vérifiez le modèle exact avant l’installation. Des appareils qui se ressemblent peuvent nécessiter des micrologiciels différents.",
+  "devices.interactionKicker":"À savoir",
+  "device.pager.controls":"Encodeur rotatif et clavier",
+  "device.pager.note":"Les versions SX1262 et LR1121 utilisent des micrologiciels distincts. Une interface commune ne signifie pas que les capacités radio sont identiques.",
+  "device.tdeck.controls":"Écran tactile, boule de commande et clavier",
+  "device.tdeck.note":"Interface de 320 × 240 pixels. Les périphériques disponibles dépendent du matériel et de la version du micrologiciel.",
+  "device.wio-tracker-l2.controls":"Écran tactile",
+  "device.wio-tracker-l2.note":"Résolution de 320 × 240 pixels ; écran de 3,2 pouces.",
+  "explorer.label":"INTERFACE DU MICROLOGICIEL",
+  "explorer.title":"Essayez l’interface de l’appareil.",
+  "explorer.reset":"Réinitialiser la démo",
+  "explorer.device":"Appareil à prévisualiser",
+  "explorer.search":"Rechercher une fonction",
+  "explorer.searchPlaceholder":"Cartes, messages, calculatrice…",
+  "explorer.protocol":"Protocole de démonstration",
+  "explorer.controls":"Utilisez le clavier et les commandes de l’appareil.",
+  "explorer.renderer":"Les pages C++ du micrologiciel sont affichées avec LVGL 9.4, avec leurs polices et leur disposition d’origine.",
+  "explorer.boundary":"Cette démo exécute le code de l’interface du micrologiciel. Les données radio, GNSS, de batterie et de stockage sont simulées ; aucun appareil physique n’est connecté.",
+  "explorer.source":"Code source du micrologiciel ↗",
+  "explorer.loading":"Chargement de l’aperçu…",
+  "explorer.running":"Aperçu de l’appareil · données matérielles simulées",
+  "explorer.pageError":"Impossible d’ouvrir cette page. Réinitialisez l’aperçu et réessayez.",
+  "explorer.off":"L’appareil de démonstration est éteint. Réinitialisez la démo pour le redémarrer.",
+  "explorer.startError":"Impossible de démarrer l’aperçu. Rechargez la page et réessayez.",
+  "guide.try":"À ESSAYER",
+  "guide.requirements":"Sur votre appareil",
+  "guide.reference":"Documentation de la fonction ↗",
+  "guide.try.default":"Explorez la page avec les commandes de l’appareil. Le T-Deck accepte également les interactions tactiles.",
+  "guide.try.calculator":"En mode DEG, calculez 30 × tan(35) : le résultat est d’environ 21,01 m. Utilisez 2ND pour les fonctions trigonométriques inverses et MODE pour passer de DEG à RAD.",
+  "guide.try.network":"Choisissez Reticulum comme protocole de démonstration, puis ouvrez un nœud d’exemple pour consulter sa page Micron en cache.",
+  "guide.try.route":"Dans l’enregistreur de tracés, ouvrez la liste des itinéraires et sélectionnez sample-route.kml pour consulter son profil altimétrique et ses points de passage.",
+  "guide.try.mqtt":"Ouvrez les paramètres pour consulter les options de protocole et de réseau relatives à MQTT.",
+  "guide.try.probe":"Démarrez ou arrêtez la détection. Les données simulées ne représentent pas l’activité radio réelle à proximité.",
+  "install.choose":"Appareil et variante radio",
+  "install.manualInstructions":"Téléchargez le micrologiciel UF2 pour t-echo-lite depuis la page des versions, puis suivez les instructions de l’appareil pour l’installer manuellement.",
+  "install.variantInstructions":"Vérifiez le modèle et la puce radio. Les micrologiciels SX1262 et LR1121 sont différents et ne sont pas interchangeables.",
+  "install.eyebrow":"Installation",
+  "install.title":"Installation en ligne",
+  "install.note":"Choisissez votre appareil et sa variante radio. L’installation depuis le navigateur nécessite Google Chrome ou Microsoft Edge, une connexion HTTPS et un câble USB de données. Le T-Echo-Lite s’installe manuellement.",
+  "install.pagerCopy":"Version pour le Pager à clavier équipé d’une puce SX1262. Ne l’utilisez pas avec le matériel LR1121.",
+  "install.pagerLr1121Copy":"Version LR1121 pour le Pager à clavier Sub-GHz et 2,4 GHz. Ne l’installez pas sur le matériel SX1262.",
+  "install.tdeckCopy":"Version adaptée au clavier et à l’écran tactile du T-Deck.",
+  "install.twatchCopy":"Version pour montre, centrée sur le tactile, destinée aux essais sur le terrain.",
+  "install.gatCopy":"L’installation depuis le navigateur n’est pas encore disponible pour la carte nRF52. Téléchargez le fichier du micrologiciel et installez-le manuellement.",
+  "install.gatHint":"Téléchargez le paquet du micrologiciel depuis la dernière version publiée sur GitHub.",
+  "install.checking":"Vérification du micrologiciel…",
+  "install.openRelease":"Voir la dernière version",
+  "install.step1":"1. Branchez l’appareil avec un câble USB de données.",
+  "install.step2":"2. Si votre matériel l’exige, passez la carte en mode téléchargement.",
+  "install.step3":"3. Choisissez précisément la cible Pager SX1262 ou LR1121, puis lancez l’installation de l’image fusionnée depuis le navigateur.",
+  "release.waiting":"En attente de la première version étiquetée",
+  "release.ready":"{tag} disponible à l’installation",
+  "release.unavailable":"Informations de version indisponibles",
+  "flasher.activate":"Installer depuis le navigateur",
+  "flasher.unsupported":"Utilisez Chrome ou Edge sur ordinateur avec Web Serial activé.",
+  "flasher.notAllowed":"Ouvrez cette page en HTTPS pour utiliser l’installation en ligne.",
+  "flasher.readyNote":"Image du micrologiciel issue de la dernière version.",
+  "flasher.missingAsset":"La dernière version ne contient pas d’image à installer depuis le navigateur pour cette carte. Utilisez le téléchargement manuel.",
+  "flasher.pending":"Le micrologiciel à installer depuis le navigateur apparaîtra ici après la publication de la première version étiquetée.",
+  "flasher.error":"Impossible de charger les informations de version. Ouvrez la page des versions GitHub pour télécharger les fichiers manuellement."
+};
diff --git a/site/i18n/it.js b/site/i18n/it.js
new file mode 100644
index 00000000..46e5f94f
--- /dev/null
+++ b/site/i18n/it.js
@@ -0,0 +1,265 @@
+export default {
+  "explorer.mapCredit": "Dati cartografici © collaboratori OpenStreetMap",
+  "explorer.mapDetail": "Una regione OSM nella cache al livello di zoom 12; il percorso è stato creato per i test.",
+  "explorer.trackball": "Premi la trackball",
+  "explorer.rotary": "Premi l’encoder rotativo",
+  "explorer.displayText": "Testo dello schermo del firmware",
+  "pack.name.europe-cyrillic-ext": "Cirillico europeo esteso",
+  "pack.name.europe-latin-ext": "Latino europeo esteso",
+  "pack.count.locales": "Lingue: {count}",
+  "pack.count.fonts": "Pacchetti di caratteri: {count}",
+  "pack.count.ime": "Metodi di input: {count}",
+  "pack.count.packages": "Pacchetti: {count}",
+  "pack.memory.standard": "Memoria standard",
+  "pack.memory.extended": "Memoria estesa",
+  "pack.memory.constrained": "Memoria limitata",
+  "pack.description.generic": "Risorse linguistiche per il dispositivo.",
+  "pack.count.more": "Altre lingue: {count}",
+  "pack.description.ar": "La traduzione araba è in revisione. Include caratteri Naskh per testo da destra a sinistra e contenuti con sistemi di scrittura diversi. Per ora è disponibile solo la visualizzazione: l’input in arabo non è ancora implementato.",
+  "pack.description.europe-cyrillic-ext": "Include caratteri cirillici condivisi, la traduzione russa in revisione e un layout di tastiera cirillica russa.",
+  "pack.description.europe-latin-ext": "Include caratteri latini estesi condivisi e traduzioni in revisione per tedesco, spagnolo, francese, italiano, neerlandese, polacco e portoghese.",
+  "pack.description.ja": "La traduzione giapponese è in revisione. Include caratteri CJK esterni per l’interfaccia e i contenuti multilingue. Per ora è disponibile solo la visualizzazione: l’input in giapponese non è ancora implementato.",
+  "pack.description.ko": "La traduzione coreana è in revisione. Include caratteri CJK esterni per l’interfaccia e i contenuti multilingue. Per ora è disponibile solo la visualizzazione: l’input in coreano non è ancora implementato.",
+  "pack.description.zh-Hans": "Include cinese semplificato, caratteri per schermi standard, varianti GNU Unifont da 16 px a 1 bpp per T-Deck Pro e il motore di input pinyin integrato.",
+  "pack.description.zh-Hant": "La traduzione in cinese tradizionale di Taiwan è in revisione e include caratteri CJK. Per ora è disponibile solo la visualizzazione: restano da completare la revisione di madrelingua e un metodo di input zhuyin completo.",
+  "explorer.noMatches": "Nessuna funzione corrispondente",
+  "hero.eyebrow":"Mappe offline e LoRa per il campo",
+  "hero.tagline":"Porta mappe, messaggi e posizioni del gruppo su un piccolo dispositivo LoRa.",
+  "hero.lede":"Trail Mate aiuta escursionisti e gruppi a orientarsi senza copertura mobile: mappe offline da SD, messaggi LoRa, stato del GPS e spostamenti del gruppo su terminali compatti.",
+  "hero.primaryAction":"Apri l’installazione web",
+  "hero.secondaryAction":"Visualizza il repository",
+  "hero.releaseKicker":"Ultima versione",
+  "hero.proofKicker":"Foto dei dispositivi",
+  "hero.proofText":"Le schermate sono raggruppate per dispositivo, così puoi riconoscere l’interfaccia dell’hardware che intendi portare con te.",
+  "overview.copy":"Per le uscite in cui il telefono non basta: conserva le mappe su SD, invia messaggi senza rete mobile, registra tracce, controlla segnale e GPS e aggiungi le lingue necessarie.",
+  "tag.maps":"Mappe offline",
+  "tag.gnss":"Diagnostica GNSS",
+  "tag.chat":"Chat mesh",
+  "tag.team":"Modalità gruppo",
+  "tag.languages":"Pacchetti lingua",
+  "tag.scan":"Rilevamento protocolli",
+  "tag.usb":"Archiviazione USB",
+  "capabilities.eyebrow":"Funzionalità",
+  "capabilities.title":"Prepara il dispositivo prima di uscire dalla copertura.",
+  "capabilities.note":"Scegli l’hardware, installa il firmware corretto e carica mappe e lingue: il dispositivo sarà pronto dove la rete mobile non arriva.",
+  "capabilities.deviceKicker":"Dispositivi",
+  "capabilities.deviceTitle":"Scegli l’hardware",
+  "capabilities.deviceText":"Ogni scheda supportata ha un firmware dedicato, istruzioni di installazione e caratteristiche hardware da considerare.",
+  "capabilities.navigationKicker":"Navigazione",
+  "capabilities.navigationTitle":"Mappe disponibili offline",
+  "capabilities.navigationText":"Carica i tasselli da SD, cambia livello, controlla la qualità della posizione GPS e consulta percorsi e tracce sul campo.",
+  "capabilities.protocolKicker":"LoRa",
+  "capabilities.protocolTitle":"Messaggi senza rete mobile",
+  "capabilities.protocolText":"Invia messaggi diretti, di canale o di gruppo con le modalità mesh LoRa supportate e verifica chiaramente gli eventuali errori di invio.",
+  "capabilities.installKicker":"Installazione",
+  "capabilities.installTitle":"Installa il firmware corretto",
+  "capabilities.installText":"I dispositivi ESP32 compatibili si possono programmare dal browser; le altre schede usano i file firmware scaricati.",
+  "capabilities.localeKicker":"Lingue",
+  "capabilities.localeTitle":"Aggiungi le lingue quando servono",
+  "capabilities.localeText":"Installa caratteri, traduzioni e layout di tastiera dalle estensioni, anziché includere tutte le lingue nel firmware.",
+  "capabilities.fieldKicker":"Strumenti da campo",
+  "capabilities.fieldTitle":"Funzioni per le tue uscite",
+  "capabilities.fieldText":"Oltre alla chat, puoi usare registrazione delle tracce, viste GPS, controllo del segnale, SSTV e scambio dati USB.",
+  "features.navEyebrow":"Navigazione",
+  "features.navTitle":"Porta le mappe anche fuori copertura.",
+  "features.navLead":"Salva i tasselli sulla scheda SD prima di partire, poi consulta i livelli OSM, terreno e satellite sul dispositivo. Le schermate GPS aiutano a valutare l’affidabilità della posizione attuale.",
+  "features.commEyebrow":"Comunicazione",
+  "features.commTitle":"Resta in contatto fuori dalla rete mobile.",
+  "features.commLead":"Scrivi messaggi sul dispositivo, riprova gli invii non riusciti dalla relativa bolla e mantieni separate le conversazioni del gruppo dal traffico dei normali canali.",
+  "features.toolsEyebrow":"Utilità sul campo",
+  "features.toolsTitle":"Qualche strumento in più nello zaino.",
+  "features.toolsLead":"Usa scansione dei segnali, ricezione SSTV, scambio USB e visualizzazione delle tracce per esaminare l’ambiente o recuperare dati.",
+  "languages.eyebrow":"Lingue",
+  "languages.title":"Firmware leggero, con le lingue che ti servono.",
+  "languages.note":"L’inglese è sempre disponibile. Altri caratteri, traduzioni e layout di tastiera si installano dalle estensioni, compreso l’input in cirillico.",
+  "languages.defaultKicker":"Lingua integrata",
+  "languages.defaultTitle":"Puoi sempre tornare all’inglese.",
+  "languages.defaultText":"Il dispositivo può avviarsi, essere ripristinato e rimanere utilizzabile anche senza pacchetti lingua esterni.",
+  "languages.catalogKicker":"Elenco pacchetti",
+  "languages.bundleSuffix":"pacchetti per",
+  "languages.localeSuffix":"lingue disponibili.",
+  "languages.catalogText":"I pacchetti possono includere traduzioni, caratteri e layout di tastiera. Installali dal dispositivo senza ricompilare il firmware.",
+  "languages.gateKicker":"Stato dei pacchetti",
+  "languages.gateTitle":"Lo stato della revisione è visibile.",
+  "languages.gateText":"Alcune lingue sono pronte per l’uso quotidiano; altre richiedono ancora una revisione da parte di madrelingua. L’elenco ne mostra lo stato.",
+  "languages.loadingKicker":"Catalogo",
+  "languages.loadingTitle":"Caricamento dell’elenco pacchetti…",
+  "languages.loadingText":"Qui appariranno i pacchetti lingua pubblicati con la versione corrente del sito.",
+  "docs.eyebrow":"Approfondimenti",
+  "docs.title":"Cerchi istruzioni più dettagliate?",
+  "docs.copy":"La wiki raccoglie note hardware, procedure di installazione, preparazione delle mappe, configurazione, risoluzione dei problemi e note di rilascio complete.",
+  "docs.wiki":"Pagina iniziale della wiki",
+  "docs.hardware":"Hardware supportato",
+  "footer.eyebrow":"Note dal campo di Trail Mate",
+  "footer.title":"Dove contano sia le mappe sia la comunicazione.",
+  "footer.copy":"Segui il repository per nuove versioni del firmware, informazioni sui dispositivi, aggiornamenti di mappe e lingue e miglioramenti per l’uso sul campo.",
+  "footer.repo":"Repository",
+  "footer.releases":"Versioni",
+  "footer.wiki":"Wiki",
+  "pack.release":"Pacchetto pubblicato",
+  "pack.review":"Pacchetto in revisione",
+  "pack.locale":"lingua",
+  "pack.locales":"lingue",
+  "pack.font":"pacchetto di caratteri",
+  "pack.fonts":"pacchetti di caratteri",
+  "pack.ime":"metodo di input",
+  "pack.imes":"metodi di input",
+  "pack.download":"Scarica il pacchetto",
+  "pack.emptyTitle":"Nessun pacchetto lingua ancora pubblicato.",
+  "pack.emptyText":"I pacchetti lingua appariranno qui dopo la pubblicazione del catalogo.",
+  "pack.errorTitle":"Elenco dei pacchetti lingua non disponibile",
+  "pack.errorText":"Impossibile caricare l’elenco dei pacchetti lingua pubblicati.",
+  "device.emptyTitle":"Le foto del dispositivo saranno aggiunte in seguito.",
+  "device.emptyText":"Il firmware è disponibile per questo dispositivo, ma le sue schermate non sono ancora state aggiunte.",
+  "intro.eyebrow":"STRUMENTI PER IL CAMPO",
+  "intro.tagline":"Mappe, comunicazione e coordinamento all’aperto.",
+  "intro.text":"Porta con te le mappe, registra il percorso e coordinati con il gruppo. Le funzioni di base di Meshtastic e MeshCore permettono di contattare terminali compatibili nelle vicinanze. Il supporto ai protocolli segue le esigenze concrete delle attività all’aperto.",
+  "intro.try":"Prova il dispositivo ↓",
+  "intro.install":"Scarica il firmware ↗",
+  "intro.cardLabel":"PRIMA DI PARTIRE",
+  "intro.cardTitle":"Prepara la prossima uscita.",
+  "intro.cardText":"Carica mappe e percorsi, verifica il posizionamento e prova le comunicazioni con il gruppo prima della partenza.",
+  "purpose.title":"Progettato per le attività all’aperto.",
+  "purpose.communication":"Trail Mate implementa le funzioni di comunicazione di base di Meshtastic e MeshCore per contattare terminali compatibili nelle vicinanze, scambiare informazioni, chiedere aiuto e collaborare sul campo.",
+  "purpose.scope":"Non mira a implementare ogni dettaglio dei due protocolli né tutte le funzioni dei loro firmware originali. Le funzioni radio avanzate estranee all’uso all’aperto non rientrano negli obiettivi di Trail Mate. Le scelte di sviluppo sono guidate dalle necessità pratiche sul campo.",
+  "principle.identity.number":"01 / IDENTITÀ",
+  "principle.identity.title":"La tua identità resta nelle tue mani.",
+  "principle.identity.body":"L’identità del dispositivo può funzionare senza account cloud o numeri di telefono. Contatti e conversazioni restano su un hardware che controlli direttamente.",
+  "principle.connection.number":"02 / COMUNICAZIONE",
+  "principle.connection.title":"Scegli la tua rete.",
+  "principle.connection.body":"Seleziona Meshtastic, MeshCore o Reticulum. È attivo un solo protocollo alla volta. Il supporto a Meshtastic e MeshCore privilegia la comunicazione essenziale all’aperto, non la copertura completa delle funzioni dei protocolli.",
+  "principle.resources.number":"03 / DATI LOCALI",
+  "principle.resources.title":"Prepara mappe e percorsi.",
+  "principle.resources.body":"Conserva mappe, contatti e tracce registrate sul dispositivo. Prepara i dati necessari prima di partire; gli strumenti desktop possono aiutarti a gestire mappe e percorsi.",
+  "principle.team.number":"04 / SITUAZIONE DEL GRUPPO",
+  "principle.team.title":"Tieni d’occhio il tuo gruppo.",
+  "principle.team.body":"TAK sul dispositivo riunisce membri, posizioni, punti di passaggio, tracce e messaggi del gruppo. Rilevamento pubblico, posizioni dei contatti, posizioni del gruppo e tracce locali restano distinti.",
+  "prepare.label":"PRIMA DELLA PARTENZA",
+  "prepare.title":"Prepara il dispositivo per l’uscita.",
+  "prepare.hardware":"Verifica l’hardware.",
+  "prepare.hardwareText":"Scegli la scheda e la variante radio esatte, installa il firmware corrispondente e controlla le periferiche disponibili. Pager SX1262 e LR1121 usano compilazioni separate.",
+  "prepare.resources":"Prepara mappe e percorsi.",
+  "prepare.resourcesText":"Carica le mappe della zona, importa i percorsi KML e installa le lingue necessarie. Con Trail Mate Center puoi preparare aree cartografiche e fasce di mappa lungo i percorsi.",
+  "prepare.team":"Prova le comunicazioni del gruppo.",
+  "prepare.teamText":"Scegli un protocollo e impostazioni radio compatibili. Verifica contatti e GNSS, associa i dispositivi del gruppo a breve distanza e scambia un messaggio di prova prima di partire.",
+  "prepare.guide":"Guida alla configurazione: file, comandi e istruzioni per dispositivo ↗",
+  "survey.eyebrow":"PERCHÉ UNA CALCOLATRICE SCIENTIFICA?",
+  "survey.title":"Calcoli utili ai rilievi sul campo.",
+  "survey.purpose":"La calcolatrice scientifica aiuta nei rilievi all’aperto: stimare dislivelli, convertire distanze inclinate in distanze orizzontali e calcolare angoli o percentuali di pendenza a partire dalle misure.",
+  "survey.height":"01 / DISLIVELLO",
+  "survey.heightTitle":"Stimare un’altezza.",
+  "survey.heightText":"Con una distanza orizzontale di 30 m e un angolo di elevazione di 35°, il dislivello rispetto al punto di osservazione è 30 × tan(35°) ≈ 21,01 m.",
+  "survey.heightNote":"Per l’altezza di un albero, aggiungi l’altezza dello strumento se la base dell’albero e il terreno sotto i tuoi piedi sono allo stesso livello. Altrimenti considera anche il dislivello del terreno.",
+  "survey.distance":"02 / COMPONENTI DELLA DISTANZA",
+  "survey.distanceTitle":"Convertire una distanza inclinata.",
+  "survey.distanceText":"Un tratto rettilineo di 100 m inclinato di 20° ha una distanza orizzontale di 100 × cos(20°) ≈ 93,97 m e un dislivello di 100 × sin(20°) ≈ 34,20 m.",
+  "survey.distanceNote":"Per percorsi curvi o con pendenza variabile, esegui i calcoli tratto per tratto.",
+  "survey.slope":"03 / PENDENZA",
+  "survey.slopeTitle":"Calcolare la pendenza.",
+  "survey.slopeText":"Un dislivello di 12 m su 40 m orizzontali dà atan(12 ÷ 40) ≈ 16,70°, cioè una pendenza del 30%. Gradi e percentuale di pendenza sono espressioni diverse.",
+  "survey.functions":"Supporta sin, cos, tan, funzioni trigonometriche inverse, potenze, radici e logaritmi, con modalità DEG/RAD. Inserisci angoli e distanze misurati: la calcolatrice non li misura direttamente.",
+  "survey.try":"Prova la calcolatrice ↗",
+  "story.navigation.label":"NAVIGAZIONE E RILIEVI",
+  "story.navigation.title":"Leggi il terreno. Comprendi il percorso.",
+  "story.navigation.text":"Le mappe offline mostrano il terreno circostante. La diagnostica GNSS aiuta a valutare la qualità del posizionamento; la registrazione delle tracce conserva il cammino seguito. I percorsi KML aggiungono profili altimetrici e punti di passaggio.",
+  "story.navigation.item1":"Livelli OSM, terreno, satellite e curve di livello",
+  "story.navigation.item2":"Profilo altimetrico, anteprima dei punti di passaggio ed esportazione GPX",
+  "story.navigation.item3":"Calcolatrice scientifica per stimare distanze, pendenze e altezze",
+  "story.navigation.link":"Prova i calcoli sul campo ↗",
+  "story.communication.label":"COMUNICAZIONE E COORDINAMENTO",
+  "story.communication.title":"Resta in contatto con il gruppo.",
+  "story.communication.text":"Scegli una rete, conserva i contatti e verifica la consegna dei messaggi. Associa il gruppo a breve distanza tramite ESP-NOW, poi condividi posizioni, punti di ritrovo e messaggi via LoRa.",
+  "story.communication.item1":"Comunicazione di base Meshtastic / MeshCore oppure Reticulum/LXMF",
+  "story.communication.item2":"Contatti e cronologia delle conversazioni salvati",
+  "story.communication.item3":"TAK sul dispositivo; voce FSK/Codec2 sull’hardware compatibile",
+  "story.communication.link":"Esplora il coordinamento del gruppo ↗",
+  "story.tools.label":"STRUMENTI E CONNESSIONI",
+  "story.tools.title":"Collega gli strumenti che usi.",
+  "story.tools.text":"Consulta i servizi Micron di Reticulum tramite Nomad Network. Usa MQTT quando è disponibile un gateway e prepara aree cartografiche e percorsi con Trail Mate Center.",
+  "story.tools.item1":"Il rilevamento dei protocolli distingue gli indizi osservati dalle prove confermate",
+  "story.tools.item2":"Ricezione SSTV sull’hardware compatibile",
+  "story.tools.item3":"Estensioni, pacchetti lingua e archiviazione USB",
+  "story.tools.link":"Scopri Trail Mate Center ↗",
+  "common.manufacturer":"Produttore",
+  "common.device":"Dispositivo",
+  "common.allManufacturers":"Tutti",
+  "common.language":"Lingua",
+  "common.backTop":"Torna in alto",
+  "document.title":"Trail Mate — Comunicazione e navigazione all’aperto",
+  "top.github":"GitHub",
+  "top.wiki":"Wiki",
+  "top.flash":"Installa",
+  "side.label":"Guida all’uso",
+  "side.overview":"Panoramica",
+  "side.explorer":"Demo interattiva",
+  "side.capabilities":"Funzionalità",
+  "side.devices":"Dispositivi",
+  "side.features":"Sul campo",
+  "side.languages":"Pacchetti lingua",
+  "side.flasher":"Installazione web",
+  "side.docs":"Documentazione",
+  "devices.buy":"Negozio ufficiale ↗",
+  "devices.unreleased":"Non ancora in vendita",
+  "devices.eyebrow":"Dispositivi",
+  "devices.title":"Scegli il tuo dispositivo.",
+  "devices.note":"Verifica il modello esatto prima dell’installazione. Dispositivi simili possono richiedere firmware diversi.",
+  "devices.interactionKicker":"Da sapere",
+  "device.pager.controls":"Encoder rotativo e tastiera",
+  "device.pager.note":"SX1262 e LR1121 richiedono firmware diversi. Un’interfaccia comune non implica capacità radio identiche.",
+  "device.tdeck.controls":"Touchscreen, trackball e tastiera",
+  "device.tdeck.note":"Interfaccia da 320 × 240 pixel. Le periferiche disponibili dipendono dall’hardware e dalla versione del firmware.",
+  "device.wio-tracker-l2.controls":"Touchscreen",
+  "device.wio-tracker-l2.note":"Risoluzione di 320 × 240 pixel; display da 3,2 pollici.",
+  "explorer.label":"INTERFACCIA DEL FIRMWARE",
+  "explorer.title":"Prova l’interfaccia del dispositivo.",
+  "explorer.reset":"Reimposta la demo",
+  "explorer.device":"Dispositivo in anteprima",
+  "explorer.search":"Cerca una funzione",
+  "explorer.searchPlaceholder":"Mappe, messaggi, calcolatrice…",
+  "explorer.protocol":"Protocollo della demo",
+  "explorer.controls":"Usa la tastiera e i comandi del dispositivo.",
+  "explorer.renderer":"Le pagine C++ del firmware sono visualizzate con LVGL 9.4, mantenendo caratteri e disposizione originali.",
+  "explorer.boundary":"L’anteprima esegue il codice dell’interfaccia del firmware. I dati radio, GNSS, della batteria e della memoria sono simulati; non è collegato alcun dispositivo fisico.",
+  "explorer.source":"Codice sorgente del firmware ↗",
+  "explorer.loading":"Caricamento dell’anteprima…",
+  "explorer.running":"Anteprima del dispositivo · dati hardware simulati",
+  "explorer.pageError":"Impossibile aprire questa pagina. Reimposta l’anteprima e riprova.",
+  "explorer.off":"Il dispositivo della demo è spento. Reimposta la demo per riavviarlo.",
+  "explorer.startError":"Impossibile avviare l’anteprima. Ricarica la pagina e riprova.",
+  "guide.try":"DA PROVARE",
+  "guide.requirements":"Sul tuo dispositivo",
+  "guide.reference":"Guida alla funzione ↗",
+  "guide.try.default":"Esplora la pagina con i comandi del dispositivo. T-Deck supporta anche l’input touch.",
+  "guide.try.calculator":"In modalità DEG, calcola 30 × tan(35): il risultato è circa 21,01 m. Usa 2ND per le funzioni trigonometriche inverse e MODE per passare da DEG a RAD.",
+  "guide.try.network":"Scegli Reticulum come protocollo della demo e apri un nodo di esempio per visualizzare la sua pagina Micron memorizzata nella cache.",
+  "guide.try.route":"Nel registratore di tracce, apri l’elenco dei percorsi e seleziona sample-route.kml per consultarne il profilo altimetrico e i punti di passaggio.",
+  "guide.try.mqtt":"Apri le impostazioni per consultare le opzioni di protocollo e rete relative a MQTT.",
+  "guide.try.probe":"Avvia o arresta il rilevamento. I dati simulati del ricevitore non rappresentano l’attività radio reale nelle vicinanze.",
+  "install.choose":"Dispositivo e variante radio",
+  "install.manualInstructions":"Scarica il firmware UF2 per t-echo-lite dalla pagina delle versioni e segui le istruzioni del dispositivo per installarlo manualmente.",
+  "install.variantInstructions":"Verifica dispositivo e chip radio. SX1262 e LR1121 usano firmware diversi e non intercambiabili.",
+  "install.eyebrow":"Installazione",
+  "install.title":"Installazione web",
+  "install.note":"Seleziona il dispositivo e la variante radio. Per installare dal browser servono Google Chrome o Microsoft Edge, una connessione HTTPS e un cavo USB dati. T-Echo-Lite richiede l’installazione manuale.",
+  "install.pagerCopy":"Versione SX1262 per il Pager con tastiera. Non usarla su hardware LR1121.",
+  "install.pagerLr1121Copy":"Versione LR1121 per il Pager con tastiera e radio Sub-GHz e 2,4 GHz. Non installarla su hardware SX1262.",
+  "install.tdeckCopy":"Versione adattata alla tastiera e al touchscreen del T-Deck.",
+  "install.twatchCopy":"Versione per orologio basata sul touch, destinata a prove sul campo con un dispositivo compatto.",
+  "install.gatCopy":"La scheda nRF52 non supporta ancora l’installazione dal browser. Scarica il file del firmware e installalo manualmente.",
+  "install.gatHint":"Scarica il pacchetto firmware dall’ultima versione pubblicata su GitHub.",
+  "install.checking":"Verifica del firmware…",
+  "install.openRelease":"Apri l’ultima versione",
+  "install.step1":"1. Collega il dispositivo con un cavo USB dati.",
+  "install.step2":"2. Se richiesto dall’hardware, imposta la scheda in modalità download.",
+  "install.step3":"3. Seleziona la variante corretta del Pager, SX1262 o LR1121, quindi installa l’immagine combinata dal browser.",
+  "release.waiting":"In attesa della prima versione con tag",
+  "release.ready":"{tag} disponibile per l’installazione",
+  "release.unavailable":"Informazioni sulla versione non disponibili",
+  "flasher.activate":"Installa dal browser",
+  "flasher.unsupported":"Usa Chrome o Edge su un computer con Web Serial abilitato.",
+  "flasher.notAllowed":"Apri questa pagina tramite HTTPS per usare l’installazione web.",
+  "flasher.readyNote":"Immagine del firmware dell’ultima versione.",
+  "flasher.missingAsset":"L’ultima versione non contiene un’immagine installabile dal browser per questa scheda. Usa il download manuale.",
+  "flasher.pending":"Il firmware installabile dal browser apparirà qui dopo la pubblicazione della prima versione con tag.",
+  "flasher.error":"Impossibile caricare le informazioni sulla versione. Apri la pagina delle versioni GitHub per scaricare i file manualmente."
+};
diff --git a/site/i18n/ja.js b/site/i18n/ja.js
new file mode 100644
index 00000000..faffeb9a
--- /dev/null
+++ b/site/i18n/ja.js
@@ -0,0 +1,265 @@
+export default {
+  "explorer.mapCredit": "地図データ © OpenStreetMap の協力者",
+  "explorer.mapDetail": "ズームレベル 12 の OSM 地図を 1 地域分キャッシュしています。ルートはテスト用に作成したデータです。",
+  "explorer.trackball": "トラックボールを押す",
+  "explorer.rotary": "ロータリーエンコーダーを押す",
+  "explorer.displayText": "ファームウェア画面のテキスト",
+  "pack.name.europe-cyrillic-ext": "欧州キリル文字拡張",
+  "pack.name.europe-latin-ext": "欧州ラテン文字拡張",
+  "pack.count.locales": "言語数：{count}",
+  "pack.count.fonts": "フォントパック数：{count}",
+  "pack.count.ime": "入力方式数：{count}",
+  "pack.count.packages": "パッケージ数：{count}",
+  "pack.memory.standard": "標準メモリ",
+  "pack.memory.extended": "拡張メモリ",
+  "pack.memory.constrained": "少容量メモリ",
+  "pack.description.generic": "デバイス用の言語リソースです。",
+  "pack.count.more": "その他の言語数：{count}",
+  "pack.description.ar": "アラビア語訳はレビュー中です。右から左に読む文章や複数の文字体系の表示に対応する Naskh フォントを収録しています。現在は表示のみ対応しており、アラビア語入力は未実装です。",
+  "pack.description.europe-cyrillic-ext": "共通のキリル文字フォント、レビュー中のロシア語訳、ロシア語キーボード配列を収録しています。",
+  "pack.description.europe-latin-ext": "共通の拡張ラテン文字フォントと、レビュー中のドイツ語・スペイン語・フランス語・イタリア語・オランダ語・ポーランド語・ポルトガル語訳を収録しています。",
+  "pack.description.ja": "日本語訳はレビュー中です。画面表示や多言語の文章に使う外部 CJK フォントを収録しています。現在は表示のみ対応しており、日本語入力は未実装です。",
+  "pack.description.ko": "韓国語訳はレビュー中です。画面表示や多言語の文章に使う外部 CJK フォントを収録しています。現在は表示のみ対応しており、韓国語入力は未実装です。",
+  "pack.description.zh-Hans": "簡体字中国語訳、標準画面用フォント、T-Deck Pro 向けの 16 px・1 bpp GNU Unifont、および内蔵のピンイン入力処理を利用するためのリソースを収録しています。",
+  "pack.description.zh-Hant": "台湾向け繁体字中国語訳はレビュー中で、CJK フォントを収録しています。現在は表示のみ対応しており、母語話者による確認と本格的な注音入力への対応は未完了です。",
+  "explorer.noMatches": "該当する機能がありません",
+  "hero.eyebrow": "フィールドで使うオフライン地図と LoRa",
+  "hero.tagline": "小型 LoRa デバイスに、地図、メッセージ、仲間の位置を。",
+  "hero.lede": "Trail Mate は、携帯電話の電波が届かない場所でも登山や野外活動を支えます。SD 上のオフライン地図、LoRa メッセージ、GPS の状態、チームの移動を、小型端末で確認できます。",
+  "hero.primaryAction": "Web Flasher を開く",
+  "hero.secondaryAction": "リポジトリを見る",
+  "hero.releaseKicker": "最新リリース",
+  "hero.proofKicker": "デバイスの写真",
+  "hero.proofText": "スクリーンショットは機種別に掲載しています。使用予定のデバイスに対応する画面を確認できます。",
+  "overview.copy": "携帯電話だけでは心もとないフィールドへ。SD に地図を保存し、携帯回線を使わずにメッセージを送信。軌跡の記録、電波と GPS の確認、必要な言語パックの追加にも対応します。",
+  "tag.maps": "オフライン地図",
+  "tag.gnss": "GNSS 診断",
+  "tag.chat": "メッシュチャット",
+  "tag.team": "チームモード",
+  "tag.languages": "言語パック",
+  "tag.scan": "プロトコル探査",
+  "tag.usb": "USB ストレージ",
+  "capabilities.eyebrow": "主な機能",
+  "capabilities.title": "圏外に出る前に、デバイスを準備。",
+  "capabilities.note": "ハードウェアに合うファームウェアを書き込み、地図と言語パックを読み込んでおけば、携帯回線が届かない場所でも利用できます。",
+  "capabilities.deviceKicker": "デバイス",
+  "capabilities.deviceTitle": "ハードウェアを選ぶ",
+  "capabilities.deviceText": "対応する各ボードには、専用のファームウェア、インストール手順、ハードウェア上の注意事項があります。",
+  "capabilities.navigationKicker": "ナビゲーション",
+  "capabilities.navigationTitle": "オフラインで使える地図",
+  "capabilities.navigationText": "SD から地図タイルを読み込み、レイヤーの切り替えや GPS 測位品質の確認、ルートと軌跡の表示ができます。",
+  "capabilities.protocolKicker": "LoRa",
+  "capabilities.protocolTitle": "携帯回線なしでメッセージを送る",
+  "capabilities.protocolText": "対応する LoRa メッシュモードで、個別、チャンネル、チーム宛てにメッセージを送信できます。送信に失敗した場合も状態を確認できます。",
+  "capabilities.installKicker": "インストール",
+  "capabilities.installTitle": "機種に合うファームウェアを書き込む",
+  "capabilities.installText": "対応する ESP32 デバイスはブラウザーから書き込めます。ほかのボードでは、ファームウェアをダウンロードして使用します。",
+  "capabilities.localeKicker": "言語対応",
+  "capabilities.localeTitle": "必要な言語を追加",
+  "capabilities.localeText": "すべての言語をファームウェアに組み込む代わりに、拡張機能からフォント、翻訳、キーボード配列を追加できます。",
+  "capabilities.fieldKicker": "フィールドツール",
+  "capabilities.fieldTitle": "野外活動に役立つ機能",
+  "capabilities.fieldText": "チャットに加えて、軌跡記録、GPS 表示、電波の確認、SSTV、USB データ交換を利用できます。",
+  "features.navEyebrow": "ナビゲーション",
+  "features.navTitle": "圏外でも地図を携帯。",
+  "features.navLead": "出発前に SD カードへ地図タイルを保存すると、端末で OSM、地形、衛星画像の各レイヤーを閲覧できます。GPS 画面では現在の測位結果の信頼性を確認できます。",
+  "features.commEyebrow": "通信",
+  "features.commTitle": "携帯電話がつながらなくても連絡を。",
+  "features.commLead": "端末でメッセージを作成し、送信に失敗したメッセージは吹き出しから再送できます。チームの会話は通常のチャンネル通信と分けて管理します。",
+  "features.toolsEyebrow": "フィールド用ユーティリティ",
+  "features.toolsTitle": "役立つツールを持ち歩く。",
+  "features.toolsLead": "周囲の状況を調べたりデータを取り出したりする際に、信号スキャン、SSTV 受信、USB データ交換、軌跡表示を使えます。",
+  "languages.eyebrow": "言語対応",
+  "languages.title": "ファームウェアは軽く、言語は必要な分だけ。",
+  "languages.note": "英語は常に利用できます。ほかのフォント、翻訳、キーボード配列は拡張機能から追加でき、キリル文字の入力にも対応します。",
+  "languages.defaultKicker": "標準搭載",
+  "languages.defaultTitle": "いつでも英語表示に戻せます。",
+  "languages.defaultText": "外部言語パックをインストールしていなくても、デバイスの起動、復旧、通常の操作が可能です。",
+  "languages.catalogKicker": "パック一覧",
+  "languages.bundleSuffix": "パック、対応言語数：",
+  "languages.localeSuffix": "言語。",
+  "languages.catalogText": "言語パックには翻訳、フォント、キーボード配列を含められます。ファームウェアを再ビルドせず、デバイスからインストールできます。",
+  "languages.gateKicker": "パックの状態",
+  "languages.gateTitle": "翻訳の確認状況を表示。",
+  "languages.gateText": "日常利用に適した言語もあれば、母語話者による確認が必要な言語もあります。一覧でそれぞれの状態を確認できます。",
+  "languages.loadingKicker": "カタログ",
+  "languages.loadingTitle": "パッケージ一覧を読み込み中…",
+  "languages.loadingText": "現在の Pages ビルドで公開されている言語パックをここに表示します。",
+  "install.eyebrow": "インストール",
+  "install.title": "Web Flasher",
+  "install.note": "デバイスと無線チップの種類を選択してください。ブラウザーからの書き込みには、Google Chrome または Microsoft Edge、HTTPS 接続、USB データケーブルが必要です。T-Echo-Lite は手動で書き込みます。",
+  "install.pagerCopy": "キーボード付き Pager の SX1262 用ビルドです。LR1121 搭載機には使用しないでください。",
+  "install.pagerLr1121Copy": "Sub-GHz と 2.4 GHz に対応した Pager の LR1121 用ビルドです。SX1262 搭載機には書き込まないでください。",
+  "install.tdeckCopy": "T-Deck のキーボードとタッチ画面に合わせたビルドです。",
+  "install.twatchCopy": "小型フィールド端末として試せる、タッチ操作中心のウォッチ用ビルドです。",
+  "install.gatCopy": "nRF52 ボードのブラウザー書き込みにはまだ対応していません。ファームウェアをダウンロードして手動で書き込んでください。",
+  "install.gatHint": "GitHub の最新リリースからファームウェア一式をダウンロードしてください。",
+  "install.checking": "ファームウェアを確認中…",
+  "install.openRelease": "最新リリースを開く",
+  "install.step1": "1. USB データケーブルでデバイスを接続します。",
+  "install.step2": "2. 機種に応じて、ボードをダウンロードモードに切り替えます。",
+  "install.step3": "3. Pager の SX1262 または LR1121 を正しく選択し、ブラウザーから結合済みイメージを書き込みます。",
+  "docs.eyebrow": "詳しく見る",
+  "docs.title": "詳しい設定方法をお探しですか？",
+  "docs.copy": "Wiki には、ハードウェアの注意事項、書き込み手順、地図の準備、設定方法、トラブルシューティング、リリースノートを掲載しています。",
+  "docs.wiki": "Wiki ホーム",
+  "docs.hardware": "対応ハードウェア",
+  "footer.eyebrow": "Trail Mate フィールドノート",
+  "footer.title": "地図も通信も大切な場所へ。",
+  "footer.copy": "ファームウェアのリリース、機種別の情報、地図と言語パックの更新、フィールド向けの改善はリポジトリで確認できます。",
+  "footer.repo": "リポジトリ",
+  "footer.releases": "リリース",
+  "footer.wiki": "Wiki",
+  "release.waiting": "最初のタグ付きリリースを待っています",
+  "release.ready": "{tag} をインストールできます",
+  "release.unavailable": "リリース情報を取得できません",
+  "flasher.activate": "ブラウザーから書き込む",
+  "flasher.unsupported": "Web Serial が使えるデスクトップ版 Chrome または Edge を使用してください。",
+  "flasher.notAllowed": "Web Flasher を使うには、このページを HTTPS で開いてください。",
+  "flasher.readyNote": "最新リリースのファームウェアイメージです。",
+  "flasher.missingAsset": "最新リリースには、この機種用のブラウザー書き込みイメージがありません。手動ダウンロードをご利用ください。",
+  "flasher.pending": "最初のタグ付きリリースの公開後、ブラウザー書き込み用ファームウェアがここに表示されます。",
+  "flasher.error": "リリース情報を読み込めませんでした。手動でダウンロードするには GitHub のリリースページを開いてください。",
+  "pack.release": "公開版パック",
+  "pack.review": "確認中のパック",
+  "pack.locale": "言語",
+  "pack.locales": "言語",
+  "pack.font": "フォントパック",
+  "pack.fonts": "フォントパック",
+  "pack.ime": "入力方式",
+  "pack.imes": "入力方式",
+  "pack.download": "パッケージをダウンロード",
+  "pack.emptyTitle": "公開済みの言語パックはまだありません。",
+  "pack.emptyText": "パッケージ一覧が公開されると、ここに言語パックが表示されます。",
+  "pack.errorTitle": "言語パック一覧を取得できません",
+  "pack.errorText": "公開済みの言語パック一覧を読み込めませんでした。",
+  "device.emptyTitle": "デバイスの写真は準備中です。",
+  "device.emptyText": "このデバイス用のファームウェアはありますが、画面写真はまだ追加されていません。",
+  "survey.eyebrow": "関数電卓を搭載する理由",
+  "survey.title": "フィールド測量に役立つ計算。",
+  "survey.purpose": "関数電卓は、現地での測量に役立ちます。測った角度や距離から高低差を見積もり、斜距離を水平距離に換算したり、傾斜角や勾配を求めたりできます。",
+  "survey.height": "01 / 高低差",
+  "survey.heightTitle": "高さを見積もる。",
+  "survey.heightText": "水平距離が 30 m、仰角が 35° のとき、観測位置からの高低差は 30 × tan(35°) ≈ 21.01 m です。",
+  "survey.heightNote": "樹高を求める場合、木の根元と観測者の足元が同じ高さなら、地面から測定器までの高さを加えます。地面の高さが異なる場合は、その差も補正してください。",
+  "survey.distance": "02 / 距離の分解",
+  "survey.distanceTitle": "斜距離を換算する。",
+  "survey.distanceText": "長さ 100 m、傾斜角 20° の直線区間では、水平距離は 100 × cos(20°) ≈ 93.97 m、高低差は 100 × sin(20°) ≈ 34.20 m です。",
+  "survey.distanceNote": "曲がったルートや傾斜が変わる区間は、区間ごとに計算してください。",
+  "survey.slope": "03 / 勾配",
+  "survey.slopeTitle": "勾配を求める。",
+  "survey.slopeText": "水平距離 40 m に対して高低差が 12 m なら、傾斜角は atan(12 ÷ 40) ≈ 16.70°、勾配は 30% です。角度と百分率の勾配は、異なる表し方です。",
+  "survey.functions": "sin、cos、tan、逆三角関数、べき乗、平方根、対数に対応し、DEG/RAD を切り替えられます。角度と距離は測定した値を入力してください。電卓自体に測定機能はありません。",
+  "survey.try": "計算機を試す ↗",
+  "principle.identity.number": "01 / デバイスの識別情報",
+  "principle.identity.title": "自分の手元で管理。",
+  "principle.identity.body": "デバイスの識別情報は、クラウドアカウントや電話番号に依存せずに利用できます。連絡先や会話履歴を、自分で管理するハードウェアに保存できます。",
+  "principle.connection.number": "02 / 通信",
+  "principle.connection.title": "用途に合うネットワークを。",
+  "principle.connection.body": "Meshtastic、MeshCore、Reticulum から選択でき、一度に動作するプロトコルは一つです。Meshtastic と MeshCore は、全機能の網羅ではなく、アウトドアで必要な基本通信を重視しています。",
+  "principle.resources.number": "03 / ローカルデータ",
+  "principle.resources.title": "地図とルートを準備。",
+  "principle.resources.body": "地図、連絡先、記録した軌跡をデバイスに保存できます。出発前に必要なデータを準備しましょう。地図やルートの管理にはデスクトップツールも利用できます。",
+  "principle.team.number": "04 / チームの状況把握",
+  "principle.team.title": "仲間の位置を把握。",
+  "principle.team.body": "デバイス上の TAK で、メンバー、位置、ウェイポイント、軌跡、チームメッセージをまとめて確認できます。公開検出、連絡先の位置、チーム内の位置共有、ローカルの軌跡は、それぞれ区別して扱います。",
+  "story.navigation.label": "ナビゲーションと測量",
+  "story.navigation.title": "地形を読み、ルートを確認。",
+  "story.navigation.text": "オフライン地図で周囲の地形を確認し、GNSS 診断で測位品質を判断できます。軌跡記録は移動した経路を残し、KML ルートは標高やウェイポイントの情報を提供します。",
+  "story.navigation.item1": "OSM、地形、衛星画像、等高線のレイヤー",
+  "story.navigation.item2": "ルートの標高、ウェイポイントのプレビュー、GPX 出力",
+  "story.navigation.item3": "距離、勾配、高さの計算に使える関数電卓",
+  "story.navigation.link": "測量計算を試す ↗",
+  "story.communication.label": "通信とチーム連携",
+  "story.communication.title": "仲間との連絡を保つ。",
+  "story.communication.text": "ネットワークを選び、連絡先を管理し、メッセージの配信状況を確認できます。ESP-NOW で近距離のチームをペアリングした後、LoRa で位置、集合地点、メッセージを共有します。",
+  "story.communication.item1": "Meshtastic / MeshCore の基本通信、または Reticulum/LXMF",
+  "story.communication.item2": "連絡先と会話履歴の保存",
+  "story.communication.item3": "デバイス上の TAK、対応ハードウェアでの FSK/Codec2 音声通信",
+  "story.communication.link": "チーム連携を試す ↗",
+  "story.tools.label": "フィールドツールと外部連携",
+  "story.tools.title": "ほかのツールとも連携。",
+  "story.tools.text": "Nomad Network で Reticulum の Micron サービスを閲覧できます。ゲートウェイが利用できる環境では MQTT を使い、Trail Mate Center では地図の範囲やルートを準備できます。",
+  "story.tools.item1": "プロトコル探査では、観測結果と確認済みの証拠を区別",
+  "story.tools.item2": "対応ハードウェアでの SSTV 受信",
+  "story.tools.item3": "拡張機能、言語パック、USB ストレージ",
+  "story.tools.link": "Trail Mate Center を見る ↗",
+  "common.manufacturer": "メーカー",
+  "common.device": "デバイス",
+  "common.allManufacturers": "すべて",
+  "common.language": "言語",
+  "common.backTop": "ページの先頭へ",
+  "document.title": "Trail Mate — アウトドアの通信とナビゲーション",
+  "intro.eyebrow": "フィールドで役立つツール",
+  "intro.tagline": "アウトドアの地図、通信、チーム連携。",
+  "intro.text": "地図を持ち歩き、移動経路を記録し、仲間と連携。Meshtastic と MeshCore の基本的な通信機能で、周囲の対応端末に連絡できます。対応機能は、実際のアウトドアで必要とされる用途を基準に選んでいます。",
+  "intro.try": "デバイスを体験する ↓",
+  "intro.install": "ファームウェアを入手 ↗",
+  "intro.cardLabel": "出発前の準備",
+  "intro.cardTitle": "次のアウトドアに備えて。",
+  "intro.cardText": "出発前に地図とルートを読み込み、測位の状態を確認して、仲間との通信を試しておきましょう。",
+  "purpose.title": "アウトドアでの使いやすさを第一に。",
+  "purpose.communication": "Trail Mate は、アウトドアで周囲の対応端末と情報を交換したり、助けを求めたり、仲間と連携したりできるよう、Meshtastic と MeshCore の基本的な通信機能に対応しています。",
+  "purpose.scope": "両プロトコルの全仕様や、それぞれの純正ファームウェアの全機能を実装することは目指していません。アウトドアでの利用に直接関係しない高度な無線機能は対象外です。対応範囲は、フィールドでの実用性を基準に決めています。",
+  "top.github": "GitHub",
+  "top.wiki": "Wiki",
+  "top.flash": "書き込み",
+  "side.label": "利用ガイド",
+  "side.overview": "概要",
+  "side.explorer": "操作デモ",
+  "side.capabilities": "主な機能",
+  "side.devices": "対応デバイス",
+  "side.features": "フィールドでの活用",
+  "side.languages": "言語パック",
+  "side.flasher": "Web Flasher",
+  "side.docs": "ドキュメント",
+  "devices.buy": "公式ストアへ ↗",
+  "devices.unreleased": "未発売",
+  "devices.eyebrow": "対応デバイス",
+  "devices.title": "お使いのデバイスを選択。",
+  "devices.note": "書き込み前に機種を確認してください。外観が似ていても、必要なファームウェアが異なる場合があります。",
+  "devices.interactionKicker": "使用上の注意",
+  "device.pager.controls": "ロータリーエンコーダーとキーボード",
+  "device.pager.note": "SX1262 と LR1121 では使用するファームウェアが異なります。画面構成が共通でも、無線機能が同じとは限りません。",
+  "device.tdeck.controls": "タッチ操作、トラックボール、キーボード",
+  "device.tdeck.note": "320 × 240 の画面構成です。利用できる周辺機能は、ハードウェアとファームウェアのビルドによって異なります。",
+  "device.wio-tracker-l2.controls": "タッチ操作",
+  "device.wio-tracker-l2.note": "解像度 320 × 240、3.2 インチディスプレイ。",
+  "explorer.label": "ファームウェアの画面",
+  "explorer.title": "デバイスの操作を試す。",
+  "explorer.reset": "デモをリセット",
+  "explorer.device": "プレビューデバイス",
+  "explorer.search": "機能を検索",
+  "explorer.searchPlaceholder": "地図、メッセージ、計算機…",
+  "explorer.protocol": "デモのプロトコル",
+  "explorer.controls": "デバイスのキーボードや操作部を使って試せます。",
+  "explorer.renderer": "ファームウェアの C++ ページを LVGL 9.4 で描画し、実際のフォントとレイアウトを使用しています。",
+  "explorer.boundary": "このプレビューはファームウェアの画面コードを実行します。無線、GNSS、バッテリー、ストレージのデータは模擬データで、実機には接続していません。",
+  "explorer.source": "ファームウェアのソース ↗",
+  "explorer.loading": "デバイスのプレビューを読み込み中…",
+  "explorer.running": "デバイスのプレビュー · 模擬ハードウェアデータ",
+  "explorer.pageError": "この画面を開けませんでした。プレビューをリセットして、もう一度お試しください。",
+  "explorer.off": "プレビュー内のデバイスは電源が切れています。再起動するにはデモをリセットしてください。",
+  "explorer.startError": "デバイスのプレビューを起動できませんでした。ページを再読み込みして、もう一度お試しください。",
+  "guide.try": "操作を試す",
+  "guide.requirements": "実機で利用するには",
+  "guide.reference": "機能の詳細 ↗",
+  "guide.try.default": "デバイスの操作部を使って各機能を試せます。T-Deck はタッチ操作にも対応しています。",
+  "guide.try.calculator": "DEG モードで 30 × tan(35) を計算すると、約 21.01 m になります。2ND で逆三角関数に切り替え、MODE で DEG/RAD を切り替えます。",
+  "guide.try.network": "デモのプロトコルに Reticulum を選び、サンプルノードを開くと、キャッシュされた Micron ページを表示できます。",
+  "guide.try.route": "軌跡記録画面のルート一覧から sample-route.kml を選び、標高とウェイポイントを確認してください。",
+  "guide.try.mqtt": "設定画面を開き、MQTT に関連するプロトコルとネットワークの項目を確認してください。",
+  "guide.try.probe": "探査を開始・停止できます。模擬受信データは、周囲の実際の無線活動を示すものではありません。",
+  "install.choose": "デバイスと無線チップの種類",
+  "install.manualInstructions": "リリースページから t-echo-lite 用の UF2 ファームウェアをダウンロードし、デバイスの手順に従って手動で書き込んでください。",
+  "install.variantInstructions": "機種と無線チップを確認してください。SX1262 と LR1121 は別々のファームウェアを使用し、相互に置き換えることはできません。",
+  "prepare.label": "出発前に",
+  "prepare.title": "フィールドで使うための準備。",
+  "prepare.hardware": "ハードウェアを確認。",
+  "prepare.hardwareText": "正確な機種と無線チップの種類を確認し、対応するファームウェアを書き込んで、周辺機能を点検してください。Pager SX1262 と LR1121 は別々のビルドを使用します。",
+  "prepare.resources": "地図とルートを準備。",
+  "prepare.resourcesText": "活動する地域の地図、KML ルート、必要な言語パックを読み込みます。地図の範囲やルート沿いの地図データは、Trail Mate Center で準備できます。",
+  "prepare.team": "仲間との通信をテスト。",
+  "prepare.teamText": "プロトコルと対応する無線設定を選択し、連絡先と GNSS を確認してください。近距離でチームをペアリングし、出発前にテストメッセージを送受信しましょう。",
+  "prepare.guide": "セットアップガイド：保存先、操作方法、機種別の手順 ↗"
+};
diff --git a/site/i18n/ko.js b/site/i18n/ko.js
new file mode 100644
index 00000000..9cce70a6
--- /dev/null
+++ b/site/i18n/ko.js
@@ -0,0 +1,265 @@
+export default {
+  "explorer.mapCredit": "지도 데이터 © OpenStreetMap 기여자",
+  "explorer.mapDetail": "확대 수준 12의 OSM 지도 한 구역을 캐시하여 사용합니다. 경로는 테스트용으로 만든 데이터입니다.",
+  "explorer.trackball": "트랙볼 누르기",
+  "explorer.rotary": "로터리 인코더 누르기",
+  "explorer.displayText": "펌웨어 화면 텍스트",
+  "pack.name.europe-cyrillic-ext": "유럽 키릴 문자 확장",
+  "pack.name.europe-latin-ext": "유럽 라틴 문자 확장",
+  "pack.count.locales": "언어: {count}개",
+  "pack.count.fonts": "글꼴 팩: {count}개",
+  "pack.count.ime": "입력기: {count}개",
+  "pack.count.packages": "패키지: {count}개",
+  "pack.memory.standard": "표준 메모리",
+  "pack.memory.extended": "확장 메모리",
+  "pack.memory.constrained": "제한된 메모리",
+  "pack.description.generic": "기기에서 사용하는 언어 리소스입니다.",
+  "pack.count.more": "기타 언어: {count}개",
+  "pack.description.ar": "아랍어 번역은 검토 중입니다. 오른쪽에서 왼쪽으로 쓰는 글과 여러 문자 체계가 섞인 글을 표시하는 Naskh 글꼴이 포함됩니다. 현재는 표시만 지원하며 아랍어 입력은 아직 구현되지 않았습니다.",
+  "pack.description.europe-cyrillic-ext": "공용 키릴 문자 글꼴, 검토 중인 러시아어 번역, 러시아어 키릴 문자 키보드 배열이 포함됩니다.",
+  "pack.description.europe-latin-ext": "공용 확장 라틴 문자 글꼴과 검토 중인 독일어·스페인어·프랑스어·이탈리아어·네덜란드어·폴란드어·포르투갈어 번역이 포함됩니다.",
+  "pack.description.ja": "일본어 번역은 검토 중입니다. 인터페이스와 다국어 콘텐츠를 표시하는 외부 CJK 글꼴이 포함됩니다. 현재는 표시만 지원하며 일본어 입력은 아직 구현되지 않았습니다.",
+  "pack.description.ko": "한국어 번역은 검토 중입니다. 인터페이스와 다국어 콘텐츠를 표시하는 외부 CJK 글꼴이 포함됩니다. 현재는 표시만 지원하며 한국어 입력은 아직 구현되지 않았습니다.",
+  "pack.description.zh-Hans": "중국어 간체 번역, 표준 화면용 글꼴, T-Deck Pro용 16 px·1 bpp GNU Unifont 글꼴과 내장 병음 입력 백엔드가 포함됩니다.",
+  "pack.description.zh-Hant": "대만 중국어 번체 번역은 검토 중이며 CJK 글꼴이 포함됩니다. 현재는 표시만 지원합니다. 원어민 검토와 완전한 주음 입력기 지원은 아직 완료되지 않았습니다.",
+  "explorer.noMatches": "일치하는 기능이 없습니다",
+  "survey.eyebrow":"공학용 계산기가 필요한 이유",
+  "survey.title":"현장 측량에 필요한 계산.",
+  "survey.purpose":"공학용 계산기는 야외 측량에 유용합니다. 측정한 각도와 거리로 높이 차이를 추정하고, 경사 거리를 수평 거리로 환산하거나 경사각과 경사도를 계산할 수 있습니다.",
+  "survey.height":"01 / 높이 차이",
+  "survey.heightTitle":"높이를 추정하세요.",
+  "survey.heightText":"수평 거리가 30 m이고 올려다본 각도가 35°라면, 관측 위치 기준 높이 차이는 30 × tan(35°) ≈ 21.01 m입니다.",
+  "survey.heightNote":"나무 높이를 구할 때 나무 밑동과 관측자의 발밑이 같은 높이면 측정기 높이를 더합니다. 지면 높이가 다르면 그 차이도 보정해야 합니다.",
+  "survey.distance":"02 / 거리 분해",
+  "survey.distanceTitle":"경사 거리를 환산하세요.",
+  "survey.distanceText":"길이 100 m, 경사각 20°인 직선 구간의 수평 거리는 100 × cos(20°) ≈ 93.97 m이고 높이 차이는 100 × sin(20°) ≈ 34.20 m입니다.",
+  "survey.distanceNote":"굽은 경로나 경사가 달라지는 구간은 나누어 계산하세요.",
+  "survey.slope":"03 / 경사도",
+  "survey.slopeTitle":"경사도를 계산하세요.",
+  "survey.slopeText":"수평 거리 40 m에 높이 차이가 12 m라면 경사각은 atan(12 ÷ 40) ≈ 16.70°이고 경사도는 30%입니다. 각도와 백분율 경사도는 서로 다른 표현 방식입니다.",
+  "survey.functions":"sin, cos, tan, 역삼각함수, 거듭제곱, 제곱근, 로그와 DEG/RAD 모드를 지원합니다. 각도와 거리는 측정한 값을 입력하며, 계산기 자체에는 측정 기능이 없습니다.",
+  "survey.try":"계산기 체험하기 ↗",
+  "hero.eyebrow":"야외에서 쓰는 오프라인 지도와 LoRa",
+  "hero.tagline":"작은 LoRa 기기에 지도, 메시지, 동료의 위치를 담으세요.",
+  "hero.lede":"Trail Mate는 통신이 끊기는 곳에서도 등산과 야외 활동을 돕습니다. SD의 오프라인 지도를 보고, LoRa 메시지를 보내고, GPS 상태와 팀의 이동을 소형 기기에서 확인할 수 있습니다.",
+  "hero.primaryAction":"웹 펌웨어 설치 열기",
+  "hero.secondaryAction":"저장소 보기",
+  "hero.releaseKicker":"최신 릴리스",
+  "hero.proofKicker":"기기 사진",
+  "hero.proofText":"화면 사진을 기기별로 분류해 두었습니다. 사용할 하드웨어에 해당하는 화면을 확인할 수 있습니다.",
+  "overview.copy":"휴대전화만으로는 부족한 야외 활동을 위해, 지도를 SD에 보관하고 이동통신망 없이 메시지를 보낼 수 있습니다. 이동 기록, 신호와 GPS 확인, 필요한 언어 팩 추가도 지원합니다.",
+  "tag.maps":"오프라인 지도",
+  "tag.gnss":"GNSS 진단",
+  "tag.chat":"메시 채팅",
+  "tag.team":"팀 모드",
+  "tag.languages":"언어 팩",
+  "tag.scan":"프로토콜 탐지",
+  "tag.usb":"USB 저장장치",
+  "capabilities.eyebrow":"주요 기능",
+  "capabilities.title":"통신이 닿지 않는 곳으로 가기 전에 준비하세요.",
+  "capabilities.note":"하드웨어에 맞는 펌웨어를 설치하고 지도와 언어 팩을 불러오면, 이동통신망이 없는 곳에서도 기기를 사용할 수 있습니다.",
+  "capabilities.deviceKicker":"기기",
+  "capabilities.deviceTitle":"하드웨어 선택",
+  "capabilities.deviceText":"지원 보드마다 전용 펌웨어와 설치 안내, 하드웨어 사용 시 주의 사항이 있습니다.",
+  "capabilities.navigationKicker":"길 안내",
+  "capabilities.navigationTitle":"오프라인으로 보는 지도",
+  "capabilities.navigationText":"SD에서 지도 타일을 불러오고 레이어를 전환하며, GPS 위치 품질과 현장의 경로 및 이동 기록을 확인할 수 있습니다.",
+  "capabilities.protocolKicker":"LoRa",
+  "capabilities.protocolTitle":"이동통신망 없이 메시지 전송",
+  "capabilities.protocolText":"지원하는 LoRa 메시 모드로 개인, 채널, 팀 메시지를 보낼 수 있으며 전송 실패 여부도 확인할 수 있습니다.",
+  "capabilities.installKicker":"설치",
+  "capabilities.installTitle":"기기에 맞는 펌웨어 설치",
+  "capabilities.installText":"지원하는 ESP32 기기는 브라우저에서 설치할 수 있습니다. 그 외 보드는 다운로드한 펌웨어 파일을 사용합니다.",
+  "capabilities.localeKicker":"언어 지원",
+  "capabilities.localeTitle":"필요한 언어만 추가",
+  "capabilities.localeText":"모든 언어를 펌웨어에 넣는 대신, 확장 기능에서 글꼴과 번역, 키보드 배열을 설치할 수 있습니다.",
+  "capabilities.fieldKicker":"야외 도구",
+  "capabilities.fieldTitle":"야외 활동에 유용한 기능",
+  "capabilities.fieldText":"채팅 외에도 이동 기록, GPS 화면, 신호 확인, SSTV, USB 데이터 교환을 활용할 수 있습니다.",
+  "features.navEyebrow":"길 안내",
+  "features.navTitle":"통신망 없이도 지도를 휴대하세요.",
+  "features.navLead":"출발 전 SD 카드에 지도 타일을 저장하면 기기에서 OSM, 지형, 위성 레이어를 볼 수 있습니다. GPS 화면에서는 현재 위치 정보의 신뢰도를 확인할 수 있습니다.",
+  "features.commEyebrow":"통신",
+  "features.commTitle":"휴대전화가 연결되지 않아도 연락하세요.",
+  "features.commLead":"기기에서 메시지를 작성하고, 전송에 실패한 메시지는 말풍선에서 다시 보낼 수 있습니다. 팀 대화는 일반 채널 통신과 구분해 관리합니다.",
+  "features.toolsEyebrow":"현장 유틸리티",
+  "features.toolsTitle":"현장에 필요한 도구를 챙기세요.",
+  "features.toolsLead":"주변 환경을 확인하거나 데이터를 가져올 때 신호 스캔, SSTV 수신, USB 데이터 교환, 이동 기록 보기를 활용할 수 있습니다.",
+  "languages.eyebrow":"언어 지원",
+  "languages.title":"펌웨어는 가볍게, 언어는 필요한 만큼만.",
+  "languages.note":"영어는 항상 사용할 수 있습니다. 다른 글꼴, 번역, 키보드 배열은 확장 기능에서 설치할 수 있으며 키릴 문자 입력도 지원합니다.",
+  "languages.defaultKicker":"기본 제공",
+  "languages.defaultTitle":"언제든 영어로 돌아갈 수 있습니다.",
+  "languages.defaultText":"외부 언어 팩을 설치하지 않아도 기기를 부팅하고 복구하며 계속 사용할 수 있습니다.",
+  "languages.catalogKicker":"팩 목록",
+  "languages.bundleSuffix":"개 팩, 지원 언어",
+  "languages.localeSuffix":"개.",
+  "languages.catalogText":"언어 팩에는 번역, 글꼴, 키보드 배열이 포함될 수 있습니다. 펌웨어를 다시 빌드하지 않고 기기에서 설치하세요.",
+  "languages.gateKicker":"팩 상태",
+  "languages.gateTitle":"번역 검토 상태를 확인하세요.",
+  "languages.gateText":"일상적으로 사용할 수 있는 언어도 있고 원어민 검토가 더 필요한 언어도 있습니다. 목록에서 각각의 상태를 확인할 수 있습니다.",
+  "languages.loadingKicker":"카탈로그",
+  "languages.loadingTitle":"패키지 목록을 불러오는 중…",
+  "languages.loadingText":"현재 Pages 빌드에 공개된 언어 패키지가 여기에 표시됩니다.",
+  "docs.eyebrow":"자세히 알아보기",
+  "docs.title":"자세한 설정 방법이 필요한가요?",
+  "docs.copy":"위키에서 하드웨어 안내, 펌웨어 설치, 지도 준비, 설정 방법, 문제 해결, 전체 릴리스 노트를 확인할 수 있습니다.",
+  "docs.wiki":"위키 홈",
+  "docs.hardware":"지원 하드웨어",
+  "footer.eyebrow":"Trail Mate 현장 노트",
+  "footer.title":"지도와 통신이 모두 중요한 곳으로.",
+  "footer.copy":"펌웨어 릴리스, 기기별 안내, 지도와 언어 팩 업데이트, 야외 사용 개선 사항은 저장소에서 확인하세요.",
+  "footer.repo":"저장소",
+  "footer.releases":"릴리스",
+  "footer.wiki":"위키",
+  "pack.release":"정식 팩",
+  "pack.review":"검토 중인 팩",
+  "pack.locale":"언어",
+  "pack.locales":"언어",
+  "pack.font":"글꼴 팩",
+  "pack.fonts":"글꼴 팩",
+  "pack.ime":"입력기",
+  "pack.imes":"입력기",
+  "pack.download":"패키지 다운로드",
+  "pack.emptyTitle":"아직 공개된 언어 팩이 없습니다.",
+  "pack.emptyText":"패키지 목록이 공개되면 언어 팩이 여기에 표시됩니다.",
+  "pack.errorTitle":"언어 팩 목록을 가져올 수 없습니다",
+  "pack.errorText":"공개된 언어 팩 목록을 불러오지 못했습니다.",
+  "device.emptyTitle":"기기 사진을 준비 중입니다.",
+  "device.emptyText":"이 기기용 펌웨어는 있지만 해당 기기의 화면 사진은 아직 추가되지 않았습니다.",
+  "intro.eyebrow":"야외 활동을 위한 도구",
+  "intro.tagline":"야외에서 필요한 지도, 통신, 팀 협업.",
+  "intro.text":"지도를 휴대하고 이동 경로를 기록하며 동료와 협력하세요. Meshtastic과 MeshCore의 기본 통신 기능으로 주변의 호환 단말에 연락할 수 있습니다. 프로토콜 지원 범위는 실제 야외 활동에 필요한 기능을 기준으로 정합니다.",
+  "intro.try":"기기 체험하기 ↓",
+  "intro.install":"펌웨어 받기 ↗",
+  "intro.cardLabel":"출발 전 준비",
+  "intro.cardTitle":"다음 야외 활동을 준비하세요.",
+  "intro.cardText":"출발 전에 지도와 경로를 불러오고, 위치 수신 상태를 확인하고, 동료들과 통신을 시험해 보세요.",
+  "purpose.title":"야외에서의 활용을 중심으로.",
+  "purpose.communication":"Trail Mate는 야외에서 주변의 호환 단말과 정보를 나누고, 도움을 요청하고, 함께 활동할 수 있도록 Meshtastic과 MeshCore의 기본 통신 기능을 구현합니다.",
+  "purpose.scope":"두 프로토콜의 모든 세부 사양이나 각 생태계의 기본 펌웨어가 제공하는 모든 기능을 구현하려는 것은 아닙니다. 야외 활용과 무관한 고급 무선 기능은 Trail Mate의 범위에 포함하지 않습니다. 프로토콜 개발은 현장의 실제 필요를 기준으로 진행합니다.",
+  "principle.identity.number":"01 / 기기 식별 정보",
+  "principle.identity.title":"내 손으로 관리하는 정보.",
+  "principle.identity.body":"기기 식별 정보는 클라우드 계정이나 전화번호에 의존하지 않고 사용할 수 있습니다. 연락처와 대화 기록을 직접 관리하는 하드웨어에 보관하세요.",
+  "principle.connection.number":"02 / 통신",
+  "principle.connection.title":"용도에 맞는 네트워크를 선택하세요.",
+  "principle.connection.body":"Meshtastic, MeshCore, Reticulum 중에서 선택하며 한 번에 하나의 프로토콜을 사용합니다. Meshtastic과 MeshCore는 모든 기능을 망라하기보다 야외에서 필요한 기본 통신에 초점을 맞춥니다.",
+  "principle.resources.number":"03 / 로컬 데이터",
+  "principle.resources.title":"지도와 경로를 미리 준비하세요.",
+  "principle.resources.body":"지도, 연락처, 이동 기록을 기기에 저장할 수 있습니다. 출발 전에 필요한 데이터를 준비하세요. 지도와 경로 관리에는 데스크톱 도구를 활용할 수도 있습니다.",
+  "principle.team.number":"04 / 팀 상황 파악",
+  "principle.team.title":"동료의 위치를 확인하세요.",
+  "principle.team.body":"기기 내 TAK에서 팀원, 위치, 경유 지점, 이동 기록, 팀 메시지를 함께 확인할 수 있습니다. 공개 탐색, 연락처 위치, 팀 내 위치 공유, 로컬 이동 기록은 각각 구분해 다룹니다.",
+  "prepare.label":"출발 전에",
+  "prepare.title":"이번 야외 활동에 맞게 준비하세요.",
+  "prepare.hardware":"하드웨어를 확인하세요.",
+  "prepare.hardwareText":"보드와 무선 칩 종류를 정확히 선택하고 해당 펌웨어를 설치한 뒤 주변 장치를 확인하세요. Pager SX1262와 LR1121은 별도의 빌드를 사용합니다.",
+  "prepare.resources":"지도와 경로를 준비하세요.",
+  "prepare.resourcesText":"활동 지역의 지도, KML 경로, 필요한 언어 팩을 불러오세요. Trail Mate Center에서 지도 영역과 경로 주변의 지도 데이터를 준비할 수 있습니다.",
+  "prepare.team":"팀원들과 통신을 시험하세요.",
+  "prepare.teamText":"프로토콜과 호환되는 무선 설정을 선택하세요. 연락처와 GNSS를 확인하고 가까운 거리에서 팀을 페어링한 뒤, 출발 전에 테스트 메시지를 주고받으세요.",
+  "prepare.guide":"설정 가이드: 파일 경로, 하드웨어 조작, 기기별 안내 ↗",
+  "story.navigation.label":"길 안내와 측량",
+  "story.navigation.title":"지형을 살피고 경로를 확인하세요.",
+  "story.navigation.text":"오프라인 지도에서 주변 지형을 확인하고 GNSS 진단으로 위치 정보의 품질을 판단할 수 있습니다. 이동 기록은 지나온 경로를 보존하며, KML 경로는 고도와 경유 지점 정보를 제공합니다.",
+  "story.navigation.item1":"OSM, 지형, 위성, 등고선 레이어",
+  "story.navigation.item2":"경로 고도, 경유 지점 미리보기, GPX 내보내기",
+  "story.navigation.item3":"거리, 경사, 높이 추정에 쓰는 공학용 계산기",
+  "story.navigation.link":"현장 계산 체험하기 ↗",
+  "story.communication.label":"통신과 협업",
+  "story.communication.title":"동료들과 연락을 이어가세요.",
+  "story.communication.text":"네트워크를 선택하고 연락처를 관리하며 메시지 전달 상태를 확인하세요. ESP-NOW로 가까운 거리에서 팀을 페어링한 뒤 LoRa로 위치, 집결 지점, 메시지를 공유합니다.",
+  "story.communication.item1":"Meshtastic / MeshCore 기본 통신 또는 Reticulum/LXMF",
+  "story.communication.item2":"연락처와 대화 기록 저장",
+  "story.communication.item3":"기기 내 TAK 및 지원 하드웨어의 FSK/Codec2 음성 통신",
+  "story.communication.link":"팀 협업 체험하기 ↗",
+  "story.tools.label":"야외 도구와 외부 연결",
+  "story.tools.title":"다른 도구와도 연결하세요.",
+  "story.tools.text":"Nomad Network에서 Reticulum의 Micron 서비스를 탐색할 수 있습니다. 게이트웨이가 있으면 MQTT를 사용하고, Trail Mate Center에서는 지도 영역과 경로를 준비할 수 있습니다.",
+  "story.tools.item1":"프로토콜 탐지는 관측 결과와 확인된 근거를 구분합니다",
+  "story.tools.item2":"지원 하드웨어에서 SSTV 수신",
+  "story.tools.item3":"확장 기능, 언어 팩, USB 저장장치",
+  "story.tools.link":"Trail Mate Center 알아보기 ↗",
+  "common.manufacturer":"제조사",
+  "common.device":"기기",
+  "common.allManufacturers":"전체",
+  "common.language":"언어",
+  "common.backTop":"맨 위로",
+  "document.title":"Trail Mate — 야외 활동을 위한 통신과 길 안내",
+  "top.github":"GitHub",
+  "top.wiki":"위키",
+  "top.flash":"펌웨어 설치",
+  "side.label":"사용 가이드",
+  "side.overview":"소개",
+  "side.explorer":"기기 체험",
+  "side.capabilities":"주요 기능",
+  "side.devices":"지원 기기",
+  "side.features":"야외 활용",
+  "side.languages":"언어 팩",
+  "side.flasher":"웹 펌웨어 설치",
+  "side.docs":"문서",
+  "devices.buy":"공식 스토어 ↗",
+  "devices.unreleased":"아직 판매하지 않음",
+  "devices.eyebrow":"지원 기기",
+  "devices.title":"사용하는 기기를 선택하세요.",
+  "devices.note":"펌웨어를 설치하기 전에 정확한 기종을 확인하세요. 겉모습이 비슷해도 서로 다른 펌웨어가 필요할 수 있습니다.",
+  "devices.interactionKicker":"사용 시 참고 사항",
+  "device.pager.controls":"회전 인코더와 키보드",
+  "device.pager.note":"SX1262와 LR1121은 서로 다른 펌웨어를 사용합니다. 화면 구성이 같아도 무선 기능까지 같은 것은 아닙니다.",
+  "device.tdeck.controls":"터치, 트랙볼, 키보드",
+  "device.tdeck.note":"320 × 240 화면 구성입니다. 사용할 수 있는 주변 장치는 하드웨어와 펌웨어 빌드에 따라 다릅니다.",
+  "device.wio-tracker-l2.controls":"터치",
+  "device.wio-tracker-l2.note":"320 × 240 해상도, 3.2인치 화면.",
+  "explorer.label":"펌웨어 화면",
+  "explorer.title":"기기 화면을 직접 체험하세요.",
+  "explorer.reset":"데모 초기화",
+  "explorer.device":"미리 볼 기기",
+  "explorer.search":"기능 찾기",
+  "explorer.searchPlaceholder":"지도, 메시지, 계산기…",
+  "explorer.protocol":"데모 프로토콜",
+  "explorer.controls":"기기의 키보드와 조작부를 눌러 사용해 보세요.",
+  "explorer.renderer":"펌웨어의 C++ 화면을 LVGL 9.4로 표시하며, 실제 펌웨어의 글꼴과 배치를 사용합니다.",
+  "explorer.boundary":"이 미리보기는 펌웨어의 화면 코드를 실행합니다. 무선, GNSS, 배터리, 저장장치 데이터는 모의 데이터이며 실제 기기에는 연결하지 않습니다.",
+  "explorer.source":"펌웨어 소스 코드 ↗",
+  "explorer.loading":"기기 미리보기를 불러오는 중…",
+  "explorer.running":"기기 미리보기 · 모의 하드웨어 데이터",
+  "explorer.pageError":"이 화면을 열지 못했습니다. 미리보기를 초기화한 뒤 다시 시도하세요.",
+  "explorer.off":"미리보기 기기의 전원이 꺼졌습니다. 다시 켜려면 데모를 초기화하세요.",
+  "explorer.startError":"기기 미리보기를 시작하지 못했습니다. 페이지를 새로고침한 뒤 다시 시도하세요.",
+  "guide.try":"직접 해보기",
+  "guide.requirements":"실제 기기에서 사용하려면",
+  "guide.reference":"기능 자세히 보기 ↗",
+  "guide.try.default":"기기의 조작부를 사용해 화면의 기능을 살펴보세요. T-Deck은 터치 입력도 지원합니다.",
+  "guide.try.calculator":"DEG 모드에서 30 × tan(35)를 계산하면 약 21.01 m입니다. 2ND로 역삼각함수를 선택하고 MODE로 DEG/RAD를 전환할 수 있습니다.",
+  "guide.try.network":"데모 프로토콜로 Reticulum을 선택하고 예제 노드를 열면 캐시된 Micron 페이지를 볼 수 있습니다.",
+  "guide.try.route":"이동 기록 화면에서 경로 목록을 열고 sample-route.kml을 선택해 고도와 경유 지점을 확인하세요.",
+  "guide.try.mqtt":"설정 화면에서 MQTT와 관련된 프로토콜 및 네트워크 항목을 확인하세요.",
+  "guide.try.probe":"탐지를 시작하거나 중지할 수 있습니다. 모의 수신 데이터는 주변의 실제 무선 활동을 나타내지 않습니다.",
+  "install.choose":"기기 및 무선 칩 종류",
+  "install.manualInstructions":"릴리스 페이지에서 t-echo-lite용 UF2 펌웨어를 다운로드한 뒤 기기별 안내에 따라 수동으로 설치하세요.",
+  "install.variantInstructions":"기종과 무선 칩을 확인하세요. SX1262와 LR1121은 서로 다른 펌웨어를 사용하므로 바꿔 설치하면 안 됩니다.",
+  "install.eyebrow":"설치",
+  "install.title":"웹 펌웨어 설치",
+  "install.note":"기기와 무선 칩 종류를 선택하세요. 브라우저로 설치하려면 Google Chrome 또는 Microsoft Edge, HTTPS 연결, USB 데이터 케이블이 필요합니다. T-Echo-Lite는 수동으로 설치합니다.",
+  "install.pagerCopy":"키보드형 Pager의 SX1262용 빌드입니다. LR1121 기기에는 사용하지 마세요.",
+  "install.pagerLr1121Copy":"Sub-GHz 및 2.4 GHz를 지원하는 키보드형 Pager의 LR1121용 빌드입니다. SX1262 기기에는 설치하지 마세요.",
+  "install.tdeckCopy":"T-Deck의 키보드와 터치 화면에 맞춘 빌드입니다.",
+  "install.twatchCopy":"소형 야외 기기로 시험해 볼 수 있는 터치 중심의 시계용 빌드입니다.",
+  "install.gatCopy":"nRF52 보드는 아직 브라우저 설치를 지원하지 않습니다. 펌웨어 파일을 다운로드해 수동으로 설치하세요.",
+  "install.gatHint":"GitHub의 최신 릴리스에서 펌웨어 패키지를 다운로드하세요.",
+  "install.checking":"펌웨어 확인 중…",
+  "install.openRelease":"최신 릴리스 보기",
+  "install.step1":"1. USB 데이터 케이블로 기기를 연결합니다.",
+  "install.step2":"2. 기종에 따라 필요한 경우 다운로드 모드로 전환합니다.",
+  "install.step3":"3. Pager의 SX1262 또는 LR1121을 정확히 선택한 뒤 브라우저에서 통합 이미지를 설치합니다.",
+  "release.waiting":"첫 태그 릴리스를 기다리는 중",
+  "release.ready":"{tag} 설치 가능",
+  "release.unavailable":"릴리스 정보를 가져올 수 없습니다",
+  "flasher.activate":"브라우저에서 설치",
+  "flasher.unsupported":"Web Serial을 지원하는 데스크톱용 Chrome 또는 Edge를 사용하세요.",
+  "flasher.notAllowed":"웹 설치 기능을 사용하려면 이 페이지를 HTTPS로 여세요.",
+  "flasher.readyNote":"최신 릴리스의 펌웨어 이미지입니다.",
+  "flasher.missingAsset":"최신 릴리스에 이 기기의 브라우저 설치용 펌웨어가 없습니다. 수동 다운로드를 이용하세요.",
+  "flasher.pending":"첫 태그 릴리스가 공개되면 브라우저 설치용 펌웨어가 여기에 표시됩니다.",
+  "flasher.error":"릴리스 정보를 불러오지 못했습니다. 수동 다운로드는 GitHub 릴리스 페이지를 이용하세요."
+};
diff --git a/site/i18n/pack-presentation.js b/site/i18n/pack-presentation.js
new file mode 100644
index 00000000..33ac5f19
--- /dev/null
+++ b/site/i18n/pack-presentation.js
@@ -0,0 +1,25 @@
+import {getLocale,translate} from './runtime.js';
+
+// Release metadata describes device resources; its English prose is not website copy.
+const describedPacks=new Set(['ar','europe-cyrillic-ext','europe-latin-ext','ja','ko','zh-Hans','zh-Hant']);
+export function languageName(id) {
+  const code=id==='zh-Hant'?'zh-Hant-TW':id;
+  try {return new Intl.DisplayNames([getLocale()],{type:'language',fallback:'code'}).of(code);}
+  catch {return id;}
+}
+export function packName(pack) {
+  if(pack.id==='europe-cyrillic-ext'||pack.id==='europe-latin-ext')return translate(`pack.name.${pack.id}`);
+  return languageName(pack.id);
+}
+export function packDescription(pack) {
+  return translate(`pack.description.${describedPacks.has(pack.id)?pack.id:'generic'}`);
+}
+export function packCount(kind,count) {
+  return translate(`pack.count.${kind}`,{count:new Intl.NumberFormat(getLocale()).format(count)});
+}
+export function packStatus(status) {
+  return translate(status==='release'?'pack.release':'pack.review');
+}
+export function memoryProfile(profile) {
+  return ['standard','extended','constrained'].includes(profile)?translate(`pack.memory.${profile}`):profile;
+}
diff --git a/site/i18n/registry.js b/site/i18n/registry.js
new file mode 100644
index 00000000..5a1d0288
--- /dev/null
+++ b/site/i18n/registry.js
@@ -0,0 +1,14 @@
+// Website locales. Firmware language packages are managed separately.
+export const locales = [
+  {id:'en',name:'English',direction:'ltr'},
+  {id:'zh-Hans',name:'简体中文',direction:'ltr'},
+  {id:'zh-Hant-TW',name:'繁體中文（台灣）',direction:'ltr'},
+  {id:'ja',name:'日本語',direction:'ltr'},
+  {id:'ko',name:'한국어',direction:'ltr'},
+  {id:'ar',name:'العربية',direction:'rtl'},
+  {id:'ru',name:'Русский',direction:'ltr'},
+  {id:'de',name:'Deutsch',direction:'ltr'},
+  {id:'es',name:'Español',direction:'ltr'},
+  {id:'fr',name:'Français',direction:'ltr'},
+  {id:'it',name:'Italiano',direction:'ltr'},
+];
diff --git a/site/i18n/ru.js b/site/i18n/ru.js
new file mode 100644
index 00000000..a18487bd
--- /dev/null
+++ b/site/i18n/ru.js
@@ -0,0 +1,265 @@
+export default {
+  "explorer.mapCredit": "Данные карты © участники OpenStreetMap",
+  "explorer.mapDetail": "Используется одна кэшированная область OSM с уровнем масштаба 12; маршрут создан для тестирования.",
+  "explorer.trackball": "Нажать трекбол",
+  "explorer.rotary": "Нажать энкодер",
+  "explorer.displayText": "Текст на экране прошивки",
+  "pack.name.europe-cyrillic-ext": "Расширенная европейская кириллица",
+  "pack.name.europe-latin-ext": "Расширенная европейская латиница",
+  "pack.count.locales": "Языков: {count}",
+  "pack.count.fonts": "Пакетов шрифтов: {count}",
+  "pack.count.ime": "Способов ввода: {count}",
+  "pack.count.packages": "Пакетов: {count}",
+  "pack.memory.standard": "Стандартная память",
+  "pack.memory.extended": "Расширенная память",
+  "pack.memory.constrained": "Ограниченная память",
+  "pack.description.generic": "Языковые ресурсы для устройства.",
+  "pack.count.more": "Других языков: {count}",
+  "pack.description.ar": "Арабский перевод проходит проверку. Включены шрифты Naskh для письма справа налево и текстов со смешанными алфавитами. Поддерживается только отображение; ввод на арабском пока не реализован.",
+  "pack.description.europe-cyrillic-ext": "Включены общие кириллические шрифты, русский перевод на стадии проверки и русская раскладка клавиатуры.",
+  "pack.description.europe-latin-ext": "Включены общие шрифты расширенной латиницы и переводы на немецкий, испанский, французский, итальянский, нидерландский, польский и португальский, ожидающие проверки.",
+  "pack.description.ja": "Японский перевод проходит проверку. Включены внешние шрифты CJK для интерфейса и многоязычного текста. Поддерживается только отображение; ввод на японском пока не реализован.",
+  "pack.description.ko": "Корейский перевод проходит проверку. Включены внешние шрифты CJK для интерфейса и многоязычного текста. Поддерживается только отображение; ввод на корейском пока не реализован.",
+  "pack.description.zh-Hans": "Включены перевод на упрощённый китайский, шрифты для стандартных экранов, варианты GNU Unifont 16 px / 1 bpp для T-Deck Pro и встроенный механизм ввода пиньинь.",
+  "pack.description.zh-Hant": "Перевод на традиционный китайский для Тайваня проходит проверку; включены шрифты CJK. Поддерживается только отображение. Проверка носителями языка и полноценный ввод чжуинь ещё не завершены.",
+  "explorer.noMatches": "Подходящих функций нет",
+  "hero.eyebrow":"Офлайн-карты и LoRa для походов",
+  "hero.tagline":"Карты, сообщения и позиции команды на небольшом LoRa-устройстве.",
+  "hero.lede":"Trail Mate помогает туристам и полевым группам ориентироваться без сотовой связи: офлайн-карты с SD, сообщения LoRa, проверка GPS и наблюдение за перемещениями команды на компактных терминалах.",
+  "hero.primaryAction":"Открыть установку через браузер",
+  "hero.secondaryAction":"Посмотреть репозиторий",
+  "hero.releaseKicker":"Последний релиз",
+  "hero.proofKicker":"Фотографии устройств",
+  "hero.proofText":"Снимки экрана сгруппированы по устройствам, чтобы можно было увидеть интерфейс выбранного оборудования.",
+  "overview.copy":"Для выходов, где одного телефона мало: карты на SD, сообщения без сотовой сети, запись треков, проверка сигнала и GPS, а также установка нужных языковых пакетов.",
+  "tag.maps":"Офлайн-карты",
+  "tag.gnss":"Диагностика GNSS",
+  "tag.chat":"Mesh-чат",
+  "tag.team":"Командный режим",
+  "tag.languages":"Языковые пакеты",
+  "tag.scan":"Обнаружение протоколов",
+  "tag.usb":"USB-хранилище",
+  "capabilities.eyebrow":"Возможности",
+  "capabilities.title":"Подготовьте устройство до выхода из зоны связи.",
+  "capabilities.note":"Выберите оборудование, установите подходящую прошивку, загрузите карты и языки — и используйте устройство там, где нет сотовой сети.",
+  "capabilities.deviceKicker":"Устройства",
+  "capabilities.deviceTitle":"Выбор оборудования",
+  "capabilities.deviceText":"У каждой поддерживаемой платы своя прошивка, инструкции по установке и аппаратные особенности.",
+  "capabilities.navigationKicker":"Навигация",
+  "capabilities.navigationTitle":"Карты без подключения к сети",
+  "capabilities.navigationText":"Загружайте тайлы с SD, переключайте слои, проверяйте качество GPS-позиции и просматривайте маршруты и треки на местности.",
+  "capabilities.protocolKicker":"LoRa",
+  "capabilities.protocolTitle":"Сообщения без сотовой связи",
+  "capabilities.protocolText":"Отправляйте личные, канальные и командные сообщения через поддерживаемые режимы LoRa mesh и получайте понятный статус при ошибке отправки.",
+  "capabilities.installKicker":"Установка",
+  "capabilities.installTitle":"Установка нужной прошивки",
+  "capabilities.installText":"Совместимые ESP32-устройства можно прошить через браузер. Для остальных плат используются скачанные файлы прошивки.",
+  "capabilities.localeKicker":"Языки",
+  "capabilities.localeTitle":"Добавление языков по мере необходимости",
+  "capabilities.localeText":"Устанавливайте шрифты, переводы и раскладки через расширения, вместо того чтобы включать все языки в прошивку.",
+  "capabilities.fieldKicker":"Полевые инструменты",
+  "capabilities.fieldTitle":"Полезные функции в дороге",
+  "capabilities.fieldText":"Помимо чата доступны запись треков, экраны GPS, проверка сигнала, SSTV и обмен данными по USB.",
+  "features.navEyebrow":"Навигация",
+  "features.navTitle":"Берите карты за пределы покрытия сети.",
+  "features.navLead":"Сохраните тайлы на SD перед выходом, затем просматривайте слои OSM, рельефа и спутниковых снимков. Экраны GPS помогают оценить надёжность текущего определения позиции.",
+  "features.commEyebrow":"Связь",
+  "features.commTitle":"Оставайтесь на связи вне сотовой сети.",
+  "features.commLead":"Пишите сообщения на устройстве, повторяйте неудачные отправки из пузырька сообщения и отделяйте командную переписку от обычного канального обмена.",
+  "features.toolsEyebrow":"Полевые утилиты",
+  "features.toolsTitle":"Дополнительные инструменты в вашем снаряжении.",
+  "features.toolsLead":"Используйте сканирование сигналов, приём SSTV, обмен по USB и просмотр треков для изучения обстановки или извлечения данных.",
+  "languages.eyebrow":"Языки",
+  "languages.title":"Компактная прошивка с нужными вам языками.",
+  "languages.note":"Английский доступен всегда. Остальные шрифты, переводы и раскладки устанавливаются через расширения, включая ввод кириллицы.",
+  "languages.defaultKicker":"Встроенный язык",
+  "languages.defaultTitle":"Всегда можно вернуться к английскому.",
+  "languages.defaultText":"Устройство может запускаться, восстанавливаться и работать без внешних языковых пакетов.",
+  "languages.catalogKicker":"Список пакетов",
+  "languages.bundleSuffix":"пакетов; доступно языков:",
+  "languages.localeSuffix":".",
+  "languages.catalogText":"Пакеты могут включать переводы, шрифты и раскладки клавиатуры. Устанавливайте их с устройства без пересборки прошивки.",
+  "languages.gateKicker":"Состояние пакетов",
+  "languages.gateTitle":"Статус проверки перевода виден сразу.",
+  "languages.gateText":"Некоторые языки готовы к повседневному использованию, другим ещё нужна проверка носителями. Текущее состояние указано в списке.",
+  "languages.loadingKicker":"Каталог",
+  "languages.loadingTitle":"Загрузка списка пакетов…",
+  "languages.loadingText":"Здесь появятся языковые пакеты, опубликованные в текущей сборке сайта.",
+  "docs.eyebrow":"Подробнее",
+  "docs.title":"Нужны подробные инструкции?",
+  "docs.copy":"В вики собраны аппаратные особенности, установка прошивки, подготовка карт, настройка, устранение неполадок и полные сведения о релизах.",
+  "docs.wiki":"Главная страница вики",
+  "docs.hardware":"Поддерживаемое оборудование",
+  "footer.eyebrow":"Полевые заметки Trail Mate",
+  "footer.title":"Туда, где важны и карты, и связь.",
+  "footer.copy":"Следите за репозиторием: там публикуются прошивки, сведения об устройствах, обновления карт и языковых пакетов, а также улучшения для полевого использования.",
+  "footer.repo":"Репозиторий",
+  "footer.releases":"Релизы",
+  "footer.wiki":"Вики",
+  "pack.release":"Опубликованный пакет",
+  "pack.review":"Пакет на проверке",
+  "pack.locale":"язык",
+  "pack.locales":"языков",
+  "pack.font":"пакет шрифтов",
+  "pack.fonts":"пакетов шрифтов",
+  "pack.ime":"метод ввода",
+  "pack.imes":"методов ввода",
+  "pack.download":"Скачать пакет",
+  "pack.emptyTitle":"Языковые пакеты ещё не опубликованы.",
+  "pack.emptyText":"Языковые пакеты появятся здесь после публикации каталога.",
+  "pack.errorTitle":"Список языковых пакетов недоступен",
+  "pack.errorText":"Не удалось загрузить список опубликованных языковых пакетов.",
+  "device.emptyTitle":"Фотографии устройства будут добавлены позже.",
+  "device.emptyText":"Для этого устройства доступна прошивка, но снимки его экрана ещё не добавлены.",
+  "intro.eyebrow":"ИНСТРУМЕНТЫ ДЛЯ ПОХОДОВ",
+  "intro.tagline":"Карты, связь и координация на природе.",
+  "intro.text":"Берите карты с собой, записывайте пройденный путь и координируйте группу. Базовая поддержка Meshtastic и MeshCore позволяет связаться с совместимыми терминалами поблизости. Набор функций определяется практическими потребностями на местности.",
+  "intro.try":"Попробовать устройство ↓",
+  "intro.install":"Скачать прошивку ↗",
+  "intro.cardLabel":"ПЕРЕД ВЫХОДОМ",
+  "intro.cardTitle":"Подготовьтесь к следующему маршруту.",
+  "intro.cardText":"Загрузите карты и маршруты, проверьте позиционирование и связь с участниками группы до выхода.",
+  "purpose.title":"Создано для использования на природе.",
+  "purpose.communication":"Trail Mate реализует базовую связь Meshtastic и MeshCore, чтобы на местности можно было связаться с совместимыми терминалами поблизости, обменяться информацией, попросить помощи или согласовать действия.",
+  "purpose.scope":"Полная реализация обоих протоколов и всех возможностей их исходных прошивок не является целью проекта. Расширенные радиофункции, не связанные с использованием на природе, не входят в задачи Trail Mate. Разработка ориентирована на реальные полевые потребности.",
+  "principle.identity.number":"01 / ИДЕНТИЧНОСТЬ",
+  "principle.identity.title":"Идентификационные данные под вашим контролем.",
+  "principle.identity.body":"Идентификация устройства может работать независимо от облачных аккаунтов и телефонных номеров. Контакты и переписка хранятся на оборудовании, которым управляете вы.",
+  "principle.connection.number":"02 / СВЯЗЬ",
+  "principle.connection.title":"Выберите свою сеть.",
+  "principle.connection.body":"Выберите Meshtastic, MeshCore или Reticulum. Одновременно работает один протокол. Поддержка Meshtastic и MeshCore сосредоточена на базовой связи на природе, а не на полном охвате всех функций протоколов.",
+  "principle.resources.number":"03 / ЛОКАЛЬНЫЕ ДАННЫЕ",
+  "principle.resources.title":"Подготовьте карты и маршруты.",
+  "principle.resources.body":"Храните карты, контакты и записанные треки на устройстве. Подготовьте необходимые данные заранее; настольные инструменты помогут управлять картами и маршрутами.",
+  "principle.team.number":"04 / ОБСТАНОВКА В ГРУППЕ",
+  "principle.team.title":"Знайте, где находятся участники.",
+  "principle.team.body":"TAK на устройстве объединяет участников, позиции, путевые точки, треки и сообщения группы. Публичное обнаружение, позиции контактов, позиции команды и локальные треки остаются раздельными сущностями.",
+  "prepare.label":"ПЕРЕД ОТПРАВЛЕНИЕМ",
+  "prepare.title":"Подготовьте устройство к выходу.",
+  "prepare.hardware":"Проверьте оборудование.",
+  "prepare.hardwareText":"Выберите точную плату и вариант радиомодуля, установите нужную прошивку и проверьте доступную периферию. Pager SX1262 и LR1121 используют разные сборки.",
+  "prepare.resources":"Подготовьте карты и маршруты.",
+  "prepare.resourcesText":"Загрузите карты района, импортируйте маршруты KML и установите нужные языковые пакеты. В Trail Mate Center можно подготовить картографические области и полосы карт вдоль маршрута.",
+  "prepare.team":"Проверьте связь в группе.",
+  "prepare.teamText":"Выберите протокол и совместимые настройки радио. Проверьте контакты и GNSS, выполните сопряжение команды на близком расстоянии и обменяйтесь тестовым сообщением перед выходом.",
+  "prepare.guide":"Настройка: пути к файлам, органы управления и инструкции по моделям ↗",
+  "survey.eyebrow":"ЗАЧЕМ НУЖЕН ИНЖЕНЕРНЫЙ КАЛЬКУЛЯТОР?",
+  "survey.title":"Расчёты для полевых измерений.",
+  "survey.purpose":"Инженерный калькулятор помогает при измерениях на местности: оценить перепад высот, перевести наклонное расстояние в горизонтальное, вычислить угол наклона или уклон по измеренным данным.",
+  "survey.height":"01 / ПЕРЕПАД ВЫСОТ",
+  "survey.heightTitle":"Оценка высоты.",
+  "survey.heightText":"При горизонтальном расстоянии 30 м и угле возвышения 35° перепад относительно уровня наблюдения равен 30 × tan(35°) ≈ 21,01 м.",
+  "survey.heightNote":"Для высоты дерева прибавьте высоту прибора, если основание дерева и земля под ногами находятся на одном уровне. Иначе учтите и перепад высот поверхности.",
+  "survey.distance":"02 / СОСТАВЛЯЮЩИЕ РАССТОЯНИЯ",
+  "survey.distanceTitle":"Пересчёт наклонного расстояния.",
+  "survey.distanceText":"Прямой участок длиной 100 м с наклоном 20° имеет горизонтальную составляющую 100 × cos(20°) ≈ 93,97 м и перепад высот 100 × sin(20°) ≈ 34,20 м.",
+  "survey.distanceNote":"Извилистые маршруты и участки с меняющимся наклоном рассчитывайте по отдельным отрезкам.",
+  "survey.slope":"03 / УКЛОН",
+  "survey.slopeTitle":"Расчёт уклона.",
+  "survey.slopeText":"Подъём на 12 м при горизонтальном расстоянии 40 м даёт atan(12 ÷ 40) ≈ 16,70°, или уклон 30 %. Угол в градусах и уклон в процентах — разные способы описания наклона.",
+  "survey.functions":"Доступны sin, cos, tan, обратные тригонометрические функции, степени, корни и логарифмы, а также режимы DEG/RAD. Углы и расстояния вводятся по результатам измерений; сам калькулятор их не измеряет.",
+  "survey.try":"Попробовать калькулятор ↗",
+  "story.navigation.label":"НАВИГАЦИЯ И ИЗМЕРЕНИЯ",
+  "story.navigation.title":"Изучайте рельеф и маршрут.",
+  "story.navigation.text":"Офлайн-карты показывают окружающую местность. Диагностика GNSS помогает оценить качество позиционирования, а запись треков сохраняет пройденный путь. Маршруты KML добавляют высотный профиль и путевые точки.",
+  "story.navigation.item1":"Слои OSM, рельефа, спутниковых снимков и горизонталей",
+  "story.navigation.item2":"Высотный профиль, просмотр путевых точек и экспорт GPX",
+  "story.navigation.item3":"Инженерный калькулятор для расстояний, уклонов и высот",
+  "story.navigation.link":"Попробовать полевые расчёты ↗",
+  "story.communication.label":"СВЯЗЬ И КООРДИНАЦИЯ",
+  "story.communication.title":"Оставайтесь на связи с группой.",
+  "story.communication.text":"Выберите сеть, сохраните контакты и проверяйте доставку сообщений. Выполните сопряжение команды поблизости через ESP-NOW, затем обменивайтесь позициями, местами сбора и сообщениями по LoRa.",
+  "story.communication.item1":"Базовая связь Meshtastic / MeshCore или Reticulum/LXMF",
+  "story.communication.item2":"Сохранённые контакты и история переписки",
+  "story.communication.item3":"TAK на устройстве; голосовая связь FSK/Codec2 на совместимом оборудовании",
+  "story.communication.link":"Изучить командную работу ↗",
+  "story.tools.label":"ИНСТРУМЕНТЫ И ПОДКЛЮЧЕНИЯ",
+  "story.tools.title":"Объедините свои инструменты.",
+  "story.tools.text":"Читайте сервисы Micron в Reticulum через Nomad Network. Используйте MQTT при наличии шлюза и готовьте карты и маршруты в Trail Mate Center.",
+  "story.tools.item1":"Обнаружение протоколов различает наблюдаемые признаки и подтверждённые данные",
+  "story.tools.item2":"Приём SSTV на совместимом оборудовании",
+  "story.tools.item3":"Расширения, языковые пакеты и USB-хранилище",
+  "story.tools.link":"Открыть Trail Mate Center ↗",
+  "common.manufacturer":"Производитель",
+  "common.device":"Устройство",
+  "common.allManufacturers":"Все",
+  "common.language":"Язык",
+  "common.backTop":"Наверх",
+  "document.title":"Trail Mate — Связь и навигация на природе",
+  "top.github":"GitHub",
+  "top.wiki":"Вики",
+  "top.flash":"Установка",
+  "side.label":"Руководство",
+  "side.overview":"Обзор",
+  "side.explorer":"Интерактивная демонстрация",
+  "side.capabilities":"Возможности",
+  "side.devices":"Устройства",
+  "side.features":"В полевых условиях",
+  "side.languages":"Языковые пакеты",
+  "side.flasher":"Установка через браузер",
+  "side.docs":"Документация",
+  "devices.buy":"Официальный магазин ↗",
+  "devices.unreleased":"Пока не продаётся",
+  "devices.eyebrow":"Устройства",
+  "devices.title":"Выберите своё устройство.",
+  "devices.note":"Перед установкой проверьте точную модель. Внешне похожим устройствам могут требоваться разные прошивки.",
+  "devices.interactionKicker":"Полезно знать",
+  "device.pager.controls":"Поворотный энкодер и клавиатура",
+  "device.pager.note":"Для SX1262 и LR1121 нужны разные прошивки. Общий интерфейс не означает одинаковые возможности радиосвязи.",
+  "device.tdeck.controls":"Сенсорный экран, трекбол и клавиатура",
+  "device.tdeck.note":"Интерфейс 320 × 240 пикселей. Доступная периферия зависит от оборудования и сборки прошивки.",
+  "device.wio-tracker-l2.controls":"Сенсорный экран",
+  "device.wio-tracker-l2.note":"Разрешение 320 × 240 пикселей, экран 3,2 дюйма.",
+  "explorer.label":"ИНТЕРФЕЙС ПРОШИВКИ",
+  "explorer.title":"Попробуйте интерфейс устройства.",
+  "explorer.reset":"Сбросить демонстрацию",
+  "explorer.device":"Устройство для просмотра",
+  "explorer.search":"Найти функцию",
+  "explorer.searchPlaceholder":"Карты, сообщения, калькулятор…",
+  "explorer.protocol":"Протокол демонстрации",
+  "explorer.controls":"Используйте клавиатуру и органы управления устройства.",
+  "explorer.renderer":"Страницы прошивки на C++ отображаются через LVGL 9.4 с исходными шрифтами и компоновкой.",
+  "explorer.boundary":"Демонстрация выполняет код интерфейса прошивки. Данные радио, GNSS, аккумулятора и хранилища моделируются; физическое устройство не подключено.",
+  "explorer.source":"Исходный код прошивки ↗",
+  "explorer.loading":"Загрузка интерфейса устройства…",
+  "explorer.running":"Предпросмотр устройства · модельные данные оборудования",
+  "explorer.pageError":"Не удалось открыть страницу. Сбросьте демонстрацию и повторите попытку.",
+  "explorer.off":"Устройство в демонстрации выключено. Для перезапуска сбросьте демонстрацию.",
+  "explorer.startError":"Не удалось запустить предпросмотр. Обновите страницу и повторите попытку.",
+  "guide.try":"ПОПРОБУЙТЕ",
+  "guide.requirements":"На вашем устройстве",
+  "guide.reference":"Описание функции ↗",
+  "guide.try.default":"Изучите страницу с помощью органов управления устройства. T-Deck также поддерживает сенсорный ввод.",
+  "guide.try.calculator":"В режиме DEG вычислите 30 × tan(35): получится примерно 21,01 м. Кнопка 2ND открывает обратные тригонометрические функции, MODE переключает DEG/RAD.",
+  "guide.try.network":"Выберите Reticulum в качестве протокола демонстрации и откройте пример узла, чтобы просмотреть его страницу Micron из кэша.",
+  "guide.try.route":"В записи треков откройте список маршрутов и выберите sample-route.kml, чтобы посмотреть высотный профиль и путевые точки.",
+  "guide.try.mqtt":"Откройте настройки и ознакомьтесь с параметрами протокола и сети для MQTT.",
+  "guide.try.probe":"Запустите или остановите обнаружение. Модельные данные приёмника не отражают реальную работу радиоустройств поблизости.",
+  "install.choose":"Устройство и вариант радиомодуля",
+  "install.manualInstructions":"Скачайте UF2-прошивку для t-echo-lite со страницы релизов и установите её вручную по инструкции устройства.",
+  "install.variantInstructions":"Проверьте модель и радиочип. SX1262 и LR1121 используют разные, невзаимозаменяемые прошивки.",
+  "install.eyebrow":"Установка",
+  "install.title":"Установка через браузер",
+  "install.note":"Выберите устройство и вариант радиомодуля. Для установки через браузер нужны Google Chrome или Microsoft Edge, HTTPS и USB-кабель для передачи данных. T-Echo-Lite прошивается вручную.",
+  "install.pagerCopy":"Сборка для клавиатурного Pager с SX1262. Не используйте её с оборудованием LR1121.",
+  "install.pagerLr1121Copy":"Сборка LR1121 для клавиатурного Pager с Sub-GHz и 2,4 ГГц. Не устанавливайте её на оборудование SX1262.",
+  "install.tdeckCopy":"Сборка для клавиатуры и сенсорного интерфейса T-Deck.",
+  "install.twatchCopy":"Сенсорная сборка для часов, предназначенная для полевых экспериментов с компактным устройством.",
+  "install.gatCopy":"Установка через браузер для платы nRF52 пока недоступна. Скачайте файл прошивки и установите его вручную.",
+  "install.gatHint":"Скачайте пакет прошивки из последнего релиза на GitHub.",
+  "install.checking":"Проверка прошивки…",
+  "install.openRelease":"Открыть последний релиз",
+  "install.step1":"1. Подключите устройство USB-кабелем для передачи данных.",
+  "install.step2":"2. Если требуется, переведите плату в режим загрузки.",
+  "install.step3":"3. Выберите точный вариант Pager — SX1262 или LR1121 — и установите объединённый образ через браузер.",
+  "release.waiting":"Ожидание первого релиза с тегом версии",
+  "release.ready":"{tag} доступен для установки",
+  "release.unavailable":"Информация о релизе недоступна",
+  "flasher.activate":"Установить через браузер",
+  "flasher.unsupported":"Используйте Chrome или Edge на компьютере с включённым Web Serial.",
+  "flasher.notAllowed":"Для установки через браузер откройте страницу по HTTPS.",
+  "flasher.readyNote":"Образ прошивки из последнего релиза.",
+  "flasher.missingAsset":"В последнем релизе нет образа этой платы для установки через браузер. Используйте ручную загрузку.",
+  "flasher.pending":"Прошивка для браузерной установки появится здесь после публикации первого релиза с тегом версии.",
+  "flasher.error":"Не удалось загрузить информацию о релизе. Для ручной загрузки откройте страницу релизов GitHub."
+};
diff --git a/site/i18n/runtime.js b/site/i18n/runtime.js
new file mode 100644
index 00000000..ee447afa
--- /dev/null
+++ b/site/i18n/runtime.js
@@ -0,0 +1,54 @@
+import {locales} from './registry.js';
+
+const aliases = {zh:'zh-Hans','zh-CN':'zh-Hans','zh-TW':'zh-Hant-TW','zh-Hant':'zh-Hant-TW'};
+const catalogs = new Map();
+const featureCatalogs = new Map();
+const listeners = new Set();
+let current = 'en';
+let requestVersion = 0;
+
+export function normalizeLocale(id) {
+  const candidate=aliases[id] || id;
+  return locales.some(locale=>locale.id===candidate)?candidate:'en';
+}
+
+export async function loadLocale(id) {
+  const locale=normalizeLocale(id);
+  if(!catalogs.has(locale)) {
+    const module=await import(`./${locale}.js`);
+    catalogs.set(locale,module.default);
+  }
+  if(!featureCatalogs.has(locale)) {
+    featureCatalogs.set(locale,(await import(`./features-${locale}.js`)).default);
+  }
+  return catalogs.get(locale);
+}
+
+export async function setLocale(id) {
+  const version=++requestVersion;
+  const locale=normalizeLocale(id);
+  await loadLocale(locale);
+  if(version!==requestVersion)return;
+  current=locale;
+  if(typeof document!=='undefined') {
+    document.documentElement.lang=locale;
+    document.documentElement.dir=locales.find(item=>item.id===locale).direction;
+  }
+  for(const listener of listeners)listener(locale);
+}
+
+export function getLocale() { return current; }
+export function localizeFeature(base) {
+  const text=featureCatalogs.get(current)?.[base.id];
+  if(!text)throw new Error(`Missing feature translation: ${current}:${base.id}`);
+  return {...base,...text};
+}
+export function subscribeLocale(listener) {
+  listeners.add(listener);
+  return ()=>listeners.delete(listener);
+}
+export function translate(key, values={}) {
+  const template=catalogs.get(current)?.[key];
+  if(typeof template!=='string')throw new Error(`Missing website translation: ${current}:${key}`);
+  return template.replace(/\{([\w]+)\}/g,(token,name)=>Object.hasOwn(values,name)?String(values[name]):token);
+}
diff --git a/site/i18n/zh-Hans.js b/site/i18n/zh-Hans.js
new file mode 100644
index 00000000..724d05cb
--- /dev/null
+++ b/site/i18n/zh-Hans.js
@@ -0,0 +1,265 @@
+export default {
+  "explorer.mapCredit": "地图数据 © OpenStreetMap 贡献者",
+  "explorer.mapDetail": "使用一个缩放级别为 12 的缓存 OSM 区域；路线为人工构造的测试数据。",
+  "explorer.trackball": "按下轨迹球",
+  "explorer.rotary": "按下滚轮",
+  "explorer.displayText": "固件屏幕文字",
+  "pack.name.europe-cyrillic-ext": "欧洲西里尔扩展",
+  "pack.name.europe-latin-ext": "欧洲拉丁扩展",
+  "pack.count.locales": "语言：{count}",
+  "pack.count.fonts": "字体包：{count}",
+  "pack.count.ime": "输入法：{count}",
+  "pack.count.packages": "语言包：{count}",
+  "pack.memory.standard": "标准内存",
+  "pack.memory.extended": "扩展内存",
+  "pack.memory.constrained": "受限内存",
+  "pack.description.generic": "用于设备的语言资源。",
+  "pack.count.more": "其他语言：{count}",
+  "pack.description.ar": "阿拉伯语翻译仍在审核。包含 Naskh 字体，用于从右向左及混合文字显示。目前仅支持显示，尚未实现阿拉伯语输入。",
+  "pack.description.europe-cyrillic-ext": "包含共享西里尔字体、待审核的俄语翻译和俄语西里尔键盘布局。",
+  "pack.description.europe-latin-ext": "包含共享拉丁扩展字体，以及待审核的德语、西班牙语、法语、意大利语、荷兰语、波兰语和葡萄牙语翻译。",
+  "pack.description.ja": "日语翻译仍在审核。包含外置中日韩字体，用于界面及多语言内容。目前仅支持显示，尚未实现日语输入。",
+  "pack.description.ko": "韩语翻译仍在审核。包含外置中日韩字体，用于界面及多语言内容。目前仅支持显示，尚未实现韩语输入。",
+  "pack.description.zh-Hans": "包含简体中文翻译、标准屏幕字体、适用于 T-Deck Pro 的 16 px、1 bpp GNU Unifont 字体，以及内置拼音输入后端。",
+  "pack.description.zh-Hant": "台湾繁体中文翻译仍在审核，包含中日韩字体。目前仅支持显示，尚待母语审校和完整的注音输入法。",
+  "explorer.noMatches": "没有匹配的功能",
+  "common.manufacturer": "厂家",
+  "common.device": "设备",
+  "common.allManufacturers": "全部厂家",
+  "common.language": "语言",
+  "common.backTop": "返回顶部",
+  "install.manualInstructions": "从发布页下载 t-echo-lite 对应的 UF2 固件，按该设备的说明手动刷入。",
+  "install.variantInstructions": "请确认设备型号和无线芯片。SX1262 与 LR1121 使用不同固件，不能混刷。",
+  "device.pager.controls": "滚轮与键盘",
+  "device.pager.note": "SX1262 与 LR1121 需要不同固件。共享界面布局不代表无线能力完全相同。",
+  "device.tdeck.controls": "触摸、轨迹球与键盘",
+  "device.tdeck.note": "320 × 240 布局。可用外设取决于硬件和固件构建。",
+  "device.wio-tracker-l2.controls": "触摸",
+  "device.wio-tracker-l2.note": "320 × 240 分辨率，3.2 英寸屏幕。",
+  "guide.try": "试一试",
+  "guide.requirements": "设备上的使用条件",
+  "guide.reference": "功能说明 ↗",
+  "guide.try.default": "通过设备控件体验页面功能。T-Deck 还支持触摸操作。",
+  "guide.try.calculator": "在 DEG 模式计算 30 × tan(35)，结果约为 21.01 m。用 2ND 切换反三角函数，用 MODE 切换 DEG/RAD。",
+  "guide.try.network": "选择 Reticulum 演示协议，打开示例节点，查看缓存的 Micron 页面。",
+  "guide.try.route": "在轨迹页面打开路线列表，选择 sample-route.kml，查看高程和航点。",
+  "guide.try.mqtt": "打开设置，查看 MQTT 相关协议和网络选项。",
+  "guide.try.probe": "启动或停止探测。模拟接收数据不代表周围真实的无线电活动。",
+  "explorer.renderer": "通过 LVGL 9.4 渲染固件 C++ 页面，使用固件的字体和布局。",
+  "explorer.boundary": "预览运行固件界面代码。无线电、定位、电池和存储数据均为模拟数据，没有连接实体设备。",
+  "explorer.source": "固件源码 ↗",
+  "explorer.loading": "正在加载设备预览…",
+  "explorer.running": "设备预览 · 模拟硬件数据",
+  "explorer.pageError": "无法打开此页面，请重置预览后重试。",
+  "explorer.off": "预览设备已关机，请重置演示以重新启动。",
+  "explorer.startError": "设备预览启动失败，请重新加载页面后重试。",
+  "devices.unreleased": "暂未上架",
+  "side.explorer": "交互体验",
+  "explorer.label": "固件界面",
+  "explorer.title": "体验设备界面。",
+  "explorer.reset": "重置演示",
+  "explorer.device": "预览设备",
+  "explorer.search": "查找功能",
+  "explorer.searchPlaceholder": "地图、消息、计算器…",
+  "explorer.protocol": "演示协议",
+  "explorer.controls": "通过设备键盘和实体控件操作。",
+  "story.navigation.label": "导航与测绘",
+  "story.navigation.title": "了解地形，查看路线。",
+  "story.navigation.text": "离线地图显示周边地形，GNSS 诊断帮助判断定位质量，轨迹记录保存行走路径。KML 路线提供高程和航点信息。",
+  "story.navigation.item1": "OSM、地形、卫星和等高线图层",
+  "story.navigation.item2": "路线高程、航点预览与 GPX 导出",
+  "story.navigation.item3": "计算器用于距离、坡度和高差估算",
+  "story.navigation.link": "打开测绘计算器 ↗",
+  "story.communication.label": "通信与协作",
+  "story.communication.title": "与同行队员保持联系。",
+  "story.communication.text": "选择通信网络、管理联系人并查看消息投递状态。先通过 ESP-NOW 近距离配对队伍，再通过 LoRa 交换位置、集合点和消息。",
+  "story.communication.item1": "Meshtastic / MeshCore 基础通信，或 Reticulum/LXMF",
+  "story.communication.item2": "保存联系人与会话记录",
+  "story.communication.item3": "设备端 TAK；支持的硬件可使用 FSK/Codec2 语音",
+  "story.communication.link": "体验队伍协作 ↗",
+  "story.tools.label": "户外工具与连接",
+  "story.tools.title": "连接其他工具。",
+  "story.tools.text": "通过 Nomad Network 浏览 Reticulum Micron 服务。有网关时可使用 MQTT，也可通过 Trail Mate Center 准备地图区域和路线。",
+  "story.tools.item1": "协议探测区分观察结果与已确认的证据",
+  "story.tools.item2": "支持的硬件可接收 SSTV",
+  "story.tools.item3": "扩展、语言包与 USB 存储",
+  "story.tools.link": "了解 Trail Mate Center ↗",
+  "document.title": "Trail Mate — 户外通信与导航",
+  "devices.buy": "官方购买 ↗",
+  "prepare.hardware": "确认硬件型号。",
+  "prepare.hardwareText": "确认主板与无线芯片型号，刷入对应固件，并检查可用外设。Pager SX1262 与 LR1121 使用不同的固件。",
+  "prepare.resources": "准备地图与路线。",
+  "prepare.resourcesText": "加载活动区域的地图、导入 KML 路线，并安装需要的语言包。可通过 Trail Mate Center 准备地图区域和路线走廊。",
+  "prepare.team": "测试队伍通信。",
+  "prepare.teamText": "选择协议和兼容的无线参数，检查联系人与定位，在近距离完成队伍配对，并在出发前互发消息测试。",
+  "prepare.guide": "查看设置指南：文件路径、硬件操作和各设备的使用说明 ↗",
+  "prepare.label": "出发前准备",
+  "prepare.title": "为这次出行做好准备。",
+  "principle.identity.number": "01 / 身份",
+  "principle.identity.title": "由自己掌握设备身份。",
+  "principle.identity.body": "设备身份不必依赖云端账号或手机号码。联系人和会话保存在自己掌握的设备上。",
+  "principle.connection.number": "02 / 通信",
+  "principle.connection.title": "按需要选择通信网络。",
+  "principle.connection.body": "可选择 Meshtastic、MeshCore 或 Reticulum，同一时间运行一种协议。Meshtastic 和 MeshCore 的支持聚焦户外基础通信，不以覆盖协议全部功能为目标。",
+  "principle.resources.number": "03 / 本地资源",
+  "principle.resources.title": "提前准备地图与路线。",
+  "principle.resources.body": "在设备上保存地图、联系人和已记录的轨迹。出发前准备所需资源，也可以借助桌面工具管理地图与路线。",
+  "principle.team.number": "04 / 队伍协作",
+  "principle.team.title": "了解队伍的位置与状态。",
+  "principle.team.body": "设备端 TAK 汇集成员、位置、航点、轨迹和队伍消息。公开发现、联系人位置、队伍位置与本地轨迹保持各自的用途和分享边界。",
+  "intro.eyebrow": "户外工具",
+  "intro.tagline": "户外地图、通信与协作。",
+  "intro.text": "携带地图、记录路线，与同行队员协作。通过 Meshtastic 和 MeshCore 的基础通信能力联系周围兼容的终端；协议支持范围根据实际户外需求取舍。",
+  "intro.try": "体验设备 ↓",
+  "intro.install": "安装固件 ↗",
+  "intro.cardLabel": "出发前的准备",
+  "intro.cardTitle": "准备下一次出行。",
+  "intro.cardText": "出发前加载地图和路线，检查定位，并与队员测试通信。",
+  "survey.eyebrow": "为什么需要三角函数计算器",
+  "survey.title": "为户外测绘提供计算工具。",
+  "survey.height": "01 / 高差",
+  "survey.heightTitle": "估算高度",
+  "survey.heightText": "水平距离为 30 m、仰角为 35° 时，目标相对观测点的高差为 30 × tan(35°) ≈ 21.01 m。",
+  "survey.heightNote": "估算树高时，若树根与脚下等高，再加上仪器离地高度；不等高时还需补偿地面高差。",
+  "survey.distance": "02 / 距离分解",
+  "survey.distanceTitle": "换算斜距",
+  "survey.distanceText": "一段 100 m、坡角 20° 的直线测段，水平距离为 100 × cos(20°) ≈ 93.97 m，高差为 100 × sin(20°) ≈ 34.20 m。",
+  "survey.distanceNote": "弯曲路线或坡度变化的路线应按测段分别计算。",
+  "survey.slope": "03 / 坡度",
+  "survey.slopeTitle": "计算坡度",
+  "survey.slopeText": "高差 12 m、水平距离 40 m，对应坡角 atan(12 ÷ 40) ≈ 16.70°，坡度为 30%。坡角与百分比坡度是不同的表示方式。",
+  "survey.functions": "支持三角函数、反三角函数、幂、开方和对数，以及 DEG/RAD 模式。角度和距离由使用者输入，计算器本身不进行测量。",
+  "survey.try": "打开计算器 ↗",
+  "install.choose": "设备与无线芯片型号",
+  "purpose.title": "围绕户外使用，选择需要实现的功能。",
+  "purpose.communication": "Trail Mate 接入 Meshtastic 和 MeshCore，是为了提供户外所需的基础通信能力，让使用者能够联系周围兼容的终端，交换信息、寻求帮助或开展协作。",
+  "purpose.scope": "这不代表完整实现两个协议的所有细节，也不代表具备其原生固件的全部功能。与户外用途无关的无线电进阶特性，不在 Trail Mate 的实现范围内。协议能力的取舍以实际户外需求为依据。",
+  "survey.purpose": "三角函数计算器用于户外测绘：根据测得的角度和距离估算高差，将斜距换算为水平距离，或计算坡角和坡度。",
+  "top.github": "GitHub",
+  "top.wiki": "维基",
+  "top.flash": "刷机",
+  "side.label": "使用指南",
+  "side.overview": "概览",
+  "side.capabilities": "能做什么",
+  "side.devices": "设备",
+  "side.features": "现场使用",
+  "side.languages": "语言包",
+  "side.flasher": "网页刷机",
+  "side.docs": "文档",
+  "hero.eyebrow": "离线地图 + LoRa 通信",
+  "hero.tagline": "把地图、消息和队友位置装进一台小型 LoRa 设备。",
+  "hero.lede": "Trail Mate 面向徒步、骑行、露营和野外活动：没有手机信号时，也能从 SD 卡看离线地图、用 LoRa 发消息、检查 GPS 状态，并查看队友的最后位置。",
+  "hero.primaryAction": "打开网页刷机",
+  "hero.secondaryAction": "查看仓库",
+  "hero.releaseKicker": "最新发布",
+  "hero.proofKicker": "设备截图",
+  "hero.proofText": "截图按设备分组展示，方便你确认屏幕效果是否对应自己手上的硬件。",
+  "overview.copy": "它适合手机不够可靠的场景：地图放在 SD 卡里，消息走 LoRa，不依赖移动网络；还能记录轨迹、检查信号和 GPS，并按需要安装语言包。",
+  "tag.maps": "离线地图",
+  "tag.gnss": "GNSS 诊断",
+  "tag.chat": "网格聊天",
+  "tag.team": "团队模式",
+  "tag.languages": "语言包",
+  "tag.scan": "协议包探测",
+  "tag.usb": "USB 存储",
+  "capabilities.eyebrow": "能做什么",
+  "capabilities.title": "出发前，把地图、通信和设备准备好。",
+  "capabilities.note": "选择正确设备，刷入对应固件，放入离线地图和语言包，然后在没有网络的地方继续使用。",
+  "capabilities.deviceKicker": "设备",
+  "capabilities.deviceTitle": "选择你的硬件",
+  "capabilities.deviceText": "每种设备都有对应固件、安装说明和需要注意的硬件差异。",
+  "capabilities.navigationKicker": "导航",
+  "capabilities.navigationTitle": "没有网络也能看地图",
+  "capabilities.navigationText": "从 SD 卡加载地图瓦片，切换图层，查看 GPS 定位质量，也能回看路线和轨迹。",
+  "capabilities.protocolKicker": "LoRa",
+  "capabilities.protocolTitle": "没有手机信号也能发消息",
+  "capabilities.protocolText": "通过支持的 LoRa 网格模式发送私聊、频道和团队消息，并在发送失败时给出清楚反馈。",
+  "capabilities.installKicker": "安装",
+  "capabilities.installTitle": "刷入正确版本",
+  "capabilities.installText": "支持的 ESP32 设备可以直接网页刷机；其他设备使用发布包手动安装。",
+  "capabilities.localeKicker": "本地化",
+  "capabilities.localeTitle": "按需要安装语言",
+  "capabilities.localeText": "字体、翻译和键盘布局通过 Extensions 安装，不把所有语言都塞进固件里。",
+  "capabilities.fieldKicker": "现场工具",
+  "capabilities.fieldTitle": "路上用得到的小工具",
+  "capabilities.fieldText": "需要时可以记录轨迹、看 GPS、扫频、接收 SSTV，或者通过 USB 交换数据。",
+  "devices.eyebrow": "设备",
+  "devices.title": "选择你手上的设备。",
+  "devices.note": "刷机前一定要确认硬件型号。有些设备外观相似，但不能混刷固件。",
+  "devices.interactionKicker": "注意事项",
+  "features.navEyebrow": "导航",
+  "features.navTitle": "没有手机信号，也能带着地图走。",
+  "features.navLead": "出发前把地图瓦片放进 SD 卡，路上就能在设备上查看 OSM、地形和卫星图层。GPS 页面会告诉你当前定位是否可信。",
+  "features.commEyebrow": "通信",
+  "features.commTitle": "手机帮不上忙时，仍然能联系队友。",
+  "features.commLead": "可以直接在设备上写消息，失败后点消息气泡重发，也能把团队消息和普通频道消息分开。",
+  "features.toolsEyebrow": "现场工具",
+  "features.toolsTitle": "把常用现场工具也带上。",
+  "features.toolsLead": "扫频、SSTV 接收、USB 数据交换和轨迹查看，可以在需要检查环境或导出数据时派上用场。",
+  "languages.eyebrow": "本地化",
+  "languages.title": "固件保持精简，需要什么语言再安装。",
+  "languages.note": "英文始终内置可用。其他字体、翻译和键盘布局可以从 Extensions 安装，包括西里尔键盘支持。",
+  "languages.defaultKicker": "内置默认",
+  "languages.defaultTitle": "设备始终可以回到英文。",
+  "languages.defaultText": "即使没有安装外部语言包，设备也可以启动、恢复并保持可用。",
+  "languages.catalogKicker": "语言包目录",
+  "languages.bundleSuffix": "个包，覆盖",
+  "languages.localeSuffix": "个可用语言。",
+  "languages.catalogText": "语言包可以包含翻译、字体和键盘布局。设备端安装即可，不需要重新编译固件。",
+  "languages.gateKicker": "包状态",
+  "languages.gateTitle": "复核状态会明确显示。",
+  "languages.gateText": "有些语言已经适合日常使用，有些仍需要母语用户继续校对，目录里会直接标出来。",
+  "languages.loadingKicker": "目录",
+  "languages.loadingTitle": "正在加载语言包目录...",
+  "languages.loadingText": "当前已发布的语言包会显示在这里。",
+  "install.eyebrow": "安装",
+  "install.title": "网页刷机",
+  "install.note": "请选择设备和无线芯片型号。浏览器刷机需要 Google Chrome 或 Microsoft Edge、HTTPS 页面和 USB 数据线。T-Echo-Lite 使用手动安装流程。",
+  "install.pagerCopy": "面向键盘 Pager 的 SX1262 固件。LR1121 硬件不要使用这个卡片。",
+  "install.pagerLr1121Copy": "面向 Sub-GHz + 2.4 GHz 键盘 Pager 的 LR1121 固件。不要刷到 SX1262 硬件上。",
+  "install.tdeckCopy": "面向 T-Deck 键盘 + 触屏布局调校的固件。",
+  "install.twatchCopy": "面向紧凑触屏手表实验的固件。",
+  "install.gatCopy": "nRF52 目标暂未接入浏览器刷机，请使用发布包手动刷写。",
+  "install.gatHint": "从最新 GitHub Release 下载打包固件。",
+  "install.checking": "正在检查可用固件...",
+  "install.openRelease": "打开最新发布",
+  "install.step1": "1. 使用 USB 数据线连接设备。",
+  "install.step2": "2. 如果硬件需要，请先进入下载模式。",
+  "install.step3": "3. 选择精确的 SX1262 或 LR1121 Pager 目标，让浏览器刷写合并镜像。",
+  "docs.eyebrow": "继续阅读",
+  "docs.title": "需要更详细的设置说明？",
+  "docs.copy": "维基里有硬件说明、刷机步骤、地图准备、配置方法、故障排查和完整发布说明。",
+  "docs.wiki": "维基首页",
+  "docs.hardware": "支持硬件",
+  "footer.eyebrow": "Trail Mate 现场笔记",
+  "footer.title": "为地图和信号都很重要的地方而做。",
+  "footer.copy": "关注仓库即可获取固件发布、设备说明、地图和语言包更新，以及面向户外使用的修复。",
+  "footer.repo": "仓库",
+  "footer.releases": "发布",
+  "footer.wiki": "维基",
+  "release.waiting": "等待首个带标签发布",
+  "release.ready": "{tag} 可安装",
+  "release.unavailable": "无法加载发布信息",
+  "flasher.activate": "在浏览器中刷机",
+  "flasher.unsupported": "请使用支持 Web Serial 的桌面版 Chrome 或 Edge。",
+  "flasher.notAllowed": "请通过 HTTPS 打开页面以使用网页刷机。",
+  "flasher.readyNote": "来自最新发布的合并固件镜像。",
+  "flasher.missingAsset": "最新发布中缺少此板卡的网页刷机产物，请暂时手动下载。",
+  "flasher.pending": "首个带标签发布完成后，网页刷机产物会显示在这里。",
+  "flasher.error": "无法加载发布信息。请打开 GitHub Release 页面手动下载。",
+  "pack.release": "正式包",
+  "pack.review": "复核包",
+  "pack.locale": "个语言",
+  "pack.locales": "个语言",
+  "pack.font": "个字体包",
+  "pack.fonts": "个字体包",
+  "pack.ime": "个输入法",
+  "pack.imes": "个输入法",
+  "pack.download": "下载语言包",
+  "pack.emptyTitle": "还没有发布语言包。",
+  "pack.emptyText": "包目录生成后，Pages 会在这里展示语言包。",
+  "pack.errorTitle": "语言包目录不可用",
+  "pack.errorText": "官网当前无法加载已发布的语言包元数据。",
+  "device.emptyTitle": "已预留专属截图位。",
+  "device.emptyText": "这个设备已经有固件目标，但还没有加入自己的屏幕截图。"
+};
diff --git a/site/i18n/zh-Hant-TW.js b/site/i18n/zh-Hant-TW.js
new file mode 100644
index 00000000..54ed704e
--- /dev/null
+++ b/site/i18n/zh-Hant-TW.js
@@ -0,0 +1,265 @@
+export default {
+  "explorer.mapCredit": "地圖資料 © OpenStreetMap 貢獻者",
+  "explorer.mapDetail": "使用一個縮放層級為 12 的快取 OSM 區域；路線為人工建立的測試資料。",
+  "explorer.trackball": "按下軌跡球",
+  "explorer.rotary": "按下滾輪",
+  "explorer.displayText": "韌體畫面文字",
+  "pack.name.europe-cyrillic-ext": "歐洲西里爾擴充",
+  "pack.name.europe-latin-ext": "歐洲拉丁擴充",
+  "pack.count.locales": "語言：{count}",
+  "pack.count.fonts": "字型套件：{count}",
+  "pack.count.ime": "輸入法：{count}",
+  "pack.count.packages": "語言套件：{count}",
+  "pack.memory.standard": "標準記憶體",
+  "pack.memory.extended": "擴充記憶體",
+  "pack.memory.constrained": "有限記憶體",
+  "pack.description.generic": "供裝置使用的語言資源。",
+  "pack.count.more": "其他語言：{count}",
+  "pack.description.ar": "阿拉伯語翻譯仍待審校。包含 Naskh 字型，可顯示由右至左及混合文字。目前僅支援顯示，尚未提供阿拉伯語輸入。",
+  "pack.description.europe-cyrillic-ext": "包含共用的西里爾字型、待審校的俄語翻譯，以及俄語西里爾鍵盤配置。",
+  "pack.description.europe-latin-ext": "包含共用的拉丁擴充字型，以及待審校的德語、西班牙語、法語、義大利語、荷蘭語、波蘭語與葡萄牙語翻譯。",
+  "pack.description.ja": "日語翻譯仍待審校。包含外部中日韓字型，供介面與多語內容使用。目前僅支援顯示，尚未提供日語輸入。",
+  "pack.description.ko": "韓語翻譯仍待審校。包含外部中日韓字型，供介面與多語內容使用。目前僅支援顯示，尚未提供韓語輸入。",
+  "pack.description.zh-Hans": "包含簡體中文翻譯、標準螢幕字型、適用於 T-Deck Pro 的 16 px、1 bpp GNU Unifont 字型，以及內建拼音輸入後端。",
+  "pack.description.zh-Hant": "台灣繁體中文翻譯仍待審校，包含中日韓字型。目前僅支援顯示，尚待母語使用者審校與完整的注音輸入法。",
+  "explorer.noMatches": "找不到符合的功能",
+  "common.manufacturer": "廠家",
+  "common.device": "裝置",
+  "common.allManufacturers": "全部廠家",
+  "common.language": "語言",
+  "common.backTop": "返回頂部",
+  "install.manualInstructions": "從釋出頁下載 t-echo-lite 對應的 UF2 韌體，按該裝置的說明手動刷入。",
+  "install.variantInstructions": "請確認裝置型號和無線晶片。SX1262 與 LR1121 使用不同韌體，不能混刷。",
+  "device.pager.controls": "滾輪與鍵盤",
+  "device.pager.note": "SX1262 與 LR1121 需要不同韌體。共享介面佈局不代表無線能力完全相同。",
+  "device.tdeck.controls": "觸控、軌跡球與鍵盤",
+  "device.tdeck.note": "320 × 240 的版面配置。可用周邊硬體依裝置與韌體版本而異。",
+  "device.wio-tracker-l2.controls": "觸控",
+  "device.wio-tracker-l2.note": "320 × 240 解析度，3.2 英寸螢幕。",
+  "guide.try": "試一試",
+  "guide.requirements": "裝置上的使用條件",
+  "guide.reference": "功能說明 ↗",
+  "guide.try.default": "透過裝置控制元件體驗頁面功能。T-Deck 還支援觸控操作。",
+  "guide.try.calculator": "在 DEG 模式計算 30 × tan(35)，結果約為 21.01 公尺。使用 2ND 切換反三角函數，使用 MODE 切換 DEG/RAD。",
+  "guide.try.network": "將示範通訊協定設為 Reticulum，開啟範例節點，查看快取的 Micron 頁面。",
+  "guide.try.route": "在軌跡頁面開啟路線列表，選擇 sample-route.kml，檢視高程和航點。",
+  "guide.try.mqtt": "開啟設定，查看 MQTT 相關的通訊協定與網路選項。",
+  "guide.try.probe": "啟動或停止探測。模擬接收資料不代表周圍真實的無線電活動。",
+  "explorer.renderer": "透過 LVGL 9.4 渲染韌體 C++ 頁面，使用韌體的字型和佈局。",
+  "explorer.boundary": "預覽執行韌體介面程式碼。無線電、定位、電池和儲存資料均為模擬資料，沒有連線實體裝置。",
+  "explorer.source": "韌體原始碼 ↗",
+  "explorer.loading": "正在載入裝置預覽…",
+  "explorer.running": "裝置預覽 · 模擬硬體資料",
+  "explorer.pageError": "無法開啟此頁面，請重置預覽後重試。",
+  "explorer.off": "預覽裝置已關機，請重置演示以重新啟動。",
+  "explorer.startError": "裝置預覽啟動失敗，請重新載入頁面後重試。",
+  "devices.unreleased": "暫未上架",
+  "side.explorer": "互動體驗",
+  "explorer.label": "韌體介面",
+  "explorer.title": "體驗裝置介面。",
+  "explorer.reset": "重置演示",
+  "explorer.device": "預覽裝置",
+  "explorer.search": "查詢功能",
+  "explorer.searchPlaceholder": "地圖、訊息、計算機…",
+  "explorer.protocol": "示範通訊協定",
+  "explorer.controls": "透過裝置鍵盤和實體控制元件操作。",
+  "story.navigation.label": "導航與測繪",
+  "story.navigation.title": "瞭解地形，檢視路線。",
+  "story.navigation.text": "離線地圖顯示周遭地形，GNSS 診斷協助判斷定位品質，軌跡記錄留下走過的路。KML 路線提供高程與航點資訊。",
+  "story.navigation.item1": "OSM、地形、衛星和等高線圖層",
+  "story.navigation.item2": "路線高程、航點預覽與 GPX 匯出",
+  "story.navigation.item3": "科學計算機可估算距離、坡度與高差",
+  "story.navigation.link": "開啟戶外計算機 ↗",
+  "story.communication.label": "通訊與協作",
+  "story.communication.title": "與同行隊員保持聯絡。",
+  "story.communication.text": "選擇通訊網路、管理聯絡人並檢視訊息投遞狀態。先透過 ESP-NOW 近距離配對隊伍，再透過 LoRa 交換位置、集合點和訊息。",
+  "story.communication.item1": "Meshtastic / MeshCore 基礎通訊，或 Reticulum/LXMF",
+  "story.communication.item2": "儲存聯絡人與對話記錄",
+  "story.communication.item3": "裝置端 TAK；支援的硬體可使用 FSK/Codec2 語音",
+  "story.communication.link": "體驗隊伍協作 ↗",
+  "story.tools.label": "戶外工具與連線",
+  "story.tools.title": "串連其他工具。",
+  "story.tools.text": "透過 Nomad Network 瀏覽 Reticulum 的 Micron 服務。有可用閘道時可使用 MQTT，也能用 Trail Mate Center 準備地圖區域與路線。",
+  "story.tools.item1": "通訊協定偵測可區分觀察結果與已確認的證據",
+  "story.tools.item2": "支援的硬體可接收 SSTV",
+  "story.tools.item3": "擴充功能、語言套件與 USB 儲存",
+  "story.tools.link": "瞭解 Trail Mate Center ↗",
+  "document.title": "Trail Mate — 戶外通訊與導航",
+  "devices.buy": "官方購買 ↗",
+  "prepare.hardware": "確認硬體型號。",
+  "prepare.hardwareText": "確認開發板與無線電晶片型號，安裝對應韌體，並檢查可用的周邊硬體。Pager SX1262 與 LR1121 使用不同的韌體。",
+  "prepare.resources": "準備地圖與路線。",
+  "prepare.resourcesText": "載入活動區域的地圖、匯入 KML 路線，並安裝需要的語言套件。可使用 Trail Mate Center 準備地圖區域與路線沿途的地圖。",
+  "prepare.team": "測試隊伍通訊。",
+  "prepare.teamText": "選擇通訊協定與相容的無線電設定，確認聯絡人與定位狀態，近距離完成隊伍配對，並在出發前互傳訊息測試。",
+  "prepare.guide": "檢視設定指南：檔案路徑、硬體操作和各裝置的使用說明 ↗",
+  "prepare.label": "出發前準備",
+  "prepare.title": "為這趟旅程做好準備。",
+  "principle.identity.number": "01 / 身分",
+  "principle.identity.title": "裝置身分由自己掌握。",
+  "principle.identity.body": "裝置身分不必依賴雲端帳號或手機號碼。將聯絡人與對話儲存在自己掌握的裝置上。",
+  "principle.connection.number": "02 / 通訊",
+  "principle.connection.title": "選擇適合的通訊網路。",
+  "principle.connection.body": "可選擇 Meshtastic、MeshCore 或 Reticulum，同一時間使用一種通訊協定。Meshtastic 和 MeshCore 的支援以戶外基本通訊為主，不以涵蓋所有功能為目標。",
+  "principle.resources.number": "03 / 本機資源",
+  "principle.resources.title": "提前準備地圖與路線。",
+  "principle.resources.body": "在裝置上儲存地圖、聯絡人和已記錄的軌跡。出發前準備所需資源，也可以藉助桌面工具管理地圖與路線。",
+  "principle.team.number": "04 / 隊伍協作",
+  "principle.team.title": "瞭解隊伍的位置與狀態。",
+  "principle.team.body": "裝置上的 TAK 整合隊員、位置、航點、軌跡與隊伍訊息。公開探索、聯絡人位置、隊伍位置及本機軌跡仍各自獨立。",
+  "intro.eyebrow": "戶外工具",
+  "intro.tagline": "戶外地圖、通訊與協作。",
+  "intro.text": "隨身帶著地圖、記錄走過的路，並與同行隊員協調行動。透過 Meshtastic 和 MeshCore 的基本通訊聯絡附近的相容裝置；支援功能依實際戶外需求取捨。",
+  "intro.try": "體驗裝置 ↓",
+  "intro.install": "安裝韌體 ↗",
+  "intro.cardLabel": "出發前的準備",
+  "intro.cardTitle": "準備下一趟旅程。",
+  "intro.cardText": "出發前載入地圖和路線，檢查定位，並與隊員測試通訊。",
+  "survey.eyebrow": "為什麼需要科學計算機？",
+  "survey.title": "為戶外測繪提供計算工具。",
+  "survey.height": "01 / 高差",
+  "survey.heightTitle": "估算高度",
+  "survey.heightText": "水平距離為 30 m、仰角為 35° 時，目標相對觀測點的高差為 30 × tan(35°) ≈ 21.01 m。",
+  "survey.heightNote": "估算樹高時，若樹根與腳下等高，再加上儀器離地高度；不等高時還需補償地面高差。",
+  "survey.distance": "02 / 距離分解",
+  "survey.distanceTitle": "換算斜距",
+  "survey.distanceText": "一段 100 m、坡角 20° 的直線測段，水平距離為 100 × cos(20°) ≈ 93.97 m，高差為 100 × sin(20°) ≈ 34.20 m。",
+  "survey.distanceNote": "彎曲路線或坡度變化的路線應按測段分別計算。",
+  "survey.slope": "03 / 坡度",
+  "survey.slopeTitle": "計算坡度",
+  "survey.slopeText": "高差 12 m、水平距離 40 m，對應坡角 atan(12 ÷ 40) ≈ 16.70°，坡度為 30%。坡角與百分比坡度是不同的表示方式。",
+  "survey.functions": "支援三角函數、反三角函數、次方、開根號、對數與 DEG/RAD 模式。請輸入實際量測的角度與距離；計算機本身不會量測。",
+  "survey.try": "開啟計算機 ↗",
+  "install.choose": "裝置與無線電晶片型號",
+  "purpose.title": "為戶外使用而設計。",
+  "purpose.communication": "Trail Mate 提供 Meshtastic 和 MeshCore 的基本通訊功能，讓使用者在戶外聯絡附近的相容裝置，交換資訊、尋求協助或協調行動。",
+  "purpose.scope": "這並非完整實作兩種通訊協定，也不具備其原生韌體的全部功能。與戶外用途無關的進階無線電功能，不在 Trail Mate 的開發範圍內。支援哪些功能，以實際戶外需求為依據。",
+  "survey.purpose": "科學計算機可協助戶外測繪：依量測的角度與距離估算高差、將斜距換算為水平距離，或計算坡角與坡度。",
+  "top.github": "GitHub",
+  "top.wiki": "維基",
+  "top.flash": "安裝韌體",
+  "side.label": "使用指南",
+  "side.overview": "總覽",
+  "side.capabilities": "能做什麼",
+  "side.devices": "裝置",
+  "side.features": "戶外應用",
+  "side.languages": "語言套件",
+  "side.flasher": "網頁安裝韌體",
+  "side.docs": "文件",
+  "hero.eyebrow": "離線地圖 + LoRa 通訊",
+  "hero.tagline": "把地圖、訊息和隊友位置裝進一臺小型 LoRa 裝置。",
+  "hero.lede": "Trail Mate 面向徒步、騎行、露營和野外活動：沒有手機訊號時，也能從 SD 卡看離線地圖、用 LoRa 發訊息、檢查 GPS 狀態，並檢視隊友的最後位置。",
+  "hero.primaryAction": "開啟網頁安裝工具",
+  "hero.secondaryAction": "查看程式碼儲存庫",
+  "hero.releaseKicker": "最新版本",
+  "hero.proofKicker": "裝置截圖",
+  "hero.proofText": "截圖按裝置分組展示，方便你確認螢幕效果是否對應自己手上的硬體。",
+  "overview.copy": "當手機無法滿足需求時，將地圖存放在 SD 卡，以 LoRa 傳送訊息，不必依賴行動網路。也能記錄軌跡、檢查訊號與 GPS，並視需要安裝語言套件。",
+  "tag.maps": "離線地圖",
+  "tag.gnss": "GNSS 診斷",
+  "tag.chat": "網狀網路通訊",
+  "tag.team": "隊伍模式",
+  "tag.languages": "語言套件",
+  "tag.scan": "通訊協定偵測",
+  "tag.usb": "USB 儲存",
+  "capabilities.eyebrow": "能做什麼",
+  "capabilities.title": "出發前，把地圖、通訊和裝置準備好。",
+  "capabilities.note": "選擇正確裝置、安裝對應韌體，並準備離線地圖與語言套件，讓你離開手機訊號範圍後仍能使用。",
+  "capabilities.deviceKicker": "裝置",
+  "capabilities.deviceTitle": "選擇你的硬體",
+  "capabilities.deviceText": "每種裝置都有對應韌體、安裝說明和需要注意的硬體差異。",
+  "capabilities.navigationKicker": "導航",
+  "capabilities.navigationTitle": "沒有網路也能看地圖",
+  "capabilities.navigationText": "從 SD 卡載入地圖圖磚、切換圖層、查看 GPS 定位品質，也能回顧路線與軌跡。",
+  "capabilities.protocolKicker": "LoRa",
+  "capabilities.protocolTitle": "沒有手機訊號也能發訊息",
+  "capabilities.protocolText": "透過支援的 LoRa 網狀網路模式傳送私人、頻道或隊伍訊息，並在傳送失敗時提供明確提示。",
+  "capabilities.installKicker": "安裝",
+  "capabilities.installTitle": "安裝正確的韌體",
+  "capabilities.installText": "支援的 ESP32 裝置可直接透過瀏覽器安裝韌體；其他裝置則需下載韌體檔案，手動安裝。",
+  "capabilities.localeKicker": "多語支援",
+  "capabilities.localeTitle": "視需要安裝語言",
+  "capabilities.localeText": "透過「擴充功能」安裝字型、翻譯與鍵盤配置，不必將所有語言都放進韌體。",
+  "capabilities.fieldKicker": "戶外工具",
+  "capabilities.fieldTitle": "路上用得到的小工具",
+  "capabilities.fieldText": "除了通訊，也能記錄軌跡、查看 GPS、檢查訊號、接收 SSTV，或透過 USB 交換資料。",
+  "devices.eyebrow": "裝置",
+  "devices.title": "選擇你手上的裝置。",
+  "devices.note": "安裝韌體前，請務必確認硬體型號。有些裝置外觀相似，但需要不同的韌體。",
+  "devices.interactionKicker": "注意事項",
+  "features.navEyebrow": "導航",
+  "features.navTitle": "沒有手機訊號，也能帶著地圖走。",
+  "features.navLead": "出發前將地圖圖磚存入 SD 卡，就能在裝置上查看 OSM、地形與衛星圖層。GPS 頁面可協助判斷目前定位是否可靠。",
+  "features.commEyebrow": "通訊",
+  "features.commTitle": "手機幫不上忙時，仍然能聯絡隊友。",
+  "features.commLead": "可以直接在裝置上寫訊息，失敗後點訊息氣泡重發，也能把團隊訊息和普通頻道訊息分開。",
+  "features.toolsEyebrow": "現場工具",
+  "features.toolsTitle": "把常用現場工具也帶上。",
+  "features.toolsLead": "需要檢查周遭訊號或匯出資料時，可使用訊號掃描、SSTV 接收、USB 資料交換與軌跡檢視。",
+  "languages.eyebrow": "多語支援",
+  "languages.title": "韌體保持精簡，需要什麼語言再安裝。",
+  "languages.note": "英文始終內建可用。其他字型、翻譯與鍵盤配置可從「擴充功能」安裝，也支援西里爾字母鍵盤。",
+  "languages.defaultKicker": "內建預設",
+  "languages.defaultTitle": "裝置隨時都能使用英文。",
+  "languages.defaultText": "即使未安裝外部語言套件，裝置仍可啟動、復原並正常操作。",
+  "languages.catalogKicker": "語言套件目錄",
+  "languages.bundleSuffix": "個包，覆蓋",
+  "languages.localeSuffix": "個可用語言。",
+  "languages.catalogText": "語言套件可包含翻譯、字型與鍵盤配置，直接在裝置上安裝即可，不必重新編譯韌體。",
+  "languages.gateKicker": "套件狀態",
+  "languages.gateTitle": "清楚標示審校狀態。",
+  "languages.gateText": "部分語言已適合日常使用，其他語言仍待母語使用者審校；目錄會清楚標示狀態。",
+  "languages.loadingKicker": "目錄",
+  "languages.loadingTitle": "正在載入語言套件目錄…",
+  "languages.loadingText": "已發布的語言套件會顯示在這裡。",
+  "install.eyebrow": "安裝",
+  "install.title": "網頁安裝韌體",
+  "install.note": "請選擇裝置與無線電晶片型號。網頁安裝需要 Google Chrome 或 Microsoft Edge、HTTPS 連線，以及可傳輸資料的 USB 線。T-Echo-Lite 採用手動安裝。",
+  "install.pagerCopy": "適用於鍵盤版 Pager 的 SX1262 韌體，請勿用於 LR1121 硬體。",
+  "install.pagerLr1121Copy": "適用於 Sub-GHz 與 2.4 GHz 鍵盤版 Pager 的 LR1121 韌體，請勿安裝在 SX1262 硬體上。",
+  "install.tdeckCopy": "針對 T-Deck 鍵盤與觸控配置調整的韌體。",
+  "install.twatchCopy": "適合小型觸控手錶進行戶外實驗的韌體。",
+  "install.gatCopy": "nRF52 開發板尚不支援網頁安裝，請下載韌體檔案後手動安裝。",
+  "install.gatHint": "請從 GitHub 最新版本頁面下載韌體。",
+  "install.checking": "正在檢查可用韌體...",
+  "install.openRelease": "開啟最新版本",
+  "install.step1": "1. 使用可傳輸資料的 USB 線連接裝置。",
+  "install.step2": "2. 如果硬體需要，請先進入下載模式。",
+  "install.step3": "3. 選擇正確的 SX1262 或 LR1121 Pager 型號，由瀏覽器寫入合併韌體檔案。",
+  "docs.eyebrow": "繼續閱讀",
+  "docs.title": "需要更詳細的設定說明？",
+  "docs.copy": "Wiki 提供硬體說明、韌體安裝步驟、地圖準備、設定協助、疑難排解與完整版本說明。",
+  "docs.wiki": "維基首頁",
+  "docs.hardware": "支援硬體",
+  "footer.eyebrow": "Trail Mate 現場筆記",
+  "footer.title": "為地圖和訊號都很重要的地方而做。",
+  "footer.copy": "追蹤程式碼儲存庫，掌握韌體版本、裝置說明、地圖與語言套件更新，以及戶外使用相關的改善。",
+  "footer.repo": "程式碼儲存庫",
+  "footer.releases": "版本發布",
+  "footer.wiki": "維基",
+  "release.waiting": "等待第一個標記版本發布",
+  "release.ready": "{tag} 可安裝",
+  "release.unavailable": "無法載入版本資訊",
+  "flasher.activate": "透過瀏覽器安裝",
+  "flasher.unsupported": "請使用支援 Web Serial 的桌面版 Chrome 或 Edge。",
+  "flasher.notAllowed": "請透過 HTTPS 開啟頁面，才能使用網頁安裝工具。",
+  "flasher.readyNote": "使用最新版本的韌體檔案。",
+  "flasher.missingAsset": "最新版本未提供此開發板的網頁安裝檔案，請先手動下載。",
+  "flasher.pending": "第一個標記版本發布後，網頁安裝檔案就會顯示在這裡。",
+  "flasher.error": "無法載入版本資訊。請開啟 GitHub 版本發布頁面手動下載。",
+  "pack.release": "已發布套件",
+  "pack.review": "待審校套件",
+  "pack.locale": "個語言",
+  "pack.locales": "個語言",
+  "pack.font": "個字型包",
+  "pack.fonts": "個字型包",
+  "pack.ime": "個輸入法",
+  "pack.imes": "個輸入法",
+  "pack.download": "下載套件",
+  "pack.emptyTitle": "尚未發布語言套件。",
+  "pack.emptyText": "語言套件清單發布後，就會顯示在這裡。",
+  "pack.errorTitle": "語言包目錄不可用",
+  "pack.errorText": "官網當前無法載入已釋出的語言包後設資料。",
+  "device.emptyTitle": "已預留專屬截圖位。",
+  "device.emptyText": "這個裝置已經有韌體目標，但還沒有加入自己的螢幕截圖。"
+};
diff --git a/site/index.html b/site/index.html
index b9b37cdb..c2f56b58 100644
--- a/site/index.html
+++ b/site/index.html
@@ -15,28 +15,32 @@
       rel="stylesheet"
     >
     <link rel="icon" type="image/png" href="./assets/showcase/brand-logo.png">
+    <link rel="stylesheet" href="./components-dist/components.css">
     <link rel="stylesheet" href="./styles.css">
+    <link rel="stylesheet" href="./explorer.css?v=reading-surfaces-4">
     <script
       type="module"
       src="https://unpkg.com/esp-web-tools@10/dist/web/install-button.js?module"
     ></script>
     <script type="module" src="./main.js"></script>
+    <script type="module" src="./components-dist/components.js?v=manufacturer-all"></script>
+    <script type="module" src="./native-explorer.js"></script>
   </head>
   <body>
     <div class="page-shell">
       <header class="topbar">
-        <a class="brand" href="./" aria-label="Trail Mate homepage">
+        <a class="brand" href="./" data-i18n-aria="document.title" aria-label="Trail Mate">
           <img
             class="brand-logo"
             src="./assets/showcase/brand-logo.png"
-            alt="Trail Mate logo"
+            alt=""
             width="608"
             height="400"
           >
           <span class="brand-text">Trail Mate</span>
         </a>
 
-        <div class="top-actions" aria-label="Global actions">
+        <div class="top-actions">
           <a class="top-link" href="https://github.com/vicliu624/trail-mate" data-i18n="top.github">
             GitHub
           </a>
@@ -46,38 +50,31 @@
           <a class="top-link top-link-strong" href="#webflasher" data-i18n="top.flash">
             Flash
           </a>
-          <div class="language-toggle" role="group" aria-label="Language">
-            <button class="lang-button is-active" type="button" data-lang-choice="en" aria-pressed="true">
-              EN
-            </button>
+          <div class="language-toggle" role="group" data-i18n-aria="common.language" aria-label="Language">
+            <select id="site-language" data-i18n-aria="common.language" aria-label="Language">
+              <option value="en">English</option>
+              <option value="zh-Hans">简体中文</option>
+              <option value="zh-Hant-TW">繁體中文（台灣）</option>
+              <option value="ja">日本語</option>
+              <option value="ko">한국어</option>
+              <option value="fr">Français</option>
+              <option value="de">Deutsch</option>
+              <option value="es">Español</option>
+              <option value="it">Italiano</option>
+              <option value="ru">Русский</option>
+              <option value="ar">العربية</option>
+            </select>
           </div>
         </div>
       </header>
 
       <div class="content-shell">
-        <aside class="sidebar" aria-label="Site navigation">
+        <aside class="sidebar" data-i18n-aria="side.label" aria-label="Site navigation">
           <p class="sidebar-label" data-i18n="side.label">Product Map</p>
           <nav class="side-nav">
             <a href="#overview" data-i18n="side.overview">Overview</a>
+            <a href="#explorer" data-i18n="side.explorer">Interactive guide</a>
             <a href="#capabilities" data-i18n="side.capabilities">Capabilities</a>
-            <details class="nav-group" open>
-              <summary data-i18n="side.devices">Devices</summary>
-              <button class="side-device is-active" type="button" data-device-nav="tlora-pager-sx1262">
-                <span>T-LoRa Pager SX1262</span>
-              </button>
-              <button class="side-device" type="button" data-device-nav="tlora-pager-lr1121">
-                <span>T-LoRa Pager LR1121</span>
-              </button>
-              <button class="side-device" type="button" data-device-nav="tdeck">
-                <span>T-Deck</span>
-              </button>
-              <button class="side-device" type="button" data-device-nav="lilygo-twatch-s3">
-                <span>T-Watch-S3</span>
-              </button>
-              <button class="side-device" type="button" data-device-nav="gat562-mesh-evb-pro">
-                <span>GAT562 EVB Pro</span>
-              </button>
-            </details>
             <a href="#features" data-i18n="side.features">Feature Walkthrough</a>
             <a href="#languages" data-i18n="side.languages">Language Packs</a>
             <a href="#webflasher" data-i18n="side.flasher">Web Flasher</a>
@@ -88,63 +85,70 @@
         <main class="main-content">
           <section class="hero" id="overview">
             <div class="hero-copy">
-              <p class="eyebrow" data-i18n="hero.eyebrow">Offline Maps + LoRa for the Field</p>
+              <p class="eyebrow" data-i18n="intro.eyebrow">TOOLS FOR THE FIELD</p>
               <h1>Trail Mate</h1>
-              <p class="hero-tagline" data-i18n="hero.tagline">
-                Carry maps, messages, and teammate positions on a small LoRa device.
+              <p class="hero-tagline" data-i18n="intro.tagline">
+                Maps, communication and coordination for the outdoors.
               </p>
-              <p class="lede" data-i18n="hero.lede">
-                Trail Mate helps hikers and field groups stay oriented when cell service is gone: browse offline maps
-                from SD, send LoRa messages, check GPS health, and keep team movement visible on compact handhelds.
+              <p class="lede" data-i18n="intro.text">
+                Carry maps, record your route and coordinate with your group. Basic Meshtastic and MeshCore support lets you contact compatible terminals nearby; protocol coverage follows practical outdoor needs.
               </p>
               <div class="hero-actions">
-                <a class="button button-primary" href="#webflasher" data-i18n="hero.primaryAction">
-                  Open Web Flasher
+                <a class="button button-primary" href="#explorer" data-i18n="intro.try">
+                  Try the device ↓
                 </a>
                 <a
                   class="button button-secondary"
-                  href="https://github.com/vicliu624/trail-mate"
-                  data-i18n="hero.secondaryAction"
+                  href="#webflasher"
+                  data-i18n="intro.install"
                 >
-                  View Repository
+                  Get the firmware ↗
                 </a>
               </div>
             </div>
 
             <div class="hero-visual">
-              <div class="hero-screen">
-                <img
-                  src="./assets/showcase/home-main.png"
-                  alt="Trail Mate main menu screenshot"
-                  loading="eager"
-                >
-              </div>
+              <span class="hero-compass" aria-hidden="true">⌖</span>
+              <p class="eyebrow" data-i18n="intro.cardLabel">ON YOUR DEVICE</p>
+              <h3 data-i18n="intro.cardTitle">Prepare for your next trip.</h3>
+              <p data-i18n="intro.cardText">Load maps and routes, check positioning and test communication with your group before departure.</p>
               <div class="hero-note hero-note-release">
                 <p class="feature-kicker" data-i18n="hero.releaseKicker">Latest Release</p>
                 <p class="hero-note-value" data-release-version>Waiting for first tagged release</p>
               </div>
-              <div class="hero-note hero-note-proof">
-                <p class="feature-kicker" data-i18n="hero.proofKicker">Device Photos</p>
-                <p class="hero-note-value" data-i18n="hero.proofText">
-                  Screenshots are grouped by device so you can tell which screens match the hardware you plan to carry.
-                </p>
-              </div>
             </div>
           </section>
 
-          <section class="overview-ribbon" aria-label="Project overview">
+          <section id="explorer" data-i18n-aria="explorer.title" aria-label="Interactive device guide">
+            <h2>Explore Pager and T-Deck</h2>
+            <p>Enable JavaScript to use the interactive guide. Product information, setup links and hardware notes remain available below.</p>
+          </section>
+
+          <section class="story-section" id="design-purpose">
+            <h2 data-i18n="purpose.title">Built for outdoor use.</h2>
+            <p data-i18n="purpose.communication">Trail Mate implements basic Meshtastic and MeshCore communication so you can contact nearby compatible terminals to exchange information, ask for help, or coordinate outdoors.</p>
+            <p data-i18n="purpose.scope">This is selective protocol support, not a complete implementation or feature parity with either ecosystem's native firmware. Advanced radio features unrelated to outdoor use are outside Trail Mate's scope. Protocol work is guided by practical field needs.</p>
+          </section>
+          <section class="product-principles" data-i18n-aria="purpose.title" aria-label="Why Trail Mate exists">
+            <article><span class="principle-no" data-i18n="principle.identity.number">01 / IDENTITY</span><h3 data-i18n="principle.identity.title">Identity in your hands.</h3><p data-i18n="principle.identity.body">Device identity can exist independently of cloud accounts and phone numbers. Keep your contacts and conversations on personally controlled hardware.</p></article>
+            <article><span class="principle-no" data-i18n="principle.connection.number">02 / CONNECTION</span><h3 data-i18n="principle.connection.title">Choose your network.</h3><p data-i18n="principle.connection.body">Select Meshtastic, MeshCore or Reticulum. One protocol is active at a time. Meshtastic and MeshCore support focuses on basic outdoor communication, rather than complete protocol feature coverage.</p></article>
+            <article><span class="principle-no" data-i18n="principle.resources.number">03 / LOCAL RESOURCES</span><h3 data-i18n="principle.resources.title">Prepare maps and routes.</h3><p data-i18n="principle.resources.body">Keep maps, contacts and recorded tracks on the device. Prepare the resources you need before departure; desktop tools can help manage maps and routes.</p></article>
+            <article><span class="principle-no" data-i18n="principle.team.number">04 / TEAM AWARENESS</span><h3 data-i18n="principle.team.title">Know where your group is.</h3><p data-i18n="principle.team.body">On-device TAK brings together members, positions, waypoints, tracks and team messages. Public discovery, contact positions, team positions and local tracks remain distinct.</p></article>
+          </section>
+
+          <section class="overview-ribbon" data-i18n-aria="side.overview" aria-label="Project overview">
             <p class="overview-copy" data-i18n="overview.copy">
               Built for days when a phone is not enough: keep maps on SD, send messages without mobile networks,
               record tracks, check signal and GPS, and install extra language packs when you need them.
             </p>
-            <div class="overview-tags" aria-label="Core capabilities">
+            <div class="overview-tags" data-i18n-aria="side.capabilities" aria-label="Core capabilities">
               <span data-i18n="tag.maps">Offline Maps</span>
               <span data-i18n="tag.gnss">GNSS Diagnostics</span>
               <span data-i18n="tag.chat">Mesh Chat</span>
               <span data-i18n="tag.team">Team Mode</span>
               <span data-i18n="tag.languages">Language Packs</span>
               <span data-i18n="tag.scan">Protocol Probe</span>
-              <span data-i18n="tag.usb">PC Link</span>
+              <span data-i18n="tag.usb">USB storage</span>
             </div>
           </section>
 
@@ -220,146 +224,67 @@
                 <h2 data-i18n="devices.title">Pick the device you are holding.</h2>
               </div>
               <p class="section-note" data-i18n="devices.note">
-                Choose the exact hardware before flashing. Some boards look similar but need different firmware.
+                Pager and T-Deck are the two complete screen experiences. T-Echo-Lite remains a supported manual-flash target.
               </p>
             </div>
 
-            <div class="device-browser">
-              <div class="device-switcher" role="tablist" aria-label="Supported devices">
-                <button class="device-tab is-active" type="button" data-device-target="tlora-pager-sx1262">
-                  <span>T-LoRa Pager SX1262</span>
-                  <small>ESP32-S3</small>
-                </button>
-                <button class="device-tab" type="button" data-device-target="tlora-pager-lr1121">
-                  <span>T-LoRa Pager LR1121</span>
-                  <small>ESP32-S3</small>
-                </button>
-                <button class="device-tab" type="button" data-device-target="tdeck">
-                  <span>T-Deck</span>
-                  <small>ESP32-S3</small>
-                </button>
-                <button class="device-tab" type="button" data-device-target="lilygo-twatch-s3">
-                  <span>T-Watch-S3</span>
-                  <small>ESP32-S3</small>
-                </button>
-                <button class="device-tab" type="button" data-device-target="gat562-mesh-evb-pro">
-                  <span>GAT562 EVB Pro</span>
-                  <small>nRF52</small>
-                </button>
-              </div>
-
-              <article class="device-stage" aria-live="polite">
-                <div class="device-stage-header">
-                  <div>
-                    <p class="feature-kicker" data-device-kicker>ESP32-S3</p>
-                    <h3 data-device-title>LilyGo T-LoRa Pager SX1262</h3>
-                    <p class="device-summary" data-device-summary>
-                      Keyboard Pager with the most complete screenshots, field testing, and broadest Trail Mate UI coverage.
-                    </p>
-                  </div>
-                  <div class="device-status-card">
-                    <span data-device-status>Mature keyboard target</span>
-                  </div>
-                </div>
-
-                <div class="device-showcase">
-                  <figure class="device-main-shot">
-                    <img
-                      src="./assets/showcase/home-main.png"
-                      alt="T-LoRa Pager home launcher"
-                      data-device-main-image
-                    >
-                    <figcaption data-device-main-caption>Home launcher</figcaption>
-                  </figure>
-
-                  <div class="device-detail-panel">
-                    <p class="feature-kicker" data-i18n="devices.interactionKicker">What To Know</p>
-                    <ul class="device-interactions" data-device-interactions></ul>
-                  </div>
-                </div>
-
-                <div class="device-thumb-grid" data-device-thumbs></div>
-              </article>
+            <div id="device-brand-selector"></div>
+            <div class="device-support-grid" data-i18n-aria="side.devices" aria-label="Devices" tabindex="0">
+              <article class="device-support-card" data-brand="lilygo"><img src="./assets/device/lilygo/lilygo-tlora-pager.svg" alt="T-LoRa Pager" loading="lazy" width="96" height="112"><div><h3>T-LoRa Pager</h3><p>SX1262 / LR1121</p><a href="https://lilygo.cc/products/t-lora-pager" class="device-buy-icon"><img src="./assets/animal-island/icons/shopping-bag.svg" alt="" width="36" height="36"><span class="sr-only" data-i18n="devices.buy">Official store ↗</span></a></div></article>
+              <article class="device-support-card" data-brand="lilygo"><img src="./assets/device/lilygo/t-deck.svg" alt="T-Deck" loading="lazy" width="96" height="112"><div><h3>T-Deck</h3><p>LILYGO T-Deck Plus</p><a href="https://lilygo.cc/products/t-deck-plus-1" class="device-buy-icon"><img src="./assets/animal-island/icons/shopping-bag.svg" alt="" width="36" height="36"><span class="sr-only" data-i18n="devices.buy">Official store ↗</span></a></div></article>
+              <article class="device-support-card" data-brand="lilygo"><img src="./assets/device/lilygo/t-echo-lite-kit.svg" alt="T-Echo-Lite Kit" loading="lazy" width="96" height="112"><div><h3>T-Echo-Lite</h3><p>LILYGO T-Echo-Lite Kit</p><a href="https://lilygo.cc/products/t-echo-lite-kit" class="device-buy-icon"><img src="./assets/animal-island/icons/shopping-bag.svg" alt="" width="36" height="36"><span class="sr-only" data-i18n="devices.buy">Official store ↗</span></a></div></article>
+              <article class="device-support-card" data-brand="seeed" hidden><img src="./assets/device/seeed/Wio%20Tracker%20L2.svg" alt="Wio Tracker L2" loading="lazy" width="96" height="112"><div><h3>Wio Tracker L2</h3><p>Seeed Studio · 3.2″</p><span data-i18n="devices.unreleased">Not yet on sale</span><button class="device-buy-icon" disabled><img src="./assets/animal-island/icons/shopping-bag.svg" alt="" width="36" height="36"><span class="sr-only" data-i18n="devices.unreleased">Not yet on sale</span></button></div></article>
             </div>
           </section>
 
           <div class="animal-divider animal-divider-teal" aria-hidden="true"></div>
 
-          <section class="story-stack" id="features" aria-label="Feature walkthrough">
+          <section class="story-stack" id="features" data-i18n-aria="side.features" aria-label="Feature walkthrough">
             <article class="story-section">
-              <div class="story-copy">
-                <p class="eyebrow" data-i18n="features.navEyebrow">Navigation</p>
-                <h2 data-i18n="features.navTitle">Carry maps without cell service.</h2>
-                <p class="story-lede" data-i18n="features.navLead">
-                  Put map tiles on the SD card before the trip, then browse OSM, terrain, and satellite layers from the
-                  device. GPS screens help you understand whether the current fix is trustworthy.
-                </p>
-              </div>
-              <div class="story-media">
-                <figure class="shot">
-                  <img src="./assets/showcase/nav-map-osm.png" alt="Offline OSM map view" loading="lazy">
-                </figure>
-                <figure class="shot">
-                  <img src="./assets/showcase/nav-map-terrain.png" alt="Terrain map layer" loading="lazy">
-                </figure>
-                <figure class="shot">
-                  <img src="./assets/showcase/nav-map-satellite.png" alt="Satellite map layer" loading="lazy">
-                </figure>
-                <figure class="shot">
-                  <img src="./assets/showcase/nav-skyplot.png" alt="GNSS sky plot screen" loading="lazy">
-                </figure>
-              </div>
+              <p class="eyebrow" data-i18n="story.navigation.label">NAVIGATION &amp; SURVEYING</p>
+              <h2 data-i18n="story.navigation.title">Read the terrain. Understand the route.</h2>
+              <p data-i18n="story.navigation.text">Offline maps show the surrounding terrain. GNSS diagnostics help assess positioning quality; track recording preserves your path. KML routes provide elevation and waypoint context.</p>
+              <ul><li data-i18n="story.navigation.item1">OSM, terrain, satellite and contour layers</li><li data-i18n="story.navigation.item2">Route elevation, waypoint previews and GPX export</li><li data-i18n="story.navigation.item3">Scientific calculator for distance, slope and height estimates</li></ul>
+              <a class="guide-doc" href="?feature=calculator#explorer" data-i18n="story.navigation.link">Try field calculations ↗</a>
             </article>
+            <article class="story-section">
+              <p class="eyebrow" data-i18n="story.communication.label">COMMUNICATION &amp; COORDINATION</p>
+              <h2 data-i18n="story.communication.title">Stay in contact with your group.</h2>
+              <p data-i18n="story.communication.text">Choose a network, keep your contacts and check message delivery. Pair a team nearby using ESP-NOW, then share positions, assembly points and messages over LoRa.</p>
+              <ul><li data-i18n="story.communication.item1">Basic Meshtastic / MeshCore communication, or Reticulum/LXMF</li><li data-i18n="story.communication.item2">Saved contacts and conversation history</li><li data-i18n="story.communication.item3">On-device TAK; FSK/Codec2 voice on supported hardware</li></ul>
+              <a class="guide-doc" href="?feature=team#explorer" data-i18n="story.communication.link">Explore team coordination ↗</a>
+            </article>
+            <article class="story-section">
+              <p class="eyebrow" data-i18n="story.tools.label">FIELD TOOLS &amp; CONNECTIONS</p>
+              <h2 data-i18n="story.tools.title">Connect with your other tools.</h2>
+              <p data-i18n="story.tools.text">Browse Reticulum Micron services through Nomad Network. Use MQTT when a gateway is available, and prepare map regions and routes with Trail Mate Center.</p>
+              <ul><li data-i18n="story.tools.item1">Protocol Probe distinguishes observed and confirmed evidence</li><li data-i18n="story.tools.item2">SSTV reception on supported hardware</li><li data-i18n="story.tools.item3">Extensions, language packs and USB storage</li></ul>
+              <a class="guide-doc" href="https://github.com/vicliu624/trail-mate-center" data-i18n="story.tools.link">Explore Trail Mate Center ↗</a>
+            </article>
+          </section>
 
-            <article class="story-section">
-              <div class="story-copy">
-                <p class="eyebrow" data-i18n="features.commEyebrow">Communication</p>
-                <h2 data-i18n="features.commTitle">Stay in touch when phones stop helping.</h2>
-                <p class="story-lede" data-i18n="features.commLead">
-                  Write messages on the device, retry failed sends from the message bubble, and keep team conversations
-                  separate from ordinary channel traffic.
-                </p>
-              </div>
-              <div class="story-media">
-                <figure class="shot">
-                  <img src="./assets/showcase/chat-compose.png" alt="Message compose interface" loading="lazy">
-                </figure>
-                <figure class="shot">
-                  <img src="./assets/showcase/chat-messages.png" alt="Message history screen" loading="lazy">
-                </figure>
-                <figure class="shot">
-                  <img src="./assets/showcase/chat-contacts.png" alt="Contacts screen" loading="lazy">
-                </figure>
-                <figure class="shot">
-                  <img src="./assets/showcase/team-map.png" alt="Team map interface" loading="lazy">
-                </figure>
-              </div>
-            </article>
+          <section class="field-preparation" id="prepare">
+            <p class="eyebrow" data-i18n="prepare.label">BEFORE DEPARTURE</p>
+            <h2 data-i18n="prepare.title">Set up for your trip.</h2>
+            <ol>
+              <li><strong data-i18n="prepare.hardware">Match the hardware.</strong><p data-i18n="prepare.hardwareText">Choose the exact board and radio variant, flash its firmware and check the available peripherals. Pager SX1262 and LR1121 use separate builds.</p></li>
+              <li><strong data-i18n="prepare.resources">Prepare maps and routes.</strong><p data-i18n="prepare.resourcesText">Load your map region, import KML routes and install the language packs you need. Prepare map regions and route corridors with Trail Mate Center.</p><a href="https://github.com/vicliu624/trail-mate-center">Trail Mate Center ↗</a></li>
+              <li><strong data-i18n="prepare.team">Test communication with your group.</strong><p data-i18n="prepare.teamText">Choose a protocol and compatible radio settings. Check contacts and GNSS, pair the team nearby, and exchange a test message before departure.</p></li>
+            </ol>
+            <p><a href="https://github.com/vicliu624/trail-mate/wiki" data-i18n="prepare.guide">Setup guide: file paths, hardware controls and device-specific instructions ↗</a></p>
+          </section>
 
-            <article class="story-section">
-              <div class="story-copy">
-                <p class="eyebrow" data-i18n="features.toolsEyebrow">Field Utilities</p>
-                <h2 data-i18n="features.toolsTitle">Bring a few field tools with you.</h2>
-                <p class="story-lede" data-i18n="features.toolsLead">
-                  Use signal scanning, SSTV receive, USB data exchange, and track views when you need to inspect the
-                  environment or recover data.
-                </p>
-              </div>
-              <div class="story-media">
-                <figure class="shot">
-                  <img src="./assets/showcase/utility-spectrum.png" alt="Sub-GHz energy sweep view" loading="lazy">
-                </figure>
-                <figure class="shot">
-                  <img src="./assets/showcase/utility-sstv-page.jpg" alt="SSTV receiver screen" loading="lazy">
-                </figure>
-                <figure class="shot">
-                  <img src="./assets/showcase/utility-data-exchange.png" alt="USB data exchange screen" loading="lazy">
-                </figure>
-                <figure class="shot">
-                  <img src="./assets/showcase/utility-tracker.png" alt="Tracker overview screen" loading="lazy">
-                </figure>
-              </div>
-            </article>
+          <section class="survey-section" id="field-calculator">
+            <p class="eyebrow" data-i18n="survey.eyebrow">WHY A SCIENTIFIC CALCULATOR?</p>
+            <h2 data-i18n="survey.title">Calculations for field surveying.</h2>
+            <p data-i18n="survey.purpose">The scientific calculator supports outdoor surveying: estimate height differences, convert slope distances to horizontal distances, and calculate slope angles or gradients from your measurements.</p>
+            <div class="survey-examples">
+              <article><span data-i18n="survey.height">01 / HEIGHT DIFFERENCE</span><h3 data-i18n="survey.heightTitle">Estimate a height.</h3><p data-i18n="survey.heightText">At a horizontal distance of 30 m and an elevation angle of 35°, the height above the observation level is 30 × tan(35°) ≈ 21.01 m.</p><p data-i18n="survey.heightNote">For tree height, add instrument height when the tree base and your footing are level; otherwise account for the ground elevation difference.</p></article>
+              <article><span data-i18n="survey.distance">02 / DISTANCE COMPONENTS</span><h3 data-i18n="survey.distanceTitle">Convert slope distance.</h3><p data-i18n="survey.distanceText">A straight 100 m segment at 20° has a horizontal distance of 100 × cos(20°) ≈ 93.97 m and a rise of 100 × sin(20°) ≈ 34.20 m.</p><p data-i18n="survey.distanceNote">Calculate curved routes or changing slopes segment by segment.</p></article>
+              <article><span data-i18n="survey.slope">03 / SLOPE</span><h3 data-i18n="survey.slopeTitle">Calculate the gradient.</h3><p data-i18n="survey.slopeText">A 12 m rise over a 40 m horizontal run gives atan(12 ÷ 40) ≈ 16.70°, or a 30% grade. Degrees and percent grade are different units.</p></article>
+            </div>
+            <p data-i18n="survey.functions">Supports sin, cos, tan, inverse trigonometric functions, powers, roots and logarithms, with DEG/RAD modes. Enter measured angles and distances; the calculator does not measure them.</p>
+            <a class="button button-primary" href="?feature=calculator#explorer" data-i18n="survey.try">Try the calculator ↗</a>
           </section>
 
           <div class="animal-divider animal-divider-teal" aria-hidden="true"></div>
@@ -387,12 +312,7 @@
 
               <article class="language-highlight">
                 <p class="feature-kicker" data-i18n="languages.catalogKicker">Pack List</p>
-                <h3>
-                  <span data-pack-count>0</span>
-                  <span data-i18n="languages.bundleSuffix">bundles covering</span>
-                  <span data-locale-count>0</span>
-                  <span data-i18n="languages.localeSuffix">available locales.</span>
-                </h3>
+                <h3 data-pack-summary></h3>
                 <p data-i18n="languages.catalogText">
                   Language packs can include translations, fonts, and keyboard layouts. Install them from the device
                   instead of rebuilding firmware.
@@ -433,68 +353,18 @@
             </div>
 
             <div class="install-grid">
+              <label id="install-target-label" for="install-target" data-i18n="install.choose">Device and radio variant</label>
+              <select id="install-target">
+                <option value="tlora-pager-sx1262">T-LoRa Pager · SX1262</option>
+                <option value="tlora-pager-lr1121">T-LoRa Pager · LR1121</option>
+                <option value="tdeck">T-Deck</option>
+                <option value="t-echo-lite">T-Echo-Lite</option>
+              </select>
               <article class="board-card" data-board-id="tlora-pager-sx1262">
-                <p class="board-chip">ESP32-S3</p>
-                <h3>LilyGo T-LoRa Pager SX1262</h3>
-                <p class="board-copy" data-i18n="install.pagerCopy">SX1262 radio build for the keyboard Pager. Do not use this card for LR1121 hardware.</p>
-                <div class="board-install" data-install-slot>
-                  <p class="board-hint" data-i18n="install.checking">Checking firmware...</p>
-                </div>
-                <a class="release-link" data-release-link href="https://github.com/vicliu624/trail-mate/releases" data-i18n="install.openRelease">
-                  Open latest release
-                </a>
-              </article>
-
-              <article class="board-card" data-board-id="tlora-pager-lr1121">
-                <p class="board-chip">ESP32-S3</p>
-                <h3>LilyGo T-LoRa Pager LR1121</h3>
-                <p class="board-copy" data-i18n="install.pagerLr1121Copy">LR1121 radio build for the Sub-GHz + 2.4 GHz keyboard Pager. Do not flash this onto SX1262 hardware.</p>
-                <div class="board-install" data-install-slot>
-                  <p class="board-hint" data-i18n="install.checking">Checking firmware...</p>
-                </div>
-                <a class="release-link" data-release-link href="https://github.com/vicliu624/trail-mate/releases" data-i18n="install.openRelease">
-                  Open latest release
-                </a>
-              </article>
-
-              <article class="board-card" data-board-id="tdeck">
-                <p class="board-chip">ESP32-S3</p>
-                <h3>LilyGo T-Deck</h3>
-                <p class="board-copy" data-i18n="install.tdeckCopy">Keyboard + touch build tuned for the T-Deck layout.</p>
-                <div class="board-install" data-install-slot>
-                  <p class="board-hint" data-i18n="install.checking">Checking firmware...</p>
-                </div>
-                <a class="release-link" data-release-link href="https://github.com/vicliu624/trail-mate/releases" data-i18n="install.openRelease">
-                  Open latest release
-                </a>
-              </article>
-
-              <article class="board-card" data-board-id="lilygo-twatch-s3">
-                <p class="board-chip">ESP32-S3</p>
-                <h3>LilyGo T-Watch-S3</h3>
-                <p class="board-copy" data-i18n="install.twatchCopy">Touch-first watch build for compact field experiments.</p>
-                <div class="board-install" data-install-slot>
-                  <p class="board-hint" data-i18n="install.checking">Checking firmware...</p>
-                </div>
-                <a class="release-link" data-release-link href="https://github.com/vicliu624/trail-mate/releases" data-i18n="install.openRelease">
-                  Open latest release
-                </a>
-              </article>
-
-              <article class="board-card board-card-muted">
-                <p class="board-chip">nRF52</p>
-                <h3>GAT562 Mesh EVB Pro</h3>
-                <p class="board-copy" data-i18n="install.gatCopy">
-                  Browser flashing is not available for the nRF52 board yet. Use the downloaded firmware file for manual flashing.
-                </p>
-                <div class="board-install">
-                  <p class="board-hint" data-i18n="install.gatHint">
-                    Download the packaged firmware from the latest GitHub release.
-                  </p>
-                </div>
-                <a class="release-link" data-release-link href="https://github.com/vicliu624/trail-mate/releases" data-i18n="install.openRelease">
-                  Open latest release
-                </a>
+                <h3 id="install-target-title">T-LoRa Pager · SX1262</h3>
+                <p id="install-target-copy"></p>
+                <div class="board-install" data-install-slot></div>
+                <a class="release-link" data-release-link href="https://github.com/vicliu624/trail-mate/releases" data-i18n="install.openRelease">Open latest release</a>
               </article>
             </div>
 
@@ -544,6 +414,8 @@
             <a href="https://github.com/vicliu624/trail-mate" data-i18n="footer.repo">Repository</a>
             <a href="https://github.com/vicliu624/trail-mate/releases" data-i18n="footer.releases">Releases</a>
             <a href="https://github.com/vicliu624/trail-mate/wiki" data-i18n="footer.wiki">Wiki</a>
+            <a href="https://guokaigdg.github.io/animal-island-ui/" dir="ltr">Animal Island UI © guokaigdg</a>
+            <a href="https://creativecommons.org/licenses/by-nc/4.0/" dir="ltr">CC BY-NC 4.0</a>
           </div>
         </div>
         <div class="animal-footer-art" aria-hidden="true"></div>
diff --git a/site/main.js b/site/main.js
index bc599268..6779bf9c 100644
--- a/site/main.js
+++ b/site/main.js
@@ -1,596 +1,19 @@
+import {setLocale, getLocale, translate} from './i18n/runtime.js';
+import {applyTranslations} from './i18n/dom.js';
+import {locales} from './i18n/registry.js';
+import {languageName,packName,packDescription,packCount,packStatus,memoryProfile} from './i18n/pack-presentation.js';
+
 const releaseVersionEls = document.querySelectorAll("[data-release-version]");
 const releaseLinkEls = document.querySelectorAll("[data-release-link]");
 const boardCards = document.querySelectorAll("[data-board-id]");
 const packGrid = document.querySelector("[data-pack-grid]");
 const packCountEls = document.querySelectorAll("[data-pack-count]");
 const localeCountEls = document.querySelectorAll("[data-locale-count]");
-const languageButtons = document.querySelectorAll("[data-lang-choice]");
-const i18nEls = document.querySelectorAll("[data-i18n]");
-const deviceNavButtons = document.querySelectorAll("[data-device-nav]");
-const deviceTabButtons = document.querySelectorAll("[data-device-target]");
-const deviceThumbGrid = document.querySelector("[data-device-thumbs]");
-const deviceMainImage = document.querySelector("[data-device-main-image]");
-const deviceMainCaption = document.querySelector("[data-device-main-caption]");
-const deviceTitle = document.querySelector("[data-device-title]");
-const deviceKicker = document.querySelector("[data-device-kicker]");
-const deviceSummary = document.querySelector("[data-device-summary]");
-const deviceStatus = document.querySelector("[data-device-status]");
-const deviceInteractions = document.querySelector("[data-device-interactions]");
-
-const I18N = {
-  en: {
-    "top.github": "GitHub",
-    "top.wiki": "Wiki",
-    "top.flash": "Flash",
-    "side.label": "Trail Guide",
-    "side.overview": "Overview",
-    "side.capabilities": "What It Does",
-    "side.devices": "Devices",
-    "side.features": "Field Use",
-    "side.languages": "Language Packs",
-    "side.flasher": "Web Flasher",
-    "side.docs": "Docs",
-    "hero.eyebrow": "Offline Maps + LoRa for the Field",
-    "hero.tagline": "Carry maps, messages, and teammate positions on a small LoRa device.",
-    "hero.lede":
-      "Trail Mate helps hikers and field groups stay oriented when cell service is gone: browse offline maps from SD, send LoRa messages, check GPS health, and keep team movement visible on compact handhelds.",
-    "hero.primaryAction": "Open Web Flasher",
-    "hero.secondaryAction": "View Repository",
-    "hero.releaseKicker": "Latest Release",
-    "hero.proofKicker": "Device Photos",
-    "hero.proofText":
-      "Screenshots are grouped by device so you can tell which screens match the hardware you plan to carry.",
-    "overview.copy":
-      "Built for days when a phone is not enough: keep maps on SD, send messages without mobile networks, record tracks, check signal and GPS, and install extra language packs when you need them.",
-    "tag.maps": "Offline Maps",
-    "tag.gnss": "GNSS Diagnostics",
-    "tag.chat": "Mesh Chat",
-    "tag.team": "Team Mode",
-    "tag.languages": "Language Packs",
-    "tag.scan": "Protocol Probe",
-    "tag.usb": "PC Link",
-    "capabilities.eyebrow": "What It Does",
-    "capabilities.title": "Prepare the device before you leave signal behind.",
-    "capabilities.note":
-      "Pick the right hardware, flash the matching firmware, load maps and language packs, then use the device when the phone network disappears.",
-    "capabilities.deviceKicker": "Devices",
-    "capabilities.deviceTitle": "Choose your hardware",
-    "capabilities.deviceText":
-      "Each supported board has its own firmware, install notes, and hardware caveats.",
-    "capabilities.navigationKicker": "Navigation",
-    "capabilities.navigationTitle": "Maps that work offline",
-    "capabilities.navigationText":
-      "Load map tiles from SD, switch layers, check GPS fix quality, and review routes or tracks in the field.",
-    "capabilities.protocolKicker": "LoRa",
-    "capabilities.protocolTitle": "Messages without cell service",
-    "capabilities.protocolText":
-      "Send direct, channel, or team messages over supported LoRa mesh modes and keep clear feedback when a send fails.",
-    "capabilities.installKicker": "Install",
-    "capabilities.installTitle": "Flash the right firmware",
-    "capabilities.installText":
-      "Supported ESP32 devices can be flashed from the browser; other boards use downloaded firmware files.",
-    "capabilities.localeKicker": "Localization",
-    "capabilities.localeTitle": "Add languages when needed",
-    "capabilities.localeText":
-      "Install fonts, translations, and keyboard layouts from Extensions instead of filling the firmware with every language.",
-    "capabilities.fieldKicker": "Field Tools",
-    "capabilities.fieldTitle": "Tools for the trip",
-    "capabilities.fieldText":
-      "Use track recording, GPS views, signal checks, SSTV, and USB data exchange when the trip calls for more than chat.",
-    "devices.eyebrow": "Devices",
-    "devices.title": "Pick the device you are holding.",
-    "devices.note":
-      "Choose the exact hardware before flashing. Some boards look similar but need different firmware.",
-    "devices.interactionKicker": "What To Know",
-    "features.navEyebrow": "Navigation",
-    "features.navTitle": "Carry maps without cell service.",
-    "features.navLead":
-      "Put map tiles on the SD card before the trip, then browse OSM, terrain, and satellite layers from the device. GPS screens help you understand whether the current fix is trustworthy.",
-    "features.commEyebrow": "Communication",
-    "features.commTitle": "Stay in touch when phones stop helping.",
-    "features.commLead":
-      "Write messages on the device, retry failed sends from the message bubble, and keep team conversations separate from ordinary channel traffic.",
-    "features.toolsEyebrow": "Field Utilities",
-    "features.toolsTitle": "Bring a few field tools with you.",
-    "features.toolsLead":
-      "Use signal scanning, SSTV receive, USB data exchange, and track views when you need to inspect the environment or recover data.",
-    "languages.eyebrow": "Localization",
-    "languages.title": "Keep the firmware small, then install the languages you need.",
-    "languages.note":
-      "English is always available. Other fonts, translations, and keyboard layouts can be installed from Extensions, including Cyrillic keyboard support.",
-    "languages.defaultKicker": "Built-In Default",
-    "languages.defaultTitle": "The device can always fall back to English.",
-    "languages.defaultText":
-      "The device can boot, recover, and stay usable even when no external language packs are installed.",
-    "languages.catalogKicker": "Pack List",
-    "languages.bundleSuffix": "bundles covering",
-    "languages.localeSuffix": "available locales.",
-    "languages.catalogText":
-      "Language packs can include translations, fonts, and keyboard layouts. Install them from the device instead of rebuilding firmware.",
-    "languages.gateKicker": "Pack Status",
-    "languages.gateTitle": "Review labels stay visible.",
-    "languages.gateText":
-      "Some languages are ready for daily use; others still need review from native speakers. The list keeps that visible.",
-    "languages.loadingKicker": "Catalog",
-    "languages.loadingTitle": "Loading package list...",
-    "languages.loadingText": "Published locale bundles from the current Pages build will appear here.",
-    "install.eyebrow": "Install",
-    "install.title": "Web Flasher",
-    "install.note":
-      "Use Google Chrome or Microsoft Edge over HTTPS with a USB data cable. Pick the card that matches the radio chip on your hardware.",
-    "install.pagerCopy":
-      "SX1262 radio build for the keyboard Pager. Do not use this card for LR1121 hardware.",
-    "install.pagerLr1121Copy":
-      "LR1121 radio build for the Sub-GHz + 2.4 GHz keyboard Pager. Do not flash this onto SX1262 hardware.",
-    "install.tdeckCopy": "Keyboard + touch build tuned for the T-Deck layout.",
-    "install.twatchCopy": "Touch-first watch build for compact field experiments.",
-    "install.gatCopy":
-      "Browser flashing is not available for the nRF52 board yet. Use the downloaded firmware file for manual flashing.",
-    "install.gatHint": "Download the packaged firmware from the latest GitHub release.",
-    "install.checking": "Checking firmware...",
-    "install.openRelease": "Open latest release",
-    "install.step1": "1. Connect the device with a USB data cable.",
-    "install.step2": "2. Put the board into download mode if your hardware requires it.",
-    "install.step3":
-      "3. Choose the exact SX1262 or LR1121 Pager target, then let the browser flash the merged image.",
-    "docs.eyebrow": "Read More",
-    "docs.title": "Need deeper setup details?",
-    "docs.copy":
-      "The wiki has hardware notes, flashing steps, map preparation, configuration help, troubleshooting, and full release notes.",
-    "docs.wiki": "Wiki Home",
-    "docs.hardware": "Supported Hardware",
-    "footer.eyebrow": "Trail Mate Field Notes",
-    "footer.title": "For the places where maps and signal both matter.",
-    "footer.copy":
-      "Follow the repository for firmware releases, device notes, map and language-pack updates, and field-focused fixes.",
-    "footer.repo": "Repository",
-    "footer.releases": "Releases",
-    "footer.wiki": "Wiki",
-    "release.waiting": "Waiting for first tagged release",
-    "release.ready": "{tag} ready for install",
-    "release.unavailable": "Release info unavailable",
-    "flasher.activate": "Flash In Browser",
-    "flasher.unsupported": "Use Chrome or Edge on desktop with Web Serial enabled.",
-    "flasher.notAllowed": "Open this page over HTTPS to use the web flasher.",
-    "flasher.readyNote": "Firmware image from the latest release.",
-    "flasher.missingAsset":
-      "This board is missing browser-flash firmware in the latest release. Use the manual download for now.",
-    "flasher.pending": "Browser-flash firmware will appear here after the first tagged release is published.",
-    "flasher.error":
-      "Could not load release info. Open the GitHub release page for manual downloads.",
-    "pack.release": "Release Bundle",
-    "pack.review": "Review Bundle",
-    "pack.locale": "locale",
-    "pack.locales": "locales",
-    "pack.font": "font pack",
-    "pack.fonts": "font packs",
-    "pack.ime": "IME",
-    "pack.imes": "IMEs",
-    "pack.download": "Download package",
-    "pack.emptyTitle": "No published language bundles yet.",
-    "pack.emptyText": "Language packs will appear here after the package list is published.",
-    "pack.errorTitle": "Language pack list unavailable",
-    "pack.errorText": "The homepage could not load the published language-pack list right now.",
-    "device.emptyTitle": "Device photos coming later.",
-    "device.emptyText":
-      "This device has firmware available, but its own screen photos have not been added yet.",
-  },
-  zh: {
-    "top.github": "GitHub",
-    "top.wiki": "维基",
-    "top.flash": "刷机",
-    "side.label": "使用指南",
-    "side.overview": "概览",
-    "side.capabilities": "能做什么",
-    "side.devices": "设备",
-    "side.features": "现场使用",
-    "side.languages": "语言包",
-    "side.flasher": "网页刷机",
-    "side.docs": "文档",
-    "hero.eyebrow": "离线地图 + LoRa 通信",
-    "hero.tagline": "把地图、消息和队友位置装进一台小型 LoRa 设备。",
-    "hero.lede":
-      "Trail Mate 面向徒步、骑行、露营和野外活动：没有手机信号时，也能从 SD 卡看离线地图、用 LoRa 发消息、检查 GPS 状态，并查看队友的最后位置。",
-    "hero.primaryAction": "打开网页刷机",
-    "hero.secondaryAction": "查看仓库",
-    "hero.releaseKicker": "最新发布",
-    "hero.proofKicker": "设备截图",
-    "hero.proofText":
-      "截图按设备分组展示，方便你确认屏幕效果是否对应自己手上的硬件。",
-    "overview.copy":
-      "它适合手机不够可靠的场景：地图放在 SD 卡里，消息走 LoRa，不依赖移动网络；还能记录轨迹、检查信号和 GPS，并按需要安装语言包。",
-    "tag.maps": "离线地图",
-    "tag.gnss": "GNSS 诊断",
-    "tag.chat": "网格聊天",
-    "tag.team": "团队模式",
-    "tag.languages": "语言包",
-    "tag.scan": "协议包探测",
-    "tag.usb": "PC 连接",
-    "capabilities.eyebrow": "能做什么",
-    "capabilities.title": "出发前，把地图、通信和设备准备好。",
-    "capabilities.note":
-      "选择正确设备，刷入对应固件，放入离线地图和语言包，然后在没有网络的地方继续使用。",
-    "capabilities.deviceKicker": "设备",
-    "capabilities.deviceTitle": "选择你的硬件",
-    "capabilities.deviceText": "每种设备都有对应固件、安装说明和需要注意的硬件差异。",
-    "capabilities.navigationKicker": "导航",
-    "capabilities.navigationTitle": "没有网络也能看地图",
-    "capabilities.navigationText": "从 SD 卡加载地图瓦片，切换图层，查看 GPS 定位质量，也能回看路线和轨迹。",
-    "capabilities.protocolKicker": "LoRa",
-    "capabilities.protocolTitle": "没有手机信号也能发消息",
-    "capabilities.protocolText": "通过支持的 LoRa 网格模式发送私聊、频道和团队消息，并在发送失败时给出清楚反馈。",
-    "capabilities.installKicker": "安装",
-    "capabilities.installTitle": "刷入正确版本",
-    "capabilities.installText": "支持的 ESP32 设备可以直接网页刷机；其他设备使用发布包手动安装。",
-    "capabilities.localeKicker": "本地化",
-    "capabilities.localeTitle": "按需要安装语言",
-    "capabilities.localeText": "字体、翻译和键盘布局通过 Extensions 安装，不把所有语言都塞进固件里。",
-    "capabilities.fieldKicker": "现场工具",
-    "capabilities.fieldTitle": "路上用得到的小工具",
-    "capabilities.fieldText": "需要时可以记录轨迹、看 GPS、扫频、接收 SSTV，或者通过 USB 交换数据。",
-    "devices.eyebrow": "设备",
-    "devices.title": "选择你手上的设备。",
-    "devices.note":
-      "刷机前一定要确认硬件型号。有些设备外观相似，但不能混刷固件。",
-    "devices.interactionKicker": "注意事项",
-    "features.navEyebrow": "导航",
-    "features.navTitle": "没有手机信号，也能带着地图走。",
-    "features.navLead":
-      "出发前把地图瓦片放进 SD 卡，路上就能在设备上查看 OSM、地形和卫星图层。GPS 页面会告诉你当前定位是否可信。",
-    "features.commEyebrow": "通信",
-    "features.commTitle": "手机帮不上忙时，仍然能联系队友。",
-    "features.commLead":
-      "可以直接在设备上写消息，失败后点消息气泡重发，也能把团队消息和普通频道消息分开。",
-    "features.toolsEyebrow": "现场工具",
-    "features.toolsTitle": "把常用现场工具也带上。",
-    "features.toolsLead":
-      "扫频、SSTV 接收、USB 数据交换和轨迹查看，可以在需要检查环境或导出数据时派上用场。",
-    "languages.eyebrow": "本地化",
-    "languages.title": "固件保持精简，需要什么语言再安装。",
-    "languages.note":
-      "英文始终内置可用。其他字体、翻译和键盘布局可以从 Extensions 安装，包括西里尔键盘支持。",
-    "languages.defaultKicker": "内置默认",
-    "languages.defaultTitle": "设备始终可以回到英文。",
-    "languages.defaultText": "即使没有安装外部语言包，设备也可以启动、恢复并保持可用。",
-    "languages.catalogKicker": "语言包目录",
-    "languages.bundleSuffix": "个包，覆盖",
-    "languages.localeSuffix": "个可用语言。",
-    "languages.catalogText": "语言包可以包含翻译、字体和键盘布局。设备端安装即可，不需要重新编译固件。",
-    "languages.gateKicker": "包状态",
-    "languages.gateTitle": "复核状态会明确显示。",
-    "languages.gateText": "有些语言已经适合日常使用，有些仍需要母语用户继续校对，目录里会直接标出来。",
-    "languages.loadingKicker": "目录",
-    "languages.loadingTitle": "正在加载语言包目录...",
-    "languages.loadingText": "当前已发布的语言包会显示在这里。",
-    "install.eyebrow": "安装",
-    "install.title": "网页刷机",
-    "install.note": "请使用 Google Chrome 或 Microsoft Edge，通过 HTTPS 和 USB 数据线刷写。请选择与硬件 radio 芯片一致的卡片。",
-    "install.pagerCopy": "面向键盘 Pager 的 SX1262 固件。LR1121 硬件不要使用这个卡片。",
-    "install.pagerLr1121Copy": "面向 Sub-GHz + 2.4 GHz 键盘 Pager 的 LR1121 固件。不要刷到 SX1262 硬件上。",
-    "install.tdeckCopy": "面向 T-Deck 键盘 + 触屏布局调校的固件。",
-    "install.twatchCopy": "面向紧凑触屏手表实验的固件。",
-    "install.gatCopy": "nRF52 目标暂未接入浏览器刷机，请使用发布包手动刷写。",
-    "install.gatHint": "从最新 GitHub Release 下载打包固件。",
-    "install.checking": "正在检查可用固件...",
-    "install.openRelease": "打开最新发布",
-    "install.step1": "1. 使用 USB 数据线连接设备。",
-    "install.step2": "2. 如果硬件需要，请先进入下载模式。",
-    "install.step3": "3. 选择精确的 SX1262 或 LR1121 Pager 目标，让浏览器刷写合并镜像。",
-    "docs.eyebrow": "继续阅读",
-    "docs.title": "需要更详细的设置说明？",
-    "docs.copy":
-      "维基里有硬件说明、刷机步骤、地图准备、配置方法、故障排查和完整发布说明。",
-    "docs.wiki": "维基首页",
-    "docs.hardware": "支持硬件",
-    "footer.eyebrow": "Trail Mate 现场笔记",
-    "footer.title": "为地图和信号都很重要的地方而做。",
-    "footer.copy":
-      "关注仓库即可获取固件发布、设备说明、地图和语言包更新，以及面向户外使用的修复。",
-    "footer.repo": "仓库",
-    "footer.releases": "发布",
-    "footer.wiki": "维基",
-    "release.waiting": "等待首个带标签发布",
-    "release.ready": "{tag} 可安装",
-    "release.unavailable": "无法加载发布信息",
-    "flasher.activate": "在浏览器中刷机",
-    "flasher.unsupported": "请使用支持 Web Serial 的桌面版 Chrome 或 Edge。",
-    "flasher.notAllowed": "请通过 HTTPS 打开页面以使用网页刷机。",
-    "flasher.readyNote": "来自最新发布的合并固件镜像。",
-    "flasher.missingAsset": "最新发布中缺少此板卡的网页刷机产物，请暂时手动下载。",
-    "flasher.pending": "首个带标签发布完成后，网页刷机产物会显示在这里。",
-    "flasher.error": "无法加载发布信息。请打开 GitHub Release 页面手动下载。",
-    "pack.release": "正式包",
-    "pack.review": "复核包",
-    "pack.locale": "个语言",
-    "pack.locales": "个语言",
-    "pack.font": "个字体包",
-    "pack.fonts": "个字体包",
-    "pack.ime": "个输入法",
-    "pack.imes": "个输入法",
-    "pack.download": "下载语言包",
-    "pack.emptyTitle": "还没有发布语言包。",
-    "pack.emptyText": "包目录生成后，Pages 会在这里展示语言包。",
-    "pack.errorTitle": "语言包目录不可用",
-    "pack.errorText": "官网当前无法加载已发布的语言包元数据。",
-    "device.emptyTitle": "已预留专属截图位。",
-    "device.emptyText": "这个设备已经有固件目标，但还没有加入自己的屏幕截图。",
-  },
-};
-
-const PACK_NAME_ZH = {
-  ar: "阿拉伯语",
-  "europe-cyrillic-ext": "欧洲西里尔扩展",
-  "europe-latin-ext": "欧洲拉丁扩展",
-  ja: "日语",
-  ko: "韩语",
-  "zh-Hans": "简体中文",
-  "zh-Hant": "繁体中文（台湾）",
-};
-
-const DEVICES = [
-  {
-    id: "tlora-pager-sx1262",
-    chip: "ESP32-S3 + SX1262",
-    title: {
-      en: "LilyGo T-LoRa Pager SX1262",
-      zh: "LilyGo T-LoRa Pager SX1262",
-    },
-    status: {
-      en: "Mature keyboard target",
-      zh: "成熟键盘目标",
-    },
-    summary: {
-      en: "Keyboard Pager with the most complete screenshots, field testing, and broadest Trail Mate UI coverage. Use this target for SX1262 hardware.",
-      zh: "键盘版 Pager，当前截图、实机验证和 Trail Mate UI 覆盖最完整。SX1262 硬件使用这个目标。",
-    },
-    interactions: {
-      en: [
-        "Use this firmware only for the SX1262 Pager. LR1121 Pager hardware has its own build below.",
-        "Best current choice if you want the most tested Trail Mate experience.",
-        "Open Help on the Pager main menu to see keyboard shortcuts, including keyboard backlight control.",
-        "Install extra language, font, and keyboard packs from Extensions when you need them.",
-      ],
-      zh: [
-        "这个固件只用于 SX1262 Pager。LR1121 Pager 需要使用下方自己的固件。",
-        "如果想体验当前最完整、测试最多的 Trail Mate，优先选择这个设备。",
-        "在 Pager 主菜单打开 Help 可以查看快捷键，包括键盘背光调节。",
-        "需要其他语言、字体或键盘布局时，从 Extensions 安装即可。",
-      ],
-    },
-    screenshots: [
-      {
-        src: "./assets/showcase/home-main.png",
-        title: { en: "Home launcher", zh: "主菜单" },
-        alt: { en: "T-LoRa Pager home launcher", zh: "T-LoRa Pager 主菜单" },
-      },
-      {
-        src: "./assets/showcase/nav-map-osm.png",
-        title: { en: "Offline OSM map", zh: "离线 OSM 地图" },
-        alt: { en: "T-LoRa Pager OSM map screen", zh: "T-LoRa Pager OSM 地图界面" },
-      },
-      {
-        src: "./assets/showcase/nav-map-terrain.png",
-        title: { en: "Terrain map", zh: "地形地图" },
-        alt: { en: "T-LoRa Pager terrain map screen", zh: "T-LoRa Pager 地形地图界面" },
-      },
-      {
-        src: "./assets/showcase/nav-skyplot.png",
-        title: { en: "GNSS sky plot", zh: "GNSS 天空图" },
-        alt: { en: "T-LoRa Pager GNSS sky plot screen", zh: "T-LoRa Pager GNSS 天空图界面" },
-      },
-      {
-        src: "./assets/showcase/chat-compose.png",
-        title: { en: "Message compose", zh: "消息编写" },
-        alt: { en: "T-LoRa Pager message compose screen", zh: "T-LoRa Pager 消息编写界面" },
-      },
-      {
-        src: "./assets/showcase/chat-messages.png",
-        title: { en: "Message history", zh: "消息记录" },
-        alt: { en: "T-LoRa Pager message history screen", zh: "T-LoRa Pager 消息记录界面" },
-      },
-      {
-        src: "./assets/showcase/team-map.png",
-        title: { en: "Team map", zh: "团队地图" },
-        alt: { en: "T-LoRa Pager team map screen", zh: "T-LoRa Pager 团队地图界面" },
-      },
-      {
-        src: "./assets/showcase/utility-spectrum.png",
-        title: { en: "Protocol Probe", zh: "协议包探测" },
-        alt: { en: "T-LoRa Pager Protocol Probe screen", zh: "T-LoRa Pager 协议包探测界面" },
-      },
-      {
-        src: "./assets/showcase/utility-tracker.png",
-        title: { en: "Tracker", zh: "轨迹" },
-        alt: { en: "T-LoRa Pager tracker screen", zh: "T-LoRa Pager 轨迹界面" },
-      },
-    ],
-  },
-  {
-    id: "tlora-pager-lr1121",
-    chip: "ESP32-S3 + LR1121",
-    title: {
-      en: "LilyGo T-LoRa Pager LR1121",
-      zh: "LilyGo T-LoRa Pager LR1121",
-    },
-    status: {
-      en: "MeshCore advert fix retained",
-      zh: "MeshCore advert 修复已保留",
-    },
-    summary: {
-      en: "Use this target for the LR1121 Pager. Current releases keep the MeshCore node-advert receive fix so nearby nodes can populate correctly on LR1121 hardware.",
-      zh: "这是 LR1121 Pager 专用目标。当前发布线保留 MeshCore 节点 advert 接收修复，使 LR1121 硬件上的附近节点列表可以正确填充。",
-    },
-    interactions: {
-      en: [
-        "Check the radio chip before flashing; SX1262 and LR1121 builds are different.",
-        "Payload-present LR1121 reads continue into the shared MeshCore parser instead of being dropped at the radio task boundary.",
-        "Some screenshots are shared with the keyboard Pager until dedicated LR1121 photos are added.",
-      ],
-      zh: [
-        "刷机前请确认 radio 芯片；SX1262 和 LR1121 不能混刷。",
-        "LR1121 已读出 payload 的接收结果会继续交给共享 MeshCore 解析器，而不是在 radio task 边界丢掉节点 advert。",
-        "在补充 LR1121 专属截图前，这里会暂用键盘 Pager 的部分截图。",
-      ],
-    },
-    screenshots: [
-      {
-        src: "./assets/showcase/home-main.png",
-        title: { en: "Home launcher", zh: "主菜单" },
-        alt: { en: "T-LoRa Pager LR1121 home launcher", zh: "T-LoRa Pager LR1121 主菜单" },
-      },
-      {
-        src: "./assets/showcase/chat-messages.png",
-        title: { en: "Message history", zh: "消息记录" },
-        alt: { en: "T-LoRa Pager LR1121 message history screen", zh: "T-LoRa Pager LR1121 消息记录界面" },
-      },
-      {
-        src: "./assets/showcase/team-map.png",
-        title: { en: "Team map", zh: "团队地图" },
-        alt: { en: "T-LoRa Pager LR1121 team map screen", zh: "T-LoRa Pager LR1121 团队地图界面" },
-      },
-    ],
-  },
-  {
-    id: "tdeck",
-    chip: "ESP32-S3",
-    title: {
-      en: "LilyGo T-Deck",
-      zh: "LilyGo T-Deck",
-    },
-    status: {
-      en: "Keyboard + touch target",
-      zh: "键盘 + 触屏设备",
-    },
-    summary: {
-      en: "T-Deck build for map panning, on-device typing, touch gestures, and compact field controls.",
-      zh: "面向 T-Deck 的固件，适合触屏拖动地图、设备端输入、触控操作和紧凑现场控制。",
-    },
-    interactions: {
-      en: [
-        "Use this target for T-Deck hardware, not for the keyboard Pager.",
-        "Touch support matters here: map panning and page controls should feel natural on the screen.",
-        "Dedicated screenshots will be added as this device gets more field captures.",
-      ],
-      zh: [
-        "这个目标用于 T-Deck，不要刷到键盘 Pager 上。",
-        "触屏是这个设备的重要交互：地图拖动和页面操作应该直接在屏幕上完成。",
-        "后续会随着实机测试补充 T-Deck 自己的截图。",
-      ],
-    },
-    screenshots: [],
-  },
-  {
-    id: "lilygo-twatch-s3",
-    chip: "ESP32-S3",
-    title: {
-      en: "LilyGo T-Watch-S3",
-      zh: "LilyGo T-Watch-S3",
-    },
-    status: {
-      en: "Compact touch target",
-      zh: "小屏触控设备",
-    },
-    summary: {
-      en: "Watch-sized ESP32 target for compact touch experiments and quick field checks.",
-      zh: "手表尺寸的 ESP32 目标，适合紧凑触屏实验和快速现场查看。",
-    },
-    interactions: {
-      en: [
-        "Use this build only for the T-Watch-S3 hardware.",
-        "Expect a touch-first experience with tighter screen space than Pager or T-Deck.",
-        "Web flashing appears when matching firmware is available.",
-      ],
-      zh: [
-        "这个固件只用于 T-Watch-S3 硬件。",
-        "它是触屏优先的小屏体验，显示空间比 Pager 和 T-Deck 更紧。",
-        "对应固件可用时，网页刷机会在下方安装卡片中出现。",
-      ],
-    },
-    screenshots: [],
-  },
-  {
-    id: "gat562-mesh-evb-pro",
-    chip: "nRF52",
-    title: {
-      en: "GAT562 Mesh EVB Pro",
-      zh: "GAT562 Mesh EVB Pro",
-    },
-    status: {
-      en: "0.1.35 BLE/MQTT stabilization",
-      zh: "0.1.35 BLE/MQTT 稳定化",
-    },
-    summary: {
-      en: "nRF52 board for users who flash downloaded firmware files manually. The 0.1.35 line hardens Meshtastic BLE, MQTT proxy flow, and bounded memory ownership.",
-      zh: "面向 nRF52 的目标，目前需要手动刷写发布包。0.1.35 发布线加强 Meshtastic BLE、MQTT proxy 流程和有界内存所有权。",
-    },
-    interactions: {
-      en: [
-        "Use the GAT562 nRF52840 UF2 release file instead of the browser flasher.",
-        "BLE FromRadio reads now bind to stable published slots, with fixed backpressure for high-traffic MQTT/NodeInfo paths.",
-        "This board follows a different flashing model than the ESP32-S3 devices above.",
-        "Screenshots will be added when this target has its own captured UI set.",
-      ],
-      zh: [
-        "请优先使用 GitHub Release 中的 GAT562 nRF52840 UF2 发布文件，不要使用网页刷机。",
-        "BLE FromRadio 读取现在绑定到稳定发布槽位，高流量 MQTT/NodeInfo 路径也采用固定背压规则。",
-        "这个设备的刷写方式和上面的 ESP32-S3 设备不同。",
-        "后续有独立截图后，会补充该目标自己的界面展示。",
-      ],
-    },
-    screenshots: [],
-  },
-  {
-    id: "t-echo-lite",
-    chip: "nRF52",
-    title: {
-      en: "LILYGO T-Echo-Lite-KeyShield",
-      zh: "LILYGO T-Echo-Lite-KeyShield",
-    },
-    status: {
-      en: "0.1.35 BLE/MQTT stabilization",
-      zh: "0.1.35 BLE/MQTT 稳定化",
-    },
-    summary: {
-      en: "nRF52 e-paper keyboard target with 192x176 mono UI, physical keypad input, and hardened BLE/MQTT memory ownership for the 0.1.35 release.",
-      zh: "nRF52 电子纸键盘目标，带 192x176 mono UI、实体键盘输入，并在 0.1.35 中加强 BLE/MQTT 内存所有权。",
-    },
-    interactions: {
-      en: [
-        "Use the t-echo-lite nRF52840 UF2 release file from GitHub Releases.",
-        "The GPS runtime no longer sits on runtime heap, reducing exposure to unrelated heap corruption under BLE/MQTT traffic.",
-        "Browser flashing is not available for this nRF52 target yet.",
-        "Choose this firmware only for the T-Echo-Lite-KeyShield hardware.",
-      ],
-      zh: [
-        "请优先使用 GitHub Release 中的 t-echo-lite nRF52840 UF2 发布文件。",
-        "GPS runtime 不再位于运行期 heap 上，降低 BLE/MQTT 高流量下被无关 heap 损坏波及的风险。",
-        "这个 nRF52 目标暂不支持网页刷机。",
-        "这个固件只用于 T-Echo-Lite-KeyShield 硬件。",
-      ],
-    },
-    screenshots: [],
-  },
-];
-
-let currentLanguage = "en";
 let releaseDataCache = null;
 let packDataCache = null;
-let activeDeviceId = "tlora-pager-sx1262";
-let activeShotIndex = 0;
 
 function t(key, params = {}) {
-  const template = I18N[currentLanguage]?.[key] ?? I18N.en[key] ?? key;
-  return Object.entries(params).reduce(
-    (text, [name, value]) => text.replaceAll(`{${name}}`, String(value)),
-    template,
-  );
-}
-
-function localize(value) {
-  if (typeof value === "string") {
-    return value;
-  }
-  return value?.[currentLanguage] ?? value?.en ?? "";
+  return translate(key, params);
 }
 
 function createElement(tagName, className, text) {
@@ -627,20 +50,8 @@ function setReleaseLinks(url) {
 }
 
 function applyStaticTranslations() {
-  i18nEls.forEach((element) => {
-    element.textContent = t(element.dataset.i18n);
-  });
-
-  document.documentElement.lang = currentLanguage === "zh" ? "zh-CN" : "en";
-  document.title = currentLanguage === "zh" ? "Trail Mate - 离线现场通信固件" : "Trail Mate";
-}
-
-function updateLanguageButtons() {
-  languageButtons.forEach((button) => {
-    const isActive = button.dataset.langChoice === currentLanguage;
-    button.classList.toggle("is-active", isActive);
-    button.setAttribute("aria-pressed", String(isActive));
-  });
+  applyTranslations();
+  document.title = t('document.title');
 }
 
 function createInstallButton(manifestPath) {
@@ -676,6 +87,9 @@ function renderBoardInstall(card, releaseData) {
     return;
   }
 
+  const unavailableButton = createElement('button', 'flash-button', t('flasher.activate'));
+  unavailableButton.disabled = true;
+  installSlot.append(unavailableButton);
   installSlot.append(
     createElement(
       "p",
@@ -706,21 +120,25 @@ function renderReleaseData() {
     setReleaseLinks(releaseDataCache.release_url);
   }
 
-  boardCards.forEach((card) => renderBoardInstall(card, releaseDataCache));
+  const selector = document.querySelector('#install-target');
+  if (selector) {
+    const card = boardCards[0];
+    card.dataset.boardId = selector.value;
+    document.querySelector('#install-target-title').textContent = selector.selectedOptions[0].textContent;
+    const manual = selector.value === 't-echo-lite';
+    document.querySelector('#install-target-copy').textContent = t(manual?'install.manualInstructions':'install.variantInstructions');
+    document.querySelector('#webflasher .workflow-note').hidden = manual;
+    if (manual) card.querySelector('[data-install-slot]').replaceChildren();
+    else renderBoardInstall(card, releaseDataCache);
+  }
 }
 
 function localizedPackName(pack) {
-  if (currentLanguage === "zh") {
-    return PACK_NAME_ZH[pack.id] ?? pack.display_name ?? pack.id ?? "语言包";
-  }
-  return pack.display_name || pack.id || "Unnamed package";
+  return packName(pack);
 }
 
-function localizedPackSummary(pack, locales, fontCount, imeCount) {
-  if (currentLanguage === "zh") {
-    return `${localizedPackName(pack)}语言包，包含 ${locales.length} ${t(locales.length === 1 ? "pack.locale" : "pack.locales")}、${fontCount} ${t(fontCount === 1 ? "pack.font" : "pack.fonts")}、${imeCount} ${t(imeCount === 1 ? "pack.ime" : "pack.imes")}。`;
-  }
-  return pack.summary || "No summary available.";
+function localizedPackSummary(pack) {
+  return packDescription(pack);
 }
 
 function createPackCard(pack) {
@@ -740,16 +158,16 @@ function createPackCard(pack) {
     createElement(
       "p",
       "language-pack-summary",
-      localizedPackSummary(pack, locales, fontCount, imeCount),
+      localizedPackSummary(pack),
     ),
   );
 
   const meta = createElement("div", "language-pack-meta");
-  meta.append(createPill(`${locales.length} ${t(locales.length === 1 ? "pack.locale" : "pack.locales")}`));
-  meta.append(createPill(`${fontCount} ${t(fontCount === 1 ? "pack.font" : "pack.fonts")}`));
-  meta.append(createPill(`${imeCount} ${t(imeCount === 1 ? "pack.ime" : "pack.imes")}`));
+  meta.append(createPill(packCount('locales',locales.length)));
+  meta.append(createPill(packCount('fonts',fontCount)));
+  meta.append(createPill(packCount('ime',imeCount)));
   statuses.forEach((status) => {
-    meta.append(createPill(status));
+    meta.append(createPill(packStatus(status)));
   });
   card.append(meta);
 
@@ -757,11 +175,11 @@ function createPackCard(pack) {
     const localeRow = createElement("div", "language-pack-locales");
     locales.slice(0, 7).forEach((locale) => {
       const status = locale.translation_status || "release";
-      const label = currentLanguage === "zh" ? PACK_NAME_ZH[pack.id] ?? locale.display_name : locale.display_name;
-      localeRow.append(createPill(status === "release" ? label : `${label} (${status})`));
+      const label = languageName(locale.id);
+      localeRow.append(createPill(status === "release" ? label : `${label} (${packStatus(status)})`));
     });
     if (locales.length > 7) {
-      localeRow.append(createPill(`+${locales.length - 7} more`));
+      localeRow.append(createPill(packCount('more',locales.length-7)));
     }
     card.append(localeRow);
   }
@@ -769,7 +187,7 @@ function createPackCard(pack) {
   if (Array.isArray(pack.supported_memory_profiles) && pack.supported_memory_profiles.length > 0) {
     const memoryRow = createElement("div", "language-pack-profiles");
     pack.supported_memory_profiles.forEach((profile) => {
-      memoryRow.append(createPill(profile));
+      memoryRow.append(createPill(memoryProfile(profile)));
     });
     card.append(memoryRow);
   }
@@ -784,6 +202,10 @@ function createPackCard(pack) {
 }
 
 function renderPackCatalog() {
+  const packs = (packDataCache?.packages ?? []).filter(pack=>pack.package_type==='locale-bundle');
+  const localeTotal=packs.reduce((sum,pack)=>sum+(pack.runtime?.locale_count??pack.provides?.locales?.length??0),0);
+  const summary=document.querySelector('[data-pack-summary]');
+  if(summary)summary.textContent=`${packCount('packages',packs.length)} · ${packCount('locales',localeTotal)}`;
   if (!packGrid) {
     return;
   }
@@ -801,7 +223,6 @@ function renderPackCatalog() {
     return;
   }
 
-  const packs = (packDataCache.packages ?? []).filter((pack) => pack.package_type === "locale-bundle");
   const totalLocales = packs.reduce((sum, pack) => {
     const runtimeLocales = pack.runtime?.locale_count;
     if (typeof runtimeLocales === "number") {
@@ -828,93 +249,16 @@ function renderPackCatalog() {
   });
 }
 
-function findDevice(deviceId) {
-  return DEVICES.find((device) => device.id === deviceId) ?? DEVICES[0];
-}
-
-function updateDeviceActiveStates() {
-  deviceNavButtons.forEach((button) => {
-    button.classList.toggle("is-active", button.dataset.deviceNav === activeDeviceId);
-  });
-  deviceTabButtons.forEach((button) => {
-    button.classList.toggle("is-active", button.dataset.deviceTarget === activeDeviceId);
-  });
-}
-
-function renderDeviceShot(device, index) {
-  const shot = device.screenshots[index];
-  if (!shot) {
-    deviceMainImage.src = "./assets/showcase/brand-logo.png";
-    deviceMainImage.alt = localize(device.title);
-    deviceMainCaption.textContent = t("device.emptyTitle");
-    return;
-  }
-
-  deviceMainImage.src = shot.src;
-  deviceMainImage.alt = localize(shot.alt);
-  deviceMainCaption.textContent = localize(shot.title);
-}
-
-function renderDevice() {
-  const device = findDevice(activeDeviceId);
-  activeShotIndex = Math.min(activeShotIndex, Math.max(device.screenshots.length - 1, 0));
-
-  deviceKicker.textContent = device.chip;
-  deviceTitle.textContent = localize(device.title);
-  deviceSummary.textContent = localize(device.summary);
-  deviceStatus.textContent = localize(device.status);
-
-  deviceInteractions.replaceChildren();
-  localize(device.interactions).forEach((item) => {
-    deviceInteractions.append(createElement("li", "", item));
-  });
-
-  renderDeviceShot(device, activeShotIndex);
-  deviceThumbGrid.replaceChildren();
-
-  if (device.screenshots.length === 0) {
-    const empty = createElement("div", "device-empty");
-    empty.append(createElement("h4", "", t("device.emptyTitle")));
-    empty.append(createElement("p", "", t("device.emptyText")));
-    deviceThumbGrid.append(empty);
-    return;
-  }
-
-  device.screenshots.forEach((shot, index) => {
-    const button = document.createElement("button");
-    button.className = `device-thumb${index === activeShotIndex ? " is-active" : ""}`;
-    button.type = "button";
-    button.dataset.shotIndex = String(index);
-
-    const image = document.createElement("img");
-    image.src = shot.src;
-    image.alt = localize(shot.alt);
-    image.loading = "lazy";
-
-    button.append(image, createElement("span", "", localize(shot.title)));
-    deviceThumbGrid.append(button);
-  });
-}
-
-function selectDevice(deviceId, shouldScroll = false) {
-  activeDeviceId = deviceId;
-  activeShotIndex = 0;
-  updateDeviceActiveStates();
-  renderDevice();
-
-  if (shouldScroll) {
-    document.querySelector("#devices")?.scrollIntoView({ behavior: "smooth", block: "start" });
-  }
-}
-
-function setLanguage(language) {
-  currentLanguage = language === "zh" ? "zh" : "en";
-  localStorage.setItem("trail-mate-language", currentLanguage);
-  updateLanguageButtons();
+async function setLanguage(language) {
+  await setLocale(language);
+  localStorage.setItem("trail-mate-language", getLocale());
+  const url=new URL(location.href);
+  url.searchParams.set("lang",getLocale());
+  history.replaceState(null,"",url);
+  document.querySelector('#site-language').value=getLocale();
   applyStaticTranslations();
   renderReleaseData();
   renderPackCatalog();
-  renderDevice();
 }
 
 async function loadReleaseData() {
@@ -951,46 +295,16 @@ async function loadPackCatalog() {
   }
 }
 
-languageButtons.forEach((button) => {
-  button.addEventListener("click", () => {
-    setLanguage(button.dataset.langChoice);
-  });
-});
-
-deviceNavButtons.forEach((button) => {
-  button.addEventListener("click", () => {
-    selectDevice(button.dataset.deviceNav, true);
-  });
-});
-
-deviceTabButtons.forEach((button) => {
-  button.addEventListener("click", () => {
-    selectDevice(button.dataset.deviceTarget, false);
-  });
-});
-
-deviceThumbGrid?.addEventListener("click", (event) => {
-  const thumb = event.target.closest("[data-shot-index]");
-  if (!thumb) {
-    return;
-  }
-
-  const device = findDevice(activeDeviceId);
-  activeShotIndex = Number(thumb.dataset.shotIndex);
-  renderDeviceShot(device, activeShotIndex);
-  deviceThumbGrid.querySelectorAll(".device-thumb").forEach((button) => {
-    button.classList.toggle("is-active", button === thumb);
-  });
-});
-
 const urlParams = new URLSearchParams(window.location.search);
+document.querySelector('#site-language').replaceChildren(...locales.map(locale=>{
+  const option=document.createElement('option');
+  option.value=locale.id;option.textContent=locale.name;
+  return option;
+}));
 const urlLanguage = urlParams.get("lang");
-const urlDevice = urlParams.get("device");
 const savedLanguage = localStorage.getItem("trail-mate-language");
-if (DEVICES.some((device) => device.id === urlDevice)) {
-  activeDeviceId = urlDevice;
-}
-setLanguage(urlLanguage === "zh" || savedLanguage === "zh" ? "zh" : "en");
-selectDevice(activeDeviceId, false);
+await setLanguage(urlLanguage ?? savedLanguage ?? 'en');
+document.querySelector('#site-language').addEventListener('change',event=>setLanguage(event.target.value));
 loadReleaseData();
 loadPackCatalog();
+document.querySelector('#install-target')?.addEventListener('change', renderReleaseData);
diff --git a/site/native-explorer.js b/site/native-explorer.js
new file mode 100644
index 00000000..f3d1eecf
--- /dev/null
+++ b/site/native-explorer.js
@@ -0,0 +1,243 @@
+import {devices} from './simulator/devices/registry.js';
+import {mountSvgDevice} from './simulator/components/svg-device.js';
+import {localizeSimulatorControls} from './simulator/components/localize-controls.js';
+import {translate,subscribeLocale,loadLocale,localizeFeature} from './i18n/runtime.js';
+await loadLocale('en');
+let resizeSvgDevice;
+const root = document.querySelector('#explorer');
+const nativeAssetRoot=new URL('./assets/native/',import.meta.url);
+let buildManifest, guideModule;
+try {
+  const response=await fetch(new URL('manifest.json',nativeAssetRoot),{cache:'no-store'});
+  if(!response.ok)throw new Error(`Native manifest: HTTP ${response.status}`);
+  buildManifest=await response.json();
+  const guideUrl=new URL('./explorer-data.js',import.meta.url);guideUrl.searchParams.set('v',buildManifest.guide);
+  guideModule=await import(guideUrl.href);
+} catch(error){root.innerHTML='<p data-i18n="explorer.startError"></p>';root.firstElementChild.textContent=translate('explorer.startError');throw error;}
+const {FEATURES}=guideModule;
+const params = new URLSearchParams(location.search);
+const device = Object.hasOwn(devices,params.get('demo-device')) ? params.get('demo-device') : 'pager';
+const profile = devices[device];
+const pages = {calculator:0,gps:1,usb:2,walkie:3,sstv:4,chat:5,extensions:8,network:9,home:10,settings:11,mqtt:11,contacts:12,team:13,tracker:14,route:14,map:15,probe:16,help:17,power:18};
+const unsupportedByDevice = new Set(profile.unsupportedFeatures);
+let currentPage = Object.hasOwn(pages,params.get('feature')) && !unsupportedByDevice.has(params.get('feature')) ? params.get('feature') : 'home';
+let runtime, frameData;
+let lastSnapshot = '', lastTime = performance.now(), poweredOff = false;
+let observedNativePage=-1;
+const escape = value => String(value).replace(/[&<>"']/g, c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'})[c]);
+
+root.innerHTML = `<div class="explorer-heading"><div><p class="eyebrow">FIRMWARE UI / 固件原生界面</p><h2>The actual interface. In your browser.</h2></div><p>Original C++ pages · LVGL 9.4<br>Firmware fonts, icons, layouts and controls.</p></div>
+<div class="explorer-toolbar"><label class="device-preview-select">Preview device / 预览设备 <select id="native-device">${Object.values(devices).map(item=>`<option value="${item.id}" ${device===item.id?'selected':''}>${item.name}</option>`).join('')}</select></label><span class="demo-badge">LVGL · WEBASSEMBLY</span><button id="native-reset">Reset demo</button></div>
+<div class="native-layout"><nav id="native-navigation" aria-label="Firmware pages"><label class="feature-search">Find a feature / 查找<input id="native-search" type="search" placeholder="Maps, chat, 计算器…"></label><div id="native-page-list"></div></nav>
+<div class="native-stage"><div class="native-caption"><span>${profile.name} · ${profile.width} × ${profile.height}</span><a href="https://github.com/vicliu624/trail-mate/tree/main/modules/ui_shared/src/ui/screens">Firmware source ↗</a></div><p id="native-status" role="status">Loading the native firmware renderer…</p><div class="native-scroll"><div class="hardware-shell" data-shell="${device}"><div class="shell-top" aria-hidden="true"></div><div class="shell-speaker" aria-hidden="true"></div><div id="native-display" tabindex="0"><canvas id="native-canvas" width="${profile.width}" height="${profile.height}" aria-label="Native LVGL firmware display"></canvas><div id="native-controls" aria-label="Native firmware controls"></div></div>${device==='tdeck'?'<div class="tdeck-trackbar" role="group" aria-label="T-Deck trackball"><button class="trackball" data-input="enter" aria-label="Trackball press">●</button></div>':'<div class="pager-antennas" aria-hidden="true"><i></i><i></i></div><div class="pager-side-controls" role="group" aria-label="Pager rotary and backspace"><button class="pager-rotary" data-input="enter" aria-label="Rotary press"></button><button class="pager-backspace" data-key="⌫" aria-label="Backspace">⌫</button></div>'}<div class="hardware-keyboard" aria-label="Full hardware keyboard"></div></div></div>
+<div class="native-scenarios"><label>Sample protocol <select id="native-protocol"><option value="1">Meshtastic</option><option value="2">MeshCore</option><option value="4">Reticulum</option></select></label><span>Use the hardware controls and keyboard shown on the device.</span></div>
+<p class="demo-boundary">Rendered by the firmware’s LVGL C++ pages — not screenshots or HTML imitations.<br>Radio, GNSS, battery and storage inputs are simulated. No device is connected.</p><p class="map-credit">Sample map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap contributors</a>. One cached OSM region at zoom 12; the route is a synthetic test fixture.</p><pre id="native-text" class="sr-only" aria-label="Firmware display text"></pre></div><aside class="feature-guide" id="native-guide"></aside></div>`;
+
+const canvas = root.querySelector('canvas');
+const context = canvas.getContext('2d');
+const display = root.querySelector('#native-display');
+const controls = root.querySelector('#native-controls');
+const status = root.querySelector('#native-status');
+let statusKey='explorer.loading',statusParams={};
+const setPreviewStatus=(key,params={})=>{statusKey=key;statusParams=params;status.textContent=translate(key,params);};
+setPreviewStatus(statusKey);
+subscribeLocale(()=>setPreviewStatus(statusKey,statusParams));
+const guide = root.querySelector('#native-guide');
+const keyboard = root.querySelector('.hardware-keyboard');
+const keyboardRows = device === 'pager'
+  ? [['Q|1','W|2','E|3','R|4','T|5','Y|6','U|7','I|8','O|9','P|0'],['A|*','S|/','D|+','F|-','G|=','H|:','J|;','K|,','L|@','⌫'],['ALT','Z|-','X|$','C|`','V|?','B|!','N|n','M|m','CAP']]
+  : [['Q|#','W|1','E|2','R|3','T|(','Y|)','U|_','I|i','O|+','P|@'],['A|*','S|4','D|5','F|6','G|/','H|:','J|;','K|k','L|9'],['ALT','Z|7','X|8','C|9','V|?','B|!','N|n','M|$','⌫'],['NOOP','SHIFT','MIC|0','SPACE','SYM','SHIFT','NOOP']];
+keyboard.innerHTML=keyboardRows.map(row=>`<div class="keyboard-row">${row.map(spec=>{const [key,label]=spec.split('|');return `<button type="button" data-key="${key}">${label?`<small>${label}</small>`:''}<b>${key}</b></button>`}).join('')}</div>`).join('')+(device==='pager'?'<button type="button" class="pager-space" data-key="SPACE" aria-label="Space">SPACE</button>':'');
+keyboard.addEventListener('pointerdown',event=>{const key=event.target.closest('[data-key]')?.dataset.key;if(!key||key==='NOOP'||!runtime)return;event.preventDefault();event.target.setPointerCapture?.(event.pointerId);const code=key==='SPACE'?32:key==='ENTER'?10:key==='⌫'?8:key==='TAB'?9:key==='MIC'?48:key==='CAP'||key==='SHIFT'?16:key==='ALT'?18:key==='SYM'?32:key==='FN'?17:key.charCodeAt(0);runtime._native_key_state(code,1);});
+keyboard.addEventListener('pointerup',event=>{const key=event.target.closest('[data-key]')?.dataset.key;if(!key||key==='NOOP'||!runtime)return;const code=key==='SPACE'?32:key==='ENTER'?10:key==='⌫'?8:key==='TAB'?9:key==='MIC'?48:key==='CAP'||key==='SHIFT'?16:key==='ALT'?18:key==='SYM'?32:key==='FN'?17:key.charCodeAt(0);runtime._native_key_state(code,0);});
+const trackball=root.querySelector('.trackball');
+const pagerRotary=root.querySelector('.pager-rotary');
+const pagerBackspace=root.querySelector('.pager-backspace');
+// Pointer capture keeps a touch drag on the physical wheel, even outside its bounds.
+let pagerWheelY=null, pagerWheelDragged=false;
+pagerRotary?.addEventListener('pointerdown',event=>{
+  if(!runtime||poweredOff||event.button!==0)return;
+  pagerWheelY=event.clientY; pagerWheelDragged=false;
+  pagerRotary.setPointerCapture(event.pointerId);
+  pagerRotary.classList.add('is-pressed');
+});
+pagerRotary?.addEventListener('pointermove',event=>{
+  if(pagerWheelY===null||!runtime||poweredOff)return;
+  const steps=Math.trunc((event.clientY-pagerWheelY)/10);
+  if(!steps)return;
+  pagerWheelDragged=true; pagerWheelY+=steps*10;
+  for(let i=0;i<Math.abs(steps);i++)runtime._native_encoder(Math.sign(steps));
+  pagerRotary.style.backgroundPositionY=`${pagerWheelY}px`;
+  updateControls();
+});
+for(const type of ['pointerup','pointercancel','lostpointercapture']){
+  pagerRotary?.addEventListener(type,()=>{pagerWheelY=null;pagerRotary.classList.remove('is-pressed');});
+}
+// A completed drag must not also confirm the newly selected menu item.
+pagerRotary?.addEventListener('click',event=>{
+  if(pagerWheelDragged){event.preventDefault();event.stopImmediatePropagation();pagerWheelDragged=false;}
+},true);
+pagerBackspace?.addEventListener('pointerdown',event=>{
+  if(event.button!==0)return;
+  pagerBackspace.setPointerCapture(event.pointerId);
+  pagerBackspace.classList.add('is-pressed');
+});
+for(const type of ['pointerup','pointercancel','lostpointercapture']){
+  pagerBackspace?.addEventListener(type,()=>pagerBackspace.classList.remove('is-pressed'));
+}
+pagerBackspace?.addEventListener('click',()=>{if(runtime&&!poweredOff){runtime._native_key(8);updateControls();}});
+pagerRotary?.addEventListener('wheel',event=>{if(runtime&&!poweredOff){event.preventDefault();runtime._native_encoder(event.deltaY>0?1:-1);updateControls();}},{passive:false});
+let trackballPoint;
+trackball?.addEventListener('wheel',event=>{if(!runtime||poweredOff)return;event.preventDefault();runtime._native_encoder(event.deltaY>0?1:-1);updateControls();},{passive:false});
+trackball?.addEventListener('pointerdown',event=>{trackballPoint=[event.clientX,event.clientY];trackball.setPointerCapture?.(event.pointerId);});
+trackball?.addEventListener('pointermove',event=>{if(!trackballPoint||!runtime||poweredOff)return;const dx=event.clientX-trackballPoint[0],dy=event.clientY-trackballPoint[1];if(Math.abs(dx)+Math.abs(dy)<8)return;runtime._native_encoder(Math.abs(dx)>Math.abs(dy)?(dx>0?1:-1):(dy>0?1:-1));trackballPoint=[event.clientX,event.clientY];updateControls();});
+trackball?.addEventListener('pointerup',()=>{trackballPoint=null;});
+
+function renderNavigation(query='') {
+  root.querySelector('#native-page-list').innerHTML = FEATURES
+    .filter(feature=>!unsupportedByDevice.has(feature.id))
+    .map(localizeFeature)
+    .filter(feature=>`${feature.name} ${feature.summary}`.toLocaleLowerCase(document.documentElement.lang).includes(query.toLocaleLowerCase(document.documentElement.lang)))
+    .map(feature=>`<button data-page="${feature.id}" aria-current="${feature.id===currentPage?'page':'false'}">${escape(feature.name)}</button>`)
+    .join('') || `<p>${escape(translate('explorer.noMatches'))}</p>`;
+}
+
+function renderGuide(id) {
+  const base=FEATURES.find(f=>f.id===id) || FEATURES[0];
+  const item=localizeFeature(base);
+  guide.innerHTML=`<p class="eyebrow">${escape(item.name)}</p><h3>${escape(item.summary)}</h3><p>${escape(item.detail)}</p><div class="try-this"><strong>${escape(translate('guide.try'))}</strong><p>${escape(translate('guide.try.'+(['calculator','network','route','mqtt','probe'].includes(id)?id:'default')))}</p></div><h4>${escape(translate('guide.requirements'))}</h4><p>${escape(item.needs)}</p><a class="guide-doc" href="https://github.com/vicliu624/trail-mate/tree/main/${item.source}">${escape(translate('guide.reference'))}</a><div class="device-note"><strong>${escape(translate('device.'+device+'.controls'))}</strong><p>${escape(translate('device.'+device+'.note'))}</p></div>`;
+}
+
+function fitDisplay() {
+  const choice='auto';
+  if(resizeSvgDevice){resizeSvgDevice(choice);return;}
+  const scale=choice==='auto'?Math.min(2,root.querySelector('.native-scroll').clientWidth/profile.width):Number(choice);
+  const shell=root.querySelector('.hardware-shell');
+  if(shell&&device==='pager') shell.style.width=choice==='1'?'736px':'';
+  display.style.width=`${profile.width*scale}px`;
+  display.style.height=`${profile.height*scale}px`;
+}
+
+function updateControls() {
+  if(!runtime||poweredOff)return;
+  const json=runtime.UTF8ToString(runtime._native_snapshot());
+  if(json===lastSnapshot)return;
+  lastSnapshot=json;
+  const labels=JSON.parse(json);
+  const active=document.activeElement;
+  const focusId=active?.dataset.nativeId;
+  const selection=active?.tagName==='TEXTAREA'?[active.selectionStart,active.selectionEnd]:null;
+  controls.replaceChildren();
+  const uniqueControls=new Map();
+  for(const item of labels.filter(x=>x.button||x.input))if(!uniqueControls.has(item.id))uniqueControls.set(item.id,item);
+  for(const item of uniqueControls.values()) {
+    const control=document.createElement(item.input?'textarea':'button');
+    control.dataset.nativeId=String(item.id);
+    control.dataset.nativeText=item.input?'Text entry':item.text;
+    control.setAttribute('aria-label',item.input?'Device text entry':item.text);
+    control.style.cssText=`left:${item.x/profile.width*100}%;top:${item.y/profile.height*100}%;width:${item.w/profile.width*100}%;height:${item.h/profile.height*100}%;`;
+    if(item.input) {
+      control.value=item.text;
+      control.spellcheck=false;
+      control.addEventListener('input',()=>{runtime.ccall('native_set_text',null,['number','string'],[item.id,control.value]);});
+    } else {
+      control.type='button';
+      control.addEventListener('click',event=>{if(event.detail===0){runtime._native_activate(item.id);updateControls();}});
+    }
+    control.addEventListener('focus',()=>runtime._native_focus(item.id));
+    controls.append(control);
+    if(focusId===String(item.id)) {
+      control.focus({preventScroll:true});
+      if(selection&&item.input)control.setSelectionRange(...selection);
+    }
+  }
+  root.querySelector('#native-text').textContent=labels.filter(x=>!x.input).map(x=>x.text).join('\n');
+}
+
+function openPage(id) {
+  if(!FEATURES.some(f=>f.id===id) || unsupportedByDevice.has(id))return;
+  currentPage=id;
+  if(runtime&&!poweredOff) {
+    try {runtime._native_open_page(pages[id]);observedNativePage=pages[id];lastSnapshot='';updateControls();setPreviewStatus('explorer.running');}
+    catch(error){setPreviewStatus('explorer.pageError');console.error(error);}
+  }
+  renderGuide(id);
+  renderNavigation(root.querySelector('#native-search').value);
+  const url=new URL(location.href);url.searchParams.set('feature',id);url.searchParams.set('demo-device',device);history.replaceState(null,'',url);
+  fitDisplay();
+}
+
+root.querySelector('#native-navigation').addEventListener('click',event=>{const button=event.target.closest('[data-page]');if(button)openPage(button.dataset.page);});
+root.querySelector('#native-search').addEventListener('input',event=>renderNavigation(event.target.value));
+root.querySelector('#native-device').addEventListener('change',event=>{const url=new URL(location.href);url.searchParams.set('demo-device',event.target.value);url.searchParams.set('device',event.target.value==='tdeck'?'tdeck':'tlora-pager-sx1262');location.href=url;});
+root.querySelector('#native-reset').addEventListener('click',()=>location.reload());
+root.querySelector('#native-protocol').addEventListener('change',event=>{if(runtime){runtime._native_protocol(Number(event.target.value));openPage(currentPage);}});
+root.querySelectorAll('[data-input]').forEach(button=>button.addEventListener('click',event=>{const action=event.currentTarget.dataset.input;if(!runtime||!action||poweredOff)return;if(action==='home')openPage('home');else if(action==='enter')runtime._native_key(10);else if(action==='back')runtime._native_key(27);else if(action==='backlight')runtime._native_key(75);else if(action==='track-left')runtime._native_encoder(-1);else if(action==='track-right')runtime._native_encoder(1);else if(action==='touch')display.focus({preventScroll:true});else runtime._native_encoder(action==='previous'?-1:1);updateControls();}));
+
+function pointer(event,down) {
+  if(device==='pager'||!runtime||poweredOff||event.target.tagName==='TEXTAREA')return;
+  const bounds=canvas.getBoundingClientRect();
+  runtime._native_pointer(Math.round((event.clientX-bounds.left)*canvas.width/bounds.width),Math.round((event.clientY-bounds.top)*canvas.height/bounds.height),down?1:0);
+}
+display.addEventListener('pointerdown',event=>{if(event.target.tagName==='TEXTAREA')return;display.focus({preventScroll:true});display.setPointerCapture(event.pointerId);pointer(event,true);});
+display.addEventListener('pointermove',event=>{if(event.buttons)pointer(event,true);});
+display.addEventListener('pointerup',event=>{pointer(event,false);updateControls();});
+display.addEventListener('pointercancel',()=>runtime?._native_pointer(0,0,0));
+const keyCodes={Enter:10,Escape:27,Backspace:8,Delete:127,ArrowUp:17,ArrowDown:18,ArrowRight:19,ArrowLeft:20};
+display.addEventListener('keydown',event=>{
+  if(!runtime||poweredOff||event.target.tagName==='TEXTAREA'||event.key==='Tab'||event.ctrlKey||event.metaKey||event.altKey)return;
+  const key=keyCodes[event.key]??(event.key.length===1?event.key.charCodeAt(0):null);
+  if(key!==null){event.preventDefault();runtime._native_key_state(key,1);updateControls();}
+});
+window.addEventListener('keyup',event=>{if(event.code==='Space')runtime?._native_key_state(32,0);});
+window.addEventListener('blur',()=>{runtime?._native_pointer(0,0,0);runtime?._native_key_state(32,0);});
+new ResizeObserver(fitDisplay).observe(root.querySelector('.native-scroll'));
+renderNavigation();renderGuide(currentPage);fitDisplay();
+await localizeSimulatorControls(root);
+subscribeLocale(()=>renderGuide(currentPage));
+{
+  resizeSvgDevice=await mountSvgDevice(root.querySelector('.native-scroll'),display,profile,
+    (key,pressed)=>{if(!runtime||poweredOff)return;const code={ENTER:10,BACK:27,BACKSPACE:8,SPACE:32,CAP:16,SHIFT:16,ALT:18,SYM:32,MIC:48}[key]??key.charCodeAt(0);runtime._native_key_state(code,pressed?1:0);updateControls();},
+    steps=>{if(!runtime||poweredOff)return;for(let i=0;i<Math.abs(steps);i++)runtime._native_encoder(Math.sign(steps));updateControls();});
+  fitDisplay();
+}
+new MutationObserver(()=>renderNavigation(root.querySelector('#native-search').value)).observe(document.documentElement,{attributes:true,attributeFilter:['lang']});
+
+try {
+  const version=buildManifest.devices[device].version;
+  const assetUrl=name=>{const url=new URL(name,nativeAssetRoot);url.searchParams.set('v',version);return url.href;};
+  const [{default:create},packageResponse]=await Promise.all([import(assetUrl(`${device}.js`)),fetch(assetUrl(`${device}.data`))]);
+  if(!packageResponse.ok)throw new Error(`Native data package: HTTP ${packageResponse.status}`);
+  const packageData=await packageResponse.arrayBuffer();
+  runtime=await create({
+    locateFile(name){return assetUrl(name);},
+    getPreloadedPackage(){return packageData;},
+    onFrame(ptr,width,height) {
+      if(!runtime||poweredOff)return;
+      if(canvas.width!==width||canvas.height!==height){canvas.width=width;canvas.height=height;frameData=null;}
+      frameData??=context.createImageData(width,height);
+      const pixels=new Uint16Array(runtime.HEAPU8.buffer,ptr,width*height);
+      for(let i=0;i<pixels.length;i++){const p=pixels[i],j=i*4;frameData.data[j]=((p>>11)&31)*255/31;frameData.data[j+1]=((p>>5)&63)*255/63;frameData.data[j+2]=(p&31)*255/31;frameData.data[j+3]=255;}
+      context.putImageData(frameData,0,0);
+    },
+    onExit(){queueMicrotask(()=>openPage('home'));},
+    onPowerOff(){poweredOff=true;canvas.style.filter='brightness(0)';controls.replaceChildren();setPreviewStatus('explorer.off');},
+    printErr(message){console.error(message);}
+  });
+  runtime._native_init(device==='pager'?0:1);
+  openPage(currentPage);
+  function frame(time){
+    if(!poweredOff){
+      runtime._native_tick(Math.min(100,Math.max(1,Math.round(time-lastTime))));updateControls();
+      const choice=root.querySelector('#native-protocol');if(document.activeElement!==choice)choice.value=String(runtime._native_protocol_value());
+      const nativePage=runtime._native_page_value();
+      if(currentPage!=='pc'&&nativePage!==observedNativePage){
+        observedNativePage=nativePage;
+        const next=nativePage===6||nativePage===7?'chat':Object.keys(pages).find(id=>pages[id]===nativePage);
+        if(next&&next!==currentPage){currentPage=next;renderGuide(next);renderNavigation(root.querySelector('#native-search').value);const url=new URL(location.href);url.searchParams.set('feature',next);history.replaceState(null,'',url);}
+      }
+    }
+    lastTime=time;requestAnimationFrame(frame);
+  }
+  requestAnimationFrame(frame);
+} catch(error){setPreviewStatus('explorer.startError');console.error(error);}
diff --git a/site/package-lock.json b/site/package-lock.json
new file mode 100644
index 00000000..8207b168
--- /dev/null
+++ b/site/package-lock.json
@@ -0,0 +1,568 @@
+{
+  "name": "site",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "animal-island-ui": "1.10.0",
+        "classnames": "2.5.1",
+        "react": "18.3.1",
+        "react-dom": "18.3.1"
+      },
+      "devDependencies": {
+        "esbuild": "0.25.5"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.5.tgz",
+      "integrity": "sha512-9o3TMmpmftaCMepOdA5k/yDw8SfInyzWWTjYTFCX3kPSDJMROQTb8jg+h9Cnwnmm1vOzvxN7gIfB5V2ewpjtGA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.5.tgz",
+      "integrity": "sha512-AdJKSPeEHgi7/ZhuIPtcQKr5RQdo6OO2IL87JkianiMYMPbCtot9fxPbrMiBADOWWm3T2si9stAiVsGbTQFkbA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.5.tgz",
+      "integrity": "sha512-VGzGhj4lJO+TVGV1v8ntCZWJktV7SGCs3Pn1GRWI1SBFtRALoomm8k5E9Pmwg3HOAal2VDc2F9+PM/rEY6oIDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.5.tgz",
+      "integrity": "sha512-D2GyJT1kjvO//drbRT3Hib9XPwQeWd9vZoBJn+bu/lVsOZ13cqNdDeqIF/xQ5/VmWvMduP6AmXvylO/PIc2isw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.5.tgz",
+      "integrity": "sha512-GtaBgammVvdF7aPIgH2jxMDdivezgFu6iKpmT+48+F8Hhg5J/sfnDieg0aeG/jfSvkYQU2/pceFPDKlqZzwnfQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.5.tgz",
+      "integrity": "sha512-1iT4FVL0dJ76/q1wd7XDsXrSW+oLoquptvh4CLR4kITDtqi2e/xwXwdCVH8hVHU43wgJdsq7Gxuzcs6Iq/7bxQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.5.tgz",
+      "integrity": "sha512-nk4tGP3JThz4La38Uy/gzyXtpkPW8zSAmoUhK9xKKXdBCzKODMc2adkB2+8om9BDYugz+uGV7sLmpTYzvmz6Sw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.5.tgz",
+      "integrity": "sha512-PrikaNjiXdR2laW6OIjlbeuCPrPaAl0IwPIaRv+SMV8CiM8i2LqVUHFC1+8eORgWyY7yhQY+2U2fA55mBzReaw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.5.tgz",
+      "integrity": "sha512-cPzojwW2okgh7ZlRpcBEtsX7WBuqbLrNXqLU89GxWbNt6uIg78ET82qifUy3W6OVww6ZWobWub5oqZOVtwolfw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.5.tgz",
+      "integrity": "sha512-Z9kfb1v6ZlGbWj8EJk9T6czVEjjq2ntSYLY2cw6pAZl4oKtfgQuS4HOq41M/BcoLPzrUbNd+R4BXFyH//nHxVg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.5.tgz",
+      "integrity": "sha512-sQ7l00M8bSv36GLV95BVAdhJ2QsIbCuCjh/uYrWiMQSUuV+LpXwIqhgJDcvMTj+VsQmqAHL2yYaasENvJ7CDKA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.5.tgz",
+      "integrity": "sha512-0ur7ae16hDUC4OL5iEnDb0tZHDxYmuQyhKhsPBV8f99f6Z9KQM02g33f93rNH5A30agMS46u2HP6qTdEt6Q1kg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.5.tgz",
+      "integrity": "sha512-kB/66P1OsHO5zLz0i6X0RxlQ+3cu0mkxS3TKFvkb5lin6uwZ/ttOkP3Z8lfR9mJOBk14ZwZ9182SIIWFGNmqmg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.5.tgz",
+      "integrity": "sha512-UZCmJ7r9X2fe2D6jBmkLBMQetXPXIsZjQJCjgwpVDz+YMcS6oFR27alkgGv3Oqkv07bxdvw7fyB71/olceJhkQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.5.tgz",
+      "integrity": "sha512-kTxwu4mLyeOlsVIFPfQo+fQJAV9mh24xL+y+Bm6ej067sYANjyEw1dNHmvoqxJUCMnkBdKpvOn0Ahql6+4VyeA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.5.tgz",
+      "integrity": "sha512-K2dSKTKfmdh78uJ3NcWFiqyRrimfdinS5ErLSn3vluHNeHVnBAFWC8a4X5N+7FgVE1EjXS1QDZbpqZBjfrqMTQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.5.tgz",
+      "integrity": "sha512-uhj8N2obKTE6pSZ+aMUbqq+1nXxNjZIIjCjGLfsWvVpy7gKCOL6rsY1MhRh9zLtUtAI7vpgLMK6DxjO8Qm9lJw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.5.tgz",
+      "integrity": "sha512-pwHtMP9viAy1oHPvgxtOv+OkduK5ugofNTVDilIzBLpoWAM16r7b/mxBvfpuQDpRQFMfuVr5aLcn4yveGvBZvw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.5.tgz",
+      "integrity": "sha512-WOb5fKrvVTRMfWFNCroYWWklbnXH0Q5rZppjq0vQIdlsQKuw6mdSihwSo4RV/YdQ5UCKKvBy7/0ZZYLBZKIbwQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.5.tgz",
+      "integrity": "sha512-7A208+uQKgTxHd0G0uqZO8UjK2R0DDb4fDmERtARjSHWxqMTye4Erz4zZafx7Di9Cv+lNHYuncAkiGFySoD+Mw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.5.tgz",
+      "integrity": "sha512-G4hE405ErTWraiZ8UiSoesH8DaCsMm0Cay4fsFWOOUcz8b8rC6uCvnagr+gnioEjWn0wC+o1/TAHt+It+MpIMg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.5.tgz",
+      "integrity": "sha512-l+azKShMy7FxzY0Rj4RCt5VD/q8mG/e+mDivgspo+yL8zW7qEwctQ6YqKX34DTEleFAvCIUviCFX1SDZRSyMQA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.5.tgz",
+      "integrity": "sha512-O2S7SNZzdcFG7eFKgvwUEZ2VG9D/sn/eIiz8XRZ1Q/DO5a3s76Xv0mdBzVM5j5R639lXQmPmSo0iRpHqUUrsxw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.5.tgz",
+      "integrity": "sha512-onOJ02pqs9h1iMJ1PQphR+VZv8qBMQ77Klcsqv9CNW2w6yLqoURLcgERAIurY6QE63bbLuqgP9ATqajFLK5AMQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.5.tgz",
+      "integrity": "sha512-TXv6YnJ8ZMVdX+SXWVBo/0p8LTcrUYngpWjvm91TMjjBQii7Oz11Lw5lbDV5Y0TzuhSJHwiH4hEtC1I42mMS0g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/animal-island-ui": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/animal-island-ui/-/animal-island-ui-1.10.0.tgz",
+      "integrity": "sha512-8gIRYwERt36VILfil34e6TAfJPwH9iGejbrV51sQU+0TsHyBk+LVtC16rnRvo90HLwt7vMyGh3CL+kCK71iCXw==",
+      "license": "CC-BY-NC-4.0",
+      "dependencies": {
+        "lucide-react": "^1.40.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "classnames": "^2.5.1",
+        "react": ">=17.0.0",
+        "react-dom": ">=17.0.0"
+      }
+    },
+    "node_modules/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
+      "license": "MIT"
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.5.tgz",
+      "integrity": "sha512-P8OtKZRv/5J5hhz0cUAdu/cLuPIKXpQl1R9pZtvmHWQvrAUVd0UNIPT4IB4W3rNOqVO0rlqHmCIbSwxh/c9yUQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.5",
+        "@esbuild/android-arm": "0.25.5",
+        "@esbuild/android-arm64": "0.25.5",
+        "@esbuild/android-x64": "0.25.5",
+        "@esbuild/darwin-arm64": "0.25.5",
+        "@esbuild/darwin-x64": "0.25.5",
+        "@esbuild/freebsd-arm64": "0.25.5",
+        "@esbuild/freebsd-x64": "0.25.5",
+        "@esbuild/linux-arm": "0.25.5",
+        "@esbuild/linux-arm64": "0.25.5",
+        "@esbuild/linux-ia32": "0.25.5",
+        "@esbuild/linux-loong64": "0.25.5",
+        "@esbuild/linux-mips64el": "0.25.5",
+        "@esbuild/linux-ppc64": "0.25.5",
+        "@esbuild/linux-riscv64": "0.25.5",
+        "@esbuild/linux-s390x": "0.25.5",
+        "@esbuild/linux-x64": "0.25.5",
+        "@esbuild/netbsd-arm64": "0.25.5",
+        "@esbuild/netbsd-x64": "0.25.5",
+        "@esbuild/openbsd-arm64": "0.25.5",
+        "@esbuild/openbsd-x64": "0.25.5",
+        "@esbuild/sunos-x64": "0.25.5",
+        "@esbuild/win32-arm64": "0.25.5",
+        "@esbuild/win32-ia32": "0.25.5",
+        "@esbuild/win32-x64": "0.25.5"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "1.45.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-1.45.0.tgz",
+      "integrity": "sha512-yH1ubCAduho9UR7oJhRXIQXogksRILBiTuZC4/bQIGeB9JOkxMlSuEHyyZpo1Z3S0yWJO2KTSUZbjiNvVxeOUw==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    }
+  }
+}
diff --git a/site/package.json b/site/package.json
new file mode 100644
index 00000000..2d93cdb7
--- /dev/null
+++ b/site/package.json
@@ -0,0 +1 @@
+{"private":true,"type":"module","scripts":{"build:components":"node build-components.mjs"},"dependencies":{"animal-island-ui":"1.10.0","classnames":"2.5.1","react":"18.3.1","react-dom":"18.3.1"},"devDependencies":{"esbuild":"0.25.5"}}
diff --git a/site/simulator/components/device-size.js b/site/simulator/components/device-size.js
new file mode 100644
index 00000000..98f1e56e
--- /dev/null
+++ b/site/simulator/components/device-size.js
@@ -0,0 +1,4 @@
+export function fitDeviceSize(viewBox, availableWidth) {
+  const width=Math.min(480,Math.max(1,availableWidth-24),560*viewBox.width/viewBox.height);
+  return {width,height:width*viewBox.height/viewBox.width};
+}
diff --git a/site/simulator/components/localize-controls.js b/site/simulator/components/localize-controls.js
new file mode 100644
index 00000000..80d9132e
--- /dev/null
+++ b/site/simulator/components/localize-controls.js
@@ -0,0 +1,36 @@
+import {translate,subscribeLocale,loadLocale} from '../../i18n/runtime.js';
+
+export async function localizeSimulatorControls(root) {
+  await loadLocale('en');
+  const update=()=>{
+    const text=(selector,key)=>{const node=root.querySelector(selector);if(node)node.textContent=translate(key);};
+    text('.explorer-heading .eyebrow','explorer.label');
+    text('.explorer-heading h2','explorer.title');
+    text('#native-reset','explorer.reset');
+    text('.explorer-heading > p','explorer.renderer');
+    text('.demo-boundary','explorer.boundary');
+    text('.native-caption a','explorer.source');
+    const deviceLabel=root.querySelector('.device-preview-select');
+    if(deviceLabel?.firstChild?.nodeType===3)deviceLabel.firstChild.textContent=translate('explorer.device')+' ';
+    const searchLabel=root.querySelector('.feature-search');
+    if(searchLabel?.firstChild?.nodeType===3)searchLabel.firstChild.textContent=translate('explorer.search')+' ';
+    root.querySelector('#native-search')?.setAttribute('placeholder',translate('explorer.searchPlaceholder'));
+    const protocolLabel=root.querySelector('.native-scenarios label');
+    if(protocolLabel?.firstChild?.nodeType===3)protocolLabel.firstChild.textContent=translate('explorer.protocol')+' ';
+    text('.native-scenarios > span','explorer.controls');
+    const credit=root.querySelector('.map-credit');
+    if(credit) {
+      const link=document.createElement('a');
+      link.href='https://www.openstreetmap.org/copyright';
+      link.textContent=translate('explorer.mapCredit');
+      credit.replaceChildren(link,document.createTextNode('. '+translate('explorer.mapDetail')));
+    }
+    root.querySelector('#native-text')?.setAttribute('aria-label',translate('explorer.displayText'));
+    root.querySelector('#native-canvas')?.setAttribute('aria-label',translate('explorer.displayText'));
+    root.querySelector('#native-controls')?.setAttribute('aria-label',translate('explorer.controls'));
+    root.querySelector('#native-navigation')?.setAttribute('aria-label',translate('explorer.search'));
+    root.querySelector('.svg-wheel')?.setAttribute('aria-label',translate(root.querySelector('.svg-wheel')?.dataset.control==='trackball'?'explorer.trackball':'explorer.rotary'));
+  };
+  update();
+  return subscribeLocale(update);
+}
diff --git a/site/simulator/components/screen-box.js b/site/simulator/components/screen-box.js
new file mode 100644
index 00000000..ddbd224c
--- /dev/null
+++ b/site/simulator/components/screen-box.js
@@ -0,0 +1,5 @@
+export function containScreen(opening, pixelWidth, pixelHeight) {
+  const scale=Math.min(opening.width/pixelWidth,opening.height/pixelHeight);
+  const width=pixelWidth*scale,height=pixelHeight*scale;
+  return {x:opening.x+(opening.width-width)/2,y:opening.y+(opening.height-height)/2,width,height};
+}
diff --git a/site/simulator/components/svg-device.js b/site/simulator/components/svg-device.js
new file mode 100644
index 00000000..75482046
--- /dev/null
+++ b/site/simulator/components/svg-device.js
@@ -0,0 +1,45 @@
+import {createSvgInputOverlay} from './svg-input-overlay.js';
+import {fitDeviceSize} from './device-size.js';
+import {containScreen} from './screen-box.js';
+import {translate} from '../../i18n/runtime.js';
+
+export async function mountSvgDevice(container, display, device, onKey, onEncoder) {
+  const response=await fetch(device.artwork);
+  if(!response.ok)throw new Error(`Device artwork: ${response.status}`);
+  const svg=new DOMParser().parseFromString(await response.text(),'image/svg+xml').documentElement;
+  if(svg.localName!=='svg')throw new Error('Invalid device SVG');
+  const frame=document.createElement('div');
+  frame.className='svg-device';
+  const art=document.createElement('img');
+  art.src=device.artwork; art.alt=''; art.draggable=false;
+  frame.append(art,display,createSvgInputOverlay(svg,device,onKey));
+  const {viewBox}=device.geometry;
+  const screen=containScreen(device.geometry.screen,device.width,device.height);
+  const rotary=device.geometry.rotary || device.geometry.trackball;
+  display.style.cssText=`position:absolute;left:${screen.x/viewBox.width*100}%;top:${screen.y/viewBox.height*100}%;width:${screen.width/viewBox.width*100}%;height:${screen.height/viewBox.height*100}%;margin:0;border:0;`;
+  if(!device.touch)display.inert=true;
+  if(rotary) {
+    const wheel=document.createElement('button');
+    wheel.className='svg-wheel';
+    wheel.dataset.control=device.geometry.trackball?'trackball':'rotary';
+    wheel.dataset.i18nAria=`explorer.${wheel.dataset.control}`;
+    wheel.setAttribute('aria-label',translate(wheel.dataset.i18nAria));
+    wheel.style.cssText=`left:${rotary.x/viewBox.width*100}%;top:${rotary.y/viewBox.height*100}%;width:${rotary.width/viewBox.width*100}%;height:${rotary.height/viewBox.height*100}%;`;
+    let y=null,dragged=false;
+    wheel.onpointerdown=e=>{y=e.clientY;dragged=false;wheel.setPointerCapture(e.pointerId);};
+    wheel.onpointermove=e=>{if(y===null)return;const steps=Math.trunc((e.clientY-y)/8);if(steps){dragged=true;y+=steps*8;onEncoder(steps);}};
+    wheel.onpointerup=()=>{y=null;};
+    wheel.onpointercancel=()=>{y=null;dragged=true;};
+    wheel.onclick=()=>{if(!dragged){onKey('ENTER',true);onKey('ENTER',false);}};
+    wheel.addEventListener('wheel',e=>{e.preventDefault();if(e.deltaY)onEncoder(Math.sign(e.deltaY));},{passive:false});
+    frame.append(wheel);
+  }
+  container.replaceChildren(frame);
+  container.classList.add('svg-device-viewport');
+  return ()=>{
+    // Bound the whole device, independently of framebuffer resolution.
+    const {width,height}=fitDeviceSize(viewBox,container.clientWidth);
+    frame.style.width=`${width}px`;
+    frame.style.height=`${height}px`;
+  };
+}
diff --git a/site/simulator/components/svg-input-overlay.js b/site/simulator/components/svg-input-overlay.js
new file mode 100644
index 00000000..6ce9cc3d
--- /dev/null
+++ b/site/simulator/components/svg-input-overlay.js
@@ -0,0 +1,41 @@
+// Clone only geometry into a separate SVG input layer. Decorative artwork stays inert.
+export function createSvgInputOverlay(artwork, device, onKey) {
+  const namespace='http://www.w3.org/2000/svg';
+  const overlay=document.createElementNS(namespace,'svg');
+  overlay.setAttribute('viewBox',artwork.getAttribute('viewBox'));
+  overlay.classList.add('device-input-overlay');
+  const group=document.createElementNS(namespace,'g');
+  // Pager paths use source coordinates; its artwork applies this same translation.
+  if(device.id==='pager')group.setAttribute('transform',`translate(${-device.geometry.sourceOffset.x},${-device.geometry.sourceOffset.y})`);
+  overlay.append(group);
+  const keymap={...device.keymap,...device.pathKeys};
+  for(const [index,box] of (device.rectangleKeys||[]).entries()) {
+    const id=`input-rect-${index}`;
+    const rectangle=document.createElementNS(namespace,'rect');
+    rectangle.id=id;
+    for(const attribute of ['x','y','width','height'])rectangle.setAttribute(attribute,box[attribute]);
+    artwork.append(rectangle);
+    keymap[id]=box.key;
+  }
+  for(const [id,key] of Object.entries(keymap)) {
+    const source=artwork.querySelector(`[id="${id}"]`);
+    if(!source)throw new Error(`Missing ${device.id} input geometry ${id}`);
+    const hit=document.createElementNS(namespace,source.localName);
+    for(const name of ['d','cx','cy','rx','ry','x','y','width','height','transform']) {
+      if(source.hasAttribute(name))hit.setAttribute(name,source.getAttribute(name));
+    }
+    hit.setAttribute('fill','transparent');
+    hit.setAttribute('role','button');
+    hit.setAttribute('tabindex','0');
+    hit.setAttribute('aria-label',key);
+    hit.style.pointerEvents='all';
+    hit.addEventListener('pointerdown',event=>{event.preventDefault();hit.setPointerCapture(event.pointerId);hit.classList.add('pressed');onKey(key,true);});
+    for(const event of ['pointerup','pointercancel','lostpointercapture'])hit.addEventListener(event,()=>{
+      if(hit.classList.contains('pressed')){hit.classList.remove('pressed');onKey(key,false);}
+    });
+    hit.addEventListener('keydown',event=>{if(!event.repeat&&(event.key==='Enter'||event.key===' ')){event.preventDefault();onKey(key,true);}});
+    hit.addEventListener('keyup',event=>{if(event.key==='Enter'||event.key===' '){event.preventDefault();onKey(key,false);}});
+    group.append(hit);
+  }
+  return overlay;
+}
diff --git a/site/simulator/devices/pager-keymap.js b/site/simulator/devices/pager-keymap.js
new file mode 100644
index 00000000..64276bcf
--- /dev/null
+++ b/site/simulator/devices/pager-keymap.js
@@ -0,0 +1,12 @@
+// IDs refer to the supplied LILYGO SVG. Legends are paths in that artwork.
+// Key assignment follows physical row order; geometry stays in the SVG.
+export const pagerKeymap = {
+  ellipse11:'Q', ellipse12:'W', ellipse13:'E', ellipse14:'R', ellipse15:'T',
+  ellipse29:'Y', ellipse28:'U', ellipse27:'I', ellipse26:'O', ellipse25:'P',
+  ellipse16:'A', ellipse17:'S', ellipse18:'D', ellipse19:'F', ellipse20:'G',
+  ellipse34:'H', ellipse33:'J', ellipse32:'K', ellipse31:'L', ellipse30:'ENTER',
+  ellipse21:'Z', ellipse22:'X', ellipse23:'C', ellipse24:'V',
+  ellipse38:'B', ellipse37:'N', ellipse35:'M', ellipse36:'CAP',
+  ellipse171:'SPACE',
+};
+export const pagerPathKeys = {path10:'ALT',path38:'BACK'};
diff --git a/site/simulator/devices/pager.js b/site/simulator/devices/pager.js
new file mode 100644
index 00000000..2cc4b62a
--- /dev/null
+++ b/site/simulator/devices/pager.js
@@ -0,0 +1,17 @@
+import {pagerKeymap,pagerPathKeys} from './pager-keymap.js';
+export default {
+  keymap:pagerKeymap,
+  pathKeys:pagerPathKeys,
+  id:'pager', name:'T-LoRa Pager', width:480, height:222,
+  manufacturer:'lilygo',
+  touch:false, unsupportedFeatures:[],
+  controls:'Encoder + keyboard',
+  note:'SX1262 and LR1121 require different firmware. Shared screen layout does not imply identical radio capabilities.',
+  artwork:new URL('../../assets/device/lilygo/lilygo-tlora-pager.svg',import.meta.url).href,
+  geometry:{
+    viewBox:{width:587.9104,height:687.70074},
+    sourceOffset:{x:245.94,y:153.75},
+    screen:{x:99.98001,y:274.5,width:340.13,height:155.95},
+    rotary:{x:501.18,y:285.42999,width:18.82,height:89.07},
+  },
+};
diff --git a/site/simulator/devices/registry.js b/site/simulator/devices/registry.js
new file mode 100644
index 00000000..b3ac761f
--- /dev/null
+++ b/site/simulator/devices/registry.js
@@ -0,0 +1,4 @@
+import pager from './pager.js';
+import tdeck from './tdeck.js';
+import wio from './wio-tracker-l2.js';
+export const devices = {pager,tdeck,'wio-tracker-l2':wio};
diff --git a/site/simulator/devices/tdeck-keymap.js b/site/simulator/devices/tdeck-keymap.js
new file mode 100644
index 00000000..acf76705
--- /dev/null
+++ b/site/simulator/devices/tdeck-keymap.js
@@ -0,0 +1,9 @@
+// Source rect grid: x=748.71 + column*53.02; y=1147.19 + row*66.27.
+// Keep source coordinates: overlay viewBox starts at (696.3,500.37).
+export const tdeckKeys = [
+  ['Q','W','E','R','T','Y','U','I','O','P'],
+  ['A','S','D','F','G','H','J','K','L','BACKSPACE'],
+  ['ALT','Z','X','C','V','B','N','M','$','ENTER'],
+].flatMap((row,r)=>row.map((key,c)=>({
+  key, x:748.71+c*53.02, y:1147.19+r*66.27, width:53.02,height:52.62,
+})));
diff --git a/site/simulator/devices/tdeck.js b/site/simulator/devices/tdeck.js
new file mode 100644
index 00000000..f150eeed
--- /dev/null
+++ b/site/simulator/devices/tdeck.js
@@ -0,0 +1,16 @@
+import {tdeckKeys} from './tdeck-keymap.js';
+export default {
+  rectangleKeys:tdeckKeys,
+  id:'tdeck', name:'T-Deck', width:320, height:240,
+  manufacturer:'lilygo',
+  touch:true, unsupportedFeatures:['sstv','walkie'],
+  controls:'Touch + trackball + keyboard',
+  note:'320 × 240 compact layout. GNSS, audio and other peripherals depend on the hardware and selected build.',
+  artwork:new URL('../../assets/device/lilygo/t-deck.svg',import.meta.url).href,
+  geometry:{
+    viewBox:{width:622.29,height:968.69},
+    sourceOffset:{x:696.3,y:500.37},
+    screen:{x:59.35,y:133.27,width:500.52,height:377.46},
+    trackball:{x:291.87,y:551.62,width:52.8,height:52.8},
+  },
+};
diff --git a/site/simulator/devices/wio-tracker-l2.js b/site/simulator/devices/wio-tracker-l2.js
new file mode 100644
index 00000000..24c4c9e5
--- /dev/null
+++ b/site/simulator/devices/wio-tracker-l2.js
@@ -0,0 +1,13 @@
+export default {
+  id:'wio-tracker-l2', name:'Wio Tracker L2', width:320,height:240,
+  diagonalInches:3.2,
+  manufacturer:'seeed',touch:true,unsupportedFeatures:[],
+  controls:'Touch',note:'320 × 240 · 3.2″',
+  target:'wio_tracker_l2',
+  artwork:new URL('../../assets/device/seeed/Wio%20Tracker%20L2.svg',import.meta.url).href,
+  geometry:{
+    viewBox:{width:604,height:804},sourceOffset:{x:492,y:55},
+    // Corrected SVG opening is 4:3, centered at the original display center.
+    screen:{x:138.333333,y:470,width:353.333334,height:265},
+  },
+};
diff --git a/tests/site/device-geometry.test.mjs b/tests/site/device-geometry.test.mjs
new file mode 100644
index 00000000..5a22c9ce
--- /dev/null
+++ b/tests/site/device-geometry.test.mjs
@@ -0,0 +1,25 @@
+import assert from 'node:assert/strict';
+import {access} from 'node:fs/promises';
+import {devices} from '../../site/simulator/devices/registry.js';
+import {fitDeviceSize} from '../../site/simulator/components/device-size.js';
+import {containScreen} from '../../site/simulator/components/screen-box.js';
+for(const device of Object.values(devices)) {
+  await access(new URL(device.artwork));
+  const {viewBox,screen}=device.geometry;
+  const fitted=containScreen(screen,device.width,device.height);
+  assert.ok(Math.abs(fitted.width/fitted.height-device.width/device.height)<1e-9);
+  assert.ok(fitted.x>=screen.x&&fitted.y>=screen.y);
+  assert.ok(fitted.x+fitted.width<=screen.x+screen.width+1e-8);
+  assert.ok(fitted.y+fitted.height<=screen.y+screen.height+1e-8);
+  for(const box of [screen,device.geometry.rotary,device.geometry.trackball].filter(Boolean)) {
+    assert.ok(box.x>=0&&box.y>=0);
+    assert.ok(box.x+box.width<=viewBox.width&&box.y+box.height<=viewBox.height);
+  }
+  for(const viewport of [280,375,640,1440,2560]) {
+    const size=fitDeviceSize(viewBox,viewport);
+    assert.ok(size.width<=viewport-24);
+    assert.ok(size.width<=480&&size.height<=560.001);
+    assert.ok(Math.abs(size.width/size.height-viewBox.width/viewBox.height)<1e-9);
+  }
+  console.log(`${device.id}: artwork exists; screen/input bounds and five fit widths passed`);
+}
diff --git a/tests/site/i18n-all-locales.test.mjs b/tests/site/i18n-all-locales.test.mjs
new file mode 100644
index 00000000..5e7e5218
--- /dev/null
+++ b/tests/site/i18n-all-locales.test.mjs
@@ -0,0 +1,33 @@
+import assert from 'node:assert/strict';
+import {locales} from '../../site/i18n/registry.js';
+import {FEATURES} from '../../site/explorer-data.js';
+import {setLocale,getLocale,translate,localizeFeature} from '../../site/i18n/runtime.js';
+
+// Exercise the same lazy-loading path used by the website, not just catalog imports.
+globalThis.document={documentElement:{lang:'en',dir:'ltr'}};
+for(const locale of locales) {
+  await setLocale(locale.id);
+  assert.equal(getLocale(),locale.id);
+  assert.equal(document.documentElement.lang,locale.id);
+  assert.equal(document.documentElement.dir,locale.direction);
+  assert.ok(translate('release.ready',{tag:'v1.2.3'}).includes('v1.2.3'));
+  for(const feature of FEATURES) {
+    const text=localizeFeature(feature);
+    for(const field of ['name','summary','detail','needs']) {
+      assert.equal(typeof text[field],'string',`${locale.id}:${feature.id}:${field}`);
+      assert.ok(text[field].trim(),`${locale.id}:${feature.id}:${field}`);
+    }
+    {
+      const catalog=(await import(`../../site/i18n/features-${locale.id}.js`)).default;
+      assert.deepEqual(Object.keys(catalog).sort(),FEATURES.map(item=>item.id).sort());
+      for(const field of ['name','summary','detail','needs'])assert.ok(catalog[feature.id][field]?.trim());
+      if(locale.id==='zh-Hant-TW')assert.ok(catalog[feature.id].name,'Taiwan names must not fall back to Simplified Chinese');
+    }
+  }
+}
+// Last selection wins even when catalogs are loaded asynchronously.
+await Promise.all([setLocale('ar'),setLocale('ja'),setLocale('en')]);
+assert.equal(getLocale(),'en');
+assert.equal(document.documentElement.dir,'ltr');
+delete globalThis.document;
+console.log(`${locales.length} locales: runtime loading, feature coverage, interpolation, direction and rapid switching passed.`);
diff --git a/tests/site/i18n-markup.test.mjs b/tests/site/i18n-markup.test.mjs
new file mode 100644
index 00000000..9b1a55b6
--- /dev/null
+++ b/tests/site/i18n-markup.test.mjs
@@ -0,0 +1,16 @@
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import en from '../../site/i18n/en.js';
+import {locales} from '../../site/i18n/registry.js';
+
+const html=await readFile(new URL('../../site/index.html',import.meta.url),'utf8');
+const keys=[...html.matchAll(/data-i18n(?:-aria|-alt|-placeholder)?="([^"]+)"/g)].map(match=>match[1]);
+for(const {id:language} of locales) {
+  const catalog=(await import(`../../site/i18n/${language}.js`)).default;
+  for(const key of keys)assert.equal(typeof catalog[key],'string',`${language}: missing markup key ${key}`);
+  for(const key of Object.keys(en)) {
+    const tokens=value=>[...value.matchAll(/\{(\w+)\}/g)].map(match=>match[1]).sort();
+    assert.deepEqual(tokens(catalog[key]),tokens(en[key]),`${language}: interpolation mismatch in ${key}`);
+  }
+}
+console.log(`${keys.length} localized markup references and interpolation parameters verified.`);
diff --git a/tests/site/i18n-packs.test.mjs b/tests/site/i18n-packs.test.mjs
new file mode 100644
index 00000000..839ca557
--- /dev/null
+++ b/tests/site/i18n-packs.test.mjs
@@ -0,0 +1,23 @@
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import {locales} from '../../site/i18n/registry.js';
+import {setLocale,translate} from '../../site/i18n/runtime.js';
+import {packName,packDescription,packCount,packStatus,languageName,memoryProfile} from '../../site/i18n/pack-presentation.js';
+
+const catalog=JSON.parse(await readFile(new URL('../../site/data/packs.json',import.meta.url),'utf8'));
+for(const locale of locales) {
+  await setLocale(locale.id);
+  for(const pack of catalog.packages.filter(pack=>pack.package_type==='locale-bundle')) {
+    assert.ok(packName(pack));
+    assert.equal(packDescription(pack),translate(`pack.description.${pack.id}`),'Published packs require a reviewed description, not the generic fallback');
+    for(const language of pack.provides.locales)assert.ok(languageName(language.id));
+    for(const profile of pack.supported_memory_profiles)assert.notEqual(memoryProfile(profile),profile);
+  }
+  assert.notEqual(packStatus('review'),'review');
+  assert.notEqual(packStatus('release'),'release');
+  for(const count of [0,1,2,3,11,21,100]) {
+    const formatted=new Intl.NumberFormat(locale.id).format(count);
+    for(const kind of ['locales','fonts','ime','packages','more'])assert.ok(packCount(kind,count).includes(formatted));
+  }
+}
+console.log('Published firmware pack descriptions, localized language names, statuses, memory profiles and counts passed in all 11 locales.');
diff --git a/tests/site/i18n-runtime.test.mjs b/tests/site/i18n-runtime.test.mjs
new file mode 100644
index 00000000..ec979d57
--- /dev/null
+++ b/tests/site/i18n-runtime.test.mjs
@@ -0,0 +1,19 @@
+import assert from 'node:assert/strict';
+import {setLocale,getLocale,translate,normalizeLocale,subscribeLocale} from '../../site/i18n/runtime.js';
+import en from '../../site/i18n/en.js';
+import zh from '../../site/i18n/zh-Hans.js';
+assert.deepEqual(Object.keys(en).sort(),Object.keys(zh).sort());
+assert.equal(normalizeLocale('zh-TW'),'zh-Hant-TW');
+assert.equal(normalizeLocale('invalid'),'en');
+let notifications=0;
+const unsubscribe=subscribeLocale(()=>notifications++);
+await setLocale('en');
+assert.equal(translate('devices.buy'),'Official store ↗');
+await setLocale('zh');
+assert.equal(getLocale(),'zh-Hans');
+assert.equal(translate('devices.buy'),'官方购买 ↗');
+assert.throws(()=>translate('missing.key'),/Missing website translation/);
+unsubscribe();
+await setLocale('en');
+assert.equal(notifications,2);
+console.log('Website locale aliases, subscriptions, strict lookup and English/Chinese key parity passed.');
diff --git a/tests/site/native-ui.test.mjs b/tests/site/native-ui.test.mjs
new file mode 100644
index 00000000..d96e8ad2
--- /dev/null
+++ b/tests/site/native-ui.test.mjs
@@ -0,0 +1,67 @@
+import assert from 'node:assert/strict';
+import { readFile } from 'node:fs/promises';
+
+for (const [device, width, height] of [['pager',480,222],['tdeck',320,240],['wio-tracker-l2',320,240]]) {
+  const base=new URL(`../../site/assets/native/${device}`,import.meta.url);
+  const {default:create}=await import(`${base}.js`);
+  let frameCount=0;
+  const packageBytes=await readFile(new URL(`${base}.data`));
+  const packageData=packageBytes.buffer.slice(packageBytes.byteOffset,packageBytes.byteOffset+packageBytes.byteLength);
+  const runtime=await create({wasmBinary:await readFile(new URL(`${base}.wasm`)),getPreloadedPackage(){return packageData;},onFrame(_ptr,w,h){assert.equal(w,width);assert.equal(h,height);frameCount++;},print(){},printErr(message){console.error(message);}});
+  runtime._native_init(device==='pager'?0:1);
+  const snapshot=()=>JSON.parse(runtime.UTF8ToString(runtime._native_snapshot()));
+  const click=text=>{const button=snapshot().find(x=>x.button&&x.text===text);assert.ok(button,`${device}: missing native button ${text}`);runtime._native_activate(button.id);runtime._native_tick(50);};
+  for(const label of ['1','+','2','='])click(label);
+  assert.ok(snapshot().some(x=>!x.button&&x.text==='3'),`${device}: native 1+2 must render 3`);
+  click('2ND');
+  assert.ok(snapshot().some(x=>x.button&&x.text==='sin-1'),`${device}: second function layer`);
+  click('MODE');
+  assert.ok(snapshot().some(x=>x.text==='RAD'),`${device}: native angle mode`);
+  const pages=[];
+  for(const page of [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,0]) {
+    runtime._native_open_page(page);
+    for(let i=0;i<3;i++)runtime._native_tick(50);
+    const labels=snapshot();
+    assert.ok(labels.length>0,`${device}: page ${page} must render actual labels`);
+    pages.push({page,labels:labels.length});
+  }
+  assert.ok(frameCount>10);
+  runtime._native_open_page(7);
+  const editor=snapshot().find(item=>item.input);
+  assert.ok(editor,`${device}: compose editor exists`);
+  runtime._native_focus(editor.id);
+  runtime.ccall('native_set_text',null,['number','string'],[editor.id,'']);
+  for(const key of ['A',' ','B']) {
+    runtime._native_key_state(key.charCodeAt(0),1);
+    runtime._native_key_state(key.charCodeAt(0),0);
+  }
+  runtime._native_tick(50);
+  assert.equal(snapshot().find(item=>item.input)?.text,'A B',`${device}: keyboard space reaches compose`);
+  for(const expectedPage of [6,5,10]) {
+    // The actual top-bar button uses LV_SYMBOL_LEFT; "Back" is a list label.
+    if(expectedPage===10)click('\uf053');
+    else runtime._native_key(27);
+    for(let i=0;i<5;i++)runtime._native_tick(50);
+    assert.equal(runtime._native_page_value(),expectedPage,`${device}: chat back must preserve navigation depth`);
+    assert.ok(snapshot().length>0,`${device}: chat return must not blank the display`);
+  }
+  runtime._native_open_page(10);
+  runtime._native_key(10);
+  for(let i=0;i<5;i++)runtime._native_tick(50);
+  assert.notEqual(runtime._native_page_value(),10,`${device}: launcher confirm must enter the focused app`);
+  // Returning must work inside the native host, without a webpage onExit callback.
+  runtime._native_open_page(10);
+  runtime._native_open_page(0);
+  runtime._native_key(27);
+  for(let i=0;i<5;i++)runtime._native_tick(50);
+  assert.ok(snapshot().some(x=>x.text==='Map'),`${device}: native calculator back must restore launcher`);
+  assert.equal(runtime._native_page_value(),10,`${device}: exit must update native page ownership`);
+  for(let repeat=0;repeat<3;repeat++) {
+    runtime._native_open_page(0);
+    runtime._native_key(27);
+    for(let i=0;i<5;i++)runtime._native_tick(50);
+    assert.equal(runtime._native_page_value(),10);
+    assert.ok(snapshot().some(x=>x.text==='Map'),`${device}: repeated return must not blank the launcher`);
+  }
+  console.log(`${device}: native arithmetic, function layer, DEG/RAD and ${pages.length} page lifecycles passed; ${frameCount} frames.`);
+}
diff --git a/tools/web_simulator/CMakeLists.txt b/tools/web_simulator/CMakeLists.txt
new file mode 100644
index 00000000..e2c3b30b
--- /dev/null
+++ b/tools/web_simulator/CMakeLists.txt
@@ -0,0 +1,234 @@
+cmake_minimum_required(VERSION 3.20)
+project(TrailMateWebSimulator LANGUAGES C CXX)
+if(NOT EMSCRIPTEN)
+  message(FATAL_ERROR "Configure with the Emscripten toolchain")
+endif()
+get_filename_component(REPO_ROOT "${CMAKE_CURRENT_LIST_DIR}/../.." ABSOLUTE)
+set(LV_BUILD_CONF_PATH "${CMAKE_CURRENT_LIST_DIR}/lv_conf.h" CACHE STRING "" FORCE)
+set(CONFIG_LV_BUILD_DEMOS OFF CACHE BOOL "" FORCE)
+set(CONFIG_LV_BUILD_EXAMPLES OFF CACHE BOOL "" FORCE)
+set(LVGL_SOURCE_DIR "${REPO_ROOT}/.pio/libdeps/tlora_pager_sx1262/lvgl" CACHE PATH "LVGL 9.4 firmware checkout")
+if(NOT EXISTS "${LVGL_SOURCE_DIR}/CMakeLists.txt")
+  include(FetchContent)
+  FetchContent_Declare(lvgl_source GIT_REPOSITORY https://github.com/lvgl/lvgl.git GIT_TAG v9.4.0 GIT_SHALLOW TRUE)
+  FetchContent_MakeAvailable(lvgl_source)
+else()
+  add_subdirectory("${LVGL_SOURCE_DIR}" lvgl)
+endif()
+set(NANOPB_SOURCE_DIR "${REPO_ROOT}/.pio/libdeps/tlora_pager_sx1262/Nanopb" CACHE PATH "Nanopb source")
+if(NOT EXISTS "${NANOPB_SOURCE_DIR}/pb.h")
+  include(FetchContent)
+  FetchContent_Declare(nanopb_source GIT_REPOSITORY https://github.com/nanopb/nanopb.git GIT_TAG nanopb-0.4.9.1 GIT_SHALLOW TRUE SOURCE_SUBDIR preview-download-only)
+  FetchContent_MakeAvailable(nanopb_source)
+  set(NANOPB_SOURCE_DIR "${nanopb_source_SOURCE_DIR}")
+endif()
+set(UI "${REPO_ROOT}/modules/ui_shared/src/ui")
+function(add_native_preview PREVIEW_TARGET BOARD_DEFINITION OUTPUT_NAME)
+add_executable(${PREVIEW_TARGET}
+  native_runtime.cpp
+  "${UI}/screens/common/placeholder_page.cpp"
+  native_pages.cpp
+  native_menu.cpp
+  native_chat.cpp
+  preview_platform.cpp
+  preview_sensors.cpp
+  preview_facade.cpp
+  preview_status.cpp
+  preview_extensions.cpp
+  preview_sstv.cpp
+  preview_settings.cpp
+  preview_reticulum.cpp
+  preview_radio.cpp
+  preview_board.cpp
+  "${UI}/app_catalog_builder.cpp"
+  "${UI}/screens/calculator/calculator_page_shell.cpp"
+  "${UI}/screens/gnss/gnss_skyplot_page_shell.cpp"
+  "${UI}/screens/gps/gps_page_shell.cpp"
+  "${UI}/screens/usb/usb_page_shell.cpp"
+  "${UI}/screens/sstv/sstv_page_shell.cpp"
+  "${UI}/screens/extensions/extensions_page_shell.cpp"
+  "${UI}/screens/energy_sweep/energy_sweep_page_shell.cpp"
+  "${UI}/screens/energy_sweep/energy_sweep_page_runtime.cpp"
+  "${UI}/screens/sstv/sstv_page_runtime.cpp"
+  "${UI}/screens/extensions/extensions_page_runtime.cpp"
+  preview_map_tiles.cpp
+  "${UI}/widgets/map/map_viewport.cpp"
+  "${REPO_ROOT}/modules/ui_map_runtime/src/map_tiles/map_tile_geometry.cpp"
+  "${REPO_ROOT}/modules/ui_map_runtime/src/map_tiles/map_tile_render_queue.cpp"
+  "${UI}/menu/menu_layout.cpp"
+  "${UI}/menu/menu_profile.cpp"
+  "${UI}/menu/menu_runtime.cpp"
+  "${UI}/ui_status.cpp"
+  "${UI}/components/shortcut_help_modal.cpp"
+  "${UI}/presentation_sources/runtime_gps_status_source.cpp"
+  "${REPO_ROOT}/modules/ui_presentation/src/gps/gps_status_model.cpp"
+  "${REPO_ROOT}/modules/ui_presentation/src/menu/menu_model.cpp"
+  "${UI}/screens/gnss/gnss_skyplot_page_runtime.cpp"
+  "${UI}/screens/usb/usb_page_runtime.cpp"
+  "${UI}/screens/walkie_talkie/walkie_talkie_page_runtime.cpp"
+  "${UI}/screens/walkie_talkie/walkie_talkie_page_shell.cpp"
+  "${UI}/screens/calculator/calculator_page_runtime.cpp"
+  "${UI}/screens/calculator/calculator_page_layout.cpp"
+  "${UI}/screens/calculator/calculator_engine.cpp"
+  "${UI}/widgets/top_bar.cpp"
+  "${UI}/formatters.cpp"
+  "${UI}/widgets/top_bar_power_presenter.cpp"
+  "${UI}/widgets/text_candidate_data.cpp"
+  "${UI}/page/page_profile.cpp"
+  "${UI}/assets/fonts/font_utils.cpp"
+  "${UI}/i18n/resource_pack_registry.cpp"
+  "${UI}/runtime/memory_profile.cpp"
+  "${UI}/runtime/ui_feedback.cpp"
+  "${UI}/widgets/system_notification.cpp"
+  "${UI}/assets/alert.c"
+  "${REPO_ROOT}/modules/core_sys/src/sys/clock.cpp")
+target_sources(${PREVIEW_TARGET} PRIVATE
+  "${REPO_ROOT}/modules/core_sys/src/app/app_facade_access.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/domain/chat_model.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/usecase/chat_service.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/usecase/contact_service.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/infra/store/ram_store.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/infra/mesh_peer_directory_core.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/infra/mesh_protocol_utils.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/read/chat_read_state_ledger.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/delivery/chat_message_ledger.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/delivery/chat_outbox_service.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/delivery/chat_delivery_message_projection.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/delivery/chat_delivery_send_result_projection.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/delivery/chat_delivery_event_projector.cpp")
+target_include_directories(${PREVIEW_TARGET} PRIVATE
+  "${CMAKE_CURRENT_LIST_DIR}/platform_adapters"
+  "${REPO_ROOT}/platform/shared/include"
+  "${REPO_ROOT}/modules/core_team/include"
+  "${REPO_ROOT}/modules/ui_chat_runtime/include"
+  "${REPO_ROOT}/modules/ui_gps_runtime/include"
+  "${REPO_ROOT}/modules/ui_key_verification_runtime/include"
+  "${REPO_ROOT}/modules/chat_presentation_adapters/include"
+  "${REPO_ROOT}/platform/linux/common/include"
+  "${REPO_ROOT}/modules/ui_map_runtime/include"
+  "${REPO_ROOT}/modules/ui_lvgl_ux_packs/include"
+  "${REPO_ROOT}/modules/core_chat/generated"
+  "${NANOPB_SOURCE_DIR}"
+  "${REPO_ROOT}/modules/ui_shared/include"
+  "${REPO_ROOT}/modules/ui_lvgl_core/include"
+  "${REPO_ROOT}/modules/ui_presentation/include"
+  "${REPO_ROOT}/modules/core_sys/include"
+  "${REPO_ROOT}/modules/core_chat/include"
+  "${REPO_ROOT}/modules/core_gps/include"
+  "${REPO_ROOT}/platform/esp/arduino_common/include")
+target_compile_features(${PREVIEW_TARGET} PRIVATE cxx_std_17)
+target_compile_options(${PREVIEW_TARGET} PRIVATE -O2)
+target_compile_definitions(${PREVIEW_TARGET} PRIVATE LV_CONF_INCLUDE_SIMPLE TRAIL_MATE_LORA_TX_POWER_MAX_DBM=22 ${BOARD_DEFINITION}=1)
+target_link_libraries(${PREVIEW_TARGET} PRIVATE lvgl)
+file(GLOB PREVIEW_ASSETS "${UI}/assets/*.c")
+target_sources(${PREVIEW_TARGET} PRIVATE ${PREVIEW_ASSETS})
+file(GLOB CHAT_VIEW_SOURCES
+  "${UI}/screens/chat/chat_message_list_*.cpp"
+  "${UI}/screens/chat/chat_conversation_*.cpp"
+  "${UI}/screens/chat/chat_compose_*.cpp")
+target_sources(${PREVIEW_TARGET} PRIVATE ${CHAT_VIEW_SOURCES}
+  "${UI}/screens/chat/chat_protocol_support.cpp"
+  "${UI}/chat_voice_runtime.cpp"
+  "${UI}/components/info_card.cpp"
+  "${UI}/components/two_pane_styles.cpp"
+  "${UI}/components/two_pane_layout.cpp"
+  "${UI}/components/two_pane_nav.cpp"
+  "${UI}/components/floating_search_box.cpp"
+  "${UI}/components/air_status_footer.cpp"
+  "${UI}/widgets/text_candidate_picker.cpp"
+  "${UI}/widgets/ime/ime_widget.cpp"
+  "${UI}/widgets/ime/pinyin_ime.cpp"
+  "${UI}/widgets/ime/ime_input_mode_descriptor.cpp"
+  "${REPO_ROOT}/modules/ui_lvgl_ux_packs/src/common/touch_text_editor.cpp"
+  "${REPO_ROOT}/modules/ui_lvgl_ux_packs/src/common/input_layout.cpp"
+  "${UI}/presentation_sources/runtime_device_status_source.cpp"
+  "${REPO_ROOT}/modules/ui_presentation/src/device/device_status_model.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/infra/meshcore/mc_region_presets.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/infra/meshtastic/mt_radio_config.cpp")
+target_sources(${PREVIEW_TARGET} PRIVATE "${REPO_ROOT}/modules/core_chat/src/infra/meshtastic/mt_region.cpp")
+set_source_files_properties("${REPO_ROOT}/modules/core_chat/src/infra/reticulum/reticulum_wire.cpp" PROPERTIES COMPILE_DEFINITIONS "TRAIL_MATE_RETICULUM_PARSE_ONLY=1")
+file(GLOB_RECURSE CORE_TEAM_SOURCES "${REPO_ROOT}/modules/core_team/src/*.cpp")
+file(GLOB EXTRA_VIEW_SOURCES
+  "${UI}/screens/contacts/*.cpp"
+  "${UI}/screens/node_info/*.cpp"
+  "${UI}/screens/team/*.cpp"
+  "${UI}/screens/settings/*.cpp"
+  "${UI}/screens/tracker/*.cpp"
+  "${UI}/team_actions/*.cpp"
+  "${UI}/team_presentation/*.cpp")
+target_sources(${PREVIEW_TARGET} PRIVATE ${CORE_TEAM_SOURCES} ${EXTRA_VIEW_SOURCES}
+  "${UI}/screens/network/network_page_shell.cpp"
+  "${UI}/screens/network/micron_markup_contract.cpp"
+  "${UI}/screens/gps/gps_page_runtime.cpp"
+  "${UI}/widgets/route_elevation_profile.cpp"
+  "${UI}/widgets/route_image_strip.cpp"
+  "${UI}/widgets/route_image_operation_presenter.cpp"
+  "${UI}/widgets/busy_overlay.cpp"
+  "${UI}/widgets/reticulum_ping_overlay.cpp"
+  "${UI}/presentation_sources/runtime_settings_source.cpp"
+  "${UI}/presentation_sources/team_chat_presentation_source.cpp"
+  "${REPO_ROOT}/modules/ui_presentation/src/settings/settings_model.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/infra/reticulum/reticulum_wire.cpp"
+  "${REPO_ROOT}/platform/linux/common/src/platform/ui/team_ui_store_runtime.cpp"
+  "${REPO_ROOT}/platform/linux/common/src/platform/ui/tracker_runtime.cpp"
+  "${REPO_ROOT}/platform/linux/common/src/platform/ui/route_storage.cpp"
+  "${REPO_ROOT}/platform/linux/common/src/platform/linux/runtime_paths.cpp"
+  "${REPO_ROOT}/platform/linux/common/src/platform/ui/firmware_update_runtime.cpp"
+  "${REPO_ROOT}/platform/linux/common/src/platform/ui/wireless_companion_runtime.cpp")
+target_sources(${PREVIEW_TARGET} PRIVATE
+  "${REPO_ROOT}/platform/linux/common/src/platform/ui/time_runtime.cpp"
+  "${REPO_ROOT}/platform/linux/common/src/platform/ui/screen_runtime.cpp"
+  "${REPO_ROOT}/modules/core_sys/src/platform/ui/timezone_profile.cpp"
+  "${REPO_ROOT}/modules/core_sys/src/platform/ui/screen_power_state_machine.cpp"
+  "${UI}/team_presence/team_presence_model.cpp"
+  "${UI}/menu/dashboard/dashboard_style.cpp"
+  "${UI}/presentation_sources/runtime_map_workspace_source.cpp"
+  "${UI}/presentation_sources/team_map_overlay_source.cpp"
+  "${REPO_ROOT}/modules/ui_presentation/src/map/map_workspace_model.cpp"
+  "${REPO_ROOT}/modules/ui_gps_runtime/src/gps_page_runtime_pump.cpp"
+  "${REPO_ROOT}/modules/ui_map_runtime/src/map_overlay_snapshot_source.cpp"
+  "${REPO_ROOT}/modules/ui_map_runtime/src/map_overlay_projection_adapter.cpp"
+  "${REPO_ROOT}/modules/ui_map_runtime/src/map_overlay/map_overlay_projector.cpp")
+set_source_files_properties("${UI}/app_catalog_builder.cpp" PROPERTIES COMPILE_DEFINITIONS "ESP_PLATFORM=1")
+target_link_options(${PREVIEW_TARGET} PRIVATE
+  "-O0" "--no-entry" "-Wl,--error-limit=0" "-sMODULARIZE=1" "-sEXPORT_ES6=1"
+  "-sEXPORT_NAME=createTrailMate" "-sALLOW_MEMORY_GROWTH=1"
+  "-sSTACK_SIZE=262144" "-sENVIRONMENT=web,node"
+  "SHELL:--preload-file \"${CMAKE_CURRENT_LIST_DIR}/data@/\""
+  "SHELL:--preload-file \"${REPO_ROOT}/docs/reticulum/pages/trail-mate/index.mu@/pages/index.mu\""
+  "-sEXPORTED_RUNTIME_METHODS=['UTF8ToString','ccall','HEAPU8']")
+set_target_properties(${PREVIEW_TARGET} PROPERTIES SUFFIX ".js" OUTPUT_NAME "${OUTPUT_NAME}"
+  RUNTIME_OUTPUT_DIRECTORY "${REPO_ROOT}/site/assets/native")
+file(GLOB_RECURSE PREVIEW_DATA_FILES CONFIGURE_DEPENDS "${CMAKE_CURRENT_LIST_DIR}/data/*")
+set_property(TARGET ${PREVIEW_TARGET} APPEND PROPERTY LINK_DEPENDS ${PREVIEW_DATA_FILES} "${REPO_ROOT}/docs/reticulum/pages/trail-mate/index.mu")
+set_source_files_properties(
+  "${UI}/screens/usb/usb_page_runtime.cpp"
+  "${UI}/screens/walkie_talkie/walkie_talkie_page_runtime.cpp"
+  "${UI}/screens/sstv/sstv_page_runtime.cpp"
+  "${UI}/screens/energy_sweep/energy_sweep_page_runtime.cpp"
+  PROPERTIES COMPILE_DEFINITIONS "ARDUINO=10819")
+file(GLOB PROBE_PROTO_SOURCES "${REPO_ROOT}/modules/core_chat/generated/meshtastic/*.cpp")
+file(GLOB PROBE_ED25519_SOURCES "${REPO_ROOT}/modules/core_chat/src/infra/meshcore/crypto/ed25519/*.c")
+target_sources(${PREVIEW_TARGET} PRIVATE ${PROBE_PROTO_SOURCES} ${PROBE_ED25519_SOURCES}
+  "${NANOPB_SOURCE_DIR}/pb_common.c"
+  "${NANOPB_SOURCE_DIR}/pb_decode.c"
+  "${NANOPB_SOURCE_DIR}/pb_encode.c"
+  "${REPO_ROOT}/modules/core_chat/src/infra/meshcore/meshcore_identity_crypto.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/infra/meshcore/meshcore_payload_helpers.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/infra/meshcore/meshcore_protocol_helpers.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/infra/meshtastic/mt_packet_wire.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/infra/meshtastic/mt_aes_ctr.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/infra/meshtastic/mt_protocol_helpers.cpp"
+  "${REPO_ROOT}/modules/core_chat/src/infra/rnode/rnode_packet_wire.cpp")
+set_source_files_properties("${REPO_ROOT}/modules/core_chat/src/infra/meshtastic/mt_aes_ctr.cpp" PROPERTIES COMPILE_DEFINITIONS "TRAILMATE_MESHTASTIC_FORCE_SOFTWARE_AES=1")
+
+
+endfunction()
+add_native_preview(trailmate_pager ARDUINO_T_LORA_PAGER pager)
+add_native_preview(trailmate_tdeck ARDUINO_T_DECK tdeck)
+add_native_preview(trailmate_wio ARDUINO_WIO_TRACKER_L2 wio-tracker-l2)
+find_package(Python3 COMPONENTS Interpreter REQUIRED)
+add_custom_target(native_asset_manifest ALL
+  COMMAND "${Python3_EXECUTABLE}" "${CMAKE_CURRENT_LIST_DIR}/write_manifest.py" "${REPO_ROOT}/site/assets/native"
+  DEPENDS trailmate_pager trailmate_tdeck trailmate_wio
+  VERBATIM)
diff --git a/tools/web_simulator/README.md b/tools/web_simulator/README.md
new file mode 100644
index 00000000..901cb733
--- /dev/null
+++ b/tools/web_simulator/README.md
@@ -0,0 +1,75 @@
+# Native firmware preview for GitHub Pages
+
+This target compiles the real `modules/ui_shared` LVGL pages, fonts, images,
+layouts and event handlers. The web page displays their RGB565 framebuffer.
+It does not reproduce the device interface using HTML/CSS, nor swap screenshots.
+
+Pager, T-Deck and Wio Tracker L2 are separate WebAssembly executables, compiled
+with their respective board definitions. Pager uses 480 × 222; the other two
+use 320 × 240.
+LVGL 9.4.0 matches the firmware's PlatformIO dependency. Emscripten is pinned to
+4.0.10. Browser deployment requires only static JS, WASM and data assets and
+does not depend on pthreads, cross-origin-isolation headers, or a server process.
+
+## Build and view
+
+In an activated Emscripten SDK shell, from the repository root:
+
+```sh
+emcmake cmake -S tools/web_simulator -B build/web-simulator -G Ninja -DCMAKE_BUILD_TYPE=Release
+cmake --build build/web-simulator --parallel 4
+node tests/site/native-ui.test.mjs
+python -m http.server 8765 --directory site --bind 127.0.0.1
+```
+
+Open `http://127.0.0.1:8765/?feature=home&demo-device=pager#explorer`.
+Use `demo-device=tdeck` or `demo-device=wio-tracker-l2` for the other builds.
+Website language selection is separate from the native firmware language.
+
+The Pages workflow builds all three profiles before publishing. Native outputs are
+generated in `site/assets/native`, which follows the existing generated-asset
+ignore policy. `manifest.json` versions each complete JS/WASM/data set so a
+browser cannot accidentally mix cached artifacts from different builds.
+
+When local PlatformIO dependencies exist, CMake uses their LVGL/Nanopb trees;
+otherwise it fetches pinned upstream releases. The local SDK location is not
+part of this repository's configuration. Windows can pass its installed SDK's
+`cmake/Modules/Platform/Emscripten.cmake` as `CMAKE_TOOLCHAIN_FILE`.
+
+## Boundaries
+
+- The original app catalog constructs the menu metadata. The original menu,
+  page profiles and widgets construct and rasterize the visible interface.
+- `native_*` files provide the browser app shell, lifecycle routing,
+  framebuffer transport, pointer/keyboard input and accessibility projection.
+- `preview_*` files provide demo hardware/service data. Storage uses the
+  WebAssembly virtual filesystem. No serial port, BLE, radio or microphone is
+  opened. Package installation is explicitly unavailable in the preview.
+- Chat uses the production view classes with sample conversations and local
+  preview navigation. It is not a validation of the full firmware chat delivery
+  pipeline. Team pairing and real cryptographic/network interoperability still
+  require devices and their existing tests.
+- The map viewport, controls and overlays are native. A synchronous browser
+  storage adapter loads the cached tiles, replacing the hardware-specific SD
+  worker. Shared Mercator geometry is reused. Nine attributed OSM tiles cover
+  the sample position at zoom 12; other areas/zoom levels can be missing.
+- `data/sd/routes/sample-route.kml` is a synthetic route for UI testing. It is
+  not travel guidance. `prepare_demo_tiles.py` is a one-time fixture maintenance
+  tool and is not run by normal builds or Pages CI.
+- Protocol Probe receives no fabricated packets. A quiet simulated receiver
+  cannot create OBSERVED or CONFIRMED evidence.
+- MQTT is reached through the real Settings page, and route previews through
+  Tracker. HostLink is not exposed on the website. Device state values,
+  supported actions and firmware verification are
+  distinct from the visual fidelity of the rendered pages.
+
+The final linker uses `-O0` because the Windows Binaryen optimizer in the pinned
+SDK crashed during the local optimized link. C++ compilation still uses `-O2`.
+This affects artifact size, not the identity of the page source being compiled.
+
+## Verification
+
+`tests/site/native-ui.test.mjs` instantiates the generated WebAssembly, exercises
+real calculator controls, checks the second function layer and DEG/RAD, and
+enters/exits 19 page states for all three profiles. Browser checks additionally cover
+resource loading under a subpath, pointer/text input, layout and scaling.
diff --git a/tools/web_simulator/data/ATTRIBUTION.md b/tools/web_simulator/data/ATTRIBUTION.md
new file mode 100644
index 00000000..6d8d661a
--- /dev/null
+++ b/tools/web_simulator/data/ATTRIBUTION.md
@@ -0,0 +1,8 @@
+# Preview data
+
+The nine OSM map tiles are a small cached fixture around the sample position
+31.2304, 121.4737 at zoom 12. Map data © OpenStreetMap contributors:
+https://www.openstreetmap.org/copyright . They are map data, not device screenshots.
+
+The KML route is synthetic and is provided only to exercise the firmware route
+and elevation interface. It is not an itinerary or a recommended walking route.
diff --git a/tools/web_simulator/data/maps/base/osm/12/3429/1672.png b/tools/web_simulator/data/maps/base/osm/12/3429/1672.png
new file mode 100644
index 00000000..7d7e38a6
Binary files /dev/null and b/tools/web_simulator/data/maps/base/osm/12/3429/1672.png differ
diff --git a/tools/web_simulator/data/maps/base/osm/12/3429/1673.png b/tools/web_simulator/data/maps/base/osm/12/3429/1673.png
new file mode 100644
index 00000000..b72518c2
Binary files /dev/null and b/tools/web_simulator/data/maps/base/osm/12/3429/1673.png differ
diff --git a/tools/web_simulator/data/maps/base/osm/12/3429/1674.png b/tools/web_simulator/data/maps/base/osm/12/3429/1674.png
new file mode 100644
index 00000000..f1cdb697
Binary files /dev/null and b/tools/web_simulator/data/maps/base/osm/12/3429/1674.png differ
diff --git a/tools/web_simulator/data/maps/base/osm/12/3430/1672.png b/tools/web_simulator/data/maps/base/osm/12/3430/1672.png
new file mode 100644
index 00000000..ec98956f
Binary files /dev/null and b/tools/web_simulator/data/maps/base/osm/12/3430/1672.png differ
diff --git a/tools/web_simulator/data/maps/base/osm/12/3430/1673.png b/tools/web_simulator/data/maps/base/osm/12/3430/1673.png
new file mode 100644
index 00000000..377a7d4d
Binary files /dev/null and b/tools/web_simulator/data/maps/base/osm/12/3430/1673.png differ
diff --git a/tools/web_simulator/data/maps/base/osm/12/3430/1674.png b/tools/web_simulator/data/maps/base/osm/12/3430/1674.png
new file mode 100644
index 00000000..b7264a1e
Binary files /dev/null and b/tools/web_simulator/data/maps/base/osm/12/3430/1674.png differ
diff --git a/tools/web_simulator/data/maps/base/osm/12/3431/1672.png b/tools/web_simulator/data/maps/base/osm/12/3431/1672.png
new file mode 100644
index 00000000..3872e44b
Binary files /dev/null and b/tools/web_simulator/data/maps/base/osm/12/3431/1672.png differ
diff --git a/tools/web_simulator/data/maps/base/osm/12/3431/1673.png b/tools/web_simulator/data/maps/base/osm/12/3431/1673.png
new file mode 100644
index 00000000..5bd5e29c
Binary files /dev/null and b/tools/web_simulator/data/maps/base/osm/12/3431/1673.png differ
diff --git a/tools/web_simulator/data/maps/base/osm/12/3431/1674.png b/tools/web_simulator/data/maps/base/osm/12/3431/1674.png
new file mode 100644
index 00000000..00411e1c
Binary files /dev/null and b/tools/web_simulator/data/maps/base/osm/12/3431/1674.png differ
diff --git a/tools/web_simulator/data/sd/routes/sample-route.kml b/tools/web_simulator/data/sd/routes/sample-route.kml
new file mode 100644
index 00000000..96611e24
--- /dev/null
+++ b/tools/web_simulator/data/sd/routes/sample-route.kml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<kml xmlns="http://www.opengis.net/kml/2.2"><Document><name>Sample route</name><Placemark><name>Sample route</name><LineString><altitudeMode>absolute</altitudeMode><coordinates>
+121.4737,31.2304,842
+121.4750,31.2320,855
+121.4770,31.2340,888
+121.4800,31.2350,920
+121.4830,31.2370,960
+121.4860,31.2390,1010
+121.4900,31.2410,1040
+121.4920,31.2440,980
+121.4890,31.2420,940
+121.4850,31.2390,905
+121.4810,31.2360,875
+121.4770,31.2330,852
+121.4737,31.2304,842
+</coordinates></LineString></Placemark></Document></kml>
diff --git a/tools/web_simulator/lv_conf.h b/tools/web_simulator/lv_conf.h
new file mode 100644
index 00000000..cddc1be6
--- /dev/null
+++ b/tools/web_simulator/lv_conf.h
@@ -0,0 +1,21 @@
+#ifndef LV_CONF_H
+#define LV_CONF_H
+#define LV_COLOR_DEPTH 16
+#define LV_USE_STDLIB_MALLOC LV_STDLIB_CLIB
+#define LV_USE_STDLIB_STRING LV_STDLIB_CLIB
+#define LV_USE_STDLIB_SPRINTF LV_STDLIB_CLIB
+#define LV_USE_OS LV_OS_NONE
+#define LV_FONT_MONTSERRAT_10 1
+#define LV_FONT_MONTSERRAT_12 1
+#define LV_FONT_MONTSERRAT_14 1
+#define LV_FONT_MONTSERRAT_16 1
+#define LV_FONT_MONTSERRAT_18 1
+#define LV_FONT_MONTSERRAT_20 1
+#define LV_FONT_MONTSERRAT_24 1
+#define LV_USE_FS_POSIX 1
+#define LV_FS_POSIX_LETTER 'A'
+#define LV_FS_POSIX_PATH ""
+#define LV_USE_LODEPNG 1
+#define LV_USE_TJPGD 1
+#define LV_USE_LOG 0
+#endif
diff --git a/tools/web_simulator/native_chat.cpp b/tools/web_simulator/native_chat.cpp
new file mode 100644
index 00000000..19f25666
--- /dev/null
+++ b/tools/web_simulator/native_chat.cpp
@@ -0,0 +1,61 @@
+// Preview data and application navigation around the unchanged firmware chat views.
+#include "ui/screens/chat/chat_message_list_components.h"
+#include "ui/screens/chat/chat_conversation_components.h"
+#include "ui/screens/chat/chat_compose_components.h"
+#include "ui_presentation/chat/chat_workspace_snapshot.h"
+#include <memory>
+#include <string>
+#include <vector>
+extern "C" void native_open_page(int page);
+static std::unique_ptr<chat::ui::ChatMessageListScreen> message_list;
+static std::unique_ptr<chat::ui::ChatConversationScreen> conversation;
+static std::unique_ptr<chat::ui::ChatComposeScreen> compose;
+static chat::ConversationId selected(chat::ChannelId::PRIMARY,0x12345678);
+static std::vector<std::string> sent_messages;
+
+void preview_chat_exit() {compose.reset();conversation.reset();message_list.reset();}
+namespace chat::ui::runtime {
+bool requestCompose(const chat::ConversationId& id){selected=id;return true;}
+void clearRequestedCompose(){}
+}
+namespace chat::ui::shell {
+void enter(void*,lv_obj_t*){native_open_page(5);}
+void exit(void*,lv_obj_t*){preview_chat_exit();}
+lv_obj_t* get_container(){if(::compose)return ::compose->getObj();if(::conversation)return ::conversation->getObj();if(::message_list)return ::message_list->getObj();return nullptr;}
+}
+void preview_chat_enter(int page)
+{
+    if(page==5) {
+        message_list=std::make_unique<chat::ui::ChatMessageListScreen>(lv_screen_active());
+        std::vector<chat::ConversationMeta> rows(2);
+        rows[0].id=selected;rows[0].name="Alex";rows[0].preview="Meet at the ridge shelter?";rows[0].unread=2;rows[0].last_timestamp=1789110000;
+        rows[1].id=chat::ConversationId(chat::ChannelId::PRIMARY);rows[1].name="Primary";rows[1].preview="Trail conditions are clear.";rows[1].last_timestamp=1789109000;
+        message_list->setConversations(rows);
+        message_list->setActionCallback([](auto intent,const chat::ConversationId& id,void*) {
+            if(intent==chat::ui::ChatMessageListScreen::ActionIntent::SelectConversation){selected=id;native_open_page(6);}
+            if(intent==chat::ui::ChatMessageListScreen::ActionIntent::Back)native_open_page(10);
+        },nullptr);
+    } else if(page==6) {
+        conversation=std::make_unique<chat::ui::ChatConversationScreen>(lv_screen_active(),selected);
+        conversation->setHeaderText(selected.peer?"Alex":"Primary");
+        ::ui::chat::MessageRow row;
+        row.ref.protocol_id=1;row.sender_node_id=0x12345678;
+        ::ui::copyText(row.text,"Meet at the ridge shelter?");::ui::copyText(row.time_label,"09:41");::ui::copyText(row.sender_label,"Alex");
+        row.delivery=::ui::chat::MessageDeliveryState::Received;
+        conversation->addMessage(row);
+        for(const auto& text:sent_messages) {
+            row.outgoing=true;row.ref.protocol_id++;row.delivery=::ui::chat::MessageDeliveryState::Sent;
+            ::ui::copyText(row.text,text.c_str());::ui::copyText(row.sender_label,"You");conversation->addMessage(row);
+        }
+        conversation->setBackCallback([](void*){native_open_page(5);},nullptr);
+        conversation->setActionCallback([](auto intent,void*){if(intent==chat::ui::ChatConversationScreen::ActionIntent::Reply)native_open_page(7);},nullptr);
+    } else if(page==7) {
+        compose=std::make_unique<chat::ui::ChatComposeScreen>(lv_screen_active(),selected);
+        compose->setHeaderText(selected.peer?"Alex":"Primary");
+        compose->setBackCallback([](void*){native_open_page(6);},nullptr);
+        compose->setActionCallback([](auto intent,void*) {
+            if(intent==chat::ui::ChatComposeScreen::ActionIntent::Send){sent_messages.push_back(compose->getText());native_open_page(6);}
+            else if(intent==chat::ui::ChatComposeScreen::ActionIntent::Cancel)native_open_page(6);
+        },nullptr);
+    }
+}
diff --git a/tools/web_simulator/native_menu.cpp b/tools/web_simulator/native_menu.cpp
new file mode 100644
index 00000000..05892388
--- /dev/null
+++ b/tools/web_simulator/native_menu.cpp
@@ -0,0 +1,70 @@
+// Native app-shell bindings. Visual creation stays in menu_layout/menu_runtime.
+// Names, icons and PIO order follow ui/app_catalog_builder.cpp.
+#include "ui/app_runtime.h"
+#include "ui/app_catalog.h"
+#include "ui/app_catalog_builder.h"
+#include <cstring>
+#include "ui/menu/menu_layout.h"
+#include "ui/menu/menu_runtime.h"
+#include "ui/runtime/ui_feedback.h"
+#include <cstdio>
+
+extern "C" void native_open_page(int page);
+static bool menu_created=false;
+static AppScreen* active_app=nullptr;
+static ui::AppCatalog catalog;
+static int page_for(const char* id) {
+    const char* ids[]={"calculator","sky_plot","usb_mass_storage","walkie_talkie","sstv","chat","","","extensions","network","","settings","contacts","team","tracker","map","energy_sweep"};
+    for(int i=0;i<17;++i)if(std::strcmp(ids[i],id)==0)return i;
+    return -1;
+}
+
+void preview_menu_enter()
+{
+    if(!menu_created) {
+        auto* previous_group=app_g;
+        ui::app_catalog_builder::FeatureFlags flags;
+        flags.include_usb=true;flags.include_network=true;flags.include_walkie_talkie=true;flags.include_power_off=true;
+#if defined(ARDUINO_T_DECK)
+        flags.include_sstv=false;
+        flags.include_walkie_talkie=false;
+#endif
+        catalog=ui::app_catalog_builder::build(flags);
+        ui::menu_layout::InitOptions options;
+        options.apps=catalog;
+        ui::menu_layout::init(options);
+        if(previous_group) lv_group_delete(previous_group);
+        ui::menu_runtime::Hooks hooks;
+        hooks.format_time=[](char* out,size_t n){std::snprintf(out,n,"09:41");return true;};
+        hooks.show_main_menu=[](){native_open_page(10);};
+        ui::menu_runtime::init(lv_screen_active(),main_screen,ui::menu_layout::menuPanel(),hooks);
+        menu_created=true;
+    }
+    lv_obj_clear_flag(main_screen,LV_OBJ_FLAG_HIDDEN);
+    lv_tileview_set_tile_by_index(main_screen, 0, 0, LV_ANIM_OFF);
+    ui::menu_layout::setMenuVisible(true);
+    ui::menu_runtime::setScene(ui::menu_runtime::Scene::Menu);
+    set_default_group(menu_g);
+}
+void preview_menu_exit() {
+    if(menu_created){ui::menu_runtime::setScene(ui::menu_runtime::Scene::App);lv_obj_add_flag(main_screen,LV_OBJ_FLAG_HIDDEN);}
+}
+bool ui_is_interruption_app_active(){return false;}
+bool ui_is_overlay_active(){return false;}
+AppScreen* ui_get_active_app(){return active_app;}
+void ui_switch_to_app(AppScreen* app,lv_obj_t* parent){active_app=app;const int page=page_for(app->stable_id());if(page>=0)native_open_page(page);else app->enter(parent);}
+void ui_clear_active_app(){active_app=nullptr;}
+void ui_exit_active_app(lv_obj_t* parent){if(active_app)active_app->exit(parent);active_app=nullptr;}
+void menu_show(){native_open_page(10);}
+
+
+void preview_power_enter() {
+    preview_menu_enter();
+    for(size_t i=0;i<ui::catalogCount(catalog);++i){auto* app=ui::catalogAt(catalog,i);if(std::strcmp(app->stable_id(),"shutdown")==0){app->enter(nullptr==main_screen?lv_screen_active():main_screen);return;}}
+}
+static lv_obj_t* cancel_button(lv_obj_t* obj) {
+    if(lv_obj_check_type(obj,&lv_label_class)&&std::strcmp(lv_label_get_text(obj),"Cancel")==0&&lv_obj_check_type(lv_obj_get_parent(obj),&lv_button_class))return lv_obj_get_parent(obj);
+    for(uint32_t i=0;i<lv_obj_get_child_count(obj);++i)if(auto* found=cancel_button(lv_obj_get_child(obj,i)))return found;
+    return nullptr;
+}
+void preview_power_exit(){if(auto* cancel=cancel_button(lv_screen_active()))lv_obj_send_event(cancel,LV_EVENT_CLICKED,nullptr);preview_menu_exit();}
diff --git a/tools/web_simulator/native_pages.cpp b/tools/web_simulator/native_pages.cpp
new file mode 100644
index 00000000..836e8922
--- /dev/null
+++ b/tools/web_simulator/native_pages.cpp
@@ -0,0 +1,87 @@
+#include "lvgl.h"
+#include "ui/app_runtime.h"
+#include "ui/screens/calculator/calculator_page_runtime.h"
+#include "ui/screens/gnss/gnss_skyplot_page_runtime.h"
+#include "ui/screens/usb/usb_page_runtime.h"
+#include "ui/screens/walkie_talkie/walkie_talkie_page_runtime.h"
+#include "ui/screens/sstv/sstv_page_runtime.h"
+#include "ui/screens/extensions/extensions_page_runtime.h"
+#include "ui/screens/contacts/contacts_page_runtime.h"
+#include "ui/screens/settings/settings_page_runtime.h"
+#include "ui/screens/team/team_page_runtime.h"
+#include "ui/screens/tracker/tracker_page_runtime.h"
+#include "ui/screens/network/network_page_shell.h"
+#include "ui/screens/gps/gps_page_runtime.h"
+#include "ui/screens/energy_sweep/energy_sweep_page_runtime.h"
+#include "ui/menu/menu_runtime.h"
+#include <emscripten.h>
+
+static int current_page = -1;
+int preview_current_page(){return current_page;}
+void preview_menu_enter();
+void preview_menu_exit();
+void preview_power_enter();
+void preview_power_exit();
+void preview_chat_enter(int page);
+void preview_chat_exit();
+
+void preview_exit_page()
+{
+    switch (current_page)
+    {
+    case 0: calculator::ui::runtime::exit(lv_screen_active()); break;
+    case 1: gnss::ui::runtime::exit(lv_screen_active()); break;
+    case 2: usb_storage::ui::runtime::exit(lv_screen_active()); break;
+    case 3: walkie_page::ui::runtime::exit(lv_screen_active()); break;
+    case 4: sstv_page::ui::runtime::exit(lv_screen_active()); break;
+    case 8: extensions::ui::runtime::exit(lv_screen_active()); break;
+    case 9: network::ui::shell::exit(nullptr,lv_screen_active()); break;
+    case 11: settings::ui::runtime::exit(lv_screen_active()); break;
+    case 12: contacts::ui::runtime::exit(lv_screen_active()); break;
+    case 13: team::ui::runtime::exit(lv_screen_active()); break;
+    case 14: tracker::ui::runtime::exit(lv_screen_active()); break;
+    case 15: gps::ui::runtime::exit(lv_screen_active()); break;
+    case 16: energy_sweep::ui::runtime::exit(lv_screen_active()); break;
+    case 17: preview_menu_exit(); break;
+    case 18: preview_power_exit(); break;
+    case 10: preview_menu_exit(); break;
+    case 5: case 6: case 7: preview_chat_exit(); break;
+    }
+    current_page = -1;
+}
+
+extern "C" EMSCRIPTEN_KEEPALIVE void native_open_page(int page)
+{
+    preview_exit_page();
+    lv_group_remove_all_objs(app_g);
+    if(page!=10&&page!=17&&page!=18)ui::menu_runtime::setScene(ui::menu_runtime::Scene::App);
+    switch (page)
+    {
+    case 0: calculator::ui::runtime::enter(nullptr, lv_screen_active()); break;
+    case 1: gnss::ui::runtime::enter(nullptr, lv_screen_active()); break;
+    case 2: usb_storage::ui::runtime::enter(nullptr, lv_screen_active()); break;
+    case 3: walkie_page::ui::runtime::enter(nullptr, lv_screen_active()); break;
+    case 4: sstv_page::ui::runtime::enter(nullptr, lv_screen_active()); break;
+    case 8: extensions::ui::runtime::enter(nullptr, lv_screen_active()); break;
+    case 9: network::ui::shell::enter(nullptr,lv_screen_active()); break;
+    case 11: settings::ui::runtime::enter(nullptr,lv_screen_active()); break;
+    case 12: contacts::ui::runtime::enter(nullptr,lv_screen_active()); break;
+    case 13: team::ui::runtime::enter(nullptr,lv_screen_active()); break;
+    case 14: tracker::ui::runtime::enter(nullptr,lv_screen_active()); break;
+    case 15: gps::ui::runtime::enter(nullptr,lv_screen_active()); break;
+    case 16: energy_sweep::ui::runtime::enter(nullptr,lv_screen_active()); break;
+    case 17: preview_menu_enter();ui::menu_runtime::handleShortcutKey('h',1);break;
+    case 18: preview_power_enter();break;
+    case 10: preview_menu_enter(); break;
+    case 5: case 6: case 7: preview_chat_enter(page); break;
+    default: return;
+    }
+    current_page = page;
+    lv_obj_update_layout(lv_screen_active());
+    lv_refr_now(nullptr);
+}
+
+void ui_request_rebuild_active_app()
+{
+    lv_async_call([](void*) {const int page=current_page;native_open_page(page);},nullptr);
+}
diff --git a/tools/web_simulator/native_runtime.cpp b/tools/web_simulator/native_runtime.cpp
new file mode 100644
index 00000000..e1875cbc
--- /dev/null
+++ b/tools/web_simulator/native_runtime.cpp
@@ -0,0 +1,180 @@
+// Browser display/input adapter. Page objects are built by unchanged firmware sources.
+#include "lvgl.h"
+#include "ui/app_runtime.h"
+#include "ui/localization.h"
+#include "ui/page/page_profile.h"
+#include "ui/screens/calculator/calculator_page_runtime.h"
+#include "ui/menu/menu_runtime.h"
+#include "app/app_facade_access.h"
+#include "platform/ui/walkie_runtime.h"
+#include <emscripten.h>
+#include <cstdint>
+#include <cstdio>
+#include <cstdlib>
+#include <string>
+
+lv_group_t* app_g = nullptr;
+lv_group_t* menu_g = nullptr;
+lv_obj_t* main_screen = nullptr;
+static lv_display_t* display;
+static lv_indev_t* pointer_device;
+static uint16_t pixels[480 * 240];
+static int pointer_x, pointer_y;
+static bool pointer_down;
+static ui::page_profile::PageLayoutProfile page_profile;
+static std::string snapshot;
+static bool initialized = false;
+void preview_exit_page();
+void preview_bind_app();
+int preview_current_page();
+extern "C" void native_open_page(int page);
+
+EM_JS(void, send_frame, (uint32_t ptr, int width, int height), {
+  if (Module.onFrame) Module.onFrame(ptr, width, height);
+});
+EM_JS(void, request_menu, (), {
+  if (Module.onExit) Module.onExit();
+});
+
+void set_default_group(lv_group_t* group) { lv_group_set_default(group); }
+void ui_request_exit_to_menu()
+{
+    // Do not destroy the current page while its LVGL event is being dispatched.
+    static bool pending = false;
+    if (pending) return;
+    pending = true;
+    lv_async_call([](void*) {
+        pending = false;
+        native_open_page(10);
+    }, nullptr);
+}
+
+static void append_json_string(const char* value)
+{
+    snapshot += '"';
+    for (const unsigned char* p = reinterpret_cast<const unsigned char*>(value); *p; ++p)
+    {
+        if (*p == '"' || *p == '\\') { snapshot += '\\'; snapshot += *p; }
+        else if (*p == '\n') snapshot += "\\n";
+        else if (*p >= 32) snapshot += *p;
+    }
+    snapshot += '"';
+}
+
+static void collect_labels(lv_obj_t* obj)
+{
+    if (!lv_obj_is_visible(obj)) return;
+    if (lv_obj_check_type(obj, &lv_textarea_class))
+    {
+        lv_area_t area;lv_obj_get_coords(obj,&area);
+        char data[200];
+        std::snprintf(data,sizeof(data),"%s{\"id\":%u,\"input\":true,\"x\":%d,\"y\":%d,\"w\":%d,\"h\":%d,\"text\":",snapshot.size()>1?",":"",static_cast<unsigned>(reinterpret_cast<uintptr_t>(obj)),static_cast<int>(area.x1),static_cast<int>(area.y1),static_cast<int>(lv_area_get_width(&area)),static_cast<int>(lv_area_get_height(&area)));
+        snapshot+=data;append_json_string(lv_textarea_get_text(obj));snapshot+='}';
+    }
+    if (lv_obj_check_type(obj, &lv_label_class))
+    {
+        const char* text = lv_label_get_text(obj);
+        lv_obj_t* parent = lv_obj_get_parent(obj);
+        const bool button = parent && lv_obj_has_class(parent, &lv_button_class);
+        lv_area_t area;
+        lv_obj_get_coords(button ? parent : obj, &area);
+        char data[200];
+        std::snprintf(data, sizeof(data), "%s{\"id\":%u,\"button\":%s,\"x\":%d,\"y\":%d,\"w\":%d,\"h\":%d,\"text\":",
+                      snapshot.size() > 1 ? "," : "", static_cast<unsigned>(reinterpret_cast<uintptr_t>(parent)),
+                      button ? "true" : "false", static_cast<int>(area.x1), static_cast<int>(area.y1),
+                      static_cast<int>(lv_area_get_width(&area)), static_cast<int>(lv_area_get_height(&area)));
+        snapshot += data;
+        append_json_string(text);
+        snapshot += '}';
+    }
+    for (uint32_t i = 0; i < lv_obj_get_child_count(obj); ++i) collect_labels(lv_obj_get_child(obj, i));
+}
+
+extern "C" {
+EMSCRIPTEN_KEEPALIVE void native_init(int deck)
+{
+    if (!initialized)
+    {
+        lv_init();
+        setenv("TRAIL_MATE_SD_ROOT","/sd",1);
+        setenv("TRAIL_MATE_SETTINGS_ROOT","/settings",1);
+        preview_bind_app();
+        display = lv_display_create(480, 222);
+        lv_display_set_color_format(display, LV_COLOR_FORMAT_RGB565);
+        lv_display_set_buffers(display, pixels, nullptr, sizeof(pixels), LV_DISPLAY_RENDER_MODE_FULL);
+        lv_display_set_flush_cb(display, [](lv_display_t* d, const lv_area_t*, uint8_t* buffer) {
+            send_frame(static_cast<uint32_t>(reinterpret_cast<uintptr_t>(buffer)), lv_display_get_horizontal_resolution(d), lv_display_get_vertical_resolution(d));
+            lv_display_flush_ready(d);
+        });
+        pointer_device = lv_indev_create();
+        lv_indev_set_type(pointer_device, LV_INDEV_TYPE_POINTER);
+        lv_indev_set_read_cb(pointer_device, [](lv_indev_t*, lv_indev_data_t* data) {
+            data->point.x = pointer_x; data->point.y = pointer_y;
+            data->state = pointer_down ? LV_INDEV_STATE_PRESSED : LV_INDEV_STATE_RELEASED;
+        });
+        app_g = lv_group_create();
+        set_default_group(app_g);
+        ui::i18n::set_locale("en", false);
+        initialized = true;
+    }
+    preview_exit_page();
+    lv_display_set_resolution(display, deck ? 320 : 480, deck ? 240 : 222);
+    page_profile = deck ? ui::page_profile::make_tdeck_profile() : ui::page_profile::make_pager_profile();
+    ui::page_profile::set_active_profile(&page_profile);
+    native_open_page(0);
+    lv_obj_update_layout(lv_screen_active());
+    lv_refr_now(display);
+}
+EMSCRIPTEN_KEEPALIVE void native_tick(int elapsed)
+{
+    lv_tick_inc(elapsed);
+    lv_timer_handler();
+    ui::i18n::on_lvgl_frame_completed();
+}
+EMSCRIPTEN_KEEPALIVE void native_pointer(int x, int y, int down)
+{
+    pointer_x = x; pointer_y = y; pointer_down = down != 0;
+    lv_indev_read(pointer_device);
+}
+EMSCRIPTEN_KEEPALIVE void native_activate(uint32_t id)
+{
+    auto* button = reinterpret_cast<lv_obj_t*>(static_cast<uintptr_t>(id));
+    if (lv_obj_is_valid(button)&&!lv_obj_has_state(button,LV_STATE_DISABLED)) lv_obj_send_event(button, LV_EVENT_CLICKED, nullptr);
+    lv_refr_now(display);
+}
+EMSCRIPTEN_KEEPALIVE void native_key(int key) {
+    if (key == LV_KEY_ENTER && preview_current_page() == 10) {
+        auto* group = lv_group_get_default();
+        auto* focused = group ? lv_group_get_focused(group) : nullptr;
+        if (focused && !lv_obj_has_state(focused, LV_STATE_DISABLED)) {
+            lv_obj_send_event(focused, LV_EVENT_CLICKED, nullptr);
+        }
+        return;
+    }
+    if(key<128&&ui::menu_runtime::handleShortcutKey(static_cast<char>(key),1))return;
+    if(auto* group=lv_group_get_default())lv_group_send_data(group,key);
+}
+EMSCRIPTEN_KEEPALIVE void native_focus(uint32_t id){auto* obj=reinterpret_cast<lv_obj_t*>(static_cast<uintptr_t>(id));if(lv_obj_is_valid(obj))lv_group_focus_obj(obj);}
+EMSCRIPTEN_KEEPALIVE void native_set_text(uint32_t id,const char* value){auto* obj=reinterpret_cast<lv_obj_t*>(static_cast<uintptr_t>(id));if(lv_obj_is_valid(obj)&&lv_obj_check_type(obj,&lv_textarea_class))lv_textarea_set_text(obj,value);}
+EMSCRIPTEN_KEEPALIVE void native_protocol(int protocol){app::configFacade().switchMeshProtocol(static_cast<chat::MeshProtocol>(protocol),false);}
+EMSCRIPTEN_KEEPALIVE int native_protocol_value(){return static_cast<int>(app::configFacade().getMeshProtocol());}
+EMSCRIPTEN_KEEPALIVE int native_page_value(){return preview_current_page();}
+EMSCRIPTEN_KEEPALIVE void native_key_state(int key,int pressed){
+    if(key==' ') {
+        if(ui::menu_runtime::handleWalkieKey(' ',pressed))return;
+        if(preview_current_page()==3){platform::ui::walkie::set_ptt(pressed!=0);return;}
+    }
+    if(pressed)native_key(key);
+}
+EMSCRIPTEN_KEEPALIVE void native_encoder(int delta) {
+    if(auto* group=lv_group_get_default()){if(delta<0)lv_group_focus_prev(group);else lv_group_focus_next(group);}
+}
+EMSCRIPTEN_KEEPALIVE const char* native_snapshot()
+{
+    snapshot = "[";
+    collect_labels(lv_screen_active());
+    collect_labels(lv_layer_top());
+    snapshot += ']';
+    return snapshot.c_str();
+}
+}
diff --git a/tools/web_simulator/platform_adapters/esp_log.h b/tools/web_simulator/platform_adapters/esp_log.h
new file mode 100644
index 00000000..93aaadfa
--- /dev/null
+++ b/tools/web_simulator/platform_adapters/esp_log.h
@@ -0,0 +1,6 @@
+#pragma once
+// Browser target has no ESP logging backend. Page source uses the same log call sites.
+#define ESP_LOGI(...) ((void)0)
+#define ESP_LOGW(...) ((void)0)
+#define ESP_LOGE(...) ((void)0)
+#define ESP_LOGD(...) ((void)0)
diff --git a/tools/web_simulator/prepare_demo_tiles.py b/tools/web_simulator/prepare_demo_tiles.py
new file mode 100644
index 00000000..202aa68f
--- /dev/null
+++ b/tools/web_simulator/prepare_demo_tiles.py
@@ -0,0 +1,22 @@
+"""Fetch one small attributed OSM fixture region; never run during normal builds."""
+from pathlib import Path
+import math
+import urllib.request
+
+ROOT = Path(__file__).resolve().parent / "data" / "maps" / "base" / "osm"
+zoom = 12
+latitude, longitude = 31.2304, 121.4737
+scale = 2**zoom
+x = math.floor((longitude + 180) / 360 * scale)
+y = math.floor((1 - math.asinh(math.tan(math.radians(latitude))) / math.pi) / 2 * scale)
+for tx in range(x - 1, x + 2):
+    for ty in range(y - 1, y + 2):
+        target = ROOT / str(zoom) / str(tx) / f"{ty}.png"
+        if target.exists():
+            continue
+        target.parent.mkdir(parents=True, exist_ok=True)
+        url = f"https://tile.openstreetmap.org/{zoom}/{tx}/{ty}.png"
+        request = urllib.request.Request(url, headers={"User-Agent": "TrailMateNativePreview/1.0 (https://github.com/vicliu624/trail-mate)"})
+        with urllib.request.urlopen(request, timeout=30) as response:
+            target.write_bytes(response.read())
+        print(target.relative_to(ROOT))
diff --git a/tools/web_simulator/preview_board.cpp b/tools/web_simulator/preview_board.cpp
new file mode 100644
index 00000000..956abef7
--- /dev/null
+++ b/tools/web_simulator/preview_board.cpp
@@ -0,0 +1,28 @@
+#include "board/BoardBase.h"
+#include "platform/ui/device_runtime.h"
+#include <emscripten.h>
+EM_JS(void, preview_power_off, (), {if(Module.onPowerOff)Module.onPowerOff();});
+class BrowserBoard final : public BoardBase {
+public:
+ uint32_t begin(uint32_t) override{return 0;}
+ void wakeUp() override{}
+ void handlePowerButton() override{}
+ void softwareShutdown() override{preview_power_off();}
+ void setBrightness(uint8_t value) override{platform::ui::device::set_screen_brightness(value);}
+ uint8_t getBrightness() override{return platform::ui::device::screen_brightness();}
+ bool hasKeyboard() override{return true;}
+ void keyboardSetBrightness(uint8_t value) override{platform::ui::device::set_keyboard_backlight(value);}
+ uint8_t keyboardGetBrightness() override{return platform::ui::device::keyboard_backlight();}
+ bool isRTCReady() const override{return true;}
+ bool isCharging() override{return false;}
+ int getBatteryLevel() override{return 85;}
+ bool isSDReady() const override{return true;}
+ bool isCardReady() override{return true;}
+ bool isGPSReady() const override{return true;}
+ bool hasGPSHardware() const override{return true;}
+ bool hasSstvAudioInput() const override{return true;}
+ void vibrator() override{}
+ void stopVibrator() override{}
+};
+static BrowserBoard browser_board;
+BoardBase& board=browser_board;
diff --git a/tools/web_simulator/preview_extensions.cpp b/tools/web_simulator/preview_extensions.cpp
new file mode 100644
index 00000000..0da5883a
--- /dev/null
+++ b/tools/web_simulator/preview_extensions.cpp
@@ -0,0 +1,28 @@
+#include "platform/ui/pack_repository_runtime.h"
+#include "platform/ui/wifi_runtime.h"
+#include <cstdio>
+#include <string>
+namespace platform::ui::wifi {
+static Config config{};
+static bool connected=false;
+bool is_supported(){return true;}
+bool load_config(Config& out){out=config;return true;}
+bool save_config(const Config& value){config=value;return true;}
+bool apply_enabled(bool enabled){config.enabled=enabled;if(!enabled)connected=false;return true;}
+bool connect(const Config* value){if(value)config=*value;config.enabled=true;connected=true;return true;}
+void disconnect(){connected=false;}
+Status status(){Status out;out.supported=true;out.enabled=config.enabled;out.connected=connected;out.state=connected?ConnectionState::Connected:ConnectionState::Disabled;out.has_credentials=true;std::snprintf(out.ssid,sizeof(out.ssid),"Preview network");return out;}
+}
+namespace ui::runtime::packs {
+bool is_supported(){return true;}
+bool load_installed_packages(std::vector<InstalledPackageRecord>& out,std::string& error){out.clear();error.clear();return true;}
+bool fetch_catalog(std::vector<PackageRecord>& out,std::string& error){
+    out.clear();error.clear();
+    PackageRecord p;p.id="zh-Hans";p.package_type="locale-bundle";p.version="1.3.0";p.display_name="Simplified Chinese";p.summary="Chinese fonts, translations and Pinyin IME";p.provided_locale_ids={"zh-Hans"};p.provided_ime_ids={"pinyin"};p.archive_size_bytes=1200000;p.compatible_firmware=true;p.compatible_memory_profile=true;out.push_back(p);
+    p.id="ja";p.version="1.2.0";p.display_name="Japanese";p.summary="Japanese fonts and translations (review)";p.provided_locale_ids={"ja"};p.provided_ime_ids.clear();out.push_back(p);return true;
+}
+bool start_install_package(const PackageRecord&,std::string& error){error="Browser preview does not install device packages";return false;}
+bool install_package(const PackageRecord& p,std::string& error){return start_install_package(p,error);}
+bool uninstall_package(const PackageRecord&,std::string& error){error="No device package is installed in this preview";return false;}
+PackageInstallStatus install_status(){return {};}
+}
diff --git a/tools/web_simulator/preview_facade.cpp b/tools/web_simulator/preview_facade.cpp
new file mode 100644
index 00000000..cec0f5a7
--- /dev/null
+++ b/tools/web_simulator/preview_facade.cpp
@@ -0,0 +1,99 @@
+// In-memory platform composition for the native website preview.
+// Chat/contact models and services remain the production implementations.
+#include "app/app_facade_access.h"
+#include "app/app_config.h"
+#include "chat/domain/chat_model.h"
+#include "chat/infra/mesh_peer_directory_core.h"
+#include "chat/infra/store/ram_store.h"
+#include "chat/usecase/chat_service.h"
+#include "chat/usecase/contact_service.h"
+#include <cstdio>
+#include <cstring>
+#include <vector>
+
+namespace {
+class PreviewRadio final : public chat::IMeshAdapter {
+public:
+    bool sendText(chat::ChannelId, const std::string&, chat::MessageId* id, chat::NodeId) override { if(id)*id=++next_id; return true; }
+    bool pollIncomingText(chat::MeshIncomingText*) override {return false;}
+    bool sendAppData(chat::ChannelId,uint32_t,const uint8_t*,size_t,chat::NodeId,bool,chat::MessageId,bool) override {return true;}
+    bool pollIncomingData(chat::MeshIncomingData*) override {return false;}
+    void applyConfig(const chat::MeshConfig&) override {}
+    bool isReady() const override {return true;}
+    bool pollIncomingRawPacket(uint8_t*,size_t&,size_t) override {return false;}
+    chat::NodeId getNodeId() const override {return 0xa1b35b7c;}
+    chat::MeshCapabilities getCapabilities() const override {chat::MeshCapabilities c;c.supports_unicast_text=true;c.supports_node_info=true;return c;}
+private: uint32_t next_id=100;
+};
+class MemoryBlob final : public chat::IMeshPeerDirectoryBlobStore {
+public:
+    chat::MeshPeerDirectoryBlobLoadResult loadBlob(std::vector<uint8_t>& out) override {out=data;return data.empty()?chat::MeshPeerDirectoryBlobLoadResult::Missing:chat::MeshPeerDirectoryBlobLoadResult::Loaded;}
+    bool saveBlob(const uint8_t* bytes,std::size_t size) override {data.assign(bytes,bytes+size);return true;}
+    void clearBlob() override {data.clear();}
+private: std::vector<uint8_t> data;
+};
+class PreviewApp final : public app::IAppFacade {
+public:
+    PreviewApp(): directory(blob),contacts(directory),chat(model,radio,store) {
+        directory.beginEmpty();contacts.begin();
+        contacts.updateNodeInfo(0x12345678,"ALEX","Alex",8,-94,1789100000);
+        contacts.addContact(0x12345678,"Alex");
+        contacts.updateNodeInfo(0x23456789,"MORG","Morgan",6,-102,1789100000);
+        contacts.addContact(0x23456789,"Morgan");
+        std::snprintf(config.node_name,sizeof(config.node_name),"Trail Mate");
+        std::snprintf(config.short_name,sizeof(config.short_name),"TM");
+    }
+    app::AppConfigEdit beginConfigEdit() override {return {&config,nullptr,nullptr,nullptr};}
+    void saveConfig() override {}
+    void saveConfig(app::AppConfigChangeSet) override {}
+    void applyMeshConfig() override {}
+    void applyUserInfo() override {}
+    void applyPositionConfig() override {}
+    void applyNetworkLimits() override {}
+    void applyPrivacyConfig() override {}
+    void applyChatDefaults() override {}
+    chat::MeshProtocol getMeshProtocol() const override {return static_cast<chat::MeshProtocol>(config.mesh_protocol);}
+    void getEffectiveUserInfo(char* a,std::size_t n,char* b,std::size_t m) const override {std::snprintf(a,n,"%s",config.node_name);std::snprintf(b,m,"%s",config.short_name);}
+    bool switchMeshProtocol(chat::MeshProtocol p,bool) override {config.mesh_protocol=p;contacts.setActiveProtocol(p);return true;}
+    chat::ChatService& getChatService() override {return chat;}
+    chat::contacts::ContactService& getContactService() override {return contacts;}
+    chat::IMeshAdapter* getMeshAdapter() override {return &radio;}
+    const chat::IMeshAdapter* getMeshAdapter() const override {return &radio;}
+    chat::NodeId getSelfNodeId() const override {return radio.getNodeId();}
+    team::TeamController* getTeamController() override {return nullptr;}
+    team::TeamPairingService* getTeamPairing() override {return nullptr;}
+    team::TeamService* getTeamService() override {return nullptr;}
+    const team::TeamService* getTeamService() const override {return nullptr;}
+    team::TeamTrackSampler* getTeamTrackSampler() override {return nullptr;}
+    void setTeamModeActive(bool) override {}
+    void broadcastNodeInfo() override {}
+    void clearNodeDb() override {directory.clear();}
+    void clearMessageDb() override {store.clearAll();model.clearAll();}
+    ble::BleManager* getBleManager() override {return nullptr;}
+    const ble::BleManager* getBleManager() const override {return nullptr;}
+    bool isBleEnabled() const override {return ble_enabled;}
+    void setBleEnabled(bool enabled) override {ble_enabled=enabled;}
+    void restartDevice() override {}
+    chat::ui::IChatUiRuntime* getChatUiRuntime() override {return ui_runtime;}
+    void setChatUiRuntime(chat::ui::IChatUiRuntime* value) override {ui_runtime=value;}
+    BoardBase* getBoard() override {return nullptr;}
+    const BoardBase* getBoard() const override {return nullptr;}
+    void updateCoreServices() override {}
+    void tickEventRuntime() override {}
+    void dispatchPendingEvents(std::size_t) override {}
+protected:
+    const app::AppConfig& getConfig() const override {return config;}
+private:
+    app::AppConfig config{};
+    bool ble_enabled=false;
+    chat::ui::IChatUiRuntime* ui_runtime=nullptr;
+    MemoryBlob blob;
+    chat::MeshPeerDirectoryCore directory;
+    chat::contacts::ContactService contacts;
+    PreviewRadio radio;
+    chat::ChatModel model;
+    chat::RamStore store;
+    chat::ChatService chat;
+};
+}
+void preview_bind_app() {static PreviewApp app; app::bindAppFacade(app);}
diff --git a/tools/web_simulator/preview_map_tiles.cpp b/tools/web_simulator/preview_map_tiles.cpp
new file mode 100644
index 00000000..b6d258b7
--- /dev/null
+++ b/tools/web_simulator/preview_map_tiles.cpp
@@ -0,0 +1,82 @@
+// Synchronous browser filesystem adapter for the production MapViewport.
+// Tile positions follow the existing Linux adapter and shared Mercator helpers.
+// No page controls, overlays, labels, fonts or styles are defined here.
+#include "ui/widgets/map/map_tiles.h"
+#include "ui_map_runtime/map_tiles/map_tile_geometry.h"
+#include <algorithm>
+#include <cmath>
+#include <cstdio>
+#include <string>
+
+static uint8_t source_id=0;
+static bool contours=false;
+static bool missing=false;
+static double world_size(int z){return std::ldexp(256.0,z);}
+static double world_x(double lon,int z){return (lon+180.0)/360.0*world_size(z);}
+static double world_y(double lat,int z){lat=std::clamp(lat,-85.05112878,85.05112878);const double s=std::sin(lat*M_PI/180.0);return (.5-std::log((1+s)/(1-s))/(4*M_PI))*world_size(z);}
+static void world_geo(double x,double y,int z,double& lat,double& lon){const double size=world_size(z);lon=x/size*360-180;lat=std::atan(std::sinh(M_PI*(1-2*y/size)))*180/M_PI;}
+void normalize_tile(int z,int& x,int& y){ui::map_tiles::normalizeTile(z,x,y);}
+void latLngToTile(double lat,double lon,int zoom,int& x,int& y){ui::map_tiles::latLngToTile(lat,lon,zoom,x,y);}
+void tileToLatLng(int x,int y,int zoom,double& lat,double& lon){world_geo(x*256.0,y*256.0,zoom,lat,lon);}
+void tileToPixel(int x,int y,int,int& px,int& py){px=x*256;py=y*256;}
+uint8_t sanitize_map_source(uint8_t source){return source<3?source:0;}
+const char* map_source_label(uint8_t source){return source==1?"Terrain":source==2?"Satellite":"OSM";}
+bool build_base_tile_path(int z,int x,int y,uint8_t source,char* out,size_t n){const char* key=source==1?"terrain":source==2?"satellite":"osm";return std::snprintf(out,n,"A:/maps/base/%s/%d/%d/%d.png",key,z,x,y)>0;}
+bool build_contour_tile_path(int z,int x,int y,char* out,size_t n){return std::snprintf(out,n,"A:/maps/contour/major-50/%d/%d/%d.png",z,x,y)>0;}
+static bool exists(const char* path){FILE* f=std::fopen(path+2,"rb");if(!f)return false;std::fclose(f);return true;}
+bool base_tile_available(int z,int x,int y,uint8_t source){char path[180];build_base_tile_path(z,x,y,source,path,sizeof(path));return exists(path);}
+bool map_source_directory_available(uint8_t source){return source<3;}
+bool contour_directory_available(){return false;}
+bool take_missing_tile_notice(uint8_t* out){if(out)*out=source_id;const bool result=missing;missing=false;return result;}
+void set_map_render_options(uint8_t source,bool contour){source_id=sanitize_map_source(source);contours=contour;}
+void update_map_anchor(TileContext& c,double lat,double lon,int zoom,int pan_x,int pan_y,bool fix)
+{
+    if(!c.anchor||!c.map_container)return;
+    auto& a=*c.anchor;a.valid=fix;if(!fix)return;
+    a.z=zoom;a.n=std::ldexp(1.0,zoom);
+    int x,y;latLngToTile(lat,lon,zoom,x,y);a.gps_tile_x=x;a.gps_tile_y=y;
+    a.gps_global_pixel_x=static_cast<int>(std::lround(world_x(lon,zoom)));a.gps_global_pixel_y=static_cast<int>(std::lround(world_y(lat,zoom)));
+    a.gps_tile_pixel_x=x*256;a.gps_tile_pixel_y=y*256;
+    a.gps_offset_x=a.gps_global_pixel_x-a.gps_tile_pixel_x;a.gps_offset_y=a.gps_global_pixel_y-a.gps_tile_pixel_y;
+    a.gps_tile_screen_x=lv_obj_get_width(c.map_container)/2-a.gps_offset_x+pan_x;
+    a.gps_tile_screen_y=lv_obj_get_height(c.map_container)/2-a.gps_offset_y+pan_y;
+}
+bool gps_screen_pos(const TileContext& c,double lat,double lon,int& x,int& y)
+{
+    if(!c.anchor||!c.anchor->valid)return false;const auto& a=*c.anchor;
+    double dx=world_x(lon,a.z)-a.gps_global_pixel_x;const double size=world_size(a.z);if(dx>size/2)dx-=size;if(dx<-size/2)dx+=size;
+    x=std::lround(a.gps_tile_screen_x+a.gps_offset_x+dx);y=std::lround(a.gps_tile_screen_y+a.gps_offset_y+world_y(lat,a.z)-a.gps_global_pixel_y);return true;
+}
+bool tile_screen_pos_xyz(const TileContext& c,int x,int y,int z,int& sx,int& sy)
+{
+    if(!c.anchor||!c.anchor->valid||c.anchor->z!=z)return false;const auto& a=*c.anchor;
+    int dx=x-a.gps_tile_x,n=1<<z;if(dx>n/2)dx-=n;if(dx<-n/2)dx+=n;
+    sx=a.gps_tile_screen_x+dx*256;sy=a.gps_tile_screen_y+(y-a.gps_tile_y)*256;return true;
+}
+void get_screen_center_lat_lng(const TileContext& c,double& lat,double& lon)
+{
+    if(!c.anchor||!c.anchor->valid){lat=lon=0;return;}const auto& a=*c.anchor;
+    world_geo(a.gps_global_pixel_x+lv_obj_get_width(c.map_container)/2-a.gps_tile_screen_x-a.gps_offset_x,a.gps_global_pixel_y+lv_obj_get_height(c.map_container)/2-a.gps_tile_screen_y-a.gps_offset_y,a.z,lat,lon);
+}
+bool tile_in_rect(int x,int y,int w,int h,int margin){return x<w+margin&&y<h+margin&&x+256>-margin&&y+256>-margin;}
+void cleanup_tiles(TileContext& c){if(c.tiles){for(auto& t:*c.tiles){if(t.img_obj)lv_obj_delete(t.img_obj);if(t.contour_obj)lv_obj_delete(t.contour_obj);}c.tiles->clear();}if(c.has_map_data)*c.has_map_data=false;if(c.has_visible_map_data)*c.has_visible_map_data=false;}
+void calculate_required_tiles(TileContext& c,double lat,double lon,int z,int px,int py,bool fix)
+{
+    update_map_anchor(c,lat,lon,z,px,py,fix);if(!c.tiles||!c.anchor||!c.anchor->valid)return;
+    bool any=false;
+    for(auto& t:*c.tiles) {t.visible=false;if(t.img_obj)lv_obj_add_flag(t.img_obj,LV_OBJ_FLAG_HIDDEN);}
+    const int w=lv_obj_get_width(c.map_container),h=lv_obj_get_height(c.map_container);
+    double center_lat,center_lon;get_screen_center_lat_lng(c,center_lat,center_lon);
+    for(auto xy:ui::map_tiles::tilesAround(center_lat,center_lon,z,w/256+2,h/256+2)) {
+        int sx,sy;if(!tile_screen_pos_xyz(c,xy.x,xy.y,z,sx,sy)||!tile_in_rect(sx,sy,w,h,0))continue;
+        auto found=std::find_if(c.tiles->begin(),c.tiles->end(),[&](const auto& t){return t.x==xy.x&&t.y==xy.y&&t.z==z&&t.map_source==source_id;});
+        if(found==c.tiles->end()) {MapTile t;t.x=xy.x;t.y=xy.y;t.z=z;t.map_source=source_id;t.has_png_file=base_tile_available(z,t.x,t.y,source_id);c.tiles->push_back(t);found=c.tiles->end()-1;}
+        auto& tile=*found;if(!tile.has_png_file){missing=true;continue;}
+        if(!tile.img_obj){tile.img_obj=lv_image_create(c.map_container);char path[180];build_base_tile_path(z,tile.x,tile.y,source_id,path,sizeof(path));lv_image_set_src(tile.img_obj,path);}
+        lv_obj_set_pos(tile.img_obj,sx,sy);lv_obj_clear_flag(tile.img_obj,LV_OBJ_FLAG_HIDDEN);tile.visible=true;any=true;
+    }
+    if(c.has_map_data)*c.has_map_data=any;if(c.has_visible_map_data)*c.has_visible_map_data=any;
+}
+void tile_loader_step(TileContext&){}
+void init_tile_context(TileContext& c,lv_obj_t* obj,MapAnchor* anchor,std::vector<MapTile>* tiles,ui::map_tiles::MapTileRenderQueue* queue,bool* has,bool* visible){c={obj,anchor,tiles,queue,has,visible};}
+void release_tile_context(TileContext& c){cleanup_tiles(c);c={};}
diff --git a/tools/web_simulator/preview_platform.cpp b/tools/web_simulator/preview_platform.cpp
new file mode 100644
index 00000000..d5ebb68a
--- /dev/null
+++ b/tools/web_simulator/preview_platform.cpp
@@ -0,0 +1,16 @@
+// Only platform services/data are substituted. No LVGL page layout lives here.
+#include "platform/ui/device_runtime.h"
+#include "platform/ui/settings_store.h"
+#include "ui/widgets/foreground_operation_overlay.h"
+#include <string>
+
+namespace platform::ui::device {
+BatteryInfo battery_info() { return {true, false, 85}; }
+void handle_low_battery(const BatteryInfo&) {}
+}
+namespace ui::widgets::foreground_operation {
+Snapshot make_snapshot(Slot slot, Policy policy, Priority priority, const char*, const char*, int, const char*, uint32_t)
+{ Snapshot s; s.slot=slot; s.policy=policy; s.priority=priority; return s; }
+void publish(const Snapshot&) {}
+void clear(Slot,uint32_t) {}
+}
diff --git a/tools/web_simulator/preview_radio.cpp b/tools/web_simulator/preview_radio.cpp
new file mode 100644
index 00000000..e62c3b9a
--- /dev/null
+++ b/tools/web_simulator/preview_radio.cpp
@@ -0,0 +1,12 @@
+#include "platform/ui/lora_runtime.h"
+namespace platform::ui::lora {
+static bool acquired=false;
+bool acquire(){acquired=true;return true;}
+bool is_online(){return acquired;}
+bool configure_receive(float,const ReceiveConfig&){return acquired;}
+bool transmit_packet(const uint8_t*,std::size_t){return false;}
+// A quiet simulated receiver must never invent OBSERVED/CONFIRMED evidence.
+bool poll_received_packet(uint8_t*,std::size_t,ReceivedPacket*){return false;}
+float read_instant_rssi(){return -120.f;}
+void release(){acquired=false;}
+}
diff --git a/tools/web_simulator/preview_reticulum.cpp b/tools/web_simulator/preview_reticulum.cpp
new file mode 100644
index 00000000..eeda6902
--- /dev/null
+++ b/tools/web_simulator/preview_reticulum.cpp
@@ -0,0 +1,33 @@
+// Deterministic directory/page input for the unchanged native Nomad renderer.
+#include "platform/ui/reticulum_directory_runtime.h"
+#include "platform/ui/reticulum_page_runtime.h"
+#include <algorithm>
+#include <cstdio>
+#include <cstring>
+
+namespace platform::ui::reticulum_directory {
+static Status ready(){Status s;s.supported=true;s.sd_present=true;s.file_present=true;s.loaded=true;return s;}
+Status load_announces(AnnounceRecord* out,std::size_t max,std::size_t* count){*count=max?1:0;if(*count){out[0]={};out[0].valid=true;std::memset(out[0].destination_hash,0x11,16);std::memset(out[0].identity_hash,0x22,16);out[0].aspect=AnnounceAspect::NomadNetworkNode;out[0].source=EntrySource::RuntimeRx;out[0].hops=1;std::snprintf(out[0].display_name,sizeof(out[0].display_name),"Ridge shelter");}return ready();}
+Status load_lxmf_addresses(LxmfAddressRecord*,std::size_t,std::size_t* count){*count=0;return ready();}
+Status load_lxmf_addresses_matching(const char*,LxmfAddressRecord* out,std::size_t n,std::size_t* count){return load_lxmf_addresses(out,n,count);}
+Status find_lxmf_address_by_destination(const uint8_t*,LxmfAddressRecord* out){if(out)*out={};return ready();}
+Status set_lxmf_address_favorite_now(const uint8_t*,bool){return ready();}
+}
+namespace platform::ui::reticulum_page {
+static bool cached=true;
+static bool completed=false;
+static Status ready(){Status s;s.supported=true;s.sd_present=true;return s;}
+bool normalize_path(const char* path,char* out,std::size_t n){if(!out||!n)return false;const char* value=path&&*path?path:"/page/index.mu";return std::snprintf(out,n,"%s",value)<static_cast<int>(n);}
+Status request_cached_page_load(const char*,const char*,bool){auto s=ready();s.cache_checked=true;s.file_present=cached;return s;}
+Status poll_cached_page_load(const char*,const char*,char* body,std::size_t cap,std::size_t* count){
+    auto s=ready();s.cache_checked=true;s.file_present=cached;s.loaded=cached;
+    const char* text=">Ridge shelter\nWelcome to the field bulletin.\n\nWater point: east side.\nTrail: open to Pine Ridge.\n\nThis bulletin is sample data supplied to the firmware Micron renderer.\n";
+    *count=0;if(cached&&body&&cap){*count=std::min(cap-1,std::strlen(text));std::memcpy(body,text,*count);body[*count]=0;}return s;
+}
+Status clear_cached_page(const char*,const char*){cached=false;return ready();}
+Status request_page(const char*,const char*){cached=true;completed=true;auto s=ready();s.request_started=true;return s;}
+Status request_page_with_data(const char* dest,const char* path,const uint8_t*,std::size_t){return request_page(dest,path);}
+Status cancel_request(const char*,const char*){auto s=ready();s.cancelled=true;return s;}
+void clear_request_progress(const char*,const char*){completed=false;}
+RequestProgress get_request_progress(const char*,const char*){RequestProgress p;p.complete=completed;p.progress_percent=completed?100:-1;return p;}
+}
diff --git a/tools/web_simulator/preview_sensors.cpp b/tools/web_simulator/preview_sensors.cpp
new file mode 100644
index 00000000..6bd5a256
--- /dev/null
+++ b/tools/web_simulator/preview_sensors.cpp
@@ -0,0 +1,57 @@
+#include "platform/ui/device_runtime.h"
+#include "platform/ui/gps_runtime.h"
+#include "platform/ui/walkie_runtime.h"
+#include "platform/ui/usb_support_runtime.h"
+#include "platform/ui/screen_runtime.h"
+#include "ui/ui_common.h"
+#include "ui/widgets/top_bar_power_presenter.h"
+#include "ui/runtime/ui_feedback.h"
+#include <algorithm>
+#include <cstdint>
+
+namespace platform::ui::device {
+bool gps_supported() { return true; }
+bool card_ready() { return true; }
+bool sd_ready() { return true; }
+int power_tier() { return 0; }
+bool gps_ready() { return true; }
+void delay_ms(uint32_t) {}
+}
+namespace platform::ui::gps {
+static bool sample_fix = true;
+GpsState get_data() { GpsState s; s.lat=31.2304; s.lng=121.4737; s.alt_m=842; s.satellites=12; s.valid=sample_fix; s.has_alt=sample_fix; return s; }
+bool get_gnss_snapshot(GnssSatInfo* out, std::size_t max, std::size_t* count, GnssStatus* status)
+{
+    *count=std::min<std::size_t>(12,max);
+    for(std::size_t i=0;i<*count;++i) out[i]={static_cast<uint16_t>(i+1),static_cast<GnssSystem>(i%4),static_cast<uint16_t>(i*29),static_cast<uint8_t>(15+(i*13)%70),static_cast<int8_t>(25+i),sample_fix};
+    status->sats_in_use=sample_fix?12:0; status->sats_in_view=12; status->hdop=sample_fix?.9f:0; status->fix=sample_fix?GnssFix::FIX3D:GnssFix::NOFIX;
+    return true;
+}
+GpsDiagnosticsSnapshot diagnostics() { GpsDiagnosticsSnapshot s; s.enabled=true; s.powered=true; s.ready=true; s.has_fix=sample_fix; s.sats_in_view=12; s.sats_in_use=sample_fix?12:0; s.satellites=s.sats_in_use; s.last_rx_age_ms=100; s.chars_recent=512; return s; }
+void acquire_power_lease(const char*) {}
+void release_power_lease(const char*) {}
+}
+namespace platform::ui::walkie {
+static Status status{false,false,false,0,0,433.175f};
+bool is_supported(){return true;}
+bool start(){status.active=true;return true;}
+void stop(){status.active=false;status.tx=false;}
+bool is_active(){return status.active;}
+void set_ptt(bool pressed){status.tx=pressed&&status.active;status.tx_level=status.tx?65:0;}
+bool set_monitor_enabled(bool enabled){status.monitor_enabled=enabled;status.active=enabled;return true;}
+bool monitor_enabled(){return status.monitor_enabled;}
+int volume(){return 60;}
+Status get_status(){return status;}
+const char* last_error(){return "";}
+}
+namespace platform::ui::usb_support {
+static Status status{};
+bool is_supported(){return true;}
+bool start(){status={true,false,"USB Active"};return true;}
+void stop(){status={false,false,"USB Idle"};}
+Status get_status(){return status;}
+bool prepare_mass_storage_mode(){return true;}
+void restore_mass_storage_mode(){}
+}
+void ui_update_top_bar_battery(ui::widgets::TopBar&){ui::widgets::top_bar_power::refresh_now();}
+void ui_set_overlay_active(bool){}
diff --git a/tools/web_simulator/preview_settings.cpp b/tools/web_simulator/preview_settings.cpp
new file mode 100644
index 00000000..6b88cd8a
--- /dev/null
+++ b/tools/web_simulator/preview_settings.cpp
@@ -0,0 +1,54 @@
+#include "platform/ui/settings_store.h"
+#include "platform/ui/device_runtime.h"
+#include "platform/ui/gps_runtime.h"
+#include "platform/ui/wifi_runtime.h"
+#include <map>
+#include <string>
+#include <cstdlib>
+#include <cstring>
+#include <cstdio>
+namespace platform::ui::settings_store {
+static std::map<std::string,std::string> values;
+static std::string key_for(const char* ns,const char* key){return std::string(ns)+"/"+key;}
+int get_int(const char* ns,const char* key,int fallback){auto i=values.find(key_for(ns,key));return i==values.end()?fallback:std::strtol(i->second.c_str(),nullptr,10);}
+uint32_t get_uint(const char* ns,const char* key,uint32_t fallback){auto i=values.find(key_for(ns,key));return i==values.end()?fallback:std::strtoul(i->second.c_str(),nullptr,10);}
+bool get_bool(const char* ns,const char* key,bool fallback){return get_int(ns,key,fallback?1:0)!=0;}
+void put_int(const char* ns,const char* key,int value){values[key_for(ns,key)]=std::to_string(value);}
+void put_uint(const char* ns,const char* key,uint32_t value){values[key_for(ns,key)]=std::to_string(value);}
+void put_bool(const char* ns,const char* key,bool value){put_int(ns,key,value?1:0);}
+bool put_string(const char* ns,const char* key,const char* value){values[key_for(ns,key)]=value?value:"";return true;}
+bool get_string(const char* ns,const char* key,std::string& out){auto i=values.find(key_for(ns,key));if(i==values.end())return false;out=i->second;return true;}
+void remove_keys(const char* ns,const char* const* keys,std::size_t count){for(size_t i=0;i<count;++i)values.erase(key_for(ns,keys[i]));}
+void clear_namespace(const char* ns){const auto prefix=std::string(ns)+"/";for(auto i=values.begin();i!=values.end();)if(i->first.compare(0,prefix.size(),prefix)==0)i=values.erase(i);else++i;}
+void begin_change_batch(){}
+void end_change_batch(){}
+}
+namespace platform::ui::device {
+static uint8_t tone_volume=60;
+uint8_t default_message_tone_volume(){return tone_volume;}
+void set_message_tone_volume(uint8_t value){tone_volume=value;}
+void play_message_tone(){}
+void trigger_haptic(){}
+bool supports_configurable_battery_gauge(){return true;}
+void reload_configurable_battery_gauge(){}
+void restart(){}
+}
+namespace platform::ui::gps {
+bool supports_receiver_baud_setting(){return true;}
+bool supports_receiver_init_policy_settings(){return true;}
+bool supports_gnss_runtime_settings(){return true;}
+bool supports_collection_interval_setting(){return true;}
+bool supports_altitude_reference_setting(){return true;}
+bool supports_coordinate_format_setting(){return true;}
+bool supports_external_nmea_output_setting(){return true;}
+void set_enabled(bool value){platform::ui::settings_store::put_bool("preview","gps",value);}
+void set_collection_interval(uint32_t value){platform::ui::settings_store::put_uint("preview","gps_interval",value);}
+void set_receiver_init_config(const GpsReceiverInitConfig&){}
+void set_gnss_config(uint8_t,uint8_t){}
+void set_power_strategy(uint8_t){}
+void set_external_nmea_config(uint8_t,uint8_t){}
+}
+namespace platform::ui::wifi {
+bool find_saved_config(const char*,Config& out){return load_config(out);}
+bool scan(ScanResult* out,std::size_t capacity,std::size_t& count){count=capacity?1:0;if(count){std::snprintf(out[0].ssid,sizeof(out[0].ssid),"Preview network");out[0].rssi=-55;out[0].requires_password=false;}return true;}
+}
diff --git a/tools/web_simulator/preview_sstv.cpp b/tools/web_simulator/preview_sstv.cpp
new file mode 100644
index 00000000..83de385d
--- /dev/null
+++ b/tools/web_simulator/preview_sstv.cpp
@@ -0,0 +1,19 @@
+#include "platform/ui/sstv_runtime.h"
+#include "sys/clock.h"
+#include <algorithm>
+namespace platform::ui::sstv {
+static bool active=false;
+static uint32_t began=0;
+static uint16_t image[320*256];
+bool is_supported(){return true;}
+bool start(){active=true;began=sys::millis_now();for(int y=0;y<256;++y)for(int x=0;x<320;++x)image[y*320+x]=static_cast<uint16_t>(((x/11)&31)<<11|((y/4)&63)<<5|((x+y)/19&31));return true;}
+void stop(){active=false;}
+bool is_active(){return active;}
+Status get_status(){Status s;if(!active)return s;s.progress=std::min(1.0f,(sys::millis_now()-began)/12000.f);s.line=static_cast<uint16_t>(s.progress*256);s.audio_level=.45f;s.has_image=true;s.state=s.progress>=1?State::Complete:State::Receiving;return s;}
+const char* last_error(){return "";}
+const char* last_saved_path(){return "";}
+const char* mode_name(){return "Sample RX";}
+const uint16_t* framebuffer(){return image;}
+uint16_t frame_width(){return 320;}
+uint16_t frame_height(){return 256;}
+}
diff --git a/tools/web_simulator/preview_status.cpp b/tools/web_simulator/preview_status.cpp
new file mode 100644
index 00000000..317293ed
--- /dev/null
+++ b/tools/web_simulator/preview_status.cpp
@@ -0,0 +1,20 @@
+#include "platform/ui/device_runtime.h"
+#include "platform/ui/time_runtime.h"
+#include "platform/ui/tracker_runtime.h"
+#include "platform/ui/wifi_runtime.h"
+#include "platform/ui/lora_runtime.h"
+#include <ctime>
+namespace platform::ui::device {
+MemoryStats memory_stats(){return {512*1024,260*1024,8*1024*1024,6*1024*1024,true};}
+bool supports_screen_brightness(){return true;}
+bool supports_keyboard_backlight(){return true;}
+static uint8_t brightness=200,keys=0;
+uint8_t screen_brightness(){return brightness;}
+uint8_t screen_brightness_max(){return 255;}
+void set_screen_brightness(uint8_t value){brightness=value;}
+uint8_t keyboard_backlight(){return keys;}
+uint8_t keyboard_backlight_max(){return 255;}
+void set_keyboard_backlight(uint8_t value){keys=value;}
+}
+namespace platform::ui::lora {bool is_supported(){return true;}}
+namespace platform::ui::gps {bool is_enabled(){return true;} bool is_powered(){return true;}}
diff --git a/tools/web_simulator/write_manifest.py b/tools/web_simulator/write_manifest.py
new file mode 100644
index 00000000..8f099ba7
--- /dev/null
+++ b/tools/web_simulator/write_manifest.py
@@ -0,0 +1,22 @@
+"""Version the complete native asset set so cached JS/WASM/data never mix builds."""
+from pathlib import Path
+import hashlib
+import json
+import subprocess
+import sys
+
+assets = Path(sys.argv[1]).resolve()
+repository = Path(__file__).resolve().parents[2]
+manifest = {"lvgl": "9.4.0", "devices": {}}
+for device in ("pager", "tdeck", "wio-tracker-l2"):
+    digest = hashlib.sha256()
+    for suffix in ("js", "wasm", "data"):
+        digest.update((assets / f"{device}.{suffix}").read_bytes())
+    manifest["devices"][device] = {"version": digest.hexdigest()[:20]}
+manifest["guide"] = hashlib.sha256((repository / "site/explorer-data.js").read_bytes()).hexdigest()[:20]
+manifest["sourceCommit"] = subprocess.check_output(["git", "rev-parse", "--short", "HEAD"], cwd=repository, text=True).strip()
+output = json.dumps(manifest, indent=2) + "\n"
+target = assets / "manifest.json"
+if not target.exists() or target.read_text(encoding="utf-8") != output:
+    target.write_text(output, encoding="utf-8")
+print("Native manifest: Pager + T-Deck, JS/WASM/data versioned together")