diff --git a/.git-blame-ignore-revs b/.git-blame-ignore-revs
index a5e454bf..f89d5146 100644
--- a/.git-blame-ignore-revs
+++ b/.git-blame-ignore-revs
@@ -32,6 +32,8 @@ cf39d8dedd98848ab3078a6a3abebd1e3a7eaaec
 ffc9425c81cabdda2233c29032d0fe5bba0ac4eb
 f0f8b63f87893b291e2c7a1f66b19d3d5fa7e06e
 
+# Auto-format 2026-02-18
+1fb5ab33d5b9d94da098f3858e7784d4f9158b0f
 # Auto-format 2026-02-16
 eedc252286e272734f95b3ba49f87bfac9c0ae1a
 
@@ -52,3 +54,9 @@ fbda6ec72a7aca61f1b28496935a3cd1f8866b6d
 
 # Auto-format 2026-07-06
 72143d617dedda52e16963cbace35da35d457413
+
+# Auto-format 2026-10-04
+00a8662195ac491c1b0943f6c214f1f41fb11013
+
+# Auto-format 2026-10-30
+17416583673e6321d912eff090ed8d69f56528b1
diff --git a/.github/workflows/check.yml b/.github/workflows/check.yml
new file mode 100644
index 00000000..3c026b6e
--- /dev/null
+++ b/.github/workflows/check.yml
@@ -0,0 +1,32 @@
+name: Check
+
+permissions:
+  contents: read
+
+on:
+  pull_request:
+    branches:
+      - main
+      - development
+
+concurrency:
+  group: check-${{ github.event.pull_request.number }}
+  cancel-in-progress: true
+
+jobs:
+  typecheck:
+    name: Typecheck
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+
+      - uses: pnpm/action-setup@v6
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version-file: '.nvmrc'
+          cache: pnpm
+
+      - run: pnpm install --frozen-lockfile
+
+      - run: pnpm typecheck
diff --git a/.nvmrc b/.nvmrc
index f3c88209..474d750b 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-v24.15.0
+v24.22.1
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 32a47874..59e8c6f6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,13 +7,182 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [2.5.0-beta.0] - 2026-11-06
+
+### Added
+
+- Settings rework! Everything is now in a single menu, and you can set chat settings globally. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/725af0eb9acca4e48c4934c8bae64d2f7d7e972b)
+- Added a high-contrast mode setting. It's under "Accessibility" in the new settings menu. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/d464c6c44d410f2ac6c30aff844b5ec04c3f62e5)
+- New colorblind settings for different types of color blindness. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/b95ae133dc1ffa3856edb921ee629c66acff13f9)
+  - These are also found in the accessibility tab now.
+- Split the "Log messages" setting between one for PMs, and one for channel messages. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/9ba9e46468f5d987a123b9fa35e86a0e061e4ddb)
+  - If you have previously disabled the log messages setting, you'll _also_ need to disable this new one. It's enabled by default.
+
+### Changed
+
+- New app icons: Featuring a new version of the Windows/ Linux icon, the MacOS one, and the .dmg archive. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/359493d8ee924ce929b5b911bf1d45573bebd895)
+- MacOS versions of Horizon now use unstyled, floating scrollbars instead of static, custom ones. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/3493ef0ecc9db29d41e37ef58768b912aa318b7c)
+
+### Fixed
+
+- Switching back and forth between the console tab and a channel now keeps the members list as the active user list tab again. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/8031f4c015b4e27f9bdd2245658236ba87dbc0a5)
+- Fixed issues where having specific combinations for logging messages disabled per-character (but enabled for a conversation) would not save your own messages. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/dd2478288372f026df7db4139057d994c3d40ad3)
+
+### Development
+
+- Added a new member to `core` for platform-related functionality, to help decouple some Electron-specific code from the chat module. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/8090bccd8f4fd0f91ccdb900d990cd73ae829505)
+- Spellcheck language settings are now decoupled from Electron, and are automatically hidden from the UI if the platform does not expose any available languages.. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/16834353e94bad55405850bb11669ce1dfc4d004)
+- Tab components now support a vertical mode, and allow you to prefix a title with icons. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/d2a309af74c90e07881479e2eda33327c2a59f89)
+
+### Merged Pull Requests
+
+- https://github.com/Fchat-Horizon/Horizon/pull/640 by @FatCatClient
+- https://github.com/Fchat-Horizon/Horizon/pull/956 by @FatCatClient
+- https://github.com/Fchat-Horizon/Horizon/pull/964 by @FatCatClient
+- https://github.com/Fchat-Horizon/Horizon/pull/1001 by @FatCatClient
+- https://github.com/Fchat-Horizon/Horizon/pull/1021 by @FatCatClient
+- https://github.com/Fchat-Horizon/Horizon/pull/1021 by @FatCatClient
+- https://github.com/Fchat-Horizon/Horizon/pull/1027 by @freenutsxd
+
+## [2.4.5] - 2026-10-28
+
+### Fixed
+
+- Clicking 'Hide ads' now retroactively hides that user's ads, instead of only hiding future ads sent by them. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/977f6b748a045b87425b1d0119b188c5f3df53c1)
+- Fixed the log viewer not showing new conversations (or new dates for existing conversations) until you reconnect. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/2c682d12c76211b168dc0f451eab8f8e1cb9b14d)
+- The Eicon picker dialog no longer shrinks to a very narrow size if a search result doesn't have a lot of entries. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/c1c8eb2c8e6e0f26d539e8f16b8bff4fe85b58fa)
+
+### Development
+
+- Upgraded Electron to 43.8.4 (was 43.8.1) to resolve some potential security issues with NodeJS. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/115fe705028fe7fbd60ea9bdde7059b261e605e3)
+- Upgraded the project build tools version of NodeJS to 24.22.1. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/b1df0acf565f15a02094a9c55ad7fda276b98e2a)
+
+### Merged Pull Requests
+
+- https://github.com/Fchat-Horizon/Horizon/pull/953 by @freenutsxd
+- https://github.com/Fchat-Horizon/Horizon/pull/968 by @freenutsxd
+- https://github.com/Fchat-Horizon/Horizon/pull/1000 by @FatCatClient
+- https://github.com/Fchat-Horizon/Horizon/pull/1005 by @freenutsxd
+- https://github.com/Fchat-Horizon/Horizon/pull/1006 by @github-actions
+
+## [2.4.4] - 2026-10-26
+
+### Changed
+
+- Messing up a slash-command by prefixing whitespace now warns you before sending it. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/c15f8446ef570c977d9d8b501fecdd75405b1685)
+  - You can press Enter again to allow it through regardless.
+- Reworked the bbcode editor/ chatbox and Eicon selector dialog to work better in mobile-sized viewports. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/f37e73959ea03b7652d1f73aeed393ef7a52faff)
+- Replaced the quick switcher's button icon with something more appropriate. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/5093d25eb39359dbd93bfb816d4d31597c68adb3)
+
+### Fixed
+
+- Fixed an issue where native window controls fucked with the native window title bar setting, causing a window's content to never spawn. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/46d8c266ff6de432dbe4aeac89157a1de026063c)
+- `openUrlExternally` only allows known URL schemes. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/c5ebb2214287d8f8081771ff6c785b6e24c55023)
+- Fixed proportions for non-1:1 HQ profile pics in the profile viewer's match report. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/cd90acb8744a278109a9028504d28ce477f136be)
+
+### Development
+
+- Added a CI job for typechecking. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/345836edda9ed756ad81aba9817ad685dcf08336)
+
+### Merged Pull Requests
+
+- https://github.com/Fchat-Horizon/Horizon/pull/920 by @freenutsxd
+- https://github.com/Fchat-Horizon/Horizon/pull/936 by @freenutsxd
+
+Non PR'd changes by @CodingWithAnxiety and @FatCatClient
+
+## [2.4.3] - 2026-10-20
+
+### Fixed
+
+- 'Dullahan' profiles are properly categorized as fae now, instead of being considered equine. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/b8644abf89e9e72868e08c054a701b1c9cb9f0ec)
+
+### Development
+
+- Upgraded to Electron 43.8.1 to solve an upstream security issue in Chromium. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/58287f7410b422da3e5a2809fe1158d5ea255e40)
+  - Read more [here](https://emudhra.we-have-a-problem.com/).
+
+## [2.4.2] - 2026-10-18
+
+### Added
+
+- Windows and Linux versions of Horizon now come with a proper, standalone portable release that does not require installation and keeps its data in a nearby folder. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/83618090439212d164ff695a18e8e70f51eb65b2)
+
+### Changed
+
+- Redesigned the status history menu to fix some jank and inconsistencies: [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/3ff0e70ba6983227c7d0e26cdb87694cddf7062f)
+  - Statuses that are pinned are no longer also shown in the history list
+  - Pinning a status no longer selects it as well, bc that's kinda dumb. Also, tooltips were added for those toggles
+  - You can't click "Select" with nothing selected anymore
+  - It just looks prettier :)
+- The window control buttons on Windows and Linux now use your system's native look and features. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/4dcab575a42ed3faa2108b272548d8efae37bbe4)
+- Clicking the 'Check for updates' option in the app menu now tells you if there is no new update, instead of leaving you sad and alone with no answer. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/0a8b9f82299e7f485d1801edad9dc09c91b3b825)
+- Some receiving/ giving kinks-- like Storytelling (Player)/ Storyteller (Narrator), now properly count their opposite versions as a match instead of trying to match two players together. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/25b84147b1be60ca14ff324ec4b29d376fd793ea)
+
+### Fixed
+
+- Fixed a regression where network-related disconnects would no longer attempt to automatically reconnect you. [[Commit]](https://github.com/Fchat-Horizon/Horizon/pull/985/changes/99f23494b24e88d45d6048423d3ed20b38190ac7)
+- Fixed the first conversation you open in a session (the console) not being considered part of the navigation history when using your mouse's forward and backward buttons. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/daa853efeca66888d378e7391fa52d97ca5467f4)
+- Fixed issues where opening a new tab right after deleting a character on the website would keep that character in your list. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/d27b234adb957c62f276013c91b1617bcbec176d)
+
+### Development
+
+- Upgraded to Electron 43 (`v43.7.6`) from `42.4.1`. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/fb0cf59b5bd2ea5ff4beeab930fbfefc016ae1b7)
+- MacOS CI builds now ship a .dmg instead of a double .zip file. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/c0bdde3a9f58edbac0d46281f425afcfa40a77e0)
+- Various kink and matcher values now use their enum values instead of equivalent magic number values. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/ec822e98c7b8fc11f0feb7bb6c6a8814c98bc2f0)
+
+### Merged Pull Requests
+
+- https://github.com/Fchat-Horizon/Horizon/pull/915 by @snowsune
+- https://github.com/Fchat-Horizon/Horizon/pull/922 by @freenutsxd
+- https://github.com/Fchat-Horizon/Horizon/pull/944 by @FatCatClient
+- https://github.com/Fchat-Horizon/Horizon/pull/949 by @snowsune
+- https://github.com/Fchat-Horizon/Horizon/pull/971 by @FatCatClient
+- https://github.com/Fchat-Horizon/Horizon/pull/977 by @FatCatClient
+- https://github.com/Fchat-Horizon/Horizon/pull/985 by @freenutsxd
+- https://github.com/Fchat-Horizon/Horizon/pull/989 by @CodingWithAnxiety
+
+## [2.4.1] - 2026-10-06
+
+### Changed
+
+- A whole bunch of performance improvements related to user lists, the profile cache, and smart filters. _This includes the problem(s) with 2.4.0 where switching channels would cause a noticeable delay before scrolling down._
+  - Fixed issues where the filter icon (for Smart Filters) would cause UserView components to render slowly, even if you didn't have smart filters enabled at all. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/b6a967c8bd7ad7fae2a6738dc930c3260f80974f)
+  - Channel members and the 'All friends/ bookmark' tabs are now virtualized. [[Channels]](https://github.com/Fchat-Horizon/Horizon/commit/4412e32785c6a9e1294de728c95126e19a41ae75) [[Friends]](https://github.com/Fchat-Horizon/Horizon/commit/b7db4ba9bd629f4ce84782c143432f0295c2480f)
+    - This should solve noticable hitches when opening the members list of large channels.
+  - Switching between channels now purges a character from the profile fetch queue, if it's no longer needed. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/595a2f5b89126a14095b19a473bee44bc7b9f8b9)
+  - Overall, things like switching between channels and tabs in the right sidebar should feel a lot snappier-- Even snappier than before!
+- Various emoji and other phrases are now used to check if certain age-related preferences or smart filter options are triggered. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/255f92408e7266448ae5c5adaeba395105be44f8)
+- Added some tips to the Solstice sync tool, with common network issues that might provide problems. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/4e35b838f3026032ec12c855d69c726e47a74737)
+- Updated localization files. [[Spanish]](https://github.com/Fchat-Horizon/Horizon/commit/e42f989b2a9d392e96f656671bd83bf43a6b28ec) [[French]](https://github.com/Fchat-Horizon/Horizon/commit/a8b89c59751ccee470435fdf1f1a7eb752d888e6) [[Italian]](https://github.com/Fchat-Horizon/Horizon/commit/67616e20024a66388f7001e22045beff84783f14) [[Hungarian]](https://github.com/Fchat-Horizon/Horizon/commit/7240f24b85611578b0508f47422e6400cc5444d3)
+
+### Fixed
+
+- The F-List API ticket is now shared between your Horizon tabs, instead of each tab having its own. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/e99fb640d0ef379839cd66a7d8c367cd215aa2b0)
+  - This should solve almost every case where you'd get an "Invalid ticket" error when connecting in a second or third tab. Except for when you're also connected on a different device. That's an issue with F-List that we cannot do anything about.
+- Disconnecting no longer keeps channels you have left stuck in your navigation history. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/540a9872c52e76894d036be396f60c9b16ce846b)
+  - This should solve issues where rapidly disconnecting after a reconnect would keep "ghost" channels in your history when using the mouse forward/ backward buttons to navigate.
+- Selecting different languages for the spell checker no longer requires a full restart. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/1d3c1d441aae397199d813cfec203dbaf59181f5)
+
+### Development
+
+- Renamed instances of `hasNew` (the unread message counters for conversations and tabs) to `newCount`. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/00012d0e4fcc5200b786b85d5eb1afcea26bafa1)
+
+### Merged Pull Requests
+
+- https://github.com/Fchat-Horizon/Horizon/pull/921 by @freenutsxd
+- https://github.com/Fchat-Horizon/Horizon/pull/924 by @freenutsxd
+- https://github.com/Fchat-Horizon/Horizon/pull/967 by @FatCatClient
+- https://github.com/Fchat-Horizon/Horizon/pull/979 by @freenutsxd
+
 ## [2.4.0] - 2026-10-02
 
 ### Added
 
-- Log syncing with Solstice! Simply go to the app menu, and click "Manage Data" to find the "Sync with Solstice" option. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/c16f331d47cad189f891f1b1eabbb6347d4856a8)
+- Log syncing with Solstice! Simply go to the app menu, and click "Manage Data" to find the "Device sync" option. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/c16f331d47cad189f891f1b1eabbb6347d4856a8)
   - You'll need Solstice version 2026.9.0 or later to access its log sync function.
 - Added a toggle to open every clicked link in Incognito Mode. It's under 'Advanced' in the app settings menu. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/76c0a2b5e622abddec2fc3ef58cbf3a67b485ccd)
+  - This feature is unavailable on macOS releases of Horizon, because Safari does not support opening links in Private Mode through CLI arguments.
 
 ### Changed
 
@@ -22,9 +191,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Counted things ("5 messages", "1 channel") now use the correct plural forms for your display language, including languages with more than two plural forms like Russian. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/591a635260cbdb89b270de002bcdc8d018aaaec1)
 - The green "Update ready" button now stops nagging you after 5 animation cycles. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/431f05447ec8bd4fb9034807a899934680c9bbfd)
 - MacOS versions no longer use a tray icon and its functionality is now inside the dock icon's context menu. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/9ac4d7dd5b025209105ea451304c6fa515dbd5c2)
-- Changing your log directory now restarts the app instead of shutting it down. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/3180593704853b47b9faaa0834a484bacb3c0145)
+- Changing your log directory now prompts you to restart the app instead of shutting it down. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/3180593704853b47b9faaa0834a484bacb3c0145)
 - Places with character select dropdowns (like on the profile viewer and friends dialog) now show the selected character's avatar. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/2f1c47fe2a692835b7df6d36122de482c57804e0)
-- Lamia and naga are not marked as the same species in the hover preview. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/6ed5a54d0c5bc3bc7c131c855bafc3795241aa91)
+- Lamia and naga are no longer marked as the same species in the hover preview. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/6ed5a54d0c5bc3bc7c131c855bafc3795241aa91)
 
 ### Fixed
 
@@ -38,14 +207,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Fixed various buttons not using proper 4.7:1 contrast ratios for their text. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/5291c3fb5da76bb24fda2eb737ce6900870f7ec3)
 - Guestbooks with more than 15 posts now show an accurate number. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/13d97021e5f914a376119e006913da1e8376a268)
 - Toggling the HQ Profile Pics setting now works without needing to restart. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/29d9ab752442ba250319651a9ed2378cb2defc59)
-- Having 'Standardize profile fonts' no longer fucks up BBCode parsing if a profile uses characters that are parsed into `[` or `]`. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/a8776a12d983904476f6e1cc4ad2447b1ae67438)
+- Having 'Standardize profile fonts' no longer fucks up BBCode parsing if a profile uses characters that are parsed into `[` or `]`, like Japanese quotation marks. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/a8776a12d983904476f6e1cc4ad2447b1ae67438)
   - This also makes it so that emoji are now properly visible (even if they aren't technically ASCII characters).
 - Scrolling upwards in the log viewer while searching now loads older messages better, without you needing to scroll upward more than once. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/425dfa03350cf33606bbf03b364d24cc609b522f)
 - The tab line no longer slightly overlaps with the window content if you resize the window and then switch tabs. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/ba681aa34d10bd0dfcb38a2321817f6897457b49)
 - Large backup .zip exports now stream to disk, to fix memory overconsumption during the export process. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/5a807cb2fff283e603e9dd6c7d85f80c56663369)
-- Sending a friend request from the profile viewer no longer incorrectly shows you as that person's friend, instead of showing your request as "Pending". [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/ae009dc8155ddb5346be4cfcc6a26bdc7788b53f)
+- Sending a friend request from the profile viewer no longer incorrectly shows you as friends already, even if the request is still pending. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/ae009dc8155ddb5346be4cfcc6a26bdc7788b53f)
 - The mobile quick switcher on top now respects channel group orders. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/23c4beb648f692758d4207bca05ee52c41c91b75)
-- Names in the "All Friends" tab to the right are no longer all green if you have "Color friends/ bookmarks in a different color" enabled. Obviously, those are your friends and bookmarks. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/b3036a275e5629c2418b9e305e56226bafd45153)
+- Names in the "All Friends" tab to the right are no longer all green if you have "Color friends/ bookmarks in a different color" enabled. Obviously those are your friends and bookmarks. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/b3036a275e5629c2418b9e305e56226bafd45153)
 - Fixed screen reader and tooltip labels for the public and private channels always claiming a channel is official. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/93b48b418d55d2abb2841fe51da9cc24ecdb53ef)
 - Did **not** fix using `/roll` commands with `NaN` values :^) [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/48a809125f130f0240bf0086a9412b673dc76f09)
 
@@ -65,8 +234,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - The dev-only "Test Language" is now a readable pseudo-locale: accented characters and length padding make untranslated strings and too-tight layouts easy to spot. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/15e2e530c0ff0b89fd98e414a20da56a14122079)
 - Locale codes are now valid BCP47 (`en-US`, `en-x-uwu`, `en-x-pseudo`); previously saved display language settings are migrated automatically. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/a3c2d2ec54d379aa6a262e8654d9123a3f133113)
 - Removed locale keys that were no longer referenced anywhere. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/9033b8422904ae53e387fd82583558eb6f642d8f)
-- The Nix flake now automatically fixes its dependency hash based on PNPM updates. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/50d7ed33e569f47af72a4b1f4b5030d68d3033d9)
-- Fixed issues with Dev tools not opening properly for the window and image preview web instance. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/455733015f730bee0989073885847435a9cf2a9e)
+- The Nix flake now automatically fixes its dependency hash based on pnpm updates. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/50d7ed33e569f47af72a4b1f4b5030d68d3033d9)
+- Fixed issues with Dev tools not opening properly for the main window and image preview web instances. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/455733015f730bee0989073885847435a9cf2a9e)
 - Switched to using an API key for CI/CD Mac notarization. [[Commit]](https://github.com/Fchat-Horizon/Horizon/commit/13fcd7d515638462418b854b5a466ba8cc2991c4)
 
 ### Documentation
@@ -1653,7 +1822,16 @@ Non PR'd changes by @CodingWithAnxiety and @FatCatClient
 - IOS build removed [[Commit](https://github.com/Fchat-Horizon/Horizon/commit/41261d1ba7043eb7dfd5a1a6331dc604ff338814)]
 - Webchat removed [[Commit](https://github.com/Fchat-Horizon/Horizon/commit/b894a180b9be31f68d1458aaa3c59f9c4470da89)]
 
-[Unreleased]: https://github.com/Fchat-Horizon/Horizon/compare/v2.4.0...development
+[Unreleased]: https://github.com/Fchat-Horizon/Horizon/compare/v2.5.0-beta.0...development
+[2.5.0-beta.0]: https://github.com/Fchat-Horizon/Horizon/compare/v2.4.5...v2.5.0-beta.0
+[2.4.5]: https://github.com/Fchat-Horizon/Horizon/compare/v2.4.4...v2.4.5
+[2.4.4]: https://github.com/Fchat-Horizon/Horizon/compare/v2.4.3...v2.4.4
+[2.4.3]: https://github.com/Fchat-Horizon/Horizon/compare/v2.4.2...v2.4.3
+[2.4.2]: https://github.com/Fchat-Horizon/Horizon/compare/v2.4.2-beta.2...v2.4.2
+[2.4.2-beta.2]: https://github.com/Fchat-Horizon/Horizon/compare/v2.4.2-beta.1...v2.4.2-beta.2
+[2.4.2-beta.1]: https://github.com/Fchat-Horizon/Horizon/compare/v2.4.2-beta.0...v2.4.2-beta.1
+[2.4.2-beta.0]: https://github.com/Fchat-Horizon/Horizon/compare/v2.4.1...v2.4.2-beta.0
+[2.4.1]: https://github.com/Fchat-Horizon/Horizon/compare/v2.4.0...v2.4.1
 [2.4.0]: https://github.com/Fchat-Horizon/Horizon/compare/v2.4.0-beta.3...v2.4.0
 [2.4.0-beta.3]: https://github.com/Fchat-Horizon/Horizon/compare/v2.4.0-beta.2...v2.4.0-beta.3
 [2.4.0-beta.2]: https://github.com/Fchat-Horizon/Horizon/compare/v2.4.0-beta.1...v2.4.0-beta.2
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 0dc999c7..ee0ef5dd 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -38,6 +38,8 @@ Solstice is written primarily in _Vue_, _Typescript_, and _Javascript_, wrapped
 
 For Android builds you'll additionally need **JDK 17+** and the **Android SDK** (API 35 platform). [Android Studio](https://developer.android.com/studio) is the easiest way to get the SDK.
 
+You should use Node.js **v24.22.1** (see [.nvmrc](./.nvmrc)).
+
 ### Setting up your development enviroment
 
 In short, you can run the following commands:
diff --git a/assets/fonts/HorizonIcons.woff2 b/assets/fonts/HorizonIcons.woff2
new file mode 100644
index 00000000..1e947636
Binary files /dev/null and b/assets/fonts/HorizonIcons.woff2 differ
diff --git a/bbcode/EIconSelector.vue b/bbcode/EIconSelector.vue
index 27332005..fdf66c7e 100644
--- a/bbcode/EIconSelector.vue
+++ b/bbcode/EIconSelector.vue
@@ -20,72 +20,56 @@
         ></div>
       </div>
       <div v-else>
-        <div>
-          <div class="search-bar">
-            <input
-              type="text"
-              class="form-control search"
-              id="search"
-              v-model="search"
-              ref="search"
-              :placeholder="l('eicon.searchPlaceholder')"
-              autocomplete="off"
-              autocapitalize="off"
-              autocorrect="off"
-              spellcheck="false"
-              @input="searchUpdateDebounce()"
+        <div class="search-bar">
+          <input
+            type="text"
+            class="form-control search"
+            id="search"
+            v-model="search"
+            ref="search"
+            :placeholder="l('eicon.searchPlaceholder')"
+            autocomplete="off"
+            autocapitalize="off"
+            autocorrect="off"
+            spellcheck="false"
+            @input="searchUpdateDebounce()"
+            tabindex="0"
+            @click.prevent.stop="setFocus()"
+            @mousedown.prevent.stop
+            @mouseup.prevent.stop
+          />
+          <div class="btn-group search-buttons">
+            <div
+              class="btn btn-light favorites"
+              @click.prevent.stop="searchWithString('category:favorites')"
+              :class="{ active: search === 'category:favorites' }"
+              :title="l('eicon.category.favorites')"
+              role="button"
               tabindex="0"
-              @click.prevent.stop="setFocus()"
-              @mousedown.prevent.stop
-              @mouseup.prevent.stop
-            />
-            <div class="btn-group search-buttons">
-              <div
-                class="btn btn-light favorites"
-                @click.prevent.stop="searchWithString('category:favorites')"
-                :class="{ active: search === 'category:favorites' }"
-                :title="l('eicon.category.favorites')"
-                role="button"
-                tabindex="0"
-              >
-                <i class="fas fa-thumbtack"></i>
-              </div>
-
-              <div
-                class="btn btn-light recent"
-                @click.prevent.stop="searchWithString('category:recent')"
-                :class="{ active: search === 'category:recent' }"
-                :title="l('eicon.category.recent')"
-                role="button"
-                tabindex="0"
-              >
-                <i class="fas fa-history"></i>
-              </div>
-
-              <div
-                class="btn btn-light refresh"
-                @click.prevent.stop="refreshIcons()"
-                :title="l('eicon.refresh')"
-                role="button"
-                tabindex="0"
-              >
-                <i class="fas fa-sync"></i>
-              </div>
+            >
+              <i class="fas fa-thumbtack"></i>
             </div>
-          </div>
 
-          <div class="courtesy">
-            <localized-text k="eicon.credit">
-              <template #xariah>
-                <a href="https://xariah.net/eicons">xariah.net</a>
-              </template>
-            </localized-text>
-          </div>
+            <div
+              class="btn btn-light recent"
+              @click.prevent.stop="searchWithString('category:recent')"
+              :class="{ active: search === 'category:recent' }"
+              :title="l('eicon.category.recent')"
+              role="button"
+              tabindex="0"
+            >
+              <i class="fas fa-history"></i>
+            </div>
 
-          <div class="upload">
-            <a href="https://www.f-list.net/icons.php">{{
-              l('eicon.upload')
-            }}</a>
+            <div
+              class="btn btn-light refresh"
+              @click.prevent.stop="refreshIcons()"
+              :title="l('eicon.refresh')"
+              role="button"
+              tabindex="0"
+            >
+              <i class="fas fa-sync"></i>
+            </div>
           </div>
         </div>
 
@@ -186,6 +170,22 @@
             </div>
           </div>
         </div>
+
+        <div class="eicon-footer">
+          <div class="upload">
+            <a href="https://www.f-list.net/icons.php">{{
+              l('eicon.upload')
+            }}</a>
+          </div>
+
+          <div class="courtesy">
+            <localized-text k="eicon.credit">
+              <template #xariah>
+                <a href="https://xariah.net/eicons">xariah.net</a>
+              </template>
+            </localized-text>
+          </div>
+        </div>
       </div>
     </div>
   </modal>
@@ -493,13 +493,32 @@
     line-height: 1;
     z-index: 1000;
 
-    &.big {
-      min-height: 530px;
+    .modal-body {
+      display: flex;
+      min-height: 0;
+
+      &,
+      &:hover {
+        overflow-y: hidden;
+      }
     }
 
     .eicon-selector-ui {
+      display: flex;
+      flex-direction: column;
+      flex: 1;
+      min-height: 0;
+
+      > div:not(.loading) {
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        min-height: 0;
+      }
+
       .search-bar {
         display: flex;
+        flex-shrink: 0;
 
         .search {
           flex: 1;
@@ -521,19 +540,17 @@
         }
       }
 
-      .courtesy {
-        position: absolute;
-        bottom: 7px;
+      .eicon-footer {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        flex-shrink: 0;
         font-size: 9px;
-        right: 1rem;
-        opacity: 50%;
-      }
+        padding-top: 6px;
 
-      .upload {
-        position: absolute;
-        bottom: 7px;
-        font-size: 9px;
-        left: 1rem;
+        .courtesy {
+          opacity: 50%;
+        }
       }
 
       .results {
@@ -630,24 +647,37 @@
     }
 
     &.big {
-      min-height: 530px;
       width: 590px;
       max-width: 590px;
 
       .eicon-selector-ui {
         .carousel.results {
-          max-height: unset;
-          height: 535px;
-          margin-bottom: 0.75rem;
+          // no fixed height so that it can shrink with the window.
+          // max-height keeps the usual size on a tall one.
+          flex: 0 1 535px;
+          min-height: 0;
+          max-height: 535px;
 
           .carousel-inner {
             overflow-x: hidden;
             overflow-y: scroll;
             height: 100%;
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(77px, 1fr));
+            // auto rows shrink to fit the height because of the global min-height: 0
+            grid-auto-rows: max-content;
+            align-content: start;
+
+            &::after {
+              display: none;
+            }
           }
 
           .carousel-item {
-            display: inline-block;
+            display: block;
+            width: auto;
+            margin: 0;
+            justify-self: center;
           }
         }
       }
diff --git a/bbcode/Editor.vue b/bbcode/Editor.vue
index 7736157b..6e450fdd 100644
--- a/bbcode/Editor.vue
+++ b/bbcode/Editor.vue
@@ -1,6 +1,11 @@
 <template>
   <div
     class="bbcode-editor"
+    :class="{
+      'formatting-open': showFormatting,
+      previewing: preview,
+      'has-toolbar': hasToolbar
+    }"
     style="display: flex; flex-wrap: wrap; justify-content: flex-end"
     @keydown="onKeyDownGlobal"
     tabindex="1"
@@ -33,7 +38,6 @@
       "
       @mousedown.stop.prevent
       v-if="hasToolbar"
-      style="flex: 1 51%"
     >
       <transition name="color-popover">
         <div
@@ -77,10 +81,29 @@
           <icon :character="characterName"></icon>
         </div>
 
+        <div
+          class="btn btn-light btn-sm aa-btn"
+          :class="{ active: showFormatting, 'preview-disabled': preview }"
+          :title="l('editor.formatting')"
+          role="button"
+          tabindex="0"
+          @mousedown.prevent
+          @click.prevent.stop="showFormatting = !showFormatting"
+        >
+          Aa
+          <i class="fas fa-angle-up aa-indicator" aria-hidden="true"></i>
+        </div>
+
         <div
           class="btn btn-light btn-sm"
           v-for="button in buttons"
-          :class="button.outerClass"
+          :class="[
+            button.outerClass,
+            {
+              'format-btn': isFormatButton(button),
+              'preview-disabled': preview
+            }
+          ]"
           :title="l(button.titleKey, { modifier: shortcutModifierKey })"
           @click.prevent.stop="apply(button)"
         >
@@ -104,6 +127,9 @@
         >
           <i class="fa" :class="preview ? 'fa-eye' : 'far fa-eye'"></i>
         </div>
+
+        <!--Flex line break for the mobile chat layout. see _bbcode_editor.scss-->
+        <div class="toolbar-row-break" aria-hidden="true"></div>
       </div>
       <button
         type="button"
@@ -113,16 +139,18 @@
         @click="showToolbar = false"
       ></button>
     </div>
-    <div
+    <a
       @click="previewBBCode"
-      v-if="preview && !hasToolbar"
-      class="btn btn-light btn-sm bbcode-editor-preview active"
+      v-if="preview"
+      tabindex="0"
+      role="button"
+      class="btn btn-light btn-sm bbcode-editor-preview preview-exit"
       :title="
         l('editor.closePreview', { modifier: `${shortcutModifierKey}+Shift+P` })
       "
     >
       <i class="fa fa-eye-slash"></i>
-    </div>
+    </a>
     <div
       class="bbcode-editor-text-area bg-light"
       style="order: 100; width: 100%"
@@ -218,6 +246,7 @@
         maxHeight: 0 as number,
         minHeight: 0 as number,
         showToolbar: false,
+        showFormatting: false,
         shortcutModifierKey: process.platform == 'darwin' ? '⌘' : 'Ctrl',
         parser: undefined as any as BBCodeParser,
         defaultButtons: defaultButtons,
@@ -353,6 +382,21 @@
 
         return btn;
       },
+      // styling and the markup wrappers go behind the Aa toggle, other buttons remain showing
+      isFormatButton(button: EditorButton): boolean {
+        return [
+          'b',
+          'i',
+          'u',
+          's',
+          'color',
+          'sup',
+          'sub',
+          'spoiler',
+          'noparse'
+        ].includes(button.tag);
+      },
+
       getSelection(): EditorSelection {
         const length = this.element.selectionEnd - this.element.selectionStart;
         return {
@@ -438,6 +482,8 @@
         this.applyButtonEffect(button, btnColor);
 
         this.colorPopupVisible = false;
+        // wait until the color is picked before closing the formatting row in mobile view
+        this.showFormatting = false;
       },
 
       dismissEIconSelector(): void {
@@ -476,6 +522,7 @@
         }
 
         this.applyButtonEffect(button);
+        if (this.isFormatButton(button)) this.showFormatting = false;
       },
 
       applyButtonEffect(
@@ -711,6 +758,8 @@
             targetElement.removeChild(targetElement.firstChild);
         } else {
           this.preview = true;
+          this.showToolbar = false;
+          this.colorPopupVisible = false;
           this.parser.storeWarnings = true;
           targetElement.appendChild(this.parser.parseEverything(this.text));
           this.previewWarnings = this.parser.warnings;
@@ -760,6 +809,7 @@
 
   .bbcode-editor {
     resize: none;
+    position: relative;
     &:focus {
       outline: none;
       .bbcode-editor-text-area {
diff --git a/chat/ChannelList.vue b/chat/ChannelList.vue
index 0f6e3c96..c700049c 100644
--- a/chat/ChannelList.vue
+++ b/chat/ChannelList.vue
@@ -10,7 +10,10 @@
     <div style="display: flex; flex-direction: column">
       <tabs
         style="flex-shrink: 0"
-        :tabs="[l('channelList.public'), l('channelList.private')]"
+        :tabs="[
+          { id: '0', label: l('channelList.public') },
+          { id: '1', label: l('channelList.private') }
+        ]"
         :fullWidth="true"
         v-model="tab"
         @input="focusChannelFilter()"
diff --git a/chat/Chat.vue b/chat/Chat.vue
index 1f185d60..9cd67fba 100644
--- a/chat/Chat.vue
+++ b/chat/Chat.vue
@@ -204,6 +204,26 @@
       <div class="alert alert-danger" v-show="error">{{ error }}</div>
       {{ l('chat.disconnected') }}
     </modal>
+    <!--
+    TODO: Make both buttons work.
+    -->
+    <modal
+      :action="l('settings.migration.title')"
+      :buttonText="
+        l('settings.migration.useCurrent', {
+          characterName: selectedCharacter?.name || ''
+        })
+      "
+      ref="settingsMigration"
+      @submit="migrateSettings(true)"
+      :keepOpen="true"
+      :showCancel="true"
+      :cancelText="l('settings.migration.startFresh')"
+      :iconClass="'fas fa-exclamation-triangle'"
+      @cancel="migrateSettings(false)"
+    >
+      <p>{{ l('settings.migration.prompt', { title: l('title') }) }}</p>
+    </modal>
     <logs ref="logsDialog"></logs>
     <div
       v-if="version && !connected"
@@ -226,6 +246,7 @@
   import { errorToString, characterImage } from './common';
   import core from './core';
   import l from './localize';
+  import LocalizedText from '../components/localized_text';
   import Logs from './Logs.vue';
   import Tips from './Tips.vue';
   import { init as profileApiInit } from './profile_api';
@@ -303,7 +324,13 @@
   }
 
   export default Vue.extend({
-    components: { chat: ChatView, modal: Modal, logs: Logs, tips: Tips },
+    components: {
+      chat: ChatView,
+      modal: Modal,
+      logs: Logs,
+      tips: Tips,
+      LocalizedText
+    },
     props: {
       ownCharacters: { type: Array as () => SimpleCharacter[], required: true },
       defaultCharacter: { type: Number, required: true },
@@ -492,14 +519,21 @@
           character: core.connection.character
         });
 
+        // Check if settings migration is needed
+        if (core.state.needsSettingsMigration) {
+          (this.$refs['settingsMigration'] as InstanceType<typeof Modal>).show(
+            true
+          );
+        }
+
         // tslint:disable-next-line:no-floating-promises
         core.siteSession.onConnectionEstablished();
       });
       core.watch(
-        () => core.conversations.hasNew,
-        hasNew => {
+        () => core.conversations.newCount,
+        newCount => {
           document.title =
-            (hasNew ? '💬 ' : '') +
+            (newCount ? '💬 ' : '') +
             l(core.connection.isOpen ? 'title.connected' : 'title', {
               character: core.connection.character
             });
@@ -533,6 +567,10 @@
         this.selectedCharacter = character;
       },
 
+      async migrateSettings(useCurrentAsGlobal: boolean): Promise<void> {
+        await core.migrateToGlobalSettings(useCurrentAsGlobal);
+        (this.$refs['settingsMigration'] as InstanceType<typeof Modal>).hide();
+      },
       handleCharacterDoubleClick(character: SimpleCharacter): void {
         this.selectCharacter(character);
         //better safe than sorry :^)
diff --git a/chat/ChatView.vue b/chat/ChatView.vue
index 42eb3cf0..944832c3 100644
--- a/chat/ChatView.vue
+++ b/chat/ChatView.vue
@@ -78,7 +78,7 @@
               role="button"
               class="userInfo-button-item btn btn-outline-secondary"
               :title="l('settings.character')"
-              @click.prevent="showSettings()"
+              @click.prevent="openCharacterSettings()"
             >
               <i class="fa-solid fa-user-gear fa-fw"></i>
             </button>
@@ -142,7 +142,7 @@
             @click.prevent="showQuickJump()"
             :title="l('quickJump.action')"
             class="btn btn-link"
-            ><span class="fas fa-fw fa-shuffle"></span
+            ><span class="fas fa-fw fa-up-down"></span
           ></a>
         </div>
         <div class="list-group conversation-nav" ref="privateConversations">
@@ -401,7 +401,6 @@
     <character-search ref="searchDialog"></character-search>
     <adLauncher ref="adLauncher"></adLauncher>
     <adCenter ref="adCenter"></adCenter>
-    <settings ref="settingsDialog"></settings>
     <report-dialog ref="reportDialog"></report-dialog>
     <user-menu
       ref="userMenu"
@@ -453,7 +452,6 @@
   import PmPartnerAdder from './PmPartnerAdder.vue';
   import RecentConversations from './RecentConversations.vue';
   import ReportDialog from './ReportDialog.vue';
-  import SettingsView from './SettingsView.vue';
   import Sidebar from './Sidebar.vue';
   import StatusSwitcher from './StatusSwitcher.vue';
   import { getStatusIcon } from './UserView.vue';
@@ -472,6 +470,7 @@
   import CustomDialog from '../components/custom_dialog';
   import Modal from '../components/Modal.vue';
   import QuickJump from './QuickJump.vue';
+  import { EventBus } from './preview/event-bus';
   import { group, log } from 'node:console';
 
   const unreadClasses = {
@@ -494,7 +493,6 @@
       channels: ChannelList,
       'status-switcher': StatusSwitcher,
       'character-search': CharacterSearch,
-      settings: SettingsView,
       conversation: ConversationView,
       'report-dialog': ReportDialog,
       sidebar: Sidebar,
@@ -755,6 +753,10 @@
       window.removeEventListener('mouseup', this.mouseButtonListener);
     },
     methods: {
+      openCharacterSettings(): void {
+        EventBus.$emit('open-settings-menu', { mode: 'character' });
+      },
+
       onMouseButton(e: MouseEvent): void {
         // Mouse button 3 = back, 4 = forward
         const navigated =
@@ -1006,10 +1008,6 @@
           core.connection.close();
       },
 
-      showSettings(): void {
-        (<SettingsView>this.$refs['settingsDialog']).show();
-      },
-
       showSearch(): void {
         (<CharacterSearch>this.$refs['searchDialog']).show();
       },
@@ -1313,9 +1311,6 @@
           : unreadClasses[conversation.unread];
       },
 
-      isColorblindModeActive(): boolean {
-        return core.state.settings.risingColorblindMode;
-      },
       getImagePreview(): ImagePreview | undefined {
         return this.$refs['imagePreview'] as ImagePreview;
       },
@@ -1340,6 +1335,10 @@
     user-select: none;
   }
 
+  .platform-darwin #conversations {
+    padding-right: 8px;
+  }
+
   .bbcode,
   .message,
   .profile-viewer {
diff --git a/chat/ConversationSettings.vue b/chat/ConversationSettings.vue
index 5596ab27..8e323d63 100644
--- a/chat/ConversationSettings.vue
+++ b/chat/ConversationSettings.vue
@@ -136,8 +136,8 @@
 
 <script lang="ts">
   import CustomDialog from '../components/custom_dialog';
-  import SettingsRadio from '../components/SettingsRadio.vue';
-  import SettingsCheckbox from '../components/SettingsCheckbox.vue';
+  import SettingsRadio from '../components/settings/SettingsRadio.vue';
+  import SettingsCheckbox from '../components/settings/SettingsCheckbox.vue';
   import Modal from '../components/Modal.vue';
   import { Conversation } from './interfaces';
   import l from './localize';
diff --git a/chat/ConversationView.vue b/chat/ConversationView.vue
index 536bf2d1..484181f4 100644
--- a/chat/ConversationView.vue
+++ b/chat/ConversationView.vue
@@ -356,7 +356,7 @@
       "
       :hasToolbar="settings.bbCodeBar"
       ref="textBox"
-      style="position: relative; margin-top: 5px"
+      style="margin-top: 5px"
       :maxlength="
         isChannel(conversation) || isPrivate(conversation)
           ? conversation.maxMessageLength
@@ -406,6 +406,7 @@
       </div>
       <div class="bbcode-editor-controls">
         <div
+          class="char-count"
           v-if="isChannel(conversation) || isPrivate(conversation)"
           style="margin-right: 5px"
         >
@@ -620,9 +621,21 @@
       messages(): ReadonlyArray<
         Conversation.Message | Conversation.SFCMessage
       > {
-        if (this.search === '') return this.conversation.messages;
+        let messages: ReadonlyArray<
+          Conversation.Message | Conversation.SFCMessage
+        > = this.conversation.messages;
+        if (
+          core.state.hiddenUsers.length > 0 &&
+          this.isChannel(this.conversation)
+        )
+          messages = messages.filter(
+            x =>
+              x.type !== Conversation.Message.Type.Ad ||
+              !core.isHidden(x.sender.name)
+          );
+        if (this.search === '') return messages;
         const filter = new RegExp(this.search.replace(/[^\w]/gi, '\\$&'), 'i');
-        return this.conversation.messages.filter(
+        return messages.filter(
           x =>
             filter.test(x.text) ||
             filter.test(_.get(x, 'sender.name', '') as string)
@@ -1184,7 +1197,7 @@
       }
     }
 
-    .btn-toolbar {
+    .btn-toolbar:not(.bbcode-toolbar) {
       .btn-group {
         margin-right: 0.3rem;
 
@@ -1410,6 +1423,7 @@
       text-shadow: none;
 
       &.perfect {
+        color: var(--scorePerfectMatchFg);
         background-color: var(--scorePerfectMatchBg);
         border: 1px solid var(--scorePerfectMatchFg);
         box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.5);
@@ -1421,21 +1435,25 @@
       }
 
       &.match {
+        color: var(--scoreMatchFg);
         background-color: var(--scoreMatchBg);
         border: solid 1px var(--scoreMatchFg);
       }
 
       &.weak-match {
+        color: var(--scoreWeakMatchFg);
         background-color: var(--scoreWeakMatchBg);
         border: 1px solid var(--scoreWeakMatchFg);
       }
 
       &.weak-mismatch {
+        color: var(--scoreWeakMismatchFg);
         background-color: var(--scoreWeakMismatchBg);
         border: 1px solid var(--scoreWeakMismatchFg);
       }
 
       &.mismatch {
+        color: var(--scoreMismatchFg);
         background-color: var(--scoreMismatchBg);
         border: 1px solid var(--scoreMismatchFg);
       }
diff --git a/chat/ManageChannel.vue b/chat/ManageChannel.vue
index 60a82d8d..e83a085a 100644
--- a/chat/ManageChannel.vue
+++ b/chat/ManageChannel.vue
@@ -39,7 +39,6 @@
         classes="form-control"
         id="description"
         v-model="description"
-        style="position: relative"
         :maxlength="50000"
       >
         <div class="bbcode-editor-controls">
diff --git a/chat/QuickJump.vue b/chat/QuickJump.vue
index d202abfd..7e00e69d 100644
--- a/chat/QuickJump.vue
+++ b/chat/QuickJump.vue
@@ -3,7 +3,7 @@
     <div class="quick-jump-overlay" @click="hide">
       <div class="quick-jump-container bg-light" @click.stop>
         <div class="quick-jump-header">
-          <span class="fas fa-shuffle"></span>
+          <span class="fas fa-up-down"></span>
           <span>{{ l('quickJump.title') }}</span>
         </div>
         <input
diff --git a/chat/RecentConversations.vue b/chat/RecentConversations.vue
index 6dd0ed8f..e30c44bb 100644
--- a/chat/RecentConversations.vue
+++ b/chat/RecentConversations.vue
@@ -8,7 +8,10 @@
     <tabs
       style="flex-shrink: 0; margin-bottom: 10px"
       v-model="selectedTab"
-      :tabs="[l('chat.pms'), l('chat.channels')]"
+      :tabs="[
+        { id: '0', label: l('chat.pms') },
+        { id: '1', label: l('chat.channels') }
+      ]"
     ></tabs>
     <div>
       <div v-show="selectedTab === '0'" class="recent-conversations">
diff --git a/chat/SettingsView.vue b/chat/SettingsView.vue
index 2c36e469..e708a12d 100644
--- a/chat/SettingsView.vue
+++ b/chat/SettingsView.vue
@@ -1,1153 +1,2444 @@
 <template>
   <modal
-    :action="l('settings.character')"
-    :buttonText="l('settings.action')"
+    ref="modal"
+    :action="l('settings.action')"
+    :buttonText="l('action.save')"
     @submit="submit"
     @open="load()"
     id="settings"
     dialogClass="modal-70"
     iconClass="fas fa-user-gear"
   >
-    <select
-      v-if="isMobilePlatform"
-      class="form-select"
-      style="flex-shrink: 0; margin-bottom: 10px"
-      :value="selectedTab"
-      @change="onTabSelect"
+    <div
+      class="d-flex h-100 overflow-hidden"
+      :class="{ 'flex-column': isMobile }"
     >
-      <option v-for="(tab, i) in settingsTabs" :key="i" :value="String(i)">
-        {{ tab }}
-      </option>
-    </select>
-    <tabs
-      v-else
-      style="flex-shrink: 0; margin-bottom: 10px"
-      v-model="selectedTab"
-      :fullWidth="true"
-      :tabs="settingsTabs"
-    ></tabs>
-    <div class="warning">
-      <h5>{{ l('warning.info') }}</h5>
-      <div>
-        {{ l('settings.charactersToGeneral') }}
-      </div>
-
-      <div>
-        {{ l('settings.charactersToGeneral.instructions') }}
-      </div>
-    </div>
-
-    <div v-show="selectedTab === '0'">
-      <h5>{{ l('settings.chat.bbcode') }}</h5>
-
-      <div class="mb-3 p-2">
-        <label class="control-label" for="disallowedTags">{{
-          l('settings.disallowedTags')
-        }}</label>
-        <input
-          id="disallowedTags"
-          class="form-control"
-          v-model="disallowedTags"
-        />
-      </div>
+      <!-- Phones have no room for the sidebar, so the same list becomes a native picker. -->
+      <select
+        v-if="isMobile"
+        class="form-select settings-tab-select"
+        style="flex-shrink: 0; margin-bottom: 10px"
+        :value="selectedTab"
+        @change="onMobileTabChange"
+      >
+        <template v-for="(group, i) in mobileTabGroups">
+          <optgroup v-if="group.label" :key="'g' + i" :label="group.label">
+            <option v-for="tab in group.tabs" :key="tab.id" :value="tab.id">
+              {{ tab.label }}
+            </option>
+          </optgroup>
+          <option
+            v-else
+            v-for="tab in group.tabs"
+            :key="tab.id"
+            :value="tab.id"
+          >
+            {{ tab.label }}
+          </option>
+        </template>
+      </select>
+      <tabs
+        v-else
+        style="flex-shrink: 0; margin-bottom: 10px"
+        v-model="selectedTab"
+        :tabs="settingsTabs"
+        tab-class="flex-column nav-pills"
+        class="overflow-y-scroll hidden-scrollbar"
+      ></tabs>
+      <div
+        class="settings-tab-content flex-grow-1 h-100 d-flex flex-column"
+        :class="{ 'ms-3': !isMobile }"
+        v-if="generalSettings"
+      >
+        <!-- flex-shrink-0: with the global `* { min-height: 0 }` (scss/_core.scss) this header would
+             otherwise shrink below its content to make room for the full-height scroll area below,
+             which then overlaps the mode tabs and the notice. -->
+        <div
+          class="mb-3 flex-shrink-0"
+          v-if="
+            selectedTab !== 'app.general' &&
+            selectedTab !== 'app.look' &&
+            selectedTab !== 'app.notifications' &&
+            selectedTab !== 'app.behavior' &&
+            selectedTab !== 'app.accessibility' &&
+            selectedTab !== 'app.advanced'
+          "
+        >
+          <tabs
+            style="flex-shrink: 0; margin-bottom: 10px"
+            v-model="settingsMode"
+            v-if="currentCharacter"
+            :fullWidth="true"
+            :tabs="[
+              { id: '0', label: l('settings.tab.global') },
+              {
+                id: '1',
+                label: l('settings.tab.character', {
+                  characterName: currentCharacter || ''
+                })
+              }
+            ]"
+          ></tabs>
+
+          <!--
+              Having an exception for the smartFilter tab isn't clean, 
+              but we also don't fill this menu dynamically yet so this will have to do for now.
+          -->
+          <template v-if="selectedTab !== 'profiles.smartFilters'">
+            <div class="warning" v-if="settingsMode === '0'">
+              <h5>{{ l('warning.info') }}</h5>
+              <div>
+                {{ l('settings.mode.global') }}
+              </div>
+            </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="animatedEicons">
-              {{ l('settings.animatedEicons') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="animatedEicons"
-            :name="'animatedEicons'"
-          ></settings-checkbox>
-        </div>
-      </div>
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="smoothMosaics">
-              {{ l('settings.smoothMosaics') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="smoothMosaics"
-            :name="'smoothMosaics'"
-          ></settings-checkbox>
+            <div class="warning" v-else>
+              <h5>{{ l('warning.info') }}</h5>
+              <div>
+                {{
+                  l('settings.mode.character', {
+                    characterName: currentCharacter || ''
+                  })
+                }}
+              </div>
+            </div>
+          </template>
         </div>
-      </div>
 
-      <h5>{{ l('settings.chat.textBox') }}</h5>
+        <div class="overflow-auto h-100">
+          <div
+            v-show="selectedTab === 'app.general'"
+            class="card-body settings-content"
+            style="height: 100%; width: 100%"
+          >
+            <h5>
+              {{ l('settings.tabs.general') }}
+            </h5>
+            <!-- Mobile has no auto-login. -->
+            <div class="mb-3" v-if="!isMobile">
+              <div class="d-flex p-2 justify-content-between align-items-start">
+                <div class="w-50">
+                  <label class="control-label" for="autoLogin">
+                    {{ l('login.auto') }}
+                  </label>
+                </div>
+                <settings-checkbox
+                  v-model="generalSettings.horizonAutoLogin"
+                  name="autoLogin"
+                ></settings-checkbox>
+              </div>
+            </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="bbCodeBar">
-              {{ l('settings.bbCodeBar') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="bbCodeBar"
-            :name="'bbCodeBar'"
-          ></settings-checkbox>
-        </div>
-      </div>
+            <div class="mb-3">
+              <div class="d-flex p-2 justify-content-between align-items-start">
+                <div class="w-50">
+                  <label class="control-label" for="showTips">
+                    {{ l('settings.showTips') }}
+                  </label>
+                </div>
+                <settings-checkbox
+                  v-model="generalSettings.horizonShowTips"
+                  name="showTips"
+                ></settings-checkbox>
+              </div>
+            </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="enterSend">
-              {{ l('settings.enterSend') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="enterSend"
-            :name="'enterSend'"
-          ></settings-checkbox>
-        </div>
-      </div>
+            <h5>
+              {{ l('settings.spellcheck.language') }}
+            </h5>
+
+            <div class="mb-3 p-2">
+              <label class="control-label" for="displayLanguage">
+                {{ l('settings.displayLanguage') }}
+                <select
+                  id="displayLanguage"
+                  class="form-select"
+                  style="flex: 1; margin-right: 10px"
+                  v-model="generalSettings.displayLanguage"
+                >
+                  <option
+                    v-for="lang in availableDisplayLanguages"
+                    :key="lang.code"
+                    :value="lang.code"
+                  >
+                    {{ lang.name }}
+                  </option>
+                </select>
+              </label>
+              <div class="form-text text-muted">
+                {{ l('settings.displayLanguage.note') }}
+              </div>
+            </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="horizonUseColorPicker">
-              {{ l('settings.horizonUseColorPicker') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="horizonUseColorPicker"
-            :name="'horizonUseColorPicker'"
-            :disabled="!bbCodeBar"
-          ></settings-checkbox>
-        </div>
-      </div>
+            <!--On MacOS, Electron uses the OS' native spell checker as of version 35.2.0 -->
+            <div class="mb-3 p-2" v-if="spellcheckLanguages.length > 0">
+              <label
+                class="control-label"
+                for="spellCheckLang"
+                style="width: 24ch"
+              >
+                {{ l('settings.spellcheck') }}
+                <filterable-select
+                  v-model="selectedLang"
+                  :options="sortedLangs"
+                  :filterFunc="filterLanguage"
+                  :placeholder="l('filter')"
+                  :multiple="true"
+                  :title="l('settings.spellcheck.language')"
+                >
+                  <template v-slot="s">
+                    {{
+                      //s.option ||
+                      formatLanguage(s.option) ||
+                      l('settings.spellcheck.language')
+                    }}
+                  </template>
+                </filterable-select>
+              </label>
+            </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="risingShowPortraitNearInput">
-              {{ l('settings.showPortraitNearInput') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="risingShowPortraitNearInput"
-            :name="'risingShowPortraitNearInput'"
-          ></settings-checkbox>
-        </div>
-      </div>
+            <h5>
+              {{ l('settings.timeFormat') }}
+            </h5>
+            <div class="mb-3">
+              <div class="d-flex p-2 justify-content-between align-items-start">
+                <div class="w-50">
+                  <label class="control-label" for="use12HourTime">
+                    {{ l('settings.timeFormat.12hour') }}
+                  </label>
+                </div>
+                <settings-checkbox
+                  v-model="generalSettings.use12HourTime"
+                  name="use12HourTime"
+                ></settings-checkbox>
+              </div>
+            </div>
 
-      <h5>{{ l('settings.chat.behavior') }}</h5>
+            <div class="mb-3">
+              <div class="d-flex p-2 justify-content-between align-items-start">
+                <div class="w-50">
+                  <label class="control-label" for="showSeconds">
+                    {{ l('settings.timeFormat.showSeconds') }}
+                  </label>
+                </div>
+                <settings-checkbox
+                  v-model="generalSettings.showSeconds"
+                  name="showSeconds"
+                ></settings-checkbox>
+              </div>
+            </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="clickOpensMessage">
-              {{ l('settings.clickOpensMessage') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="clickOpensMessage"
-            :name="'clickOpensMessage'"
-          ></settings-checkbox>
-        </div>
-      </div>
-      <div class="mb-3 p-2">
-        <label class="control-label" for="idleTimer">{{
-          l('settings.idleTimer')
-        }}</label>
-        <input
-          id="idleTimer"
-          class="form-control"
-          type="number"
-          v-model="idleTimer"
-          min="0"
-          max="1440"
-        />
-      </div>
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="showNeedsReply">
-              {{ l('settings.showNeedsReply') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="showNeedsReply"
-            :name="'showNeedsReply'"
-          ></settings-checkbox>
-        </div>
-      </div>
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="risingShowUnreadOfflineCount">
-              {{ l('settings.risingShowUnreadOfflineCount') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="risingShowUnreadOfflineCount"
-            :name="'risingShowUnreadOfflineCount'"
-          ></settings-checkbox>
-        </div>
-      </div>
+            <div class="mb-3">
+              <div class="d-flex p-2 justify-content-between align-items-start">
+                <div class="w-50">
+                  <label class="control-label" for="fuzzyDates">
+                    {{ l('settings.timeFormat.fuzzyDates') }}
+                  </label>
+                </div>
+                <settings-checkbox
+                  v-model="generalSettings.fuzzyDates"
+                  name="fuzzyDates"
+                ></settings-checkbox>
+              </div>
+            </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="colorBookmarks">
-              {{ l('settings.colorBookmarks') }}
-            </label>
+            <!-- Mobile: no auto-installer. Solstice checks GitHub for new releases on launch and
+                 shows a download banner (mobile/UpdateBanner.vue). -->
+            <template v-if="isMobile">
+              <h5>
+                {{ l('settings.updates') }}
+              </h5>
+              <div class="mb-2 p-2 form-text text-muted">
+                Solstice {{ solsticeVersion }} (built on Horizon
+                {{ horizonVersion }})
+              </div>
+              <div class="mb-3">
+                <div
+                  class="d-flex p-2 justify-content-between align-items-start"
+                >
+                  <div class="w-50">
+                    <label class="control-label" for="updateCheckPrereleases">
+                      Notify me about pre-release (beta) versions
+                    </label>
+                    <div class="form-text text-muted">
+                      Solstice checks GitHub for new releases when it starts.
+                      Stable releases are always included; enable this to also
+                      be notified about betas.
+                    </div>
+                  </div>
+                  <settings-checkbox
+                    v-model="generalSettings.updateCheckPrereleases"
+                    name="updateCheckPrereleases"
+                  ></settings-checkbox>
+                </div>
+              </div>
+            </template>
+            <template v-else>
+              <h5>
+                {{ l('settings.updates') }}
+              </h5>
+              <div class="mb-3">
+                <div
+                  class="d-flex p-2 justify-content-between align-items-start"
+                >
+                  <div class="w-50">
+                    <label class="control-label" for="updateCheck">
+                      {{ l('settings.updateCheck') }}
+                    </label>
+                  </div>
+                  <settings-checkbox
+                    v-model="generalSettings.updateCheck"
+                    name="updateCheck"
+                  ></settings-checkbox>
+                </div>
+              </div>
+              <div class="mb-3" v-if="generalSettings.updateCheck">
+                <div
+                  class="d-flex p-2 justify-content-between align-items-start"
+                >
+                  <div class="w-50">
+                    <label class="control-label" for="beta">
+                      {{ l('settings.beta') }}
+                    </label>
+                  </div>
+                  <settings-checkbox
+                    v-model="generalSettings.beta"
+                    name="beta"
+                  ></settings-checkbox>
+                </div>
+              </div>
+              <div class="mb-3" v-if="generalSettings.updateCheck">
+                <div
+                  class="d-flex p-2 justify-content-between align-items-start"
+                >
+                  <div class="w-50">
+                    <label class="control-label" for="hideAutoUpdater">
+                      {{ l('settings.updateHideAutoUpdater') }}
+                    </label>
+                    <div class="form-text text-muted">
+                      {{ l('settings.updateHideAutoUpdater.note') }}
+                    </div>
+                  </div>
+                  <settings-checkbox
+                    v-model="generalSettings.horizonHideAutoUpdater"
+                    name="hideAutoUpdater"
+                  ></settings-checkbox>
+                </div>
+              </div>
+              <div v-if="generalSettings.updateCheck">
+                <div
+                  class="d-flex p-2 justify-content-between align-items-start"
+                >
+                  <div class="w-50">
+                    <label class="control-label" for="autoDownloadUpdates">
+                      {{ l('settings.autoDownloadUpdates') }}
+                    </label>
+                    <div class="form-text text-muted">
+                      {{ l('settings.autoDownloadUpdates.note') }}
+                    </div>
+                  </div>
+                  <settings-checkbox
+                    v-model="generalSettings.horizonAutoDownloadUpdates"
+                    name="autoDownloadUpdates"
+                  ></settings-checkbox>
+                </div>
+              </div>
+            </template>
           </div>
-          <settings-checkbox
-            v-model="colorBookmarks"
-            :name="'colorBookmarks'"
-          ></settings-checkbox>
-        </div>
-      </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="showPerCharacterFriends">
-              {{ l('settings.showPerCharacterFriends') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="showPerCharacterFriends"
-            :name="'showPerCharacterFriends'"
-          ></settings-checkbox>
-        </div>
-      </div>
+          <div v-show="selectedTab === 'app.look'">
+            <h5>
+              {{ l('settings.theme') }}
+            </h5>
+            <!-- Theme sync relies on OS dark-mode detection, which the mobile WebView can't report. -->
+            <div class="mb-3" v-if="!isMobile">
+              <div class="d-flex p-2 justify-content-between align-items-start">
+                <div class="w-50">
+                  <label class="control-label" for="themeSystemSync">
+                    {{ l('settings.theme.sync') }}
+                  </label>
+                </div>
+                <settings-checkbox
+                  v-model="generalSettings.themeSync"
+                  name="themeSystemSync"
+                ></settings-checkbox>
+              </div>
+            </div>
+            <div class="mb-3 p-2" v-if="isMobile || !generalSettings.themeSync">
+              <label class="control-label" for="theme" style="width: 24ch">
+                {{ l('settings.theme.app') }}
+                <filterable-select
+                  v-model="generalSettings.theme"
+                  :options="availableThemes"
+                  :placeholder="l('filter')"
+                  :title="l('settings.theme')"
+                >
+                  <template v-slot="s">
+                    {{ capitalizeThemeName(s.option) }}
+                  </template>
+                </filterable-select>
+              </label>
+            </div>
+            <div class="mb-3" v-else>
+              <label
+                class="control-label"
+                for="themeSyncLight"
+                style="width: 24ch"
+              >
+                {{ l('settings.theme.app.light') }}
+                <filterable-select
+                  v-model="generalSettings.themeSyncLight"
+                  :options="availableThemes"
+                  :placeholder="l('filter')"
+                  :title="l('settings.theme')"
+                >
+                  <template v-slot="s">
+                    {{ capitalizeThemeName(s.option) }}
+                  </template>
+                </filterable-select>
+              </label>
+
+              <label
+                class="control-label"
+                for="themeSyncDark"
+                style="width: 24ch"
+              >
+                {{ l('settings.theme.app.dark') }}
+                <filterable-select
+                  v-model="generalSettings.themeSyncDark"
+                  :options="availableThemes"
+                  :placeholder="l('filter')"
+                  :title="l('settings.theme')"
+                >
+                  <template v-slot="s">
+                    {{ capitalizeThemeName(s.option) }}
+                  </template>
+                </filterable-select>
+              </label>
+            </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="hideNonCharacterFriends">
-              {{ l('settings.hideNonCharacterFriends') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="hideNonCharacterFriends"
-            :name="'hideNonCharacterFriends'"
-          ></settings-checkbox>
-        </div>
-      </div>
+            <h5>
+              {{ l('settings.theme.textColors') }}
+            </h5>
+
+            <div class="mb-3">
+              <div class="d-flex p-2 justify-content-between align-items-start">
+                <div class="w-50">
+                  <label class="control-label" for="themeVanillaBbcode">
+                    {{ l('settings.theme.vanillaBbcode') }}
+                  </label>
+                  <div
+                    id="vanillaBbcodeLegibilityNote"
+                    class="form-text text-muted"
+                  >
+                    {{ l('settings.theme.vanillaBbcode.legibilityNote') }}
+                  </div>
+                </div>
+                <settings-checkbox
+                  v-model="generalSettings.horizonVanillaTextColors"
+                  name="themeVanillaBbcode"
+                ></settings-checkbox>
+              </div>
+            </div>
 
-      <h5>{{ l('settings.chat.logging') }}</h5>
+            <div class="mb-3">
+              <div class="d-flex p-2 justify-content-between align-items-start">
+                <div class="w-50">
+                  <label class="control-label" for="themeVanillaGenders">
+                    {{ l('settings.theme.vanillaGenders') }}
+                  </label>
+                  <div id="vanillaGendersNote" class="form-text text-muted">
+                    {{ l('settings.theme.vanillaGenders.note') }}
+                  </div>
+                </div>
+                <settings-checkbox
+                  v-model="generalSettings.horizonVanillaGenderColors"
+                  name="themeVanillaGenders"
+                ></settings-checkbox>
+              </div>
+            </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="logMessages">
-              {{ l('settings.logMessages') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="logMessages"
-            :name="'logMessages'"
-          ></settings-checkbox>
-        </div>
-      </div>
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="logAds">
-              {{ l('settings.logAds') }}
-            </label>
+            <div class="mb-3">
+              <div class="d-flex p-2 justify-content-between align-items-start">
+                <div class="w-50">
+                  <label class="control-label" for="themeBbcodeGlow">
+                    {{ l('settings.theme.bbcodeGlow') }}
+                  </label>
+                  <div id="bbcodeGlowNote" class="form-text text-muted">
+                    {{ l('settings.theme.bbcodeGlow.note') }}
+                  </div>
+                </div>
+                <settings-checkbox
+                  v-model="generalSettings.horizonBbcodeGlow"
+                  name="themeBbcodeGlow"
+                ></settings-checkbox>
+              </div>
+            </div>
           </div>
-          <settings-checkbox
-            v-model="logAds"
-            :name="'logAds'"
-          ></settings-checkbox>
-        </div>
-      </div>
-      <h5>{{ l('settings.horizonDraftMessages') }}</h5>
-
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="horizonCacheDraftMessages">
-              {{ l('settings.horizonCacheDraftMessages') }}
-            </label>
+          <div
+            v-show="selectedTab === 'app.notifications'"
+            class="card-body settings-content"
+            style="height: 100%; width: 100%"
+          >
+            <h5>{{ l('settings.sounds') }}</h5>
+            <div class="form-group p-2">
+              <label class="control-label" for="soundTheme" style="width: 24ch">
+                {{ l('settings.soundTheme') }}
+                <filterable-select
+                  v-model="generalSettings.soundTheme"
+                  :options="availableSoundThemes"
+                  style="flex: 1; margin-right: 10px"
+                  :title="l('settings.soundTheme')"
+                  :placeholder="l('filter')"
+                >
+                  <template v-slot="s">
+                    {{ capitalizeThemeName(s.option) }}
+                  </template>
+                </filterable-select>
+              </label>
+            </div>
+
+            <div class="sound-theme-details">
+              <div
+                class="d-flex"
+                style="justify-content: space-between; align-items: center"
+              >
+                <div>
+                  <h5 style="margin: 0">
+                    {{ capitalizeThemeName(generalSettings.soundTheme) }}
+                  </h5>
+                  <div class="text-muted" v-if="currentSoundThemeDetails">
+                    <div>{{ currentSoundThemeDetails.description }}</div>
+                    <div v-if="currentSoundThemeDetails.author">
+                      {{
+                        l('settings.soundTheme.by', {
+                          name: currentSoundThemeDetails.author
+                        })
+                      }}
+                    </div>
+                    <div class="small">
+                      {{
+                        l('settings.soundTheme.version', {
+                          version: currentSoundThemeDetails.version
+                        })
+                      }}
+                    </div>
+                  </div>
+                  <div v-else class="text-muted small">
+                    {{ l('settings.soundTheme.noMetadata') }}
+                  </div>
+                </div>
+                <div>
+                  <div style="display: flex; gap: 8px; align-items: center">
+                    <button
+                      class="btn btn-outline-primary"
+                      @click.prevent.stop="
+                        soundListCollapsed = !soundListCollapsed
+                      "
+                      :title="l('settings.soundTheme.toggleList')"
+                    >
+                      {{
+                        l(
+                          soundListCollapsed
+                            ? 'settings.soundTheme.show'
+                            : 'settings.soundTheme.hide'
+                        )
+                      }}
+                    </button>
+                  </div>
+                </div>
+              </div>
+              <div
+                v-if="
+                  currentSoundThemeDetails && currentSoundThemeDetails.sounds
+                "
+                class="mt-3"
+              >
+                <div v-if="!soundListCollapsed" class="mt-2">
+                  <div
+                    v-for="sound in Object.keys(
+                      currentSoundThemeDetails.sounds
+                    )"
+                    :key="sound"
+                    class="sound-row d-flex flex-row mb-3 align-items-center"
+                  >
+                    <div
+                      style="width: 14ch; text-transform: capitalize"
+                      class="p-2"
+                    >
+                      {{ sound }}
+                    </div>
+                    <input
+                      type="range"
+                      class="form-range p-2 flex-grow-1"
+                      min="0"
+                      max="1"
+                      step="0.01"
+                      v-model.number="liveVolumeMap[sound]"
+                      @input="onVolumeChange(sound)"
+                      style="width: unset"
+                    />
+                    <div class="input-group p-2" style="width: unset">
+                      <input
+                        type="number"
+                        class="form-control"
+                        min="0"
+                        max="100"
+                        step="1"
+                        style="text-align: right"
+                        :value="Math.round((liveVolumeMap[sound] ?? 1) * 100)"
+                        @input="handlePercentInput($event, sound)"
+                      />
+                      <button
+                        class="btn btn-sm btn-outline-primary p-2"
+                        @click.prevent.stop="previewSound(sound)"
+                        :title="l('settings.soundTheme.preview')"
+                      >
+                        <span class="fas fa-play"></span>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div v-else class="mt-2 text-muted small">
+                {{ l('settings.soundTheme.noSounds') }}
+              </div>
+            </div>
+            <h5>
+              {{ l('settings.notifications.badges') }}
+            </h5>
+            <!-- The taskbar/dock badge is a desktop window feature. -->
+            <div class="mb-3" v-if="!isMobile">
+              <div class="d-flex p-2 justify-content-between align-items-start">
+                <div class="w-50">
+                  <label
+                    class="control-label"
+                    for="horizonShowNotificationBadge"
+                  >
+                    {{ l('settings.notifications.badges.shouldShow') }}
+                  </label>
+                  <div
+                    id="horizonShowNotificationBadgeNote"
+                    class="form-text text-muted"
+                    v-if="platform !== 'win32' && platform !== 'darwin'"
+                  >
+                    {{
+                      l('settings.notifications.badges.shouldShow.linuxNote')
+                    }}
+                  </div>
+                </div>
+                <settings-checkbox
+                  v-model="generalSettings.horizonShowNotificationBadge"
+                  name="horizonShowNotificationBadge"
+                ></settings-checkbox>
+              </div>
+            </div>
+            <div class="mb-3">
+              <div class="d-flex p-2 justify-content-between align-items-start">
+                <div class="w-50">
+                  <label
+                    class="control-label"
+                    for="horizonShowWindowAndChatNotificationBadge"
+                  >
+                    {{
+                      l(
+                        'settings.notifications.badges.shouldShow.windowAndChat'
+                      )
+                    }}
+                  </label>
+                </div>
+                <settings-checkbox
+                  v-model="
+                    generalSettings.horizonShowWindowAndChatNotificationBadge
+                  "
+                  name="horizonShowWindowAndChatNotificationBadge"
+                ></settings-checkbox>
+              </div>
+            </div>
+            <div class="mb-3" v-if="platform !== 'darwin' && !isMobile">
+              <div class="d-flex p-2 justify-content-between align-items-start">
+                <div class="w-50">
+                  <label class="control-label" for="flashWindow">
+                    {{ l('settings.flashWindow') }}
+                  </label>
+                  <div
+                    id="flashWindowNote"
+                    class="form-text text-muted"
+                    v-if="platform !== 'win32'"
+                  >
+                    {{ l('settings.flashWindow.note') }}
+                  </div>
+                </div>
+                <settings-checkbox
+                  v-model="generalSettings.flashWindow"
+                  name="flashWindow"
+                ></settings-checkbox>
+              </div>
+            </div>
           </div>
-          <settings-checkbox
-            v-model="horizonCacheDraftMessages"
-            :name="'horizonCacheDraftMessages'"
-          ></settings-checkbox>
-        </div>
-      </div>
 
-      <div class="mb-3 p-2">
-        <label class="control-label" for="horizonSaveDraftMessagesToDiskTimer">
-          {{ l('settings.horizonSaveDraftMessagesToDiskTimer') }}
-        </label>
-        <input
-          id="horizonSaveDraftMessagesToDiskTimer"
-          type="number"
-          class="form-control"
-          v-model="horizonSaveDraftMessagesToDiskTimer"
-          :placeholder="'60'"
-          min="5"
-        />
-      </div>
+          <div v-show="selectedTab === 'app.behavior'">
+            <h5>{{ l('user.profile') }}</h5>
+            <div class="mb-3">
+              <div class="d-flex p-2 justify-content-between align-items-start">
+                <div class="w-50">
+                  <label class="control-label" for="profileViewer">
+                    {{ l('settings.profileViewer') }}
+                  </label>
+                </div>
+                <settings-checkbox
+                  v-model="generalSettings.profileViewer"
+                  name="profileViewer"
+                ></settings-checkbox>
+              </div>
+            </div>
+            <div class="mb-3 p-2" v-if="generalSettings.profileViewer">
+              <label class="control-label" for="profileViewerGalleryType">
+                {{ l('settings.profileViewerGalleryType') }}
+                <select
+                  id="profileViewerGalleryType"
+                  class="form-select"
+                  style="flex: 1; margin-right: 10px"
+                  v-model="generalSettings.profileViewerGalleryType"
+                >
+                  <option value="thumbnail">
+                    {{ l('settings.profileViewerGalleryType.thumbnail') }}
+                  </option>
+                  <option value="hover">
+                    {{ l('settings.profileViewerGalleryType.hover') }}
+                  </option>
+                  <option value="full">
+                    {{ l('settings.profileViewerGalleryType.full') }}
+                  </option>
+                </select>
+              </label>
+              <div
+                id="profileViewerGalleryTypeNote"
+                class="form-text text-muted"
+                v-if="generalSettings.profileViewer"
+              >
+                {{
+                  l(
+                    `settings.profileViewerGalleryType.note.${generalSettings.profileViewerGalleryType}`
+                  )
+                }}
+              </div>
+            </div>
 
-      <h5>{{ l('settings.preview') }}</h5>
+            <div
+              class="mb-3"
+              v-if="
+                generalSettings.profileViewer &&
+                (generalSettings.profileViewerGalleryType === 'thumbnail' ||
+                  generalSettings.profileViewerGalleryType === 'hover')
+              "
+            >
+              <div class="d-flex p-2 justify-content-between align-items-start">
+                <div class="w-50">
+                  <label class="control-label" for="profileViewerThumbAnimate">
+                    {{ l('settings.profileViewerThumbAnimate') }}
+                  </label>
+                </div>
+                <settings-checkbox
+                  v-model="generalSettings.profileViewerThumbAnimate"
+                  name="profileViewerThumbAnimate"
+                ></settings-checkbox>
+              </div>
+            </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="risingLinkPreview">
-              {{ l('settings.preview.link') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="risingLinkPreview"
-            :name="'risingLinkPreview'"
-          ></settings-checkbox>
-        </div>
-      </div>
+            <div class="mb-3" v-if="generalSettings.profileViewer">
+              <div class="d-flex p-2 justify-content-between align-items-start">
+                <div class="w-50">
+                  <label
+                    class="control-label"
+                    for="profileViewerSmallerDefaultAvatars"
+                  >
+                    {{ l('settings.profileViewer.smallerDefaultAvatars') }}
+                  </label>
+                </div>
+                <settings-checkbox
+                  v-model="generalSettings.profileViewerSmallerDefaultAvatars"
+                  name="profileViewerSmallerDefaultAvatars"
+                ></settings-checkbox>
+              </div>
+            </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="risingCharacterPreview">
-              {{ l('settings.preview.character') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="risingCharacterPreview"
-            :name="'risingCharacterPreview'"
-          ></settings-checkbox>
-        </div>
-      </div>
-    </div>
+            <div class="mb-3">
+              <div class="d-flex p-2 justify-content-between align-items-start">
+                <div class="w-50">
+                  <label class="control-label" for="horizonForceAsciiProfiles">
+                    {{ l('settings.horizonForceAsciiProfiles') }}
+                  </label>
+                  <div id="forceAsciiNote" class="form-text text-muted">
+                    {{ l('settings.horizonForceAsciiProfiles.note') }}
+                  </div>
+                </div>
+                <settings-checkbox
+                  v-model="generalSettings.horizonForceAsciiProfiles"
+                  :disabled="!generalSettings.profileViewer"
+                  name="horizonForceAsciiProfiles"
+                ></settings-checkbox>
+              </div>
+            </div>
 
-    <div v-show="selectedTab === '1'">
-      <h5>{{ l('settings.appearance.layout') }}</h5>
-
-      <div class="mb-3 p-2">
-        <label class="control-label" for="fontSize">{{
-          l('settings.experimental', { name: l('settings.fontSize') })
-        }}</label>
-        <input
-          id="fontSize"
-          type="number"
-          min="10"
-          max="24"
-          class="form-control"
-          v-model="fontSize"
-        />
-      </div>
-      <div class="mb-3 p-2">
-        <label class="control-label" for="risingCharacterTheme">
-          {{ l('settings.overrideCharacterTheme') }}
-          <select
-            id="risingCharacterTheme"
-            class="form-select"
-            v-model="risingCharacterTheme"
-            style="flex: 1; margin-right: 10px"
-          >
-            <option value="undefined">
-              {{ l('settings.useDefaultTheme') }}
-            </option>
-            <option disabled>---</option>
-            <option v-for="theme in risingAvailableThemes" :value="theme">
-              {{ theme }}
-            </option>
-          </select>
-        </label>
-      </div>
+            <!-- The log folder is fixed by the native host, and phones have no tray, title bar or window controls. -->
+            <template v-if="!isMobile">
+              <h5>{{ l('settings.behavior.chat') }}</h5>
+              <div class="mb-3 p-2">
+                <label class="control-label label-full" for="logDir">
+                  {{ l('settings.logDir') }}
+
+                  <div class="input-group">
+                    <input
+                      class="form-control"
+                      id="logDir"
+                      disabled
+                      @click="browseForLogDir()"
+                      v-model="generalSettings.logDirectory"
+                    />
+                    <button
+                      class="btn btn-outline-secondary"
+                      @click="browseForLogDir()"
+                      :title="l('settings.logDir.select')"
+                    >
+                      <span class="fas fa-fw fa-folder-plus"></span></button
+                    ><button
+                      class="btn btn-outline-secondary"
+                      @click="openLogDir()"
+                      :title="
+                        l('platform.open', {
+                          name: l(`platform.fileExplorer.${platform}`)
+                        })
+                      "
+                    >
+                      <span class="far fa-fw fa-folder-open"></span>
+                    </button></div
+                ></label>
+                <div
+                  id="logDirNoteOnedrive"
+                  class="form-text text-muted"
+                  v-if="platform === 'win32'"
+                >
+                  <span>{{ `${l('settings.logDir.note.onedrive')} ` }}</span>
+                </div>
+                <div id="logDirNote" class="form-text text-muted">
+                  <a
+                    href="#"
+                    @click="
+                      externalUrlHandler(
+                        `https://horizn.moe/docs/guides/backup.html`
+                      )
+                    "
+                    ><localized-text k="settings.logDir.guide">
+                      <template #icon>
+                        <i class="fa-solid fa-arrow-up-right-from-square"></i>
+                      </template>
+                    </localized-text>
+                  </a>
+                </div>
+              </div>
+              <h5>{{ l('settings.behavior.window') }}</h5>
+              <div class="mb-3">
+                <div
+                  class="d-flex p-2 justify-content-between align-items-start"
+                >
+                  <div class="w-50">
+                    <label class="control-label" for="closeToTray">
+                      {{ l('settings.closeToTray') }}
+                    </label>
+                  </div>
+                  <settings-checkbox
+                    v-model="generalSettings.closeToTray"
+                    name="closeToTray"
+                  ></settings-checkbox>
+                </div>
+              </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="showAvatars">
-              {{ l('settings.showAvatars') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="showAvatars"
-            :name="'showAvatars'"
-          ></settings-checkbox>
-        </div>
-      </div>
+              <div class="mb-3">
+                <div
+                  class="d-flex p-2 justify-content-between align-items-start"
+                >
+                  <div class="w-50">
+                    <label class="control-label" for="windowTitleCharacter">
+                      {{ l('settings.windowTitleCharacter') }}
+                    </label>
+                  </div>
+                  <settings-checkbox
+                    v-model="generalSettings.horizonWindowTitleCharacter"
+                    name="windowTitleCharacter"
+                  ></settings-checkbox>
+                </div>
+              </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="risingShowHighQualityPortraits">
-              {{ l('settings.showHighQualityPortraits') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="risingShowHighQualityPortraits"
-            :name="'risingShowHighQualityPortraits'"
-          ></settings-checkbox>
-        </div>
-      </div>
+              <div class="mb-3">
+                <div
+                  class="d-flex p-2 justify-content-between align-items-start"
+                >
+                  <div class="w-50">
+                    <label
+                      class="control-label"
+                      for="forceNativeWindowControls"
+                    >
+                      {{
+                        l('settings.experimental', {
+                          name: l('settings.forceNativeWindowControls')
+                        })
+                      }}
+                    </label>
+                  </div>
+                  <settings-checkbox
+                    v-model="generalSettings.forceNativeWindowControls"
+                    name="forceNativeWindowControls"
+                  ></settings-checkbox>
+                </div>
+              </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="forceQuickConvoList">
-              {{ l('settings.forceQuickConvoList') }}
-            </label>
+              <div class="mb-3">
+                <div
+                  class="d-flex p-2 justify-content-between align-items-start"
+                >
+                  <div class="w-50">
+                    <label
+                      class="control-label"
+                      for="nativeWindowShowSingleTab"
+                    >
+                      {{ l('settings.nativeWindowShowSingleTab') }}
+                    </label>
+                    <div
+                      id="nativeWindowShowSingleTabNote"
+                      class="form-text text-muted"
+                    >
+                      {{ l('settings.nativeWindowShowSingleTab.note') }}
+                    </div>
+                  </div>
+                  <settings-checkbox
+                    v-model="generalSettings.nativeWindowShowSingleTab"
+                    :disabled="!generalSettings.forceNativeWindowControls"
+                    name="nativeWindowShowSingleTab"
+                  ></settings-checkbox>
+                </div>
+              </div>
+            </template>
           </div>
-          <settings-checkbox
-            v-model="forceQuickConvoList"
-            :name="'forceQuickConvoList'"
-          ></settings-checkbox>
-        </div>
-      </div>
+          <div v-show="selectedTab === 'app.accessibility'">
+            <div>
+              <div class="mb-3" v-if="!true">
+                <div
+                  class="d-flex p-2 justify-content-between align-items-start"
+                >
+                  <div class="w-50">
+                    <label
+                      class="control-label"
+                      for="risingDisableWindowsHighContrast"
+                    >
+                      {{ l('settings.risingDisableWindowsHighContrast') }}
+                    </label>
+                  </div>
+                  <settings-checkbox
+                    v-model="generalSettings.risingDisableWindowsHighContrast"
+                    name="risingDisableWindowsHighContrast"
+                  ></settings-checkbox>
+                </div>
+              </div>
 
-      <h5>{{ l('settings.appearance.messages') }}</h5>
+              <div class="mb-3">
+                <div
+                  class="d-flex p-2 justify-content-between align-items-start"
+                >
+                  <div class="w-50">
+                    <label class="control-label" for="reducedMotion">
+                      {{ l('settings.reducedMotion') }}
+                    </label>
+                    <div class="form-text text-muted">
+                      {{ l('settings.reducedMotion.description') }}
+                    </div>
+                  </div>
+                  <settings-checkbox
+                    v-model="generalSettings.reducedMotion"
+                    name="reducedMotion"
+                  ></settings-checkbox>
+                </div>
+              </div>
 
-      <div class="mb-3 p-2">
-        <label class="control-label" for="chatLayoutMode">{{
-          l('settings.experimental', { name: l('settings.chatLayoutMode') })
-        }}</label>
-        <select
-          id="chatLayoutMode"
-          class="form-select"
-          v-model="chatLayoutMode"
-        >
-          <option value="classic">
-            {{ l('settings.chatLayoutMode.classic') }}
-          </option>
-          <option value="modern">
-            {{ l('settings.chatLayoutMode.modern') }}
-          </option>
-        </select>
-        <small class="form-text text-muted">{{
-          l('settings.chatLayoutMode.modernDescription')
-        }}</small>
-      </div>
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="messageGrouping">
-              {{ l('settings.messageGrouping') }}
-            </label>
-            <div class="form-text text-muted">
-              {{ l('settings.messageGrouping.description') }}
+              <div class="mb-3">
+                <div
+                  class="d-flex p-2 justify-content-between align-items-start"
+                >
+                  <div class="w-50">
+                    <label class="control-label" for="horizonHighContrast">
+                      {{ l('settings.horizonHighContrast') }}
+                    </label>
+                  </div>
+                  <settings-checkbox
+                    v-model="generalSettings.horizonHighContrast"
+                    name="horizonHighContrast"
+                  ></settings-checkbox>
+                </div>
+
+                <div class="mb-3">
+                  <label class="control-label" for="horizonColorblindMode">
+                    {{ l('settings.colorblindMode') }}
+                    <select
+                      id="horizonColorblindMode"
+                      class="form-select"
+                      v-model="generalSettings.horizonColorblindMode"
+                    >
+                      <option value="none">
+                        {{ l('settings.colorblindMode.none') }}
+                      </option>
+                      <option value="protanopia">
+                        {{ l('settings.colorblindMode.protanopia') }}
+                      </option>
+                      <option value="protanomaly">
+                        {{ l('settings.colorblindMode.protanomaly') }}
+                      </option>
+                      <option value="deuteranopia">
+                        {{ l('settings.colorblindMode.deuteranopia') }}
+                      </option>
+                      <option value="deuteranomaly">
+                        {{ l('settings.colorblindMode.deuteranomaly') }}
+                      </option>
+                      <option value="tritanopia">
+                        {{ l('settings.colorblindMode.tritanopia') }}
+                      </option>
+                      <option value="tritanomaly">
+                        {{ l('settings.colorblindMode.tritanomaly') }}
+                      </option>
+                      <option value="achromatopsia">
+                        {{ l('settings.colorblindMode.achromatopsia') }}
+                      </option>
+                      <option value="achromatomaly">
+                        {{ l('settings.colorblindMode.achromatomaly') }}
+                      </option>
+                    </select>
+                  </label>
+                </div>
+              </div>
             </div>
           </div>
-          <settings-checkbox
-            v-model="messageGrouping"
-            :name="'messageGrouping'"
-            :disabled="chatLayoutMode !== 'modern'"
-          ></settings-checkbox>
-        </div>
-      </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="messageSeparators">
-              {{ l('settings.messageSeparators') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="messageSeparators"
-            :name="'messageSeparators'"
-          ></settings-checkbox>
-        </div>
-      </div>
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="risingShowPortraitInMessage">
-              {{ l('settings.showPortraitInMessage') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="risingShowPortraitInMessage"
-            :name="'risingShowPortraitInMessage'"
-          ></settings-checkbox>
-        </div>
-      </div>
+          <div
+            v-show="selectedTab === 'app.advanced'"
+            class="card-body settings-content"
+            style="height: 100%; width: 100%"
+          >
+            <!-- Electron's GPU flag and electron-log level have no effect in the mobile WebView. -->
+            <template v-if="!isMobile">
+              <h5>
+                {{ l('settings.system') }}
+              </h5>
+              <div class="mb-3">
+                <div
+                  class="d-flex p-2 justify-content-between align-items-start"
+                >
+                  <div class="w-50">
+                    <label class="control-label" for="hwAcceleration">
+                      {{ l('settings.hwAcceleration') }}
+                    </label>
+                  </div>
+                  <settings-checkbox
+                    v-model="generalSettings.hwAcceleration"
+                    name="hwAcceleration"
+                  ></settings-checkbox>
+                </div>
+              </div>
+              <div class="mb-3 p-2">
+                <!--We do this one slightly differently because we
+                cannot and will not make ElectronLogger.LogType reactive -->
+                <label class="control-label" for="systemLogLevel">
+                  {{ l('settings.systemLogLevel') }}
+                  <div class="input-group">
+                    <select
+                      id="systemLogLevel"
+                      class="form-select form-select"
+                      style="flex: 1; margin-right: 10px"
+                      v-model="generalSettings.risingSystemLogLevel"
+                    >
+                      <option value="error">
+                        {{ l('settings.systemLogLevel.error') }}
+                      </option>
+                      <option value="warn">
+                        {{ l('settings.systemLogLevel.warn') }}
+                      </option>
+                      <option value="info">
+                        {{ l('settings.systemLogLevel.info') }}
+                      </option>
+                      <option value="verbose">
+                        {{ l('settings.systemLogLevel.verbose') }}
+                      </option>
+                      <option value="debug">
+                        {{ l('settings.systemLogLevel.debug') }}
+                      </option>
+                      <option value="silly">
+                        {{ l('settings.systemLogLevel.silly') }}
+                      </option>
+                    </select>
+                  </div>
+                </label>
+              </div>
+            </template>
+            <h5>
+              {{ l('settings.cache') }}
+            </h5>
+
+            <div class="mb-3 p-2">
+              <label class="control-label" for="cacheExpiryDays">
+                {{ l('settings.cache.expiryDays') }}</label
+              >
+              <div class="input-group">
+                <input
+                  class="form-control"
+                  id="cacheExpiryDays"
+                  type="number"
+                  min="0"
+                  max="1000"
+                  v-model="generalSettings.risingCacheExpiryDays"
+                />
+                <span class="input-group-text" id="basic-addon3">{{
+                  l('unit.days')
+                }}</span>
+              </div>
+              <small class="form-text text-muted">{{
+                l('settings.cache.expiryDays.description')
+              }}</small>
+            </div>
+            <div class="mb-3 p-2">
+              <label class="control-label" for="cacheMemoryCount">
+                {{ l('settings.cache.memoryCount') }}
+              </label>
+              <div class="input-group">
+                <input
+                  class="form-control"
+                  id="cacheMemoryCount"
+                  type="number"
+                  min="350"
+                  max="1000"
+                  v-model="generalSettings.horizonCacheMemoryCount"
+                />
+              </div>
+              <small class="form-text text-muted">{{
+                l('settings.cache.memoryCount.description')
+              }}</small>
+            </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label
-              class="control-label"
-              for="horizonMessagePortraitHighQuality"
-            >
-              {{ l('settings.messagePortraitHighQuality') }}
-            </label>
+            <!-- Links open through the OS on mobile, and custom CSS is only applied by the desktop window. -->
+            <template v-if="!isMobile">
+              <h5>
+                {{ l('settings.browserOptionTitle') }}
+              </h5>
+              <div class="warning" v-if="platform === 'darwin'">
+                <h5>{{ l('settings.dangerZone') }}</h5>
+
+                <hr />
+                <p>{{ l('settings.macLinkBug1') }}</p>
+                <p>{{ l('settings.macLinkBug2') }}</p>
+                <p>{{ l('settings.macLinkBug3') }}</p>
+              </div>
+
+              <label class="control-label label-full p-2" for="browserPath">
+                {{ l('settings.browserOptionPath') }}
+
+                <div class="input-group">
+                  <input
+                    class="form-control"
+                    id="browserPath"
+                    v-model="generalSettings.browserPath"
+                  />
+                  <button
+                    class="btn btn-outline-secondary"
+                    @click.prevent.stop="browseForPath()"
+                  >
+                    <span class="far fa-fw fa-folder-open"></span>
+                  </button>
+                  <button
+                    class="btn btn-outline-danger"
+                    @click.prevent.stop="browserReset()"
+                  >
+                    <span class="fa-solid fa-fw fa-arrow-rotate-right"></span>
+                  </button></div
+              ></label>
+
+              <label class="control-label label-full p-2" for="browserArgs">
+                {{ l('settings.browserOptionArguments') }}
+                <div class="input-group">
+                  <input
+                    class="form-control"
+                    id="browserArgs"
+                    v-model="generalSettings.browserArgs"
+                  />
+                </div>
+                <small
+                  class="form-text text-muted"
+                  v-if="platform !== 'darwin'"
+                  >{{ l('settings.browserOptionArgumentsHelp') }}</small
+                >
+                <small class="form-text text-muted" v-else>
+                  <span
+                    >{{ l('settings.browserOptionArgumentsHelp.mac') }}
+                  </span>
+
+                  <a
+                    class="fa-solid fa-arrow-up-right-from-square"
+                    href="#"
+                    @click="
+                      externalUrlHandler(
+                        'https://support.apple.com/guide/terminal/execute-commands-and-run-tools-apdb66b5242-0d18-49fc-9c47-a2498b7c91d5/mac'
+                      )
+                    "
+                  ></a>
+                  <p>
+                    <span>
+                      {{ l('settings.browserOptionArgumentsHelp.format') }}
+                    </span>
+                    <kbd>
+                      {{
+                        `open -a ${generalSettings.browserPath} ${generalSettings.browserArgs}`
+                      }}
+                    </kbd>
+                  </p>
+
+                  <p>
+                    {{ l('settings.browserOptionArgumentsHelp.mac.ignoreMe') }}
+                  </p>
+                </small>
+              </label>
+
+              <div class="mb-3" v-if="platform !== 'darwin'">
+                <div
+                  class="d-flex p-2 justify-content-between align-items-start"
+                >
+                  <div class="w-50">
+                    <label class="control-label" for="alwaysOpenIncognito">
+                      {{ l('settings.alwaysOpenIncognito') }}
+                    </label>
+                    <small class="form-text text-muted">{{
+                      l('settings.alwaysOpenIncognito.help')
+                    }}</small>
+                  </div>
+                  <settings-checkbox
+                    v-model="generalSettings.horizonAlwaysOpenIncognito"
+                    name="alwaysOpenIncognito"
+                  ></settings-checkbox>
+                </div>
+              </div>
+              <h5>
+                {{
+                  l('settings.experimental', {
+                    name: l('settings.customCss')
+                  })
+                }}
+              </h5>
+
+              <div class="mb-3">
+                <div
+                  class="d-flex p-2 justify-content-between align-items-start"
+                >
+                  <div class="w-50">
+                    <label class="control-label" for="customCssEnabled">
+                      {{ l('settings.customCss.enabled') }}
+                    </label>
+                  </div>
+                  <settings-checkbox
+                    v-model="generalSettings.horizonCustomCssEnabled"
+                    name="customCssEnabled"
+                  ></settings-checkbox>
+                </div>
+              </div>
+              <div class="mb-3">
+                <div
+                  class="d-flex p-2 justify-content-between align-items-start"
+                >
+                  <div class="w-50">
+                    <label class="control-label" for="windowTransparency">
+                      {{
+                        l('settings.experimental', {
+                          name: l('settings.customCss.transparency')
+                        })
+                      }}
+                    </label>
+                    <div
+                      id="windowTransparencyNote"
+                      class="form-text text-muted"
+                    >
+                      {{ l('settings.customCss.transparency.note') }}
+                    </div>
+                  </div>
+                  <settings-checkbox
+                    v-model="generalSettings.allowWindowTransparency"
+                    :disabled="!generalSettings.horizonCustomCssEnabled"
+                    name="windowTransparency"
+                  ></settings-checkbox>
+                </div>
+
+                <label for="customCss" class="control-label label-full"
+                  >{{ l('settings.customCss.css') }}
+                  <textarea
+                    class="form-control textarea-code"
+                    id="customCss"
+                    v-model="generalSettings.horizonCustomCss"
+                    :disabled="!generalSettings.horizonCustomCssEnabled"
+                    :rows="
+                      countLines(generalSettings.horizonCustomCss || 0) + 3
+                    "
+                    @keydown.tab.prevent="handleTab"
+                  ></textarea>
+                  <small class="form-text text-warning">{{
+                    l('settings.customCss.warning')
+                  }}</small>
+                </label>
+              </div>
+            </template>
           </div>
-          <settings-checkbox
-            v-model="horizonMessagePortraitHighQuality"
-            :name="'horizonMessagePortraitHighQuality'"
-            :disabled="!risingShowHighQualityPortraits"
-          ></settings-checkbox>
-        </div>
-      </div>
 
-      <h5>{{ l('settings.appearance.users') }}</h5>
+          <div v-show="selectedTab === 'chat.bbcode'">
+            <h5>{{ l('settings.chat.bbcode') }}</h5>
+
+            <div class="mb-3 p-2">
+              <settings-array
+                id="disallowedTags"
+                v-model="settings.disallowedTags"
+                :placeholder="
+                  l('settings.disallowedTags.placeholder', { tagName: 'eicon' })
+                "
+                :globalValue="settings.disallowedTags"
+                :overrideValue="characterOverrides.disallowedTags"
+                :usingGlobal="isUsingGlobal()"
+                @update:globalValue="settings.disallowedTags = $event"
+                @update:overrideValue="
+                  $set(characterOverrides, 'disallowedTags', $event)
+                "
+                :name="l('settings.disallowedTags')"
+              />
+            </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="horizonShowCustomCharacterColors">
-              {{ l('settings.showCustomCharacterColors') }}
-            </label>
+            <settings-override
+              :label="l('settings.animatedEicons')"
+              :globalValue="settings.animatedEicons"
+              :overrideValue="characterOverrides.animatedEicons"
+              :usingGlobal="isUsingGlobal()"
+              name="animatedEicons"
+              @update:globalValue="settings.animatedEicons = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'animatedEicons', $event)
+              "
+            />
+            <settings-override
+              :label="l('settings.smoothMosaics')"
+              :globalValue="settings.smoothMosaics"
+              :overrideValue="characterOverrides.smoothMosaics"
+              :usingGlobal="isUsingGlobal()"
+              name="smoothMosaics"
+              @update:globalValue="settings.smoothMosaics = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'smoothMosaics', $event)
+              "
+            />
           </div>
-          <settings-checkbox
-            v-model="horizonShowCustomCharacterColors"
-            :name="'horizonShowCustomCharacterColors'"
-          ></settings-checkbox>
-        </div>
-      </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="risingColorblindMode">
-              {{ l('settings.colorblindMode') }}
-            </label>
+          <div v-show="selectedTab === 'chat.textBox'">
+            <h5>{{ l('settings.chat.textBox') }}</h5>
+
+            <settings-override
+              :label="l('settings.bbCodeBar')"
+              :globalValue="settings.bbCodeBar"
+              :overrideValue="characterOverrides.bbCodeBar"
+              :usingGlobal="isUsingGlobal()"
+              name="bbCodeBar"
+              @update:globalValue="settings.bbCodeBar = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'bbCodeBar', $event)
+              "
+            />
+
+            <settings-override
+              :label="l('settings.enterSend')"
+              :globalValue="settings.enterSend"
+              :overrideValue="characterOverrides.enterSend"
+              :usingGlobal="isUsingGlobal()"
+              name="enterSend"
+              @update:globalValue="settings.enterSend = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'enterSend', $event)
+              "
+            />
+
+            <settings-override
+              :label="l('settings.horizonUseColorPicker')"
+              :globalValue="settings.horizonUseColorPicker"
+              :overrideValue="characterOverrides.horizonUseColorPicker"
+              :usingGlobal="isUsingGlobal()"
+              name="horizonUseColorPicker"
+              @update:globalValue="settings.horizonUseColorPicker = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'horizonUseColorPicker', $event)
+              "
+              :disabled="!settings.bbCodeBar"
+            />
+
+            <settings-override
+              :label="l('settings.showPortraitNearInput')"
+              :globalValue="settings.risingShowPortraitNearInput"
+              :overrideValue="characterOverrides.risingShowPortraitNearInput"
+              :usingGlobal="isUsingGlobal()"
+              name="risingShowPortraitNearInput"
+              @update:globalValue="
+                settings.risingShowPortraitNearInput = $event
+              "
+              @update:overrideValue="
+                $set(characterOverrides, 'risingShowPortraitNearInput', $event)
+              "
+            />
           </div>
-          <settings-checkbox
-            v-model="risingColorblindMode"
-            :name="'risingColorblindMode'"
-          ></settings-checkbox>
-        </div>
-      </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="horizonShowDeveloperBadges">
-              {{ l('settings.showDeveloperBadges') }}
-            </label>
+          <div v-show="selectedTab === 'chat.behavior'">
+            <h5>{{ l('settings.chat.behavior') }}</h5>
+
+            <settings-override
+              :label="l('settings.clickOpensMessage')"
+              :globalValue="settings.clickOpensMessage"
+              :overrideValue="characterOverrides.clickOpensMessage"
+              :usingGlobal="isUsingGlobal()"
+              name="clickOpensMessage"
+              @update:globalValue="settings.clickOpensMessage = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'clickOpensMessage', $event)
+              "
+            />
+            <div class="mb-3 p-2">
+              <label class="control-label" for="idleTimer">{{
+                l('settings.idleTimer')
+              }}</label>
+              <settings-input
+                id="idleTimer"
+                type="number"
+                :globalValue="settings.idleTimer"
+                :overrideValue="characterOverrides.idleTimer"
+                :usingGlobal="isUsingGlobal()"
+                @update:globalValue="settings.idleTimer = $event"
+                @update:overrideValue="
+                  $set(characterOverrides, 'idleTimer', $event)
+                "
+              />
+            </div>
+            <settings-override
+              :label="l('settings.showNeedsReply')"
+              :globalValue="settings.showNeedsReply"
+              :overrideValue="characterOverrides.showNeedsReply"
+              :usingGlobal="isUsingGlobal()"
+              name="showNeedsReply"
+              @update:globalValue="settings.showNeedsReply = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'showNeedsReply', $event)
+              "
+            />
+            <settings-override
+              :label="l('settings.risingShowUnreadOfflineCount')"
+              :globalValue="settings.risingShowUnreadOfflineCount"
+              :overrideValue="characterOverrides.risingShowUnreadOfflineCount"
+              :usingGlobal="isUsingGlobal()"
+              name="risingShowUnreadOfflineCount"
+              @update:globalValue="
+                settings.risingShowUnreadOfflineCount = $event
+              "
+              @update:overrideValue="
+                $set(characterOverrides, 'risingShowUnreadOfflineCount', $event)
+              "
+            />
+
+            <settings-override
+              :label="l('settings.colorBookmarks')"
+              :globalValue="settings.colorBookmarks"
+              :overrideValue="characterOverrides.colorBookmarks"
+              :usingGlobal="isUsingGlobal()"
+              name="colorBookmarks"
+              @update:globalValue="settings.colorBookmarks = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'colorBookmarks', $event)
+              "
+            />
+
+            <settings-override
+              :label="l('settings.showPerCharacterFriends')"
+              :globalValue="settings.showPerCharacterFriends"
+              :overrideValue="characterOverrides.showPerCharacterFriends"
+              :usingGlobal="isUsingGlobal()"
+              name="showPerCharacterFriends"
+              @update:globalValue="settings.showPerCharacterFriends = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'showPerCharacterFriends', $event)
+              "
+            />
+
+            <settings-override
+              :label="l('settings.hideNonCharacterFriends')"
+              :globalValue="settings.hideNonCharacterFriends"
+              :overrideValue="characterOverrides.hideNonCharacterFriends"
+              :usingGlobal="isUsingGlobal()"
+              name="hideNonCharacterFriends"
+              @update:globalValue="settings.hideNonCharacterFriends = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'hideNonCharacterFriends', $event)
+              "
+            />
+            <settings-override
+              :label="l('settings.horizon.persistentMemberFilters')"
+              :description="l('settings.horizon.persistentMemberFilters.help')"
+              :globalValue="settings.horizonPersistentMemberFilters"
+              :overrideValue="characterOverrides.horizonPersistentMemberFilters"
+              :usingGlobal="isUsingGlobal()"
+              name="horizonPersistentMemberFilters"
+              @update:globalValue="
+                settings.horizonPersistentMemberFilters = $event
+              "
+              @update:overrideValue="
+                $set(
+                  characterOverrides,
+                  'horizonPersistentMemberFilters',
+                  $event
+                )
+              "
+            />
           </div>
-          <settings-checkbox
-            v-model="horizonShowDeveloperBadges"
-            :name="'horizonShowDeveloperBadges'"
-          ></settings-checkbox>
-        </div>
-      </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="horizonShowGenderMarker">
-              {{ l('settings.showGenderIcon') }}
-            </label>
+          <div v-show="selectedTab === 'chat.logging'">
+            <h5>{{ l('settings.chat.logging') }}</h5>
+
+            <settings-override
+              :label="l('settings.logMessages')"
+              :globalValue="settings.logMessages"
+              :overrideValue="characterOverrides.logMessages"
+              :usingGlobal="isUsingGlobal()"
+              name="logMessages"
+              @update:globalValue="settings.logMessages = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'logMessages', $event)
+              "
+            />
+            <settings-override
+              :label="l('settings.logChannels')"
+              :globalValue="settings.horizonLogChannels"
+              :overrideValue="characterOverrides.horizonLogChannels"
+              :usingGlobal="isUsingGlobal()"
+              name="horizonLogChannels"
+              @update:globalValue="settings.horizonLogChannels = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'horizonLogChannels', $event)
+              "
+            />
+            <settings-override
+              :label="l('settings.logAds')"
+              :globalValue="settings.logAds"
+              :overrideValue="characterOverrides.logAds"
+              :usingGlobal="isUsingGlobal()"
+              name="logAds"
+              @update:globalValue="settings.logAds = $event"
+              @update:overrideValue="$set(characterOverrides, 'logAds', $event)"
+            />
           </div>
-          <settings-checkbox
-            v-model="horizonShowGenderMarker"
-            :name="'horizonShowGenderMarker'"
-          ></settings-checkbox>
-        </div>
-      </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="horizonGenderMarkerOrigColor">
-              {{ l('settings.genderIconUseOriginalColor') }}
-            </label>
+          <div v-show="selectedTab === 'chat.draftMessages'">
+            <h5>{{ l('settings.horizonDraftMessages') }}</h5>
+
+            <settings-override
+              :label="l('settings.horizonCacheDraftMessages')"
+              :globalValue="settings.horizonCacheDraftMessages"
+              :overrideValue="characterOverrides.horizonCacheDraftMessages"
+              :usingGlobal="isUsingGlobal()"
+              name="horizonCacheDraftMessages"
+              @update:globalValue="settings.horizonCacheDraftMessages = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'horizonCacheDraftMessages', $event)
+              "
+            />
+
+            <div class="mb-3 p-2">
+              <label
+                class="control-label"
+                for="horizonSaveDraftMessagesToDiskTimer"
+              >
+                {{ l('settings.horizonSaveDraftMessagesToDiskTimer') }}
+              </label>
+              <settings-input
+                id="horizonSaveDraftMessagesToDiskTimer"
+                type="number"
+                :globalValue="settings.horizonSaveDraftMessagesToDiskTimer"
+                :overrideValue="
+                  characterOverrides.horizonSaveDraftMessagesToDiskTimer
+                "
+                :usingGlobal="isUsingGlobal()"
+                @update:globalValue="
+                  settings.horizonSaveDraftMessagesToDiskTimer = $event
+                "
+                @update:overrideValue="
+                  $set(
+                    characterOverrides,
+                    'horizonSaveDraftMessagesToDiskTimer',
+                    $event
+                  )
+                "
+              />
+            </div>
           </div>
-          <settings-checkbox
-            v-model="horizonGenderMarkerOrigColor"
-            :name="'horizonGenderMarkerOrigColor'"
-            :disabled="
-              !horizonShowGenderMarker || !horizonShowCustomCharacterColors
-            "
-          ></settings-checkbox>
-        </div>
-      </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="horizonChangeOfflineColor">
-              {{ l('settings.changeOfflineColor') }}
-            </label>
+          <div v-show="selectedTab === 'chat.preview'">
+            <h5>{{ l('settings.preview') }}</h5>
+
+            <settings-override
+              :label="l('settings.preview.link')"
+              :globalValue="settings.risingLinkPreview"
+              :overrideValue="characterOverrides.risingLinkPreview"
+              :usingGlobal="isUsingGlobal()"
+              name="risingLinkPreview"
+              @update:globalValue="settings.risingLinkPreview = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'risingLinkPreview', $event)
+              "
+            />
+
+            <settings-override
+              :label="l('settings.preview.character')"
+              :globalValue="settings.risingCharacterPreview"
+              :overrideValue="characterOverrides.risingCharacterPreview"
+              :usingGlobal="isUsingGlobal()"
+              name="risingCharacterPreview"
+              @update:globalValue="settings.risingCharacterPreview = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'risingCharacterPreview', $event)
+              "
+            />
           </div>
-          <settings-checkbox
-            v-model="horizonChangeOfflineColor"
-            :name="'horizonChangeOfflineColor'"
-          ></settings-checkbox>
-        </div>
-      </div>
-    </div>
 
-    <div v-show="selectedTab === '2'">
-      <h5>{{ l('settings.chat.behavior') }}</h5>
+          <div v-show="selectedTab === 'appearance.layout'">
+            <h5>{{ l('settings.appearance.layout') }}</h5>
+
+            <div class="mb-3 p-2">
+              <label class="control-label" for="fontSize">{{
+                l('settings.experimental', { name: l('settings.fontSize') })
+              }}</label>
+              <settings-input
+                id="fontSize"
+                type="number"
+                :globalValue="settings.fontSize"
+                :overrideValue="characterOverrides.fontSize"
+                :usingGlobal="isUsingGlobal()"
+                @update:globalValue="settings.fontSize = $event"
+                @update:overrideValue="
+                  $set(characterOverrides, 'fontSize', $event)
+                "
+              />
+            </div>
+            <div class="mb-3 p-2">
+              <label class="control-label" for="risingCharacterTheme">
+                {{ l('settings.overrideCharacterTheme') }}
+              </label>
+              <settings-select-override
+                id="risingCharacterTheme"
+                name="risingCharacterTheme"
+                :globalValue="settings.risingCharacterTheme || ''"
+                :overrideValue="characterOverrides.risingCharacterTheme"
+                :usingGlobal="isUsingGlobal()"
+                :options="risingCharacterThemeOptions"
+                :fallbackLabel="l('settings.override.useGlobal')"
+                @update:globalValue="setGlobalRisingCharacterTheme($event)"
+                @update:overrideValue="setCharacterRisingCharacterTheme($event)"
+              />
+            </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="playSound">
-              {{ l('settings.playSound') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="playSound"
-            :name="'playSound'"
-          ></settings-checkbox>
-        </div>
-      </div>
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="alwaysNotify">
-              {{ l('settings.alwaysNotify') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="alwaysNotify"
-            :name="'alwaysNotify'"
-            :disabled="!playSound"
-          ></settings-checkbox>
-        </div>
-      </div>
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="notifications">
-              {{ l('settings.notifications') }}
-            </label>
+            <settings-override
+              :label="l('settings.showAvatars')"
+              :globalValue="settings.showAvatars"
+              :overrideValue="characterOverrides.showAvatars"
+              :usingGlobal="isUsingGlobal()"
+              name="showAvatars"
+              @update:globalValue="settings.showAvatars = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'showAvatars', $event)
+              "
+            />
+
+            <settings-override
+              :label="l('settings.showHighQualityPortraits')"
+              :globalValue="settings.risingShowHighQualityPortraits"
+              :overrideValue="characterOverrides.risingShowHighQualityPortraits"
+              :usingGlobal="isUsingGlobal()"
+              name="risingShowHighQualityPortraits"
+              @update:globalValue="
+                settings.risingShowHighQualityPortraits = $event
+              "
+              @update:overrideValue="
+                $set(
+                  characterOverrides,
+                  'risingShowHighQualityPortraits',
+                  $event
+                )
+              "
+            />
+
+            <settings-override
+              :label="l('settings.forceQuickConvoList')"
+              :globalValue="settings.forceQuickConvoList"
+              :overrideValue="characterOverrides.forceQuickConvoList"
+              :usingGlobal="isUsingGlobal()"
+              name="forceQuickConvoList"
+              @update:globalValue="settings.forceQuickConvoList = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'forceQuickConvoList', $event)
+              "
+            />
           </div>
-          <settings-checkbox
-            v-model="notifications"
-            :name="'notifications'"
-          ></settings-checkbox>
-        </div>
-      </div>
 
-      <h5>{{ l('settings.notifications.pings') }}</h5>
-
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="highlight">
-              {{ l('settings.highlight') }}
-            </label>
+          <div v-show="selectedTab === 'appearance.messages'">
+            <h5>{{ l('settings.appearance.messages') }}</h5>
+
+            <div class="mb-3 p-2">
+              <label class="control-label" for="chatLayoutMode">{{
+                l('settings.experimental', {
+                  name: l('settings.chatLayoutMode')
+                })
+              }}</label>
+              <settings-select-override
+                id="chatLayoutMode"
+                name="chatLayoutMode"
+                :globalValue="settings.chatLayoutMode"
+                :overrideValue="characterOverrides.chatLayoutMode"
+                :usingGlobal="isUsingGlobal()"
+                :options="[
+                  {
+                    value: 'classic',
+                    label: l('settings.chatLayoutMode.classic')
+                  },
+                  {
+                    value: 'modern',
+                    label: l('settings.chatLayoutMode.modern')
+                  }
+                ]"
+                :fallbackLabel="l('settings.override.useGlobal')"
+                @update:globalValue="setGlobalChatLayoutMode($event)"
+                @update:overrideValue="setCharacterChatLayoutMode($event)"
+              />
+              <small class="form-text text-muted">{{
+                l('settings.chatLayoutMode.modernDescription')
+              }}</small>
+            </div>
+            <settings-override
+              :label="l('settings.messageGrouping')"
+              :description="l('settings.messageGrouping.description')"
+              :globalValue="settings.messageGrouping"
+              :overrideValue="characterOverrides.messageGrouping"
+              :usingGlobal="isUsingGlobal()"
+              name="messageGrouping"
+              @update:globalValue="settings.messageGrouping = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'messageGrouping', $event)
+              "
+            />
+
+            <settings-override
+              :label="l('settings.messageSeparators')"
+              :globalValue="settings.messageSeparators"
+              :overrideValue="characterOverrides.messageSeparators"
+              :usingGlobal="isUsingGlobal()"
+              name="messageSeparators"
+              @update:globalValue="settings.messageSeparators = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'messageSeparators', $event)
+              "
+            />
+            <settings-override
+              :globalValue="settings.risingShowPortraitInMessage"
+              :overrideValue="characterOverrides.risingShowPortraitInMessage"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.showPortraitInMessage')"
+              name="risingShowPortraitInMessage"
+              @update:globalValue="
+                settings.risingShowPortraitInMessage = $event
+              "
+              @update:overrideValue="
+                $set(characterOverrides, 'risingShowPortraitInMessage', $event)
+              "
+            />
+
+            <settings-override
+              :globalValue="settings.horizonMessagePortraitHighQuality"
+              :overrideValue="
+                characterOverrides.horizonMessagePortraitHighQuality
+              "
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.messagePortraitHighQuality')"
+              name="horizonMessagePortraitHighQuality"
+              @update:globalValue="
+                settings.horizonMessagePortraitHighQuality = $event
+              "
+              @update:overrideValue="
+                $set(
+                  characterOverrides,
+                  'horizonMessagePortraitHighQuality',
+                  $event
+                )
+              "
+            />
           </div>
-          <settings-checkbox
-            v-model="highlight"
-            :name="'highlight'"
-          ></settings-checkbox>
-        </div>
-      </div>
-      <div class="mb-3 p-2">
-        <label class="control-label" for="highlightWords">{{
-          l('settings.highlightWords')
-        }}</label>
-        <input
-          id="highlightWords"
-          class="form-control"
-          v-model="highlightWords"
-        />
-      </div>
-      <div class="mb-3 p-2">
-        <label class="control-label" for="horizonHighlightUsers">{{
-          l('settings.highlightUsers')
-        }}</label>
-        <input
-          id="highlightUsers"
-          class="form-control"
-          v-model="horizonHighlightUsers"
-        />
-      </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="horizonNotifyFriendSignIn">
-              {{ l('settings.notifyFriendSignIn') }}
-            </label>
+          <div v-show="selectedTab === 'appearance.users'">
+            <h5>{{ l('settings.appearance.users') }}</h5>
+
+            <settings-override
+              :globalValue="settings.horizonShowCustomCharacterColors"
+              :overrideValue="
+                characterOverrides.horizonShowCustomCharacterColors
+              "
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.showCustomCharacterColors')"
+              name="horizonShowCustomCharacterColors"
+              @update:globalValue="
+                settings.horizonShowCustomCharacterColors = $event
+              "
+              @update:overrideValue="
+                $set(
+                  characterOverrides,
+                  'horizonShowCustomCharacterColors',
+                  $event
+                )
+              "
+            />
+
+            <settings-override
+              :globalValue="settings.horizonShowDeveloperBadges"
+              :overrideValue="characterOverrides.horizonShowDeveloperBadges"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.showDeveloperBadges')"
+              name="horizonShowDeveloperBadges"
+              @update:globalValue="settings.horizonShowDeveloperBadges = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'horizonShowDeveloperBadges', $event)
+              "
+            />
+
+            <settings-override
+              :globalValue="settings.horizonShowGenderMarker"
+              :overrideValue="characterOverrides.horizonShowGenderMarker"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.showGenderIcon')"
+              name="horizonShowGenderMarker"
+              @update:globalValue="settings.horizonShowGenderMarker = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'horizonShowGenderMarker', $event)
+              "
+            />
+
+            <settings-override
+              :globalValue="settings.horizonGenderMarkerOrigColor"
+              :overrideValue="characterOverrides.horizonGenderMarkerOrigColor"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.genderIconUseOriginalColor')"
+              name="horizonGenderMarkerOrigColor"
+              @update:globalValue="
+                settings.horizonGenderMarkerOrigColor = $event
+              "
+              @update:overrideValue="
+                $set(characterOverrides, 'horizonGenderMarkerOrigColor', $event)
+              "
+              :disabled="!settings.horizonShowGenderMarker"
+            />
+
+            <settings-override
+              :globalValue="settings.horizonChangeOfflineColor"
+              :overrideValue="characterOverrides.horizonChangeOfflineColor"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.changeOfflineColor')"
+              name="horizonChangeOfflineColor"
+              @update:globalValue="settings.horizonChangeOfflineColor = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'horizonChangeOfflineColor', $event)
+              "
+            />
           </div>
-          <settings-checkbox
-            v-model="horizonNotifyFriendSignIn"
-            :name="'horizonNotifyFriendSignIn'"
-            :disabled="!horizonShowSigninNotifications"
-          ></settings-checkbox>
-        </div>
-      </div>
 
-      <h5>{{ l('settings.notifications.console') }}</h5>
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="eventMessages">
-              {{ l('settings.eventMessages') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="eventMessages"
-            :name="'eventMessages'"
-          ></settings-checkbox>
-        </div>
-      </div>
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="joinMessages">
-              {{ l('settings.joinMessages') }}
-            </label>
+          <div v-show="selectedTab === 'notifications.behavior'">
+            <h5>{{ l('settings.chat.behavior') }}</h5>
+
+            <settings-override
+              :globalValue="settings.playSound"
+              :overrideValue="characterOverrides.playSound"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.playSound')"
+              name="playSound"
+              @update:globalValue="settings.playSound = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'playSound', $event)
+              "
+            />
+            <settings-override
+              :globalValue="settings.alwaysNotify"
+              :overrideValue="characterOverrides.alwaysNotify"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.alwaysNotify')"
+              name="alwaysNotify"
+              @update:globalValue="settings.alwaysNotify = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'alwaysNotify', $event)
+              "
+              :disabled="!settings.playSound"
+            />
+            <settings-override
+              :globalValue="settings.notifications"
+              :overrideValue="characterOverrides.notifications"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.notifications')"
+              name="notifications"
+              @update:globalValue="settings.notifications = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'notifications', $event)
+              "
+            />
           </div>
-          <settings-checkbox
-            v-model="joinMessages"
-            :name="'joinMessages'"
-          ></settings-checkbox>
-        </div>
-      </div>
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="horizonShowSigninNotifications">
-              {{ l('settings.showSigninNotifications') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="horizonShowSigninNotifications"
-            :name="'horizonShowSigninNotifications'"
-          ></settings-checkbox>
-        </div>
-      </div>
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label
-              class="control-label"
-              for="horizonShowDuplicateStatusNotifications"
-            >
-              {{ l('settings.showDuplicateStatusNotifications') }}
-            </label>
-            <div class="form-text text-muted">
-              {{ l('settings.showDuplicateStatusNotifications.note') }}
-            </div>
-          </div>
-          <settings-checkbox
-            v-model="horizonShowDuplicateStatusNotifications"
-            :name="'horizonShowDuplicateStatusNotifications'"
-          ></settings-checkbox>
-        </div>
-      </div>
-    </div>
-
-    <div v-show="selectedTab === '3'">
-      <h5>{{ l('settings.tabs.hideAds') }}</h5>
-      <div class="mb-3 p-2">
-        <template v-if="hidden.length">
-          <input
-            type="text"
-            class="form-control mb-2"
-            :placeholder="l('filter')"
-            v-model="hiddenFilter"
-          />
-          <virtual-list
-            style="overflow: auto; height: 300px"
-            :items="filteredHidden"
-            :itemHeight="28"
-            :overscan="5"
-            keyField="name"
-            :resetKey="hiddenFilter"
-          >
-            <template slot-scope="{ item: entry }">
-              <div>
-                <span
-                  class="fa fa-times"
-                  style="cursor: pointer"
-                  @click.stop="unhide(entry.name)"
-                ></span>
-                <span class="ms-2">{{ entry.name }}</span>
-              </div>
-            </template>
-          </virtual-list>
-        </template>
-        <template v-else>{{ l('settings.hideAds.empty') }}</template>
-      </div>
 
-      <h5>{{ l('settings.matching') }}</h5>
+          <div v-show="selectedTab === 'notifications.pings'">
+            <h5>{{ l('settings.notifications.pings') }}</h5>
+
+            <settings-override
+              :globalValue="settings.highlight"
+              :overrideValue="characterOverrides.highlight"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.highlight')"
+              name="highlight"
+              @update:globalValue="settings.highlight = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'highlight', $event)
+              "
+            />
+            <div class="mb-3 p-2">
+              <settings-array
+                id="highlightWords"
+                v-model="settings.highlightWords"
+                :globalValue="settings.highlightWords"
+                :overrideValue="characterOverrides.highlightWords"
+                :usingGlobal="isUsingGlobal()"
+                @update:globalValue="settings.highlightWords = $event"
+                @update:overrideValue="
+                  $set(characterOverrides, 'highlightWords', $event)
+                "
+                :name="l('settings.highlightWords')"
+              />
+            </div>
+            <div class="mb-3 p-2">
+              <settings-array
+                id="horizonHighlightUsers"
+                v-model="settings.horizonHighlightUsers"
+                :globalValue="settings.horizonHighlightUsers"
+                :overrideValue="characterOverrides.horizonHighlightUsers"
+                :usingGlobal="isUsingGlobal()"
+                @update:globalValue="settings.horizonHighlightUsers = $event"
+                @update:overrideValue="
+                  $set(characterOverrides, 'horizonHighlightUsers', $event)
+                "
+                :name="l('settings.highlightUsers')"
+              />
+            </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="risingAdScore">
-              {{ l('settings.matching.adScore') }}
-            </label>
+            <settings-override
+              :globalValue="settings.horizonNotifyFriendSignIn"
+              :overrideValue="characterOverrides.horizonNotifyFriendSignIn"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.notifyFriendSignIn')"
+              name="horizonNotifyFriendSignIn"
+              @update:globalValue="settings.horizonNotifyFriendSignIn = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'horizonNotifyFriendSignIn', $event)
+              "
+            />
           </div>
-          <settings-checkbox
-            v-model="risingAdScore"
-            :name="'risingAdScore'"
-          ></settings-checkbox>
-        </div>
-      </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="risingComparisonInUserMenu">
-              {{ l('settings.matching.comparisonInUserMenu') }}
-            </label>
+          <div v-show="selectedTab === 'notifications.console'">
+            <h5>{{ l('settings.notifications.console') }}</h5>
+            <settings-override
+              :globalValue="settings.eventMessages"
+              :overrideValue="characterOverrides.eventMessages"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.eventMessages')"
+              name="eventMessages"
+              @update:globalValue="settings.eventMessages = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'eventMessages', $event)
+              "
+            />
+            <settings-override
+              :globalValue="settings.joinMessages"
+              :overrideValue="characterOverrides.joinMessages"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.joinMessages')"
+              name="joinMessages"
+              @update:globalValue="settings.joinMessages = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'joinMessages', $event)
+              "
+            />
+            <settings-override
+              :globalValue="settings.horizonShowSigninNotifications"
+              :overrideValue="characterOverrides.horizonShowSigninNotifications"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.showSigninNotifications')"
+              name="horizonShowSigninNotifications"
+              @update:globalValue="
+                settings.horizonShowSigninNotifications = $event
+              "
+              @update:overrideValue="
+                $set(
+                  characterOverrides,
+                  'horizonShowSigninNotifications',
+                  $event
+                )
+              "
+            />
+            <settings-override
+              :globalValue="settings.horizonShowDuplicateStatusNotifications"
+              :overrideValue="
+                characterOverrides.horizonShowDuplicateStatusNotifications
+              "
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.showDuplicateStatusNotifications')"
+              :description="l('settings.showDuplicateStatusNotifications.note')"
+              name="horizonShowDuplicateStatusNotifications"
+              @update:globalValue="
+                settings.horizonShowDuplicateStatusNotifications = $event
+              "
+              @update:overrideValue="
+                $set(
+                  characterOverrides,
+                  'horizonShowDuplicateStatusNotifications',
+                  $event
+                )
+              "
+            />
           </div>
-          <settings-checkbox
-            v-model="risingComparisonInUserMenu"
-            :name="'risingComparisonInUserMenu'"
-          ></settings-checkbox>
-        </div>
-      </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="risingComparisonInSearch">
-              {{ l('settings.matching.comparisonInSearch') }}
-            </label>
+          <div v-show="selectedTab === 'profiles.hiddenAds'">
+            <h5>{{ l('settings.tabs.hideAds') }}</h5>
+            <div class="mb-3 p-2">
+              <!--TODO
+              Oh my god, I do not want to do this for global settings too.
+              Let's figure this out after the new friends list shite gets merged.
+              -->
+              <template v-if="hidden.length">
+                <input
+                  type="text"
+                  class="form-control mb-2"
+                  :placeholder="l('filter')"
+                  v-model="hiddenFilter"
+                />
+                <virtual-list
+                  style="overflow: auto; height: 300px"
+                  :items="filteredHidden"
+                  :itemHeight="28"
+                  :overscan="5"
+                  keyField="name"
+                  :resetKey="hiddenFilter"
+                >
+                  <template slot-scope="{ item: entry }">
+                    <div>
+                      <span
+                        class="fa fa-times"
+                        style="cursor: pointer"
+                        @click.stop="unhide(entry.name)"
+                      ></span>
+                      <span class="ms-2">{{ entry.name }}</span>
+                    </div>
+                  </template>
+                </virtual-list>
+              </template>
+              <template v-else>{{ l('settings.hideAds.empty') }}</template>
+            </div>
           </div>
-          <settings-checkbox
-            v-model="risingComparisonInSearch"
-            :name="'risingComparisonInSearch'"
-          ></settings-checkbox>
-        </div>
-      </div>
 
-      <!--            <div class="mb-3">-->
-      <!--                <label class="control-label" for="hideProfileComparisonSummary">-->
-      <!--                    <input type="checkbox" id="hideProfileComparisonSummary" :checked="!hideProfileComparisonSummary" @input="hideProfileComparisonSummary = !$event.target.checked"/>-->
-      <!--                    Show quick match results at the top of the character profile-->
-      <!--                </label>-->
-      <!--            </div>-->
-
-      <h5>{{ l('settings.profile.viewer') }}</h5>
-
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="risingAutoCompareKinks">
-              {{ l('settings.profile.autoCompareKinks') }}
-            </label>
+          <div v-show="selectedTab === 'profiles.matching'">
+            <h5>{{ l('settings.matching') }}</h5>
+
+            <settings-override
+              :globalValue="settings.risingAdScore"
+              :overrideValue="characterOverrides.risingAdScore"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.matching.adScore')"
+              name="risingAdScore"
+              @update:globalValue="settings.risingAdScore = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'risingAdScore', $event)
+              "
+            />
+
+            <settings-override
+              :globalValue="settings.risingComparisonInUserMenu"
+              :overrideValue="characterOverrides.risingComparisonInUserMenu"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.matching.comparisonInUserMenu')"
+              name="risingComparisonInUserMenu"
+              @update:globalValue="settings.risingComparisonInUserMenu = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'risingComparisonInUserMenu', $event)
+              "
+            />
+
+            <settings-override
+              :globalValue="settings.risingComparisonInSearch"
+              :overrideValue="characterOverrides.risingComparisonInSearch"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.matching.comparisonInSearch')"
+              name="risingComparisonInSearch"
+              @update:globalValue="settings.risingComparisonInSearch = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'risingComparisonInSearch', $event)
+              "
+            />
           </div>
-          <settings-checkbox
-            v-model="risingAutoCompareKinks"
-            :name="'risingAutoCompareKinks'"
-          ></settings-checkbox>
-        </div>
-      </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="risingAutoExpandCustomKinks">
-              {{ l('settings.profile.autoExpandCustoms') }}
-            </label>
-          </div>
-          <settings-checkbox
-            v-model="risingAutoExpandCustomKinks"
-            :name="'risingAutoExpandCustomKinks'"
-          ></settings-checkbox>
-        </div>
-      </div>
-      <h5>{{ l('settings.profile.ignoredList') }}</h5>
-      <div class="mb-3 p-2">
-        <template v-if="ignored.length">
-          <div v-for="(user, i) in ignored">
-            <span
-              class="fa fa-times"
-              style="cursor: pointer"
-              role="button"
-              :aria-label="l('user.unignore')"
-              @click.stop="unignore(user)"
-            ></span>
-            <user-view :character="getCharacter(user)"></user-view>
+          <div v-show="selectedTab === 'profiles.viewer'">
+            <h5>{{ l('settings.profile.viewer') }}</h5>
+
+            <settings-override
+              :globalValue="settings.risingAutoCompareKinks"
+              :overrideValue="characterOverrides.risingAutoCompareKinks"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.profile.autoCompareKinks')"
+              name="risingAutoCompareKinks"
+              @update:globalValue="settings.risingAutoCompareKinks = $event"
+              @update:overrideValue="
+                $set(characterOverrides, 'risingAutoCompareKinks', $event)
+              "
+            />
+
+            <settings-override
+              :globalValue="settings.risingAutoExpandCustomKinks"
+              :overrideValue="characterOverrides.risingAutoExpandCustomKinks"
+              :usingGlobal="isUsingGlobal()"
+              :label="l('settings.profile.autoExpandCustoms')"
+              name="risingAutoExpandCustomKinks"
+              @update:globalValue="
+                settings.risingAutoExpandCustomKinks = $event
+              "
+              @update:overrideValue="
+                $set(characterOverrides, 'risingAutoExpandCustomKinks', $event)
+              "
+            />
           </div>
-        </template>
-        <template v-else>{{
-          l('settings.profile.ignoredList.empty')
-        }}</template>
-      </div>
-    </div>
-
-    <div v-show="selectedTab === '4'">
-      <div class="warning">
-        <h5>{{ l('settings.dangerZone') }}</h5>
-        <div>
-          {{ l('settings.filteringWarning1') }}
-        </div>
-
-        <div>
-          {{ l('settings.filteringWarning2') }}
-        </div>
-      </div>
 
-      <h5>{{ l('settings.visibility') }}</h5>
-
-      <div class="mb-3 filters">
-        <div class="form-check">
-          <input
-            class="form-check-input"
-            type="checkbox"
-            id="risingFilter.hideAds"
-            v-model="risingFilter.hideAds"
-          />
-          <label class="form-check-label" for="risingFilter.hideAds">
-            <bbcode :text="l('settings.filter.hideAds')"></bbcode>
-          </label>
-        </div>
+          <div v-show="selectedTab === 'profiles.ignoredList'">
+            <h5>{{ l('settings.profile.ignoredList') }}</h5>
+            <div class="mb-3 p-2">
+              <template v-if="ignored.length">
+                <div v-for="user in ignored">
+                  <span
+                    class="fa fa-times"
+                    style="cursor: pointer"
+                    role="button"
+                    :aria-label="l('user.unignore')"
+                    @click.stop="unignore(user)"
+                  ></span>
+                  <user-view :character="getCharacter(user)"></user-view>
+                </div>
+              </template>
+              <template v-else>{{
+                l('settings.profile.ignoredList.empty')
+              }}</template>
+            </div>
+          </div>
 
-        <div class="form-check">
-          <input
-            class="form-check-input"
-            type="checkbox"
-            id="risingFilter.hideSearchResults"
-            v-model="risingFilter.hideSearchResults"
-          />
-          <label class="form-check-label" for="risingFilter.hideSearchResults">
-            <bbcode :text="l('settings.filter.hideSearchResults')"></bbcode>
-          </label>
-        </div>
+          <div v-show="selectedTab === 'profiles.smartFilters'">
+            <div class="warning">
+              <h5>{{ l('settings.dangerZone') }}</h5>
+              <div>
+                {{ l('settings.filter.deprecated') }}
+              </div>
+              <div v-if="settingsMode === '0'">
+                {{ l('settings.filter.deprecated.characterOnly') }}
+              </div>
+            </div>
 
-        <div class="form-check">
-          <input
-            class="form-check-input"
-            type="checkbox"
-            id="risingFilter.hideChannelMembers"
-            v-model="risingFilter.hideChannelMembers"
-          />
-          <label class="form-check-label" for="risingFilter.hideChannelMembers">
-            <bbcode :text="l('settings.filter.hideChannelMembers')"></bbcode>
-          </label>
-        </div>
+            <h5>{{ l('settings.visibility') }}</h5>
+
+            <div class="mb-3 filters">
+              <div class="form-check">
+                <input
+                  class="form-check-input"
+                  type="checkbox"
+                  id="risingFilter.hideAds"
+                  v-model="activeRisingFilter.hideAds"
+                />
+                <label class="form-check-label" for="risingFilter.hideAds">
+                  <bbcode :text="l('settings.filter.hideAds')"></bbcode>
+                </label>
+              </div>
 
-        <div class="form-check">
-          <input
-            class="form-check-input"
-            type="checkbox"
-            id="risingFilter.hidePublicChannelMessages"
-            v-model="risingFilter.hidePublicChannelMessages"
-          />
-          <label
-            class="form-check-label"
-            for="risingFilter.hidePublicChannelMessages"
-          >
-            <bbcode
-              :text="l('settings.filter.hidePublicChannelMessages')"
-            ></bbcode>
-          </label>
-        </div>
+              <div class="form-check">
+                <input
+                  class="form-check-input"
+                  type="checkbox"
+                  id="risingFilter.hideSearchResults"
+                  v-model="activeRisingFilter.hideSearchResults"
+                />
+                <label
+                  class="form-check-label"
+                  for="risingFilter.hideSearchResults"
+                >
+                  <bbcode
+                    :text="l('settings.filter.hideSearchResults')"
+                  ></bbcode>
+                </label>
+              </div>
 
-        <div class="form-check">
-          <input
-            class="form-check-input"
-            type="checkbox"
-            id="risingFilter.hidePrivateChannelMessages"
-            v-model="risingFilter.hidePrivateChannelMessages"
-          />
-          <label
-            class="form-check-label"
-            for="risingFilter.hidePrivateChannelMessages"
-          >
-            <bbcode
-              :text="l('settings.filter.hidePrivateChannelMessages')"
-            ></bbcode>
-          </label>
-        </div>
+              <div class="form-check">
+                <input
+                  class="form-check-input"
+                  type="checkbox"
+                  id="risingFilter.hideChannelMembers"
+                  v-model="activeRisingFilter.hideChannelMembers"
+                />
+                <label
+                  class="form-check-label"
+                  for="risingFilter.hideChannelMembers"
+                >
+                  <bbcode
+                    :text="l('settings.filter.hideChannelMembers')"
+                  ></bbcode>
+                </label>
+              </div>
 
-        <div class="form-check">
-          <input
-            class="form-check-input"
-            type="checkbox"
-            id="risingFilter.hidePrivateMessages"
-            v-model="risingFilter.hidePrivateMessages"
-          />
-          <label
-            class="form-check-label"
-            for="risingFilter.hidePrivateMessages"
-          >
-            <bbcode :text="l('settings.filter.hidePrivateMessages')"></bbcode>
-          </label>
-        </div>
+              <div class="form-check">
+                <input
+                  class="form-check-input"
+                  type="checkbox"
+                  id="risingFilter.hidePublicChannelMessages"
+                  v-model="activeRisingFilter.hidePublicChannelMessages"
+                />
+                <label
+                  class="form-check-label"
+                  for="risingFilter.hidePublicChannelMessages"
+                >
+                  <bbcode
+                    :text="l('settings.filter.hidePublicChannelMessages')"
+                  ></bbcode>
+                </label>
+              </div>
 
-        <div class="form-check">
-          <input
-            class="form-check-input"
-            type="checkbox"
-            id="risingFilter.showFilterIcon"
-            v-model="risingFilter.showFilterIcon"
-          />
-          <label class="form-check-label" for="risingFilter.showFilterIcon">
-            <bbcode :text="l('settings.filter.showFilterIcon')"></bbcode>
-          </label>
-        </div>
-      </div>
+              <div class="form-check">
+                <input
+                  class="form-check-input"
+                  type="checkbox"
+                  id="risingFilter.hidePrivateChannelMessages"
+                  v-model="activeRisingFilter.hidePrivateChannelMessages"
+                />
+                <label
+                  class="form-check-label"
+                  for="risingFilter.hidePrivateChannelMessages"
+                >
+                  <bbcode
+                    :text="l('settings.filter.hidePrivateChannelMessages')"
+                  ></bbcode>
+                </label>
+              </div>
 
-      <div class="mb-3 filters">
-        <div class="form-check">
-          <input
-            class="form-check-input"
-            type="checkbox"
-            id="risingFilter.penalizeMatches"
-            v-model="risingFilter.penalizeMatches"
-          />
-          <label class="form-check-label" for="risingFilter.penalizeMatches">
-            <bbcode :text="l('settings.filter.penalizeMatches')"></bbcode>
-          </label>
-        </div>
+              <div class="form-check">
+                <input
+                  class="form-check-input"
+                  type="checkbox"
+                  id="risingFilter.hidePrivateMessages"
+                  v-model="activeRisingFilter.hidePrivateMessages"
+                />
+                <label
+                  class="form-check-label"
+                  for="risingFilter.hidePrivateMessages"
+                >
+                  <bbcode
+                    :text="l('settings.filter.hidePrivateMessages')"
+                  ></bbcode>
+                </label>
+              </div>
 
-        <div class="form-check">
-          <input
-            class="form-check-input"
-            type="checkbox"
-            id="risingFilter.rewardNonMatches"
-            v-model="risingFilter.rewardNonMatches"
-          />
-          <label class="form-check-label" for="risingFilter.rewardNonMatches">
-            <bbcode :text="l('settings.filter.rewardNonMatches')"></bbcode>
-          </label>
-        </div>
-      </div>
+              <div class="form-check">
+                <input
+                  class="form-check-input"
+                  type="checkbox"
+                  id="risingFilter.showFilterIcon"
+                  v-model="activeRisingFilter.showFilterIcon"
+                />
+                <label
+                  class="form-check-label"
+                  for="risingFilter.showFilterIcon"
+                >
+                  <bbcode :text="l('settings.filter.showFilterIcon')"></bbcode>
+                </label>
+              </div>
+            </div>
 
-      <h5>{{ l('settings.channelMembersFilters') }}</h5>
+            <div class="mb-3 filters">
+              <div class="form-check">
+                <input
+                  class="form-check-input"
+                  type="checkbox"
+                  id="risingFilter.penalizeMatches"
+                  v-model="activeRisingFilter.penalizeMatches"
+                />
+                <label
+                  class="form-check-label"
+                  for="risingFilter.penalizeMatches"
+                >
+                  <bbcode :text="l('settings.filter.penalizeMatches')"></bbcode>
+                </label>
+              </div>
 
-      <div class="mb-3">
-        <div class="d-flex p-2 justify-content-between align-items-start">
-          <div class="w-50">
-            <label class="control-label" for="horizonPersistentMemberFilters">
-              {{ l('settings.horizon.persistentMemberFilters') }}
-            </label>
-            <div class="form-text text-muted">
-              {{ l('settings.horizon.persistentMemberFilters.help') }}
+              <div class="form-check">
+                <input
+                  class="form-check-input"
+                  type="checkbox"
+                  id="risingFilter.rewardNonMatches"
+                  v-model="activeRisingFilter.rewardNonMatches"
+                />
+                <label
+                  class="form-check-label"
+                  for="risingFilter.rewardNonMatches"
+                >
+                  <bbcode
+                    :text="l('settings.filter.rewardNonMatches')"
+                  ></bbcode>
+                </label>
+              </div>
             </div>
-          </div>
-          <settings-checkbox
-            v-model="horizonPersistentMemberFilters"
-            :name="'horizonPersistentMemberFilters'"
-          ></settings-checkbox>
-        </div>
-      </div>
 
-      <h5>{{ l('settings.ageMatch') }}</h5>
-      <div class="mb-3">{{ l('settings.leaveEmptyNoLimit') }}</div>
-
-      <div class="mb-3">
-        <label class="control-label" for="risingFilter.minAge">{{
-          l('settings.minAge')
-        }}</label>
-        <input
-          id="risingFilter.minAge"
-          type="number"
-          class="form-control"
-          v-model="risingFilter.minAge"
-          :placeholder="l('settings.enterAge')"
-        />
-
-        <label class="control-label" for="risingFilter.maxAge">{{
-          l('settings.maxAge')
-        }}</label>
-        <input
-          id="risingFilter.maxAge"
-          type="number"
-          class="form-control"
-          v-model="risingFilter.maxAge"
-          :placeholder="l('settings.enterAge')"
-        />
-      </div>
+            <h5>{{ l('settings.ageMatch') }}</h5>
+            <div class="mb-3 p-2">{{ l('settings.leaveEmptyNoLimit') }}</div>
+
+            <div class="mb-3 p-2">
+              <label class="control-label" for="risingFilter.minAge">{{
+                l('settings.minAge')
+              }}</label>
+              <input
+                id="risingFilter.minAge"
+                type="number"
+                class="form-control"
+                v-model="activeRisingFilter.minAge"
+                :placeholder="l('settings.enterAge')"
+              />
+
+              <label class="control-label" for="risingFilter.maxAge">{{
+                l('settings.maxAge')
+              }}</label>
+              <input
+                id="risingFilter.maxAge"
+                type="number"
+                class="form-control"
+                v-model="activeRisingFilter.maxAge"
+                :placeholder="l('settings.enterAge')"
+              />
+            </div>
 
-      <h5>{{ l('settings.typeMatch') }}</h5>
-      <div class="mb-3 filters">
-        <div class="form-check" v-for="(value, key) in smartFilterTypes">
-          <input
-            class="form-check-input"
-            type="checkbox"
-            :id="'risingFilter.smartFilters.' + key"
-            v-bind:checked="getSmartFilter(key)"
-            @change="v => setSmartFilter(key, v)"
-          />
-          <label
-            class="form-check-label"
-            :for="'risingFilter.smartFilters.' + key"
-          >
-            {{ value.name }}
-          </label>
-        </div>
-      </div>
+            <h5>{{ l('settings.typeMatch') }}</h5>
+            <div class="mb-3 filters">
+              <div class="form-check" v-for="(value, key) in smartFilterTypes">
+                <input
+                  class="form-check-input"
+                  type="checkbox"
+                  :id="'risingFilter.smartFilters.' + key"
+                  v-bind:checked="getSmartFilter(key)"
+                  @change="v => setSmartFilter(key, v)"
+                />
+                <label
+                  class="form-check-label"
+                  :for="'risingFilter.smartFilters.' + key"
+                >
+                  {{ value.name }}
+                </label>
+              </div>
+            </div>
+            <h5>{{ l('settings.automaticReplies') }}</h5>
+            <div class="mb-3 filters">
+              <div class="form-check">
+                <input
+                  class="form-check-input"
+                  type="checkbox"
+                  id="risingFilter.autoReply"
+                  v-model="activeRisingFilter.autoReply"
+                />
+                <label class="form-check-label" for="risingFilter.autoReply">
+                  {{ l('settings.autoReply') }}
+                </label>
+              </div>
 
-      <h5>{{ l('settings.automaticReplies') }}</h5>
-      <div class="mb-3 filters">
-        <div class="form-check">
-          <input
-            class="form-check-input"
-            type="checkbox"
-            id="risingFilter.autoReply"
-            v-model="risingFilter.autoReply"
-          />
-          <label class="form-check-label" for="risingFilter.autoReply">
-            {{ l('settings.autoReply') }}
-          </label>
-        </div>
+              <div class="form-check">
+                <input
+                  class="form-check-input"
+                  type="checkbox"
+                  id="risingFilter.autoReplyCustom"
+                  v-model="activeRisingFilter.autoReplyCustom"
+                  :disabled="!activeRisingFilter.autoReply"
+                />
+                <label
+                  class="form-check-label"
+                  for="risingFilter.autoReplyCustom"
+                >
+                  {{ l('settings.autoReplyCustom') }}
+                </label>
+              </div>
 
-        <div class="form-check">
-          <input
-            class="form-check-input"
-            type="checkbox"
-            id="risingFilter.autoReplyCustom"
-            v-model="risingFilter.autoReplyCustom"
-            :disabled="!risingFilter.autoReply"
-          />
-          <label class="form-check-label" for="risingFilter.autoReplyCustom">
-            {{ l('settings.autoReplyCustom') }}
-          </label>
-        </div>
+              <editor
+                v-model="activeRisingFilter.autoReplyCustomMessage"
+                :hasToolbar="true"
+                :classes="'form-control'"
+                rows="5"
+                :disabled="
+                  !activeRisingFilter.autoReplyCustom ||
+                  !activeRisingFilter.autoReply
+                "
+                :placeholder="l('settings.autoReplyPlaceholder')"
+                maxlength="10000"
+              >
+              </editor>
+
+              <div class="mb-3">
+                {{ l('settings.autoReplyNote') }}
+              </div>
+            </div>
+            <h5>{{ l('settings.exceptionList') }}</h5>
+            <div class="mb-3 p-2">
+              {{ l('settings.exceptionList.help') }}
+            </div>
 
-        <editor
-          v-model="risingFilter.autoReplyCustomMessage"
-          :hasToolbar="true"
-          :classes="'form-control'"
-          rows="5"
-          :disabled="!risingFilter.autoReplyCustom || !risingFilter.autoReply"
-          :placeholder="l('settings.autoReplyPlaceholder')"
-          maxlength="10000"
-        >
-        </editor>
+            <div class="mb-3 p-2">
+              <textarea
+                class="form-control"
+                :value="getExceptionList()"
+                @change="v => setExceptionList(v)"
+                :placeholder="l('settings.enterNames')"
+              ></textarea>
+            </div>
+          </div>
 
-        <div class="mb-3">
-          {{ l('settings.autoReplyNote') }}
+          <div v-show="selectedTab === 'import.main'">
+            <div style="display: flex; padding-top: 10px">
+              <select
+                id="import"
+                class="form-select"
+                v-model="importCharacter"
+                style="flex: 1; margin-right: 10px"
+              >
+                <option value="">
+                  {{ l('settings.import.selectCharacter') }}
+                </option>
+                <option
+                  v-for="character in availableImports"
+                  :value="character"
+                >
+                  {{ character }}
+                </option>
+              </select>
+              <button
+                class="btn btn-secondary"
+                @click="doImport"
+                :disabled="!importCharacter"
+              >
+                {{ l('settings.import') }}
+              </button>
+            </div>
+          </div>
         </div>
       </div>
-
-      <h5>{{ l('settings.exceptionList') }}</h5>
-      <div class="mb-3">
-        {{ l('settings.exceptionList.help') }}
-      </div>
-
-      <div class="mb-3">
-        <textarea
-          class="form-control"
-          :value="getExceptionList()"
-          @change="v => setExceptionList(v)"
-          :placeholder="l('settings.enterNames')"
-        ></textarea>
-      </div>
-    </div>
-
-    <div v-show="selectedTab === '5'">
-      <div style="display: flex; padding-top: 10px">
-        <select
-          id="import"
-          class="form-select"
-          v-model="importCharacter"
-          style="flex: 1; margin-right: 10px"
-        >
-          <option value="">{{ l('settings.import.selectCharacter') }}</option>
-          <option v-for="character in availableImports" :value="character">
-            {{ character }}
-          </option>
-        </select>
-        <button
-          class="btn btn-secondary"
-          @click="doImport"
-          :disabled="!importCharacter"
-        >
-          {{ l('settings.import') }}
-        </button>
-      </div>
     </div>
   </modal>
 </template>
@@ -1160,11 +2451,25 @@
   import { Editor } from './bbcode';
   import Tabs from '../components/tabs';
   import { BBCodeView } from '../bbcode/view';
-  import SettingsCheckbox from '../components/SettingsCheckbox.vue';
+  import FilterableSelect from '../components/FilterableSelect.vue';
+  import SettingsOverride from '../components/settings/SettingsOverride.vue';
+  import SettingsInput from '../components/settings/SettingsInput.vue';
+  import SettingsArray from '../components/settings/SettingsArray.vue';
+  import SettingsCheckbox from '../components/settings/SettingsCheckbox.vue';
+  import SettingsSelectOverride from '../components/settings/SettingsSelectOverride.vue';
+  import LocalizedText from '../components/localized_text';
   import { UserInterfaceBBCodeParser } from '../bbcode/user-interface';
+  import { Settings as DefaultSettings } from './common';
   import core from './core';
-  import { Settings as SettingsInterface, Character } from './interfaces';
-  import l from './localize';
+  import {
+    Settings as SettingsInterface,
+    Character,
+    PartialSettings
+  } from './interfaces';
+  import { GeneralSettings } from './general-settings';
+  import l, { availableDisplayLanguages, setLanguage } from './localize';
+  import { formatLanguage } from './languages';
+  import { SpellcheckLanguage } from './platform';
   import {
     SmartFilterSettings,
     SmartFilterSelection
@@ -1175,93 +2480,209 @@
   import { EventBus } from './preview/event-bus';
   import UserView from './UserView.vue';
   import VirtualList from '../components/VirtualList.vue';
+  import { SOLSTICE_VERSION, HORIZON_BASE_VERSION } from './version';
 
   const bbcodeParser = new UserInterfaceBBCodeParser();
 
+  // The item shapes components/tabs.ts accepts (it does not export them).
+  type SettingsTabItem =
+    | { type?: 'tab'; id: string; label: string; iconClass?: string }
+    | { type: 'label'; label: string; iconClass?: string }
+    | { type: 'divider' };
+
   export default CustomDialog.extend({
     components: {
       modal: Modal,
       editor: Editor,
       tabs: Tabs,
       bbcode: BBCodeView(bbcodeParser),
-      'settings-checkbox': SettingsCheckbox,
+      'localized-text': LocalizedText,
+      'filterable-select': FilterableSelect,
       'user-view': UserView,
-      'virtual-list': VirtualList
+      'virtual-list': VirtualList,
+      'settings-override': SettingsOverride,
+      'settings-input': SettingsInput,
+      'settings-array': SettingsArray,
+      'settings-checkbox': SettingsCheckbox,
+      'settings-select-override': SettingsSelectOverride
+    },
+    async mounted(): Promise<void> {
+      this.availableThemes = fs
+        .readdirSync(path.join(__dirname, 'themes'))
+        .filter(x => x.substr(-4) === '.css')
+        .map(x => x.slice(0, -4));
+
+      this.loadAvailableSoundThemes();
+      this.$watch(
+        () => this.generalSettings && this.generalSettings.soundTheme,
+        async () => {
+          if (this.generalSettings) {
+            await this.loadSelectedSoundThemeDetails();
+          }
+        }
+      );
+
+      this.platform = process.platform;
     },
     data() {
+      const defaultSettings = new DefaultSettings();
+
       return {
         l,
+        solsticeVersion: SOLSTICE_VERSION,
+        horizonVersion: HORIZON_BASE_VERSION,
         availableImports: [] as ReadonlyArray<string>,
-        selectedTab: '0',
+        selectedTab: 'app.general',
+        settingsMode: '0',
         importCharacter: '',
-        playSound: undefined as any as boolean,
-        clickOpensMessage: undefined as any as boolean,
-        disallowedTags: undefined as any as string,
-        notifications: undefined as any as boolean,
-        highlight: undefined as any as boolean,
-        highlightWords: undefined as any as string,
-        showAvatars: undefined as any as boolean,
-        animatedEicons: undefined as any as boolean,
-        smoothMosaics: undefined as any as boolean,
-        idleTimer: undefined as any as string,
-        messageSeparators: undefined as any as boolean,
-        eventMessages: undefined as any as boolean,
-        joinMessages: undefined as any as boolean,
-        alwaysNotify: undefined as any as boolean,
-        logMessages: undefined as any as boolean,
-        logAds: undefined as any as boolean,
-        fontSize: undefined as any as string,
-        showNeedsReply: undefined as any as boolean,
-        enterSend: undefined as any as boolean,
-        colorBookmarks: undefined as any as boolean,
-        showPerCharacterFriends: undefined as any as boolean,
-        hideNonCharacterFriends: undefined as any as boolean,
-        bbCodeBar: undefined as any as boolean,
-
-        risingAdScore: undefined as any as boolean,
-        risingLinkPreview: undefined as any as boolean,
-        risingAutoCompareKinks: undefined as any as boolean,
-
-        risingAutoExpandCustomKinks: undefined as any as boolean,
-        risingCharacterPreview: undefined as any as boolean,
-        risingComparisonInUserMenu: undefined as any as boolean,
-        risingComparisonInSearch: undefined as any as boolean,
-
-        risingShowUnreadOfflineCount: undefined as any as boolean,
-        risingColorblindMode: undefined as any as boolean,
-
-        risingShowPortraitNearInput: undefined as any as boolean,
-        risingShowPortraitInMessage: undefined as any as boolean,
-        risingShowHighQualityPortraits: undefined as any as boolean,
-        horizonMessagePortraitHighQuality: undefined as any as boolean,
-        horizonShowCustomCharacterColors: undefined as any as boolean,
-        horizonShowDeveloperBadges: undefined as any as boolean,
-        horizonShowGenderMarker: undefined as any as boolean,
-        horizonGenderMarkerOrigColor: undefined as any as boolean,
-        horizonChangeOfflineColor: undefined as any as boolean,
-        horizonNotifyFriendSignIn: undefined as any as boolean,
-        horizonShowSigninNotifications: undefined as any as boolean,
-        horizonShowDuplicateStatusNotifications: undefined as any as boolean,
-        horizonHighlightUsers: undefined as any as string,
-        chatLayoutMode: undefined as any as 'classic' | 'modern',
-        messageGrouping: undefined as any as boolean,
-        forceQuickConvoList: undefined as any as boolean,
-        horizonUseColorPicker: undefined as any as boolean,
-
-        horizonCacheDraftMessages: undefined as any as boolean,
-        horizonSaveDraftMessagesToDiskTimer: undefined as any as string,
-
-        risingFilter: {} as any as SmartFilterSettings,
-
-        horizonPersistentMemberFilters: undefined as any as boolean,
-        risingAvailableThemes: [] as ReadonlyArray<string>,
-        risingCharacterTheme: undefined as string | undefined,
+        characterOverrides: {} as PartialSettings,
+        generalSettings: null as GeneralSettings | null,
+        availableDisplayLanguages,
+        spellcheckLanguages: [] as ReadonlyArray<SpellcheckLanguage>,
+        selectedLang: [] as string[],
 
+        availableThemes: [] as ReadonlyArray<string>,
         smartFilterTypes: smartFilterTypesOrigin,
-        hiddenFilter: ''
+        settings: { ...defaultSettings } as DefaultSettings,
+        risingFilter: {} as any as SmartFilterSettings,
+        hiddenFilter: '',
+        platform: 'win32' || 'darwin' || 'linux',
+        availableSoundThemes: [] as ReadonlyArray<string>,
+        currentSoundThemeDetails: null as any | null,
+        liveVolumeMap: {} as { [sound: string]: number },
+        soundListCollapsed: true as boolean,
+        soundPreviewAudio: null as HTMLAudioElement | null
       };
     },
     computed: {
+      isMobile(): boolean {
+        return document.documentElement.dataset.mobilePlatform === 'true';
+      },
+      settingsTabs(): ReadonlyArray<SettingsTabItem> {
+        return [
+          {
+            type: 'label',
+            label: l('settings.tabs.app'),
+            iconClass: 'fa-horizon fa-logo'
+          },
+          { id: 'app.general', label: l('settings.tabs.general') },
+          { id: 'app.look', label: l('settings.tabs.look') },
+          { id: 'app.notifications', label: l('settings.tabs.notifications') },
+          { id: 'app.behavior', label: l('settings.tabs.behavior') },
+          { id: 'app.accessibility', label: l('settings.tabs.accessibility') },
+          { id: 'app.advanced', label: l('settings.tabs.advanced') },
+          { type: 'divider' },
+          {
+            type: 'label',
+            label: l('settings.tabs.chat'),
+            iconClass: 'fas fa-comments'
+          },
+          { id: 'chat.bbcode', label: l('settings.chat.bbcode') },
+          { id: 'chat.textBox', label: l('settings.chat.textBox') },
+          { id: 'chat.behavior', label: l('settings.chat.behavior') },
+          { id: 'chat.logging', label: l('settings.chat.logging') },
+          {
+            id: 'chat.draftMessages',
+            label: l('settings.horizonDraftMessages')
+          },
+          { id: 'chat.preview', label: l('settings.preview') },
+
+          {
+            type: 'label',
+            label: l('settings.tabs.appearance'),
+            iconClass: 'fas fa-paint-roller'
+          },
+          { id: 'appearance.layout', label: l('settings.appearance.layout') },
+          {
+            id: 'appearance.messages',
+            label: l('settings.appearance.messages')
+          },
+          { id: 'appearance.users', label: l('settings.appearance.users') },
+
+          {
+            type: 'label',
+            label: l('settings.tabs.pings'),
+            iconClass: 'fas fa-bell'
+          },
+          {
+            id: 'notifications.behavior',
+            label: l('settings.chat.behavior')
+          },
+          {
+            id: 'notifications.pings',
+            label: l('settings.notifications.pings')
+          },
+          {
+            id: 'notifications.console',
+            label: l('settings.notifications.console')
+          },
+
+          {
+            type: 'label',
+            label: l('settings.tabs.profiles'),
+            iconClass: 'fas fa-id-card'
+          },
+          { id: 'profiles.hiddenAds', label: l('settings.tabs.hideAds') },
+          { id: 'profiles.matching', label: l('settings.matching') },
+          {
+            id: 'profiles.smartFilters',
+            label: l('settings.tabs.smartFilters')
+          },
+          { id: 'profiles.viewer', label: l('settings.profile.viewer') },
+          {
+            id: 'profiles.ignoredList',
+            label: l('settings.profile.ignoredList')
+          },
+          { type: 'divider' },
+          { id: 'import.main', label: l('settings.tabs.import') }
+        ];
+      },
+      // The sidebar's labels become option groups and a divider closes the current group.
+      mobileTabGroups(): ReadonlyArray<{
+        label: string;
+        tabs: { id: string; label: string }[];
+      }> {
+        const groups: {
+          label: string;
+          tabs: { id: string; label: string }[];
+        }[] = [];
+        let current: { label: string; tabs: { id: string; label: string }[] } =
+          { label: '', tabs: [] };
+        for (const item of this.settingsTabs) {
+          if (item.type === 'label' || item.type === 'divider') {
+            if (current.tabs.length > 0) groups.push(current);
+            current = {
+              label: item.type === 'label' ? item.label : '',
+              tabs: []
+            };
+          } else current.tabs.push({ id: item.id, label: item.label });
+        }
+        if (current.tabs.length > 0) groups.push(current);
+        return groups;
+      },
+      currentCharacter(): string {
+        return core.connection.character;
+      },
+      risingCharacterThemeOptions(): ReadonlyArray<{
+        value: string;
+        label: string;
+      }> {
+        const options = this.availableThemes.map(theme => ({
+          value: theme,
+          label: theme
+        }));
+
+        return this.isUsingGlobal()
+          ? [{ value: '', label: l('settings.useDefaultTheme') }, ...options]
+          : options;
+      },
+      activeRisingFilter(): SmartFilterSettings {
+        return (
+          this.settingsMode === '0'
+            ? this.settings.risingFilter
+            : this.characterOverrides.risingFilter || this.settings.risingFilter
+        ) as SmartFilterSettings;
+      },
       hidden(): string[] {
         return core.state.hiddenUsers;
       },
@@ -1280,110 +2701,98 @@
       ignored(): readonly string[] {
         return core.characters.ignoreList;
       },
-      isMobilePlatform(): boolean {
-        return document.documentElement.dataset.mobilePlatform === 'true';
-      },
-      settingsTabs(): string[] {
-        const base = [
-          l('settings.tabs.chat'),
-          l('settings.tabs.appearance'),
-          l('settings.tabs.notifications'),
-          l('settings.tabs.profiles'),
-          l('settings.tabs.smartFilters'),
-          l('settings.tabs.import')
-        ];
-        if (document.documentElement.dataset.mobilePlatform === 'true') {
-          base.push('App');
+      sortedLangs(): string[] {
+        return this.spellcheckLanguages.map(language => language.code);
+      }
+    },
+    watch: {
+      settingsMode(value: string): void {
+        if (value === '1' && !this.characterOverrides.risingFilter) {
+          this.$set(
+            this.characterOverrides,
+            'risingFilter',
+            _.cloneDeep(this.settings.risingFilter)
+          );
         }
-        return base;
+      },
+      'generalSettings.displayLanguage'(value: string): void {
+        setLanguage(value);
       }
     },
     methods: {
+      onMobileTabChange(e: Event): void {
+        this.selectedTab = (e.target as HTMLSelectElement).value;
+      },
+      open(mode: 'global' | 'character' = 'global'): void {
+        this.settingsMode = mode === 'character' ? '1' : '0';
+        if (mode === 'character' && this.selectedTab.startsWith('app.')) {
+          this.selectedTab = 'chat.bbcode';
+        }
+        (this.$refs['modal'] as InstanceType<typeof Modal>).show();
+      },
+
+      isUsingGlobal(): boolean {
+        return this.settingsMode === '0';
+      },
+      // See also components/SettingsSelectOverride.vue for the actual component
+      // This solution is not ideal, but between these 3 options, I went for the 2nd one since I assumed that while we would add more <select> based settings
+      // in the future, they wouldn't be so many that we'd need a handler that isn't type-safe:
+
+      // 1. Generic string-based handler, with no type-safety. (Better if we have a lot of <select> based settings)
+      // 2. Specific handlers for each setting, with type-safety. (You are here)
+      // 3. Handle all of them in SettingsView directly, which would lead to a ton of code duplication per setting.
+      setGlobalChatLayoutMode(value: string): void {
+        if (value === 'classic' || value === 'modern') {
+          this.settings.chatLayoutMode = value;
+        }
+      },
+      setCharacterChatLayoutMode(value: string | undefined): void {
+        if (value === undefined) {
+          this.$delete(this.characterOverrides, 'chatLayoutMode');
+        } else if (value === 'classic' || value === 'modern') {
+          this.$set(this.characterOverrides, 'chatLayoutMode', value);
+        }
+      },
+      setGlobalRisingCharacterTheme(value: string): void {
+        this.$set(this.settings, 'risingCharacterTheme', value || undefined);
+      },
+      setCharacterRisingCharacterTheme(value: string | undefined): void {
+        if (value === undefined) {
+          this.$delete(this.characterOverrides, 'risingCharacterTheme');
+        } else if (this.availableThemes.includes(value)) {
+          this.$set(this.characterOverrides, 'risingCharacterTheme', value);
+        }
+      },
       async load(): Promise<void> {
-        const settings = core.state.settings;
-        this.playSound = settings.playSound;
-        this.clickOpensMessage = settings.clickOpensMessage;
-        this.disallowedTags = settings.disallowedTags.join(',');
-        this.notifications = settings.notifications;
-        this.highlight = settings.highlight;
-        this.highlightWords = settings.highlightWords.join(',');
-        this.showAvatars = settings.showAvatars;
-        this.animatedEicons = settings.animatedEicons;
-        this.smoothMosaics = settings.smoothMosaics;
-        this.idleTimer = settings.idleTimer.toString();
-        this.messageSeparators = settings.messageSeparators;
-        this.eventMessages = settings.eventMessages;
-        this.joinMessages = settings.joinMessages;
-        this.alwaysNotify = settings.alwaysNotify;
-        this.logMessages = settings.logMessages;
-        this.logAds = settings.logAds;
-        this.fontSize = settings.fontSize.toString();
-        this.showNeedsReply = settings.showNeedsReply;
-        this.enterSend = settings.enterSend;
-        this.colorBookmarks = settings.colorBookmarks;
-        this.showPerCharacterFriends = settings.showPerCharacterFriends;
-        this.hideNonCharacterFriends = settings.hideNonCharacterFriends;
-        this.bbCodeBar = settings.bbCodeBar;
+        const globalSettings = core.state.globalSettings as any;
+        const defaultSettings = new DefaultSettings();
+
+        //I think we can safely assume that these settings are loaded by the time a user can open this dialog. If not... lol
+        this.generalSettings = {
+          ...core.state.generalSettings
+        } as GeneralSettings;
+
+        const generalSettings = this.generalSettings;
+
+        this.spellcheckLanguages = await core.platform.getSpellcheckLanguages();
+        this.selectedLang = this.getSafeSpellcheckLanguages(
+          generalSettings.spellcheckLang
+        );
+        setLanguage(generalSettings.displayLanguage);
+
+        for (const [key, value] of Object.entries(defaultSettings)) {
+          if (globalSettings[key] === undefined) globalSettings[key] = value;
+        }
+
+        console.log(this.availableThemes);
+
+        this.settings = { ...globalSettings };
+        await this.loadSelectedSoundThemeDetails();
         this.availableImports = (
           await core.settingsStore.getAvailableCharacters()
         ).filter(x => x !== core.connection.character);
 
-        // settings.rising
-
-        this.risingAdScore = settings.risingAdScore;
-        this.risingLinkPreview = settings.risingLinkPreview;
-        this.risingAutoCompareKinks = settings.risingAutoCompareKinks;
-
-        this.risingAutoExpandCustomKinks = settings.risingAutoExpandCustomKinks;
-        this.risingCharacterPreview = settings.risingCharacterPreview;
-        this.risingComparisonInUserMenu = settings.risingComparisonInUserMenu;
-        this.risingComparisonInSearch = settings.risingComparisonInSearch;
-        this.risingShowUnreadOfflineCount =
-          settings.risingShowUnreadOfflineCount;
-
-        this.risingColorblindMode = settings.risingColorblindMode;
-        this.risingShowPortraitNearInput = settings.risingShowPortraitNearInput;
-        this.risingShowPortraitInMessage = settings.risingShowPortraitInMessage;
-        this.risingShowHighQualityPortraits =
-          settings.risingShowHighQualityPortraits;
-        this.horizonMessagePortraitHighQuality =
-          settings.horizonMessagePortraitHighQuality;
-        this.horizonShowCustomCharacterColors =
-          settings.horizonShowCustomCharacterColors;
-        this.horizonShowDeveloperBadges = settings.horizonShowDeveloperBadges;
-        this.horizonShowGenderMarker = settings.horizonShowGenderMarker;
-        this.horizonGenderMarkerOrigColor =
-          settings.horizonGenderMarkerOrigColor;
-        this.horizonChangeOfflineColor = settings.horizonChangeOfflineColor;
-        this.chatLayoutMode = settings.chatLayoutMode || 'classic';
-        this.messageGrouping = settings.messageGrouping;
-        this.forceQuickConvoList = settings.forceQuickConvoList;
-        this.horizonUseColorPicker = settings.horizonUseColorPicker;
-
-        this.horizonCacheDraftMessages = settings.horizonCacheDraftMessages;
-        this.horizonSaveDraftMessagesToDiskTimer =
-          settings.horizonSaveDraftMessagesToDiskTimer.toString();
-
-        this.horizonNotifyFriendSignIn = settings.horizonNotifyFriendSignIn;
-        this.horizonShowSigninNotifications =
-          settings.horizonShowSigninNotifications;
-        this.horizonShowDuplicateStatusNotifications =
-          settings.horizonShowDuplicateStatusNotifications;
-        this.horizonHighlightUsers = settings.horizonHighlightUsers.join(',');
-        this.risingFilter = JSON.parse(JSON.stringify(settings.risingFilter));
-
-        if (!this.isMobilePlatform) {
-          this.risingAvailableThemes = fs
-            .readdirSync(path.join(__dirname, 'themes'))
-            .filter(x => x.substr(-4) === '.css')
-            .map(x => x.slice(0, -4));
-        }
-        this.risingCharacterTheme = settings.risingCharacterTheme;
-
-        this.horizonPersistentMemberFilters =
-          typeof (settings as any).horizonPersistentMemberFilters === 'boolean'
-            ? (settings as any).horizonPersistentMemberFilters
-            : false;
+        this.characterOverrides = { ...core.state.characterSettings };
       },
       async doImport(): Promise<void> {
         if (
@@ -1418,134 +2827,142 @@
         core.toggleHidden(name);
       },
       async submit(): Promise<void> {
+        await this.submitGeneralSettings();
+        if (this.settingsMode === '0') {
+          await this.submitGlobalSettings();
+          return;
+        }
+
+        await this.submitCharacterOverrides();
+      },
+      async submitGeneralSettings(): Promise<void> {
+        const generalSettings = this.generalSettings;
+        if (!generalSettings) return;
+
+        if (this.spellcheckLanguages.length > 0) {
+          generalSettings.spellcheckLang = this.selectedLang;
+        }
+        await core.platform.saveGeneralSettings(generalSettings);
+      },
+      formatLanguage(code: string): string {
+        return formatLanguage(code);
+      },
+      filterLanguage(filter: RegExp, language: string): boolean {
+        return filter.test(formatLanguage(language));
+      },
+      getSafeSpellcheckLanguages(
+        languages: string | string[] | undefined
+      ): string[] {
+        const selected =
+          typeof languages === 'string'
+            ? [languages]
+            : languages === undefined
+              ? []
+              : languages;
+        const supported = new Set(this.sortedLangs);
+        const safe = selected
+          .map(language => language.replace('_', '-'))
+          .filter(language => supported.has(language));
+
+        return selected.length > 0 && safe.length === 0 ? ['en-GB'] : safe;
+      },
+      async browseForLogDir(): Promise<void> {
+        const generalSettings = this.generalSettings;
+        if (!generalSettings) return;
+
+        const directory = await core.platform.selectDirectory({
+          defaultPath: generalSettings.logDirectory
+        });
+
+        if (directory === undefined) return;
+
+        if (
+          !confirm(
+            l('settings.logDir.confirm', {
+              newDir: directory,
+              currentDir: generalSettings.logDirectory
+            })
+          )
+        ) {
+          return;
+        }
+
+        await core.platform.updateLogDirectory(directory);
+      },
+      async browseForPath(): Promise<void> {
+        const generalSettings = this.generalSettings;
+        if (!generalSettings) return;
+
+        const file = await core.platform.selectFile({
+          defaultPath: generalSettings.browserPath
+        });
+
+        if (file !== undefined) generalSettings.browserPath = file;
+      },
+      async openLogDir(): Promise<void> {
+        if (!this.generalSettings) return;
+        await core.platform.openDirectory(this.generalSettings.logDirectory);
+      },
+      browserReset(): void {
+        if (!this.generalSettings) return;
+        this.generalSettings.browserPath = '';
+        this.generalSettings.browserArgs = '%s';
+      },
+      async submitGlobalSettings(): Promise<void> {
         const oldRisingFilter = JSON.parse(
           JSON.stringify(core.state.settings.risingFilter)
         );
 
-        const idleTimer = parseInt(this.idleTimer, 10);
-        const fontSize = parseFloat(this.fontSize);
-
-        const minAge = this.getAsNumber(this.risingFilter.minAge);
-        const maxAge = this.getAsNumber(this.risingFilter.maxAge);
+        const minAge = this.getAsNumber(this.settings.risingFilter.minAge);
+        const maxAge = this.getAsNumber(this.settings.risingFilter.maxAge);
 
         const diskDraftTimer = this.getAsNumber(
-          this.horizonSaveDraftMessagesToDiskTimer
+          this.settings.horizonSaveDraftMessagesToDiskTimer
         );
 
-        const previousSettings = core.state.settings;
-
-        core.state.settings = {
-          playSound: this.playSound,
-          soundTheme: previousSettings.soundTheme,
-          clickOpensMessage: this.clickOpensMessage,
-          disallowedTags: this.disallowedTags
-            .split(',')
-            .map(x => x.trim())
-            .filter(x => x.length),
-          notifications: this.notifications,
-          highlight: this.highlight,
-          highlightWords: this.highlightWords
-            .split(',')
-            .map(x => x.trim())
-            .filter(x => x.length),
-          showAvatars: this.showAvatars,
-          animatedEicons: this.animatedEicons,
-          smoothMosaics: this.smoothMosaics,
-          soundTheme: core.state.settings.soundTheme || 'default',
-          idleTimer: isNaN(idleTimer)
-            ? 0
-            : idleTimer < 0
-              ? 0
-              : idleTimer > 1440
-                ? 1440
-                : idleTimer,
-          messageSeparators: this.messageSeparators,
-          eventMessages: this.eventMessages,
-          joinMessages: this.joinMessages,
-          alwaysNotify: this.alwaysNotify,
-          logMessages: this.logMessages,
-          logAds: this.logAds,
-          fontSize: isNaN(fontSize)
-            ? 14
-            : fontSize < 10
-              ? 10
-              : fontSize > 24
-                ? 24
-                : fontSize,
-          showNeedsReply: this.showNeedsReply,
-          enterSend: this.enterSend,
-          colorBookmarks: this.colorBookmarks,
-          showPerCharacterFriends: this.showPerCharacterFriends,
-          hideNonCharacterFriends: this.hideNonCharacterFriends,
-          bbCodeBar: this.bbCodeBar,
-
-          risingAdScore: this.risingAdScore,
-          risingLinkPreview: this.risingLinkPreview,
-          risingAutoCompareKinks: this.risingAutoCompareKinks,
-
-          risingAutoExpandCustomKinks: this.risingAutoExpandCustomKinks,
-          risingCharacterPreview: this.risingCharacterPreview,
-          risingComparisonInUserMenu: this.risingComparisonInUserMenu,
-          risingComparisonInSearch: this.risingComparisonInSearch,
-          risingShowUnreadOfflineCount: this.risingShowUnreadOfflineCount,
-          risingShowPortraitNearInput: this.risingShowPortraitNearInput,
-          risingShowPortraitInMessage: this.risingShowPortraitInMessage,
-          risingShowHighQualityPortraits: this.risingShowHighQualityPortraits,
-          horizonMessagePortraitHighQuality:
-            this.horizonMessagePortraitHighQuality,
-          horizonShowCustomCharacterColors:
-            this.horizonShowCustomCharacterColors,
-          horizonShowDeveloperBadges: this.horizonShowDeveloperBadges,
-          horizonAutoGenderFilter: (previousSettings as any)
-            .horizonAutoGenderFilter,
-          horizonSavedGenderFilters: (previousSettings as any)
-            .horizonSavedGenderFilters,
-          horizonSavedMembersSort: (previousSettings as any)
-            .horizonSavedMembersSort,
-          horizonPersistentMemberFilters: this.horizonPersistentMemberFilters,
-          horizonShowGenderMarker: this.horizonShowGenderMarker,
-          horizonGenderMarkerOrigColor: this.horizonGenderMarkerOrigColor,
-          horizonChangeOfflineColor: this.horizonChangeOfflineColor,
-          horizonNotifyFriendSignIn: this.horizonNotifyFriendSignIn,
-          horizonShowSigninNotifications: this.horizonShowSigninNotifications,
-          horizonShowDuplicateStatusNotifications:
-            this.horizonShowDuplicateStatusNotifications,
-          horizonHighlightUsers: this.horizonHighlightUsers
-            .split(',')
-            .map(x => x.trim())
-            .filter(x => x.length),
-          chatLayoutMode: this.chatLayoutMode,
-          messageGrouping: this.messageGrouping,
-          forceQuickConvoList: this.forceQuickConvoList,
-          horizonCacheDraftMessages: this.horizonCacheDraftMessages,
-          horizonSaveDraftMessagesToDiskTimer:
-            diskDraftTimer === null
-              ? 60
-              : diskDraftTimer > 5
-                ? diskDraftTimer
-                : 5,
-          horizonUseColorPicker: this.horizonUseColorPicker,
-
-          risingColorblindMode: this.risingColorblindMode,
-          risingFilter: {
-            ...this.risingFilter,
-            minAge:
-              minAge !== null && maxAge !== null
-                ? Math.min(minAge, maxAge)
-                : minAge,
-            maxAge:
-              minAge !== null && maxAge !== null
-                ? Math.max(minAge, maxAge)
-                : maxAge
-          },
+        const previousSettings = core.state.globalSettings;
 
-          risingCharacterTheme:
-            this.risingCharacterTheme != 'undefined'
-              ? this.risingCharacterTheme
-              : undefined
+        const newSettings = {
+          ...this.settings,
+          risingFilter: {
+            ...this.settings.risingFilter,
+            minAge,
+            maxAge
+          }
         };
-        console.log('SETTINGS', minAge, maxAge, core.state.settings);
 
+        newSettings.idleTimer =
+          this.settings.idleTimer < 0
+            ? 0
+            : this.settings.idleTimer > 1440
+              ? 1440
+              : this.settings.idleTimer;
+
+        newSettings.horizonAutoGenderFilter =
+          previousSettings.horizonAutoGenderFilter;
+        //  newSettings.horizonSavedGenderFilters =
+        //   previousSettings.horizonSavedGenderFilters;
+        newSettings.horizonSavedMembersSort =
+          previousSettings.horizonSavedMembersSort;
+
+        newSettings.horizonSaveDraftMessagesToDiskTimer =
+          diskDraftTimer === null
+            ? 60
+            : diskDraftTimer > 5
+              ? diskDraftTimer
+              : 5;
+
+        newSettings.risingCharacterTheme = newSettings.risingCharacterTheme
+          ? newSettings.risingCharacterTheme
+          : undefined;
+        core.state.globalSettings = {
+          ...newSettings,
+          risingFilter: {
+            ...newSettings.risingFilter,
+            minAge,
+            maxAge
+          }
+        };
         const newRisingFilter = JSON.parse(
           JSON.stringify(core.state.settings.risingFilter)
         );
@@ -1554,10 +2971,202 @@
           this.rebuildFilters();
         }
 
-        if (this.notifications) await core.notifications.requestPermission();
+        if (this.settings.notifications)
+          await core.notifications.requestPermission();
+
+        EventBus.$emit('configuration-update', core.state.settings);
+        await core.platform.reloadSettings();
+      },
+      async submitCharacterOverrides(): Promise<void> {
+        const oldRisingFilter = _.cloneDeep(
+          core.state.characterSettings.risingFilter
+        );
+        const newCharacterOverrides = { ...this.characterOverrides };
+
+        if (
+          _.isEqual(
+            newCharacterOverrides.risingFilter,
+            this.settings.risingFilter
+          )
+        ) {
+          delete newCharacterOverrides.risingFilter;
+        }
+
+        core.state.characterSettings = newCharacterOverrides;
+        this.characterOverrides = newCharacterOverrides;
+
+        const newRisingFilter = _.cloneDeep(
+          core.state.characterSettings.risingFilter
+        );
+
+        if (!_.isEqual(oldRisingFilter, newRisingFilter)) {
+          this.rebuildFilters();
+        }
 
         EventBus.$emit('configuration-update', core.state.settings);
+        await core.platform.reloadSettings();
+      },
+      capitalizeThemeName(themeName: string): string {
+        return themeName
+          .split(/[\s-_]+/) // Split on spaces, hyphens, or underscores
+          .map(
+            word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()
+          )
+          .join(' ');
+      },
+      loadAvailableSoundThemes(): void {
+        try {
+          const soundThemesPath = path.join(__dirname, 'sound-themes');
+          this.availableSoundThemes = fs
+            .readdirSync(soundThemesPath, { withFileTypes: true })
+            .filter(dirent => dirent.isDirectory())
+            .map(dirent => dirent.name)
+            .filter(name =>
+              fs.existsSync(path.join(soundThemesPath, name, 'sound.json'))
+            );
+        } catch (error) {
+          console.error('Error loading sound themes:', error);
+          this.availableSoundThemes = ['default'];
+        }
+      },
+      async loadSelectedSoundThemeDetails(): Promise<void> {
+        const generalSettings = this.generalSettings;
+        if (!generalSettings) return;
+
+        const theme = generalSettings.soundTheme || 'default';
+
+        try {
+          const themeJsonPath = path.join(
+            __dirname,
+            'sound-themes',
+            theme,
+            'sound.json'
+          );
+          this.currentSoundThemeDetails = JSON.parse(
+            fs.readFileSync(themeJsonPath, 'utf8')
+          );
+        } catch (error) {
+          this.currentSoundThemeDetails = null;
+        }
+
+        const perTheme = (this.settings as any).soundThemeSoundVolumes || {};
+        const saved = perTheme[theme] || {};
+        const newMap: { [sound: string]: number } = {};
+
+        if (this.currentSoundThemeDetails?.sounds) {
+          for (const sound of Object.keys(
+            this.currentSoundThemeDetails.sounds
+          )) {
+            const value = saved[sound];
+            newMap[sound] =
+              typeof value === 'number' ? Math.max(0, Math.min(1, value)) : 1;
+          }
+        }
+
+        this.liveVolumeMap = newMap;
+      },
+      onVolumeChange(sound: string): void {
+        const generalSettings = this.generalSettings;
+        if (!generalSettings) return;
+
+        const volume = Math.max(
+          0,
+          Math.min(1, Number(this.liveVolumeMap[sound] ?? 1))
+        );
+        const volumes = generalSettings.soundThemeSoundVolumes || {};
+        if (!volumes[generalSettings.soundTheme]) {
+          volumes[generalSettings.soundTheme] = {};
+        }
+        volumes[generalSettings.soundTheme][sound] = volume;
+        generalSettings.soundThemeSoundVolumes = volumes;
+      },
+      handlePercentInput(event: Event, sound: string): void {
+        const target = event.target as HTMLInputElement;
+        let percent = parseInt(target.value || '0', 10);
+        if (Number.isNaN(percent)) percent = 0;
+        percent = Math.max(0, Math.min(100, percent));
+        this.$set(this.liveVolumeMap, sound, percent / 100);
+        this.onVolumeChange(sound);
       },
+      previewSound(sound: string): void {
+        const generalSettings = this.generalSettings;
+        if (!generalSettings) return;
+
+        if (this.soundPreviewAudio) {
+          this.soundPreviewAudio.pause();
+          this.soundPreviewAudio.remove();
+          this.soundPreviewAudio = null;
+        }
+
+        const audio = document.createElement('audio');
+        audio.preload = 'auto';
+        audio.volume = this.liveVolumeMap[sound] ?? 1;
+
+        const theme = this.currentSoundThemeDetails;
+        if (theme?.sounds?.[sound]) {
+          const formats = [
+            theme.formats?.preferred,
+            ...(theme.formats?.fallback || [])
+          ];
+          const extensions: { [format: string]: string } = {
+            ogg: 'ogg',
+            mpeg: 'mp3',
+            wav: 'wav'
+          };
+
+          for (const format of formats) {
+            if (!extensions[format]) continue;
+            const source = document.createElement('source');
+            source.type = `audio/${format}`;
+            source.src = `./sound-themes/${generalSettings.soundTheme}/${theme.sounds[sound]}.${extensions[format]}`;
+            audio.appendChild(source);
+          }
+        } else {
+          const extensions = ['ogg', 'mp3', 'wav'];
+          for (const extension of extensions) {
+            try {
+              const source = document.createElement('source');
+              source.type = `audio/${extension === 'mp3' ? 'mpeg' : extension}`;
+              source.src = require(`./assets/${sound}.${extension}`).default;
+              audio.appendChild(source);
+            } catch (error) {
+              console.warn(
+                `Failed to load fallback sound: ${sound}.${extension}`,
+                error
+              );
+            }
+          }
+        }
+
+        audio.addEventListener('ended', () => {
+          audio.remove();
+          if (this.soundPreviewAudio === audio) this.soundPreviewAudio = null;
+        });
+        document.body.appendChild(audio);
+        this.soundPreviewAudio = audio;
+        audio.play().catch(error => console.warn('Preview play failed', error));
+      },
+      countLines(text: string): number {
+        let pointer = 0;
+        for (let i = 0; i < text.length; i += 1) {
+          switch (text[i]) {
+            case '\r':
+              pointer += 1;
+              if (text[i + 1] === '\n') {
+                i += 1;
+              }
+              break;
+            case '\n':
+              pointer += 1;
+              if (text[i + 1] === '\r') {
+                i += 1;
+              }
+              break;
+          }
+        }
+        return pointer;
+      },
+
       rebuildFilters() {
         core.cache.profileCache.onEachInMemory(c => {
           const oldFiltered = c.match.isFiltered;
@@ -1589,37 +3198,22 @@
         return !Number.isNaN(n) && Number.isFinite(n) ? n : null;
       },
       getExceptionList(): string {
-        return _.join(this.risingFilter.exceptionNames, '\n');
+        return _.join(this.activeRisingFilter.exceptionNames, '\n');
       },
       setExceptionList(v: any): void {
-        this.risingFilter.exceptionNames = _.map(_.split(v.target.value), v =>
-          _.trim(v)
+        this.activeRisingFilter.exceptionNames = _.map(
+          _.split(v.target.value),
+          v => _.trim(v)
         );
       },
       getSmartFilter(key: keyof SmartFilterSelection): boolean {
-        return !!this.risingFilter.smartFilters?.[key];
+        return !!this.activeRisingFilter.smartFilters?.[key];
       },
       setSmartFilter(key: keyof SmartFilterSelection, value: any): void {
-        this.risingFilter.smartFilters[key] = value.target.checked;
+        this.activeRisingFilter.smartFilters[key] = value.target.checked;
       },
       getCharacter(name: string): Character {
         return core.characters.get(name);
-      },
-      onTabSelect(e: Event): void {
-        const value = (e.target as HTMLSelectElement).value;
-        if (
-          value === String(this.settingsTabs.length - 1) &&
-          this.isMobilePlatform
-        ) {
-          // "App" selected — open dedicated app settings dialog
-          (e.target as HTMLSelectElement).value = '0';
-          this.selectedTab = '0';
-          this.hide();
-          // Document event: EventBus.clear() on disconnect would drop the listener.
-          document.dispatchEvent(new CustomEvent('open-mobile-app-settings'));
-          return;
-        }
-        this.selectedTab = value;
       }
     }
   });
@@ -1635,12 +3229,6 @@
     height: 90vh;
   }
 
-  #settings .modal-body {
-    display: block;
-    height: auto;
-    min-height: 0;
-  }
-
   #settings .form-group.filters label {
     display: list-item;
     margin: 0;
@@ -1695,4 +3283,25 @@
   #settings .form-group.filters.age input {
     margin-left: 5px;
   }
+
+  .label-full {
+    width: 100%;
+  }
+
+  .custom-select {
+    width: 24ch;
+  }
+
+  textarea.textarea-code {
+    font-family: monospace;
+    resize: none;
+  }
+
+  .vue-input-tag-wrapper.form-control {
+    display: flex;
+
+    .new-tag {
+      flex-grow: 1;
+    }
+  }
 </style>
diff --git a/chat/StatusPicker.vue b/chat/StatusPicker.vue
index 2e323cea..1f8a7528 100644
--- a/chat/StatusPicker.vue
+++ b/chat/StatusPicker.vue
@@ -3,100 +3,75 @@
     ref="dialog"
     :action="l('statusHistory.title')"
     :buttonText="l('action.select')"
+    :disabled="selectedText === null"
     @open="onMounted()"
     @submit="selectStatus"
     dialogClass="w-100 modal-70"
     iconClass="fa-solid fa-clock-rotate-left"
   >
-    <form class="status-picker" v-if="pinned.length > 0">
-      <p class="text-sm-end">
-        {{ l('statusHistory.pinned') }}
-      </p>
-      <div
-        class="row"
-        v-for="(pinnedStatus, index) in pinned"
-        :class="{ 'selected-row': index === selectedPin }"
-      >
-        <div class="form-col radio-col">
-          <input
-            type="radio"
-            :id="'pinned_status_' + index"
-            :name="'pinned_status_' + index"
-            v-model="selectedPin"
-            v-bind:value="index"
-          />
-        </div>
+    <div v-if="entries.length > 0" class="status-picker">
+      <template v-for="(entry, index) in entries">
+        <p
+          v-if="index === 0 && entry.pinned"
+          key="pinned-header"
+          class="status-section"
+        >
+          {{ l('statusHistory.pinned') }}
+        </p>
+        <p
+          v-if="index === firstUnpinnedIndex"
+          key="history-header"
+          class="status-section"
+          :class="{ 'group-break': index > 0 }"
+        >
+          {{ historyCountLabel }}
+        </p>
         <div
-          class="form-col content-col"
-          @click="selectPin(index)"
+          :key="'status-' + entry.text"
+          class="status-row"
+          :class="{ selected: isSelected(entry) }"
+          @click="select(entry)"
           @dblclick="submit"
         >
-          <span class="before-content"
-            ><i
-              class="fas"
-              :class="{ 'fa-check-circle': index === selectedPin }"
-          /></span>
-
-          <span class="form-check-label" :for="'pinned_status_' + index">
-            <bbcode :text="pinnedStatus"></bbcode>
+          <span class="status-check">
+            <i class="fas" :class="{ 'fa-check-circle': isSelected(entry) }" />
           </span>
 
-          <span class="content-action" role="button" @click="unpinStatus(index)"
-            ><i class="fas fa-thumbtack text-success"
-          /></span>
-        </div>
-      </div>
-    </form>
-
-    <form class="status-picker" v-if="history.length > 0">
-      <p class="text-sm-end">
-        {{ l('statusHistory.count', { index: history.length, total: 15 }) }}
-      </p>
-      <div
-        class="row"
-        v-for="(historicStatus, index) in history"
-        :class="{ 'selected-row': index === selectedStatus }"
-      >
-        <div class="form-col radio-col">
-          <input
-            type="radio"
-            :id="'history_status_' + index"
-            :name="'history_status_' + index"
-            v-model="selectedStatus"
-            v-bind:value="index"
-          />
-        </div>
-        <div
-          class="form-col content-col"
-          @click="select(index)"
-          @dblclick="submit"
-        >
-          <span class="before-content"
-            ><i
-              class="fas"
-              :class="{ 'fa-check-circle': index === selectedStatus }"
-          /></span>
-          <span class="form-check-label" :for="'history_status_' + index">
-            <bbcode :text="historicStatus"></bbcode>
+          <span class="status-text">
+            <bbcode :text="entry.text"></bbcode>
           </span>
 
-          <span
-            class="content-action"
-            role="button"
-            @click="pinStatusFromHistory(index)"
-            ><i class="fas fa-thumbtack"
-          /></span>
-
-          <span
-            class="content-action"
-            role="button"
-            @click="removeStatusHistoryEntry(index)"
-            ><i class="fas fa-times-circle"
-          /></span>
+          <button
+            type="button"
+            class="status-action"
+            :class="{ pinned: entry.pinned }"
+            :title="pinTitle(entry)"
+            :aria-label="pinTitle(entry)"
+            @click.stop="togglePin(entry)"
+          >
+            <i class="fas fa-thumbtack" />
+          </button>
+
+          <button
+            type="button"
+            class="status-action"
+            :title="l('statusHistory.action.remove')"
+            :aria-label="l('statusHistory.action.remove')"
+            @click.stop="removeEntry(entry)"
+          >
+            <i class="fas fa-times-circle" />
+          </button>
         </div>
-      </div>
-    </form>
-    <div v-else>
+      </template>
+      <p
+        v-if="firstUnpinnedIndex < 0"
+        key="history-header"
+        class="status-section group-break"
+      >
+        {{ historyCountLabel }}
+      </p>
+    </div>
+    <div v-else class="status-picker-empty">
       <i>{{ l('statusHistory.empty') }}</i>
     </div>
   </modal>
@@ -107,11 +82,34 @@
   import CustomDialog from '../components/custom_dialog';
   import core from './core';
   import { BBCodeView } from '../bbcode/view';
-  import * as _ from 'lodash';
   import { Dialog } from '../helpers/dialog';
   import l from './localize';
 
-  const MAX_PINNED_STATUSES: number = 5;
+  export const MAX_STATUS_COUNT: number = 15;
+
+  interface StatusEntry {
+    text: string;
+    pinned: boolean;
+  }
+
+  // updateHistory dedupes history but never pins, so the two stores can hold
+  // the same message in different cases. compare loosely or it renders twice
+  export function normalize(status: string): string {
+    return status.toString().trim().toLowerCase();
+  }
+
+  // pinned statuses stay in history so unpinning restores them in place, but
+  // they don't count toward the cap
+  export function capHistory(history: string[], pins: string[]): string[] {
+    const pinnedKeys = pins.map(normalize);
+    let unpinned = 0;
+
+    return history.filter(
+      text =>
+        pinnedKeys.indexOf(normalize(text)) >= 0 ||
+        ++unpinned <= MAX_STATUS_COUNT
+    );
+  }
 
   export default CustomDialog.extend({
     components: { modal: Modal, bbcode: BBCodeView(core.bbCodeParser) },
@@ -121,80 +119,136 @@
     },
     data() {
       return {
-        maxPinnedStatuses: MAX_PINNED_STATUSES,
         l,
         history: [] as string[],
         pinned: [] as string[],
-        selectedStatus: null as number | null,
-        selectedPin: null as number | null
+        selectedText: null as string | null
       };
     },
     mounted(): void {
       this.onMounted();
     },
+    computed: {
+      // storage stays split across statusPins/statusHistory, only the view is unified
+      entries(): StatusEntry[] {
+        const seen: string[] = [];
+        const result: StatusEntry[] = [];
+
+        const add = (text: string, pinned: boolean) => {
+          const key = normalize(text);
+          if (seen.indexOf(key) >= 0) return;
+          seen.push(key);
+          result.push({ text, pinned });
+        };
+
+        this.pinned.forEach(text => add(text, true));
+        this.history.forEach(text => add(text, false));
+
+        return result;
+      },
+      firstUnpinnedIndex(): number {
+        return this.entries.findIndex(entry => !entry.pinned);
+      },
+      historyCountLabel(): string {
+        return l('statusHistory.count', {
+          index: this.entries.filter(entry => !entry.pinned).length,
+          total: MAX_STATUS_COUNT
+        });
+      }
+    },
     methods: {
       async onMounted(): Promise<void> {
         this.history = (await core.settingsStore.get('statusHistory')) || [];
         this.pinned = (await core.settingsStore.get('statusPins')) || [];
-        this.selectedStatus = null;
-        this.selectedPin = null;
+        this.selectedText = null;
 
         if (this.curStatus && (this.curStatus as string).trim() !== '') {
-          const cleanedStatus = (this.curStatus as string).toLowerCase().trim();
-
-          const index = _.findIndex(
-            this.history,
-            (c: string) => c.toString().toLowerCase().trim() === cleanedStatus
+          const key = normalize(this.curStatus as string);
+          const match = this.entries.find(
+            entry => normalize(entry.text) === key
           );
 
-          if (index >= 0) {
-            this.selectedStatus = index;
-          }
+          if (match !== undefined) this.selectedText = match.text;
         }
       },
       submit(e: Event): void {
         (this.$refs.dialog as InstanceType<typeof Modal>).submit(e);
       },
       selectStatus(): void {
-        if (this.selectedStatus !== null) {
-          (this.callback as (statusMessage: string) => void)(
-            this.history[this.selectedStatus]
-          );
-        } else if (this.selectedPin !== null) {
-          (this.callback as (statusMessage: string) => void)(
-            this.pinned[this.selectedPin]
-          );
-        }
+        if (this.selectedText !== null)
+          (this.callback as (statusMessage: string) => void)(this.selectedText);
       },
-      async pinStatusFromHistory(pinHistoryIndex: number): Promise<void> {
-        const status = this.history[pinHistoryIndex];
-        console.log(this.pinned.indexOf(status));
-        if (this.pinned.indexOf(status) > -1) return;
-        this.pinned.push(status);
+      isSelected(entry: StatusEntry): boolean {
+        return entry.text === this.selectedText;
+      },
+      select(entry: StatusEntry): void {
+        this.selectedText = entry.text;
+      },
+      pinTitle(entry: StatusEntry): string {
+        return l(
+          entry.pinned
+            ? 'statusHistory.action.unpin'
+            : 'statusHistory.action.pin'
+        );
+      },
+      async togglePin(entry: StatusEntry): Promise<void> {
+        if (entry.pinned) return this.unpin(entry);
 
+        const key = normalize(entry.text);
+        if (this.pinned.some(text => normalize(text) === key)) return;
+
+        this.pinned.push(entry.text);
         await core.settingsStore.set('statusPins', this.pinned);
       },
-      async unpinStatus(index: number): Promise<void> {
-        if (Dialog.confirmDialog(l('statusHistory.confirmRemove.pinned'))) {
-          this.pinned.splice(index, 1);
+      async unpin(entry: StatusEntry): Promise<void> {
+        const key = normalize(entry.text);
+        const index = this.pinned.findIndex(text => normalize(text) === key);
+        if (index < 0) return;
 
-          await core.settingsStore.set('statusPins', this.pinned);
+        const pins = this.pinned.filter((_, i) => i !== index);
+        const history = capHistory(this.history, pins);
+
+        // confirmation bc unpinning a status that's not in history removes it entirely
+        if (
+          !history.some(text => normalize(text) === key) &&
+          !Dialog.confirmDialog(l('statusHistory.confirmRemove.pinned'))
+        )
+          return;
+
+        this.pinned = pins;
+        await core.settingsStore.set('statusPins', this.pinned);
+
+        if (history.length !== this.history.length) {
+          this.history = history;
+          await core.settingsStore.set('statusHistory', this.history);
         }
+
+        this.clearSelectionIfGone();
       },
-      async removeStatusHistoryEntry(index: number): Promise<void> {
-        if (Dialog.confirmDialog(l('statusHistory.confirmRemove'))) {
-          this.history.splice(index, 1);
+      async removeEntry(entry: StatusEntry): Promise<void> {
+        if (!Dialog.confirmDialog(l('statusHistory.confirmRemove'))) return;
+
+        const key = normalize(entry.text);
+        const pinIndex = this.pinned.findIndex(text => normalize(text) === key);
+        const historyIndex = this.history.findIndex(
+          text => normalize(text) === key
+        );
 
+        if (pinIndex >= 0) {
+          this.pinned.splice(pinIndex, 1);
+          await core.settingsStore.set('statusPins', this.pinned);
+        }
+
+        if (historyIndex >= 0) {
+          this.history.splice(historyIndex, 1);
           await core.settingsStore.set('statusHistory', this.history);
         }
+
+        this.clearSelectionIfGone();
       },
-      select(index: number): void {
-        this.selectedPin = null;
-        this.selectedStatus = index;
-      },
-      selectPin(index: number): void {
-        this.selectedStatus = null;
-        this.selectedPin = index;
+      clearSelectionIfGone(): void {
+        if (!this.entries.some(entry => entry.text === this.selectedText))
+          this.selectedText = null;
       }
     }
   });
@@ -202,64 +256,82 @@
 
 <style lang="scss">
   .status-picker {
-    .radio-col {
-      display: none;
-    }
+    max-height: min(55vh, 420px);
+    overflow-y: auto;
 
-    .form-check-label::before {
-      display: none !important;
+    .status-section {
+      margin: 0 0 0.2rem;
+      padding: 0 0.5rem;
+      font-size: 0.85em;
+      color: var(--bs-secondary-color);
+
+      &.group-break {
+        margin-top: 0.4rem;
+        border-top: 1px solid var(--bs-border-color);
+        padding-top: 0.6rem;
+      }
     }
 
-    .content-col {
-      min-width: 100%;
+    .status-row {
       display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      padding: 0.35rem 0.5rem;
+      border-radius: 4px;
+      border-left: 3px solid transparent;
+      cursor: pointer;
 
-      .form-check-label {
-        flex: 1;
-        display: inline-block;
-        margin-bottom: 0.5rem;
+      &:hover {
+        background: color-mix(in srgb, var(--bs-body-color) 8%, transparent);
+      }
+
+      &.selected,
+      &.selected:hover {
+        background: color-mix(in srgb, var(--bs-body-color) 18%, transparent);
+        border-left-color: var(--bs-body-color);
       }
 
-      .before-content {
+      .status-check {
         width: 1.3rem;
-        margin-bottom: auto;
-        margin-top: auto;
+        flex-shrink: 0;
       }
 
-      .content-action {
-        float: right;
+      .status-text {
+        flex: 1;
+        min-width: 0;
+        overflow-wrap: anywhere;
+      }
+
+      .status-action {
+        flex-shrink: 0;
+        padding: 0.25rem 0.4rem;
+        border: 0;
+        background: none;
+        border-radius: 4px;
+        color: inherit;
         opacity: 0.5;
-        margin-bottom: auto;
-        margin-top: auto;
-        margin-left: 1rem;
 
         &:hover {
-          opacity: 0.8;
+          opacity: 1;
+          background: color-mix(in srgb, var(--bs-body-color) 12%, transparent);
         }
-      }
-    }
-
-    .form-row {
-      margin-bottom: 10px;
-      padding: 3px;
 
-      border: 1px solid rgba(0, 0, 0, 0);
-      border-radius: 2px;
-    }
+        &:focus-visible {
+          outline: 2px solid var(--bs-primary);
+          outline-offset: -2px;
+          opacity: 1;
+        }
 
-    .row:hover {
-      /*background-color: #20203e;*/
-      /*border: 1px solid #2d2d6b;*/
-      backdrop-filter: invert(30%);
-      border-radius: 2px;
+        &.pinned {
+          opacity: 1;
+          color: var(--bs-success);
+        }
+      }
     }
+  }
 
-    .selected-row,
-    .row.selected-row:hover {
-      /*background-color: #343461;*/
-      /*border: 1px solid #6565b2;*/
-      backdrop-filter: invert(20%);
-      border-radius: 2px;
-    }
+  .status-picker-empty {
+    padding: 0.5rem;
+    color: var(--bs-secondary-color);
   }
 </style>
diff --git a/chat/StatusSwitcher.vue b/chat/StatusSwitcher.vue
index 9e50e414..50f6b3d4 100644
--- a/chat/StatusSwitcher.vue
+++ b/chat/StatusSwitcher.vue
@@ -57,14 +57,9 @@
   import { Character, userStatuses } from './interfaces';
   import l from './localize';
   import { getStatusIcon } from './UserView.vue';
-  import StatusPicker from './StatusPicker.vue';
+  import StatusPicker, { capHistory, normalize } from './StatusPicker.vue';
   import * as _ from 'lodash';
 
-  //Yes, you also need to update this in StatusPicker.vue, because I really cannot
-  //be assed to write a system for shared constants right now.
-  //That component only uses it to display the string that shows how many statuses you have saved though.
-  const MAX_STATUS_COUNT: number = 15;
-
   export default CustomDialog.extend({
     components: {
       modal: Modal,
@@ -131,18 +126,16 @@
 
         const curHistory: string[] =
           (await core.settingsStore.get('statusHistory')) || [];
-        const statusMessageClean = statusMessage
-          .toString()
-          .trim()
-          .toLowerCase();
+        const pins: string[] =
+          (await core.settingsStore.get('statusPins')) || [];
+        const statusMessageClean = normalize(statusMessage);
         const filteredHistory: string[] = _.reject(
           curHistory,
-          (c: string) =>
-            c.toString().trim().toLowerCase() === statusMessageClean
+          (c: string) => normalize(c) === statusMessageClean
         );
-        const newHistory: string[] = _.take(
+        const newHistory: string[] = capHistory(
           _.concat([statusMessage], filteredHistory),
-          MAX_STATUS_COUNT
+          pins
         );
 
         await core.settingsStore.set('statusHistory', newHistory);
diff --git a/chat/UITest.vue b/chat/UITest.vue
index 64384c05..f8b59784 100644
--- a/chat/UITest.vue
+++ b/chat/UITest.vue
@@ -10,7 +10,11 @@
       style="flex-shrink: 0; margin-bottom: 10px"
       v-model="selectedTab"
       :fullWidth="true"
-      :tabs="[l('ui.genericItems'), l('ui.messages'), l('ui.messages.modern')]"
+      :tabs="[
+        { id: '0', label: l('ui.genericItems') },
+        { id: '1', label: l('ui.messages') },
+        { id: '2', label: l('ui.messages.modern') }
+      ]"
     ></tabs>
 
     <div v-show="selectedTab === '0'">
diff --git a/chat/UserList.vue b/chat/UserList.vue
index acf3c782..1c96bc76 100644
--- a/chat/UserList.vue
+++ b/chat/UserList.vue
@@ -9,96 +9,70 @@
     <tabs
       style="flex-shrink: 0"
       :fullWidth="true"
-      :tabs="
-        //We label the 'all' tab as 2 so that it doesnt pop up when going
-        //from a channel to the console. It's very annoying behaviour
-        channel
-          ? { 0: l('users.friends'), 1: l('users.members') }
-          : !isConsoleTab
-            ? { 0: l('users.friends'), 1: l('user.profile') }
-            : { 0: l('users.friends'), 2: l('users.friends.all') }
-      "
+      :tabs="tabs"
       v-model="tab"
     ></tabs>
-    <div
-      class="users hidden-scrollbar"
-      style="padding-left: 10px"
+    <virtual-list
+      ref="friendList"
+      class="hidden-scrollbar"
+      style="overflow: auto; flex: 1 1 auto; padding-left: 10px"
       v-if="tab === '0'"
+      :items="friendRows"
+      :itemHeight="rowHeight"
+      :overscan="overscan"
+      :keyFunc="rowKey"
     >
-      <h4 v-if="showPerCharacterFriends && characterFriends.length > 0">
-        {{ l('users.characterFriends') }}
-      </h4>
-      <div
-        v-if="showPerCharacterFriends"
-        v-for="character in characterFriends"
-        :key="'char-' + character.name"
-        class="userlist-item"
-        :class="{ dimmed: character.isIgnored }"
-      >
-        <user
-          :character="character"
-          :showStatus="true"
-          :bookmark="false"
-          :isMarkerShown="shouldShowMarker"
-        ></user>
-      </div>
-      <h4 v-if="friends.length > 0">
-        {{
-          l(
-            `users.${showPerCharacterFriends && characterFriends.length > 0 ? 'friends.nonCharacter' : 'friends'}`
-          )
-        }}
-      </h4>
-      <div
-        v-for="character in friends"
-        :key="'friend-' + character.name"
-        class="userlist-item"
-        :class="{ dimmed: character.isIgnored }"
-      >
-        <user
-          :character="character"
-          :showStatus="true"
-          :bookmark="false"
-          :isMarkerShown="shouldShowMarker"
-        ></user>
-      </div>
-      <h4 v-if="bookmarks.length > 0">{{ l('users.bookmarks') }}</h4>
-      <div
-        v-for="character in bookmarks"
-        :key="'bookmark-' + character.name"
-        class="userlist-item"
-        :class="{ dimmed: character.isIgnored }"
-      >
-        <user
-          :character="character"
-          :showStatus="true"
-          :bookmark="false"
-          :isMarkerShown="shouldShowMarker"
-        ></user>
-      </div>
-    </div>
-    <div
-      v-if="channel && tab !== '0'"
-      style="padding-left: 5px; flex: 1; display: flex; flex-direction: column"
-    >
-      <div class="users hidden-scrollbar" style="flex: 1; padding-left: 5px">
-        <h4>
-          <span style="display: inline-block">{{ memberCountText }}</span>
-        </h4>
+      <template slot-scope="{ item: row }">
+        <h4 v-if="row.kind === 'header'">{{ row.label }}</h4>
         <div
-          v-for="member in filteredMembers"
-          :key="member.character.name"
+          v-else
           class="userlist-item"
-          :class="{ dimmed: member.character.isIgnored }"
+          :class="{ dimmed: row.character.isIgnored }"
         >
           <user
-            :character="member.character"
-            :channel="channel"
+            :character="row.character"
             :showStatus="true"
-            :isMarkerShown="shouldShowMarker"
+            :bookmark="row.bookmark"
+            :isMarkerShown="row.isMarkerShown"
           ></user>
         </div>
+      </template>
+    </virtual-list>
+    <div
+      v-if="channel && tab !== '0'"
+      style="padding-left: 5px; flex: 1; display: flex; flex-direction: column"
+    >
+      <div style="padding-left: 5px; flex-shrink: 0">
+        <h4>
+          <span style="display: inline-block">{{ memberCountText }}</span>
+        </h4>
       </div>
+      <!-- virtualized members list, because channels with thousands of members shouldn't try to render 
+       every custom-colored name at once. the trade-off is that custom colors can sometimes take a bit to 
+       load for the rendered area if you scroll really fast, but the pros outweigh the cons imo. -->
+      <virtual-list
+        ref="memberList"
+        class="hidden-scrollbar"
+        style="overflow: auto; flex: 1 1 auto; padding-left: 5px"
+        :items="filteredMembers"
+        :itemHeight="rowHeight"
+        :overscan="overscan"
+        :keyFunc="memberKey"
+      >
+        <template slot-scope="{ item: member }">
+          <div
+            class="userlist-item"
+            :class="{ dimmed: member.character.isIgnored }"
+          >
+            <user
+              :character="member.character"
+              :channel="channel"
+              :showStatus="true"
+              :isMarkerShown="shouldShowMarker"
+            ></user>
+          </div>
+        </template>
+      </virtual-list>
 
       <!--<span class="input-group-text">
           <span class="fas fa-search"></span>
@@ -273,68 +247,33 @@
         ref="characterPage"
       ></character-page>
     </div>
-    <div
-      v-if="isConsoleTab && tab === '2'"
-      class="users hidden-scrollbar"
-      style="padding-left: 10px"
+    <virtual-list
+      ref="allList"
+      class="hidden-scrollbar"
+      style="overflow: auto; flex: 1 1 auto; padding-left: 10px"
+      v-if="isConsoleTab && tab === '1'"
+      :items="allFriendRows"
+      :itemHeight="rowHeight"
+      :overscan="overscan"
+      :keyFunc="rowKey"
     >
-      <h4 v-if="showPerCharacterFriends && allCharacterFriends.length > 0">
-        {{ l('users.characterFriends.all') }}
-      </h4>
-      <div
-        v-if="showPerCharacterFriends"
-        v-for="character in allCharacterFriends"
-        :key="'char-friends-all-' + character.name"
-        class="userlist-item"
-        :class="{ dimmed: character.isIgnored }"
-      >
-        <user
-          :character="character"
-          :showStatus="false"
-          :bookmark="false"
-          :isMarkerShown="shouldShowMarker"
-          :loadColor="false"
-        ></user>
-      </div>
-      <h4 v-if="allFriends.length > 0">
-        {{
-          l(
-            `users.${showPerCharacterFriends && allCharacterFriends.length > 0 ? 'friends.nonCharacter.all' : 'friends'}`
-          )
-        }}
-      </h4>
-      <div
-        v-for="character in allFriends"
-        :key="'friend-all' + character.name"
-        class="userlist-item"
-        :class="{ dimmed: character.isIgnored }"
-      >
-        <user
-          :character="character"
-          :showStatus="false"
-          :bookmark="false"
-          :isMarkerShown="shouldShowMarker"
-          :loadColor="false"
-        ></user>
-      </div>
-
-      <h4>{{ l('users.bookmarks.all') }}</h4>
-
-      <div
-        v-for="character in allBookmarks"
-        :key="'bookmarks-all' + character.name"
-        class="userlist-item"
-        :class="{ dimmed: character.isIgnored }"
-      >
-        <user
-          :character="character"
-          :showStatus="false"
-          :bookmark="true"
-          :isMarkerShown="false"
-          :loadColor="false"
-        ></user>
-      </div>
-    </div>
+      <template slot-scope="{ item: row }">
+        <h4 v-if="row.kind === 'header'">{{ row.label }}</h4>
+        <div
+          v-else
+          class="userlist-item"
+          :class="{ dimmed: row.character.isIgnored }"
+        >
+          <user
+            :character="row.character"
+            :showStatus="false"
+            :bookmark="row.bookmark"
+            :isMarkerShown="row.isMarkerShown"
+            :loadColor="false"
+          ></user>
+        </div>
+      </template>
+    </virtual-list>
   </sidebar>
 </template>
 
@@ -357,6 +296,28 @@
   } from './memberFilters';
   import { computeGenderPreferenceBuckets } from './memberFilters';
   import Dropdown from '../components/Dropdown.vue';
+  import VirtualList from '../components/VirtualList.vue';
+  import { isFilteredByChatGender } from '../learn/filter/smart-filter';
+  import { EventBus } from './preview/event-bus';
+
+  // the friends and "all" views are three sections with headers between them,
+  // and VirtualList takes one flat array, so headers become rows of their own
+  interface CharacterListRow {
+    kind: 'header' | 'user';
+    key: string;
+    label?: string;
+    character?: Character;
+    bookmark?: boolean;
+    isMarkerShown?: boolean;
+  }
+
+  interface CharacterListSection {
+    key: string;
+    label: string | null;
+    characters: Character[];
+    bookmark: boolean;
+    isMarkerShown: boolean;
+  }
 
   const availableSorts = ['normal', 'status', 'gender'] as const;
 
@@ -366,13 +327,21 @@
       user: UserView,
       sidebar: Sidebar,
       tabs: Tabs,
-      dropdown: Dropdown
+      dropdown: Dropdown,
+      'virtual-list': VirtualList
     },
     data() {
       return {
         tab: '0',
         expanded: window.innerWidth >= 992,
         filter: '',
+        rowHeight: 22,
+        rowHeightMeasured: false,
+        overscan: 8,
+        filteredNames: {} as Record<string, boolean>,
+        filterScanToken: 0,
+        filterScanning: false,
+        scoreListener: (() => {}) as (e: any) => void,
         genderFilters: (core &&
         core.state &&
         (core.state.settings as any) &&
@@ -412,6 +381,26 @@
       };
     },
     computed: {
+      tabs(): Array<{ id: string; label: string }> {
+        if (this.channel) {
+          return [
+            { id: '0', label: l('users.friends') },
+            { id: '1', label: l('users.members') }
+          ];
+        }
+
+        if (!this.isConsoleTab) {
+          return [
+            { id: '0', label: l('users.friends') },
+            { id: '1', label: l('user.profile') }
+          ];
+        }
+
+        return [
+          { id: '0', label: l('users.friends') },
+          { id: '1', label: l('users.friends.all') }
+        ];
+      },
       //Making these settings a getter performs better with larger lists
       showPerCharacterFriends(): boolean {
         return core.state.settings.showPerCharacterFriends;
@@ -505,6 +494,79 @@
         });
         return characters.sort(this.sorter);
       },
+      friendRows(): CharacterListRow[] {
+        const showChars =
+          this.showPerCharacterFriends && this.characterFriends.length > 0;
+
+        return this.buildCharacterRows([
+          {
+            key: 'char',
+            label: showChars ? this.l('users.characterFriends') : null,
+            characters: this.showPerCharacterFriends
+              ? this.characterFriends
+              : [],
+            bookmark: false,
+            isMarkerShown: this.shouldShowMarker
+          },
+          {
+            key: 'friend',
+            label:
+              this.friends.length > 0
+                ? this.l(
+                    showChars ? 'users.friends.nonCharacter' : 'users.friends'
+                  )
+                : null,
+            characters: this.friends,
+            bookmark: false,
+            isMarkerShown: this.shouldShowMarker
+          },
+          {
+            key: 'bookmark',
+            label: this.bookmarks.length > 0 ? this.l('users.bookmarks') : null,
+            characters: this.bookmarks,
+            bookmark: false,
+            isMarkerShown: this.shouldShowMarker
+          }
+        ]);
+      },
+      allFriendRows(): CharacterListRow[] {
+        const showChars =
+          this.showPerCharacterFriends && this.allCharacterFriends.length > 0;
+
+        return this.buildCharacterRows([
+          {
+            key: 'char-friends-all',
+            label: showChars ? this.l('users.characterFriends.all') : null,
+            characters: this.showPerCharacterFriends
+              ? this.allCharacterFriends
+              : [],
+            bookmark: false,
+            isMarkerShown: this.shouldShowMarker
+          },
+          {
+            key: 'friend-all',
+            label:
+              this.allFriends.length > 0
+                ? this.l(
+                    showChars
+                      ? 'users.friends.nonCharacter.all'
+                      : 'users.friends'
+                  )
+                : null,
+            characters: this.allFriends,
+            bookmark: false,
+            isMarkerShown: this.shouldShowMarker
+          },
+          {
+            key: 'bookmarks-all',
+            // this header shows even when the list is empty
+            label: this.l('users.bookmarks.all'),
+            characters: this.allBookmarks,
+            bookmark: true,
+            isMarkerShown: false
+          }
+        ]);
+      },
       bookmarks(): Character[] {
         let friendNames =
           this.showPerCharacterFriends &&
@@ -559,6 +621,15 @@
         const members = this.getFilteredMembers();
         return sortMembers(members, this.sortType);
       },
+      memberResetKey(): string {
+        return [
+          this.channel?.id,
+          this.filter,
+          this.sortType,
+          this.genderFilters.join(','),
+          this.selectedStatuses.join(',')
+        ].join('|');
+      },
       memberCountText(): string {
         const total = this.channel ? this.channel.sortedMembers.length : 0;
         const shown = this.filteredMembers ? this.filteredMembers.length : 0;
@@ -609,6 +680,7 @@
 
       this.$watch('tab', (val: any) => {
         if (val === '1' && this.channel) this.applyOrientationAutoFilter();
+        void this.scanSmartFilterHiding();
       });
 
       this.$watch(
@@ -632,6 +704,74 @@
           } as any;
         }
       });
+
+      // only the scroll position is stale when the list is rebuilt. the measured
+      // row heights are keyed by character and stay valid, so don't use resetKey
+      this.$watch('memberResetKey', () => {
+        const list = this.$refs['memberList'] as
+          | { resetScroll(): void }
+          | undefined;
+        if (list) list.resetScroll();
+      });
+
+      // font size is applied via injected css, so it never re-renders. re-measure on
+      // nextTick, after ChatView's watcher has actually applied the new size
+      this.$watch(
+        () => core.state.settings.fontSize,
+        () => {
+          this.rowHeightMeasured = false;
+          this.$nextTick(() => this.syncRowHeight());
+        }
+      );
+
+      // verdicts are per character, so they outlive a channel switch. only an
+      // in-flight scan is stale. changing the filters invalidates all of them
+      this.$watch(
+        () => this.channel?.id,
+        () => {
+          this.filterScanToken++;
+          void this.scanSmartFilterHiding();
+        }
+      );
+
+      this.$watch(
+        () => this.channel?.sortedMembers.length,
+        () => void this.scanSmartFilterHiding()
+      );
+
+      this.$watch(
+        () => core.state.settings.risingFilter,
+        () => {
+          this.filteredNames = {};
+          this.filterScanToken++;
+          void this.scanSmartFilterHiding();
+        },
+        { deep: true }
+      );
+
+      // a profile arriving from the fetch queue is the only other way we learn a
+      // verdict. without this the list only catches up when someone joins or leaves
+      this.scoreListener = (e: any) => {
+        const name = e?.character?.character?.name;
+
+        if (!name || !core.state.settings.risingFilter.hideChannelMembers)
+          return;
+        if (this.filteredNames[name] === e.isFiltered) return;
+
+        this.filteredNames = { ...this.filteredNames, [name]: e.isFiltered };
+      };
+
+      EventBus.$on('character-score', this.scoreListener);
+
+      void this.scanSmartFilterHiding();
+
+      this.$nextTick(() => this.syncRowHeight());
+    },
+    updated(): void {
+      if (!this.rowHeightMeasured) this.syncRowHeight();
+    },
+    beforeDestroy(): void {
+      EventBus.$off('character-score', this.scoreListener);
     },
     methods: {
       applyOrientationAutoFilter(): void {
@@ -670,14 +810,117 @@
         }
       },
 
+      buildCharacterRows(sections: CharacterListSection[]): CharacterListRow[] {
+        const rows: CharacterListRow[] = [];
+
+        for (const section of sections) {
+          if (section.label !== null) {
+            rows.push({
+              kind: 'header',
+              key: section.key + '-header',
+              label: section.label
+            });
+          }
+
+          for (const character of section.characters) {
+            rows.push({
+              kind: 'user',
+              key: section.key + '-' + character.name,
+              character,
+              bookmark: section.bookmark,
+              isMarkerShown: section.isMarkerShown
+            });
+          }
+        }
+
+        return rows;
+      },
+
+      rowKey(row: CharacterListRow): string {
+        return row.key;
+      },
+
+      memberKey(member: Channel.Member): string {
+        return member.character.name;
+      },
+
+      // rows are always the same height for a user, so we can measure it once and
+      // call it a day. the font size watcher in mounted() re-arms this if it changes
+      syncRowHeight(): void {
+        let row: Element | null = null;
+
+        for (const name of ['memberList', 'friendList', 'allList']) {
+          const list = this.$refs[name] as Vue | undefined;
+          // .userlist-item so a section header is never what we measure
+          row =
+            list?.$el.querySelector('.virtual-list-row .userlist-item') ?? null;
+          if (row) break;
+        }
+
+        if (!row) return;
+
+        const height = row.getBoundingClientRect().height;
+        if (height <= 0) return;
+
+        this.rowHeight = height;
+        this.rowHeightMeasured = true;
+      },
+
+      // hideChannelMembers needs a verdict for every member, but only rendered rows
+      // load profiles now, so anyone you never scrolled past was never hidden. walk
+      // the roster in the background instead and remember the answers. members we
+      // still know nothing about stay visible
+      async scanSmartFilterHiding(): Promise<void> {
+        if (this.filterScanning || this.tab === '0' || !this.channel) return;
+        if (!core.state.settings.risingFilter.hideChannelMembers) return;
+
+        const token = this.filterScanToken;
+        const pending: string[] = [];
+
+        for (const member of this.channel.sortedMembers) {
+          const name = member.character.name;
+          if (!(name in this.filteredNames)) pending.push(name);
+        }
+
+        if (pending.length === 0) return;
+
+        this.filterScanning = true;
+
+        try {
+          for (let i = 0; i < pending.length; i += 50) {
+            const batch: Record<string, boolean> = {};
+
+            for (const name of pending.slice(i, i + 50)) {
+              const verdict =
+                await core.cache.profileCache.isFilteredFromStore(name);
+
+              if (verdict !== null) batch[name] = verdict;
+            }
+
+            if (token !== this.filterScanToken) return;
+
+            if (Object.keys(batch).length > 0) {
+              this.filteredNames = { ...this.filteredNames, ...batch };
+            }
+
+            await new Promise(resolve => setTimeout(resolve));
+          }
+        } finally {
+          this.filterScanning = false;
+        }
+      },
+
       getFilteredMembers() {
         let visible = filterByName(this.channel.sortedMembers, this.filter);
 
-        if (core.state.settings.risingFilter.hideChannelMembers) {
-          visible = visible.filter(m => {
-            const p = core.cache.profileCache.getSync(m.character.name);
-            return !p || !p.match.isFiltered;
-          });
+        const filters = core.state.settings.risingFilter;
+
+        if (filters.hideChannelMembers) {
+          visible = visible.filter(
+            m =>
+              this.filteredNames[m.character.name] !== true &&
+              !isFilteredByChatGender(m.character, filters)
+          );
         }
 
         visible = filterByGender(visible, this.genderFilters);
diff --git a/chat/UserView.vue b/chat/UserView.vue
index 6077bab2..fe558100 100644
--- a/chat/UserView.vue
+++ b/chat/UserView.vue
@@ -72,6 +72,8 @@
     isHorizonSupporter
   } from './profile_api';
   import { CharacterColor } from './../fchat/characters';
+  import { isFilteredByChatGender } from '../learn/filter/smart-filter';
+  import { hasActiveSmartFilters } from '../learn/filter/types';
 
   export function getStatusIcon(status: Character.Status): string {
     switch (status) {
@@ -225,9 +227,11 @@
       statusClass = `fa-fw ${getStatusIcon(character.status)}`;
 
     if (core.connection.character) {
+      const showFilterIcon =
+        core.state.settings.risingFilter.showFilterIcon &&
+        hasActiveSmartFilters(core.state.settings.risingFilter);
       const cache =
-        (showMatch && core.state.settings.risingAdScore) ||
-        core.state.settings.risingFilter.showFilterIcon
+        (showMatch && core.state.settings.risingAdScore) || showFilterIcon
           ? core.cache.profileCache.getSync(character.name)
           : undefined;
 
@@ -241,13 +245,10 @@
       ) {
         //Don't bother checking again if we don't get a result.
         core.characters.setOverride(character.name, 'characterColor', null);
-        core.cache.addProfile(character.name, true, true);
+        void core.cache.profileCache.applyOverridesFromStore(character.name);
       }
-      if (
-        cache === null &&
-        (showMatch || core.state.settings.risingFilter.showFilterIcon)
-      ) {
-        void core.cache.addProfile(character.name);
+      if (cache === null && (showMatch || showFilterIcon)) {
+        void core.cache.addProfile(character.name, channel?.id);
       }
 
       if (core.state.settings.risingAdScore && showMatch && cache) {
@@ -264,8 +265,9 @@
       }
 
       if (
-        core.state.settings.risingFilter.showFilterIcon &&
-        cache?.match.isFiltered
+        showFilterIcon &&
+        (cache?.match.isFiltered ||
+          isFilteredByChatGender(character, core.state.settings.risingFilter))
       ) {
         smartFilterIcon = 'user-filter fas fa-filter';
       }
diff --git a/chat/common.ts b/chat/common.ts
index 6cf5a8d9..cb34266b 100644
--- a/chat/common.ts
+++ b/chat/common.ts
@@ -89,7 +89,10 @@ export function getByteLength(this: any | never, str: string): number {
   return byteLen;
 }
 
+const SETTINGS_VERSION = 1;
+
 export class Settings implements ISettings {
+  version = SETTINGS_VERSION;
   playSound = true;
   clickOpensMessage = false;
   disallowedTags: string[] = [];
@@ -105,6 +108,7 @@ export class Settings implements ISettings {
   joinMessages = false;
   alwaysNotify = false;
   logMessages = true;
+  horizonLogChannels = true;
   logAds = false;
   fontSize = 14;
   showNeedsReply = false;
@@ -124,7 +128,6 @@ export class Settings implements ISettings {
   risingComparisonInSearch = true;
 
   risingShowUnreadOfflineCount = true;
-  risingColorblindMode = false;
   risingShowPortraitNearInput = true;
   risingShowPortraitInMessage = true;
   risingShowHighQualityPortraits = true;
diff --git a/chat/conversations.ts b/chat/conversations.ts
index 783a2c67..23b72191 100644
--- a/chat/conversations.ts
+++ b/chat/conversations.ts
@@ -17,7 +17,8 @@ import {
   isAction,
   isCommand,
   isWarn,
-  parse as parseCommand
+  parse as parseCommand,
+  indentedCommandName
 } from './slash_commands';
 import MessageType = Interfaces.Message.Type;
 import { EventBus } from './preview/event-bus';
@@ -86,6 +87,9 @@ abstract class Conversation implements Interfaces.Conversation {
   protected allMessages: Interfaces.Message[] = [];
   readonly reportMessages: Interfaces.Message[] = [];
   private lastSent = '';
+  // text of the last send() that was blocked for having spaces before a command,
+  // so the next Enter on that exact text goes through untouched
+  private spacedCommandWarning = '';
   adManager: AdManager;
   cacheActive = false;
   protected cacheInterval: ReturnType<typeof setInterval> | undefined;
@@ -150,6 +154,18 @@ abstract class Conversation implements Interfaces.Conversation {
   async send(): Promise<void> {
     if (this.enteredText.length === 0) return;
 
+    const spaced = indentedCommandName(this.enteredText);
+    if (spaced !== undefined) {
+      if (this.spacedCommandWarning !== this.enteredText) {
+        this.spacedCommandWarning = this.enteredText;
+        this.errorText = l('commands.spacedCommand', { command: spaced });
+        return;
+      }
+      // warning acknowledged, send it as the literal message it is
+      this.spacedCommandWarning = '';
+      this.errorText = '';
+    }
+
     if (isCommand(this.enteredText)) {
       const parsed = parseCommand(this.enteredText, this.context);
       if (typeof parsed === 'string') this.errorText = parsed;
@@ -248,7 +264,9 @@ abstract class Conversation implements Interfaces.Conversation {
       shouldLog = true;
     } else {
       // Default: follow global message setting
-      shouldLog = core.state.settings.logMessages;
+      shouldLog = isChannel(this)
+        ? core.state.settings.horizonLogChannels
+        : core.state.settings.logMessages;
     }
 
     if (shouldLog) {
@@ -441,8 +459,7 @@ class PrivateConversation
       );
       this.safeAddMessage(message);
 
-      if (core.state.settings.logMessages)
-        await core.logs.logMessage(this, message);
+      await this.logMessage(message, false);
     });
   }
 
@@ -819,7 +836,7 @@ class State implements Interfaces.State {
   navigationHistoryIndex: number = -1;
   private isNavigatingHistory: boolean = false;
 
-  get hasNew(): number {
+  get newCount(): number {
     return (
       this.privateConversations.reduce(
         (sum, item) => sum + item.unreadCount,
@@ -1178,19 +1195,17 @@ export async function testSmartFilterForPrivateMessage(
         core.connection.send('PRI', message);
         core.cache.markLastPostTime();
 
-        if (core.state.settings.logMessages) {
-          const logMessage = createMessage(
-            Interfaces.Message.Type.Message,
-            core.characters.ownCharacter,
-            message.message,
-            new Date()
-          );
-
-          await withNeutralVisibilityPrivateConversation(fromChar, async p => {
-            // core.logs.logMessage(p, logMessage)
-            await p.addMessage(logMessage);
-          });
-        }
+        const logMessage = createMessage(
+          Interfaces.Message.Type.Message,
+          core.characters.ownCharacter,
+          message.message,
+          new Date()
+        );
+
+        await withNeutralVisibilityPrivateConversation(fromChar, async p => {
+          // core.logs.logMessage(p, logMessage)
+          await p.addMessage(logMessage);
+        });
       } else {
         const message = {
           recipient: fromChar.name,
@@ -1205,19 +1220,17 @@ export async function testSmartFilterForPrivateMessage(
         core.connection.send('PRI', message);
         core.cache.markLastPostTime();
 
-        if (core.state.settings.logMessages) {
-          const logMessage = createMessage(
-            Interfaces.Message.Type.Message,
-            core.characters.ownCharacter,
-            message.message,
-            new Date()
-          );
-
-          await withNeutralVisibilityPrivateConversation(fromChar, async p => {
-            // core.logs.logMessage(p, logMessage)
-            await p.addMessage(logMessage);
-          });
-        }
+        const logMessage = createMessage(
+          Interfaces.Message.Type.Message,
+          core.characters.ownCharacter,
+          message.message,
+          new Date()
+        );
+
+        await withNeutralVisibilityPrivateConversation(fromChar, async p => {
+          // core.logs.logMessage(p, logMessage)
+          await p.addMessage(logMessage);
+        });
       }
     });
   }
@@ -1341,6 +1354,8 @@ export default function (this: any): Interfaces.State {
     await state.reloadSettings();
   });
   connection.onEvent('connected', isReconnect => {
+    state.navigationHistory = [state.selectedConversation];
+    state.navigationHistoryIndex = 0;
     if (isReconnect) return;
     for (const item of state.pinned.private)
       state.getPrivate(core.characters.get(item));
@@ -1354,6 +1369,8 @@ export default function (this: any): Interfaces.State {
   connection.onEvent('closed', () => {
     state.pinnedCleanupArmed = false;
     clearTimeout(state.pinnedCleanupTimer);
+    state.navigationHistory = [];
+    state.navigationHistoryIndex = 0;
   });
   core.channels.onEvent(async (type, channel, member) => {
     if (type === 'join')
@@ -1462,9 +1479,20 @@ export default function (this: any): Interfaces.State {
     const words = conversation.settings.highlightWords.slice();
     const watchedCharacters =
       conversation.settings.horizonHighlightUsers.slice();
-    if (conversation.settings.defaultHighlights)
-      words.push(...core.state.settings.highlightWords);
-    watchedCharacters.push(...core.state.settings.horizonHighlightUsers);
+    if (conversation.settings.defaultHighlights) {
+      const globalHighlightWords = core.state.globalSettings.highlightWords;
+      const characterHighlightWords =
+        core.state.characterSettings.highlightWords ?? [];
+      words.push(...globalHighlightWords, ...characterHighlightWords);
+    }
+    const globalWatchedCharacters =
+      core.state.globalSettings.horizonHighlightUsers;
+    const characterWatchedCharacters =
+      core.state.characterSettings.horizonHighlightUsers ?? [];
+    watchedCharacters.push(
+      ...globalWatchedCharacters,
+      ...characterWatchedCharacters
+    );
     if (
       (conversation.settings.highlight === Interfaces.Setting.Default &&
         core.state.settings.highlight) ||
diff --git a/chat/core.ts b/chat/core.ts
index d4ad5564..77e4cbd1 100644
--- a/chat/core.ts
+++ b/chat/core.ts
@@ -23,25 +23,80 @@ import {
   Conversation,
   Logs,
   Notifications,
+  PartialSettings,
   Settings,
   State as StateInterface
 } from './interfaces';
 import { AdCoordinatorGuest } from './ads/ad-coordinator-guest';
 import { AdCenter } from './ads/ad-center';
-import { GeneralSettings } from '../electron/common';
+import { GeneralSettings } from './general-settings';
+import { PlatformServices } from './platform';
 import { SiteSession } from '../site/site-session';
 import _ from 'lodash';
 import { preloadTeamData } from './profile_api';
 
+/**
+ * Helper function that converts old (pre horizon 2.5/ vanilla) character settings to a partial settings object.
+ * @param characterSettings The character-specific settings.
+ * @param globalSettings The global settings.
+ * @returns A partial settings object where only the properties that differ from the global settings are included.
+ */
+function convertToPartialSettings(
+  characterSettings: Settings,
+  globalSettings: Settings
+): PartialSettings {
+  const partialSettings = {} as {
+    -readonly [K in keyof Settings]?: Settings[K];
+  };
+
+  for (const key of Object.keys(globalSettings) as Array<keyof Settings>) {
+    if (!_.isEqual(characterSettings[key], globalSettings[key])) {
+      Object.assign(partialSettings, { [key]: characterSettings[key] });
+    }
+  }
+
+  partialSettings.version = 1;
+  return partialSettings;
+}
+
 function createBBCodeParser(): BBCodeParser {
   const parser = new BBCodeParser();
   for (const tag of state.settings.disallowedTags) parser.removeTag(tag);
   return parser;
 }
 
+/**
+ * Creates a Proxy that merges global settings with character overrides.
+ * Character settings take precedence; undefined values fall back to global.
+ * @param global The global settings object (from '_' character).
+ * @param character The character-specific overrides (partial settings).
+ * @returns A Proxy object that provides merged access to settings.
+ */
+function createMergedSettingsProxy(
+  global: Settings,
+  character: PartialSettings
+): Settings {
+  return new Proxy(global, {
+    get(target, prop: keyof Settings) {
+      if (prop in character && character[prop] !== undefined) {
+        return character[prop];
+      }
+      return target[prop];
+    },
+    set(_target, prop: keyof Settings, value) {
+      // Setting a property updates the character overrides
+      (character as any)[prop] = value;
+      return true;
+    }
+  }) as Settings;
+}
+
 class State implements StateInterface {
   generalSettings?: GeneralSettings | undefined;
   _settings: Settings | undefined = undefined;
+  _globalSettings: Settings | undefined = undefined;
+  _characterSettings: PartialSettings = {};
+  needsSettingsMigration: boolean = false;
   hiddenUsers: string[] = [];
   favoriteEIcons: Record<string, boolean> = emptyMap();
   recentEIcons: string[] = [];
@@ -52,8 +107,43 @@ class State implements StateInterface {
   }
 
   set settings(value: Settings) {
+    //For backward compatibility, setting settings updates the merged proxy and saves character settings
     this._settings = value;
     //tslint:disable-next-line:no-floating-promises
+    if (data.settingsStore !== undefined)
+      data.settingsStore.set('settings', this._characterSettings);
+    //Why do we need to this again?
+    //It was in the original version, but I'm afraid of removing it in any of the copy-paste setters.
+    data.bbCodeParser = createBBCodeParser();
+  }
+
+  get globalSettings(): Settings {
+    if (this._globalSettings === undefined)
+      throw new Error('Global settings load failed.');
+    return this._globalSettings;
+  }
+
+  set globalSettings(value: Settings) {
+    this._globalSettings = value;
+
+    this._settings = createMergedSettingsProxy(value, this._characterSettings);
+    //tslint:disable-next-line:no-floating-promises
+    if (data.settingsStore !== undefined)
+      data.settingsStore.set('settings', value, GLOBAL_SETTINGS_CHARACTER);
+    data.bbCodeParser = createBBCodeParser();
+  }
+
+  get characterSettings(): PartialSettings {
+    return this._characterSettings;
+  }
+
+  set characterSettings(value: PartialSettings) {
+    this._characterSettings = value;
+
+    if (this._globalSettings !== undefined) {
+      this._settings = createMergedSettingsProxy(this._globalSettings, value);
+    }
+    //tslint:disable-next-line:no-floating-promises
     if (data.settingsStore !== undefined)
       data.settingsStore.set('settings', value);
     data.bbCodeParser = createBBCodeParser();
@@ -89,6 +179,7 @@ function rebuildHiddenUsersSet(): void {
 }
 
 const data = {
+  platform: <PlatformServices | undefined>undefined,
   connection: <Connection | undefined>undefined,
   logs: <Logs | undefined>undefined,
   settingsStore: <Settings.Store | undefined>undefined,
@@ -130,14 +221,54 @@ const data = {
   ): void {
     vue.$watch(getter, callback);
   },
+  async loadGlobalSettings(): Promise<boolean> {
+    const globalRaw = await core.settingsStore.get(
+      'settings',
+      GLOBAL_SETTINGS_CHARACTER
+    );
+
+    const needsMigration = globalRaw === undefined;
+    const globalSettings = _.mergeWith(
+      new SettingsImpl(),
+      globalRaw,
+      (oVal, sVal) => {
+        if (_.isArray(oVal) && _.isArray(sVal)) {
+          return sVal;
+        }
+      }
+    );
+
+    state._globalSettings = globalSettings;
+    state._characterSettings = {};
+    state._settings = createMergedSettingsProxy(globalSettings, {});
+
+    return needsMigration;
+  },
   async reloadSettings(): Promise<void> {
-    const s = await core.settingsStore.get('settings');
+    // Load global settings from '_' character
+    const needsMigration = await data.loadGlobalSettings();
+    const globalSettings = state._globalSettings!;
 
-    state._settings = _.mergeWith(new SettingsImpl(), s, (oVal, sVal) => {
-      if (_.isArray(oVal) && _.isArray(sVal)) {
-        return sVal;
+    // Load character-specific overrides
+    const characterRaw = await core.settingsStore.get('settings');
+    let characterSettings: PartialSettings = {};
+    if (characterRaw !== undefined) {
+      characterSettings = characterRaw as PartialSettings;
+      if (!needsMigration) {
+        characterSettings = convertToPartialSettings(
+          characterSettings as Settings,
+          globalSettings
+        );
+        await core.settingsStore.set('settings', characterSettings);
       }
-    });
+    }
+    state._characterSettings = characterSettings;
+
+    // Create merged settings proxy
+    state._settings = createMergedSettingsProxy(
+      globalSettings,
+      characterSettings
+    );
 
     const hiddenUsers = await core.settingsStore.get('hiddenUsers');
     state.hiddenUsers = hiddenUsers !== undefined ? hiddenUsers : [];
@@ -148,17 +279,80 @@ const data = {
 
     const recentEIcons = await core.settingsStore.get('recentEIcons');
     state.recentEIcons = recentEIcons !== undefined ? recentEIcons : [];
+
+    //If migration needed, check for existing character settings to migrate
+    if (needsMigration && characterRaw !== undefined) {
+      //Existing character has settings but no global exists...
+      //set flag for UI to prompt user for migration choice
+      state.needsSettingsMigration = true;
+    } else if (needsMigration) {
+      //No existing settings at all, just use defaults as global
+      await core.settingsStore.set(
+        'settings',
+        globalSettings,
+        GLOBAL_SETTINGS_CHARACTER
+      );
+      state.needsSettingsMigration = false;
+    } else {
+      state.needsSettingsMigration = false;
+    }
+  },
+
+  /**
+   * Migrate character settings to global settings.
+   * @param useCurrentAsGlobal If true, current character settings become global defaults.
+   *                          If false, start fresh with default settings.
+   */
+  async migrateToGlobalSettings(useCurrentAsGlobal: boolean): Promise<void> {
+    if (useCurrentAsGlobal) {
+      // Use current character's settings as the global settings
+      const currentSettings = state._settings!;
+      await core.settingsStore.set(
+        'settings',
+        currentSettings,
+        GLOBAL_SETTINGS_CHARACTER
+      );
+      state._globalSettings = currentSettings;
+      // Clear character overrides since they're now global
+      state._characterSettings = convertToPartialSettings(
+        currentSettings,
+        currentSettings
+      );
+      await core.settingsStore.set('settings', state._characterSettings);
+    } else {
+      const defaults = new SettingsImpl();
+      await core.settingsStore.set(
+        'settings',
+        defaults,
+        GLOBAL_SETTINGS_CHARACTER
+      );
+      state._globalSettings = defaults;
+      state._characterSettings = convertToPartialSettings(
+        state._settings!,
+        defaults
+      );
+      await core.settingsStore.set('settings', state._characterSettings);
+    }
+
+    state.needsSettingsMigration = false;
+    // Recreate merged proxy
+    state._settings = createMergedSettingsProxy(
+      state._globalSettings!,
+      state._characterSettings
+    );
   }
 };
 
-export function init(
+export async function init(
   this: any,
   connection: Connection,
   settings: GeneralSettings,
   logsClass: new () => Logs,
   settingsClass: new () => Settings.Store,
-  notificationsClass: new () => Notifications
-): void {
+  notificationsClass: new () => Notifications,
+  platform: PlatformServices
+): Promise<void> {
+  data.platform = platform;
   data.connection = connection;
   data.logs = new logsClass();
   data.settingsStore = new settingsClass();
@@ -174,6 +368,9 @@ export function init(
   data.register('channels', Channels(connection, core.characters));
   data.register('conversations', Conversations());
 
+  await data.loadGlobalSettings();
+  data.bbCodeParser = createBBCodeParser();
+
   // ^ Debounced: rapid toggles (or bulk imports of large lists) used to kick off
   // a full JSON.stringify + fs.writeFileSync per mutation, which freezes the UI
   // when the list is tens of thousands of entries long.
@@ -196,6 +393,7 @@ export function init(
 }
 
 export interface Core {
+  readonly platform: PlatformServices;
   readonly connection: Connection;
   readonly logs: Logs;
   readonly state: StateInterface;
@@ -214,8 +412,16 @@ export interface Core {
   toggleHidden(name: string): void;
 
   watch<T>(getter: (this: VueState) => T, callback: WatchHandler<T>): void;
+  reloadSettings(): Promise<void>;
+  migrateToGlobalSettings(useCurrentAsGlobal: boolean): Promise<void>;
 }
 
 const core = <Core>(<any>data); /*tslint:disable-line:no-any*/ //hack
 
+/**
+ * The "character" name used to store global settings in the settings store.
+ * Since F-List does not allow a character named "_", we can safely use this as a reserved name for global settings.
+ */
+export const GLOBAL_SETTINGS_CHARACTER = '_';
+
 export default core;
diff --git a/chat/general-settings.ts b/chat/general-settings.ts
new file mode 100644
index 00000000..e931d399
--- /dev/null
+++ b/chat/general-settings.ts
@@ -0,0 +1,87 @@
+import { ProfileViewerGalleryType } from '../site/utils';
+
+export type ColorblindMode =
+  | 'none'
+  | 'protanopia'
+  | 'protanomaly'
+  | 'deuteranopia'
+  | 'deuteranomaly'
+  | 'tritanopia'
+  | 'tritanomaly'
+  | 'achromatopsia'
+  | 'achromatomaly';
+
+export interface GeneralSettings {
+  account: string;
+  closeToTray: boolean;
+  profileViewer: boolean;
+  profileViewerGalleryType: ProfileViewerGalleryType;
+  profileViewerThumbAnimate: boolean;
+  profileViewerSmallerDefaultAvatars: boolean;
+  proxy: string;
+  host: string;
+  logDirectory: string;
+  spellcheckLang: string[] | string | undefined;
+  displayLanguage: string;
+  theme: string;
+  themeSync: boolean;
+  themeSyncDark: string;
+  themeSyncLight: string;
+  version: string;
+  beta: boolean;
+  updateCheck: boolean;
+  horizonHideAutoUpdater: boolean;
+  horizonAutoDownloadUpdates: boolean;
+  horizonSkippedUpdateVersion: string;
+  horizonPendingUpdateTag: string;
+  customDictionary: string[];
+  hwAcceleration: boolean;
+  reducedMotion: boolean;
+  horizonHighContrast: boolean;
+  horizonColorblindMode: ColorblindMode;
+  risingCacheExpiryDays: number;
+  horizonCacheMemoryCount: number;
+  risingSystemLogLevel: string | false;
+  risingDisableWindowsHighContrast: boolean;
+  browserPath: string;
+  browserArgs: string;
+  horizonAlwaysOpenIncognito: boolean;
+  zoomLevel: number;
+  horizonCustomCss: string;
+  horizonCustomCssEnabled: boolean;
+  horizonVanillaTextColors: boolean;
+  horizonVanillaGenderColors: boolean;
+  horizonBbcodeGlow: boolean;
+  horizonShowTips: boolean;
+  soundTheme: string;
+  soundThemeSoundVolumes: Record<string, Record<string, number>>;
+  horizonAutoLogin: boolean;
+  horizonWindowTitleCharacter: boolean;
+  use12HourTime: boolean;
+  showSeconds: boolean;
+  fuzzyDates: boolean;
+  flashWindow: boolean;
+  allowWindowTransparency: boolean;
+  forceNativeWindowControls: boolean;
+  nativeWindowShowSingleTab: boolean;
+  horizonForceAsciiProfiles: boolean;
+  hasImportedVanillaLogs: boolean;
+  hasDismissedVanillaImport: boolean;
+  vanillaCustomBaseDir: string | undefined;
+  autoBackupEnabled: boolean;
+  autoBackupTriggers: string[];
+  autoBackupIntervalHours: number;
+  autoBackupCronTimes: string[];
+  autoBackupIncludeGeneralSettings: boolean;
+  autoBackupIncludeCharacterSettings: boolean;
+  autoBackupIncludeLogs: boolean;
+  autoBackupIncludeDrafts: boolean;
+  autoBackupIncludePinnedConversations: boolean;
+  autoBackupIncludePinnedEicons: boolean;
+  autoBackupIncludeRecents: boolean;
+  autoBackupIncludeHidden: boolean;
+  autoBackupRetention: number;
+  autoBackupDirectory: string;
+  horizonShowNotificationBadge: boolean;
+  horizonShowWindowAndChatNotificationBadge: boolean;
+}
diff --git a/chat/interfaces.ts b/chat/interfaces.ts
index 0bf55c41..ab525b59 100644
--- a/chat/interfaces.ts
+++ b/chat/interfaces.ts
@@ -4,6 +4,7 @@ import { Connection } from '../fchat';
 import { Channel, Character } from '../fchat/interfaces';
 import { AdManager } from './ads/ad-manager';
 import { SmartFilterSettings } from '../learn/filter/types';
+import { GeneralSettings } from './general-settings';
 export { type Connection, Channel, type Character } from '../fchat/interfaces';
 export const userStatuses: ReadonlyArray<Character.Status> = [
   'online',
@@ -124,7 +125,7 @@ export namespace Conversation {
     readonly recent: ReadonlyArray<RecentPrivateConversation>;
     readonly recentChannels: ReadonlyArray<RecentChannelConversation>;
     readonly selectedConversation: Conversation;
-    readonly hasNew: number;
+    readonly newCount: number;
     readonly lastConversation: Conversation;
     byKey(key: string): Conversation | undefined;
     navigateForward(): boolean;
@@ -254,7 +255,8 @@ export type AvailableSort = 'normal' | 'status' | 'gender' | 'compatibility';
 
 export namespace Settings {
   export type Keys = {
-    settings: Settings;
+    /** Global settings stored under '_' are of the type "Settings",character overrides are of the type "PartialSettings" */
+    settings: Settings | PartialSettings;
     pinned: { channels: string[]; private: string[] };
     conversationSettings: { [key: string]: Conversation.Settings | undefined };
     modes: { [key: string]: Channel.Mode | undefined };
@@ -282,10 +284,15 @@ export namespace Settings {
       character?: string
     ): Promise<Keys[K] | undefined>;
     getAvailableCharacters(): Promise<ReadonlyArray<string>>;
-    set<K extends keyof Keys>(key: K, value: Keys[K]): Promise<void>;
+    set<K extends keyof Keys>(
+      key: K,
+      value: Keys[K],
+      character?: string
+    ): Promise<void>;
   }
 
   export interface Settings {
+    readonly version: number;
     readonly playSound: boolean;
     readonly clickOpensMessage: boolean;
     readonly disallowedTags: ReadonlyArray<string>;
@@ -301,6 +308,7 @@ export namespace Settings {
     readonly joinMessages: boolean;
     readonly alwaysNotify: boolean;
     readonly logMessages: boolean;
+    readonly horizonLogChannels: boolean;
     readonly logAds: boolean;
     readonly fontSize: number;
     readonly showNeedsReply: boolean;
@@ -320,7 +328,6 @@ export namespace Settings {
     readonly risingComparisonInSearch: boolean;
 
     readonly risingShowUnreadOfflineCount: boolean;
-    readonly risingColorblindMode: boolean;
     readonly risingShowPortraitNearInput: boolean;
     readonly risingShowPortraitInMessage: boolean;
     readonly risingShowHighQualityPortraits: boolean;
@@ -355,9 +362,18 @@ export namespace Settings {
       readonly [theme: string]: { readonly [sound: string]: number };
     };
   }
+
+  /**
+   * Partial settings used for character-level overrides.
+   * Properties set to `undefined` indicate "use global value".
+   */
+  export type PartialSettings = {
+    [K in keyof Settings]?: Settings[K] | undefined;
+  };
 }
 
 export type Settings = Settings.Settings;
+export type PartialSettings = Settings.PartialSettings;
 
 export interface Notifications {
   isInBackground: boolean;
@@ -375,7 +391,14 @@ export interface Notifications {
 }
 
 export interface State {
+  generalSettings?: GeneralSettings;
+  /** Merged settings (global + character overrides). Use this for reading settings in logic. */
   settings: Settings;
+  /** Global settings shared across all characters. Stored under character '_'. */
+  globalSettings: Settings;
+  /** Character-specific overrides. Properties set to undefined use global value. */
+  characterSettings: PartialSettings;
+  needsSettingsMigration: boolean;
   hiddenUsers: string[];
   favoriteEIcons: Record<string, boolean>;
   recentEIcons: string[];
diff --git a/chat/languages.ts b/chat/languages.ts
new file mode 100644
index 00000000..f05b9d5d
--- /dev/null
+++ b/chat/languages.ts
@@ -0,0 +1,70 @@
+//These are all i18n language codes, right?
+
+/**
+ * A map of known language codes to their display names.
+ * Example: 'en-US' => 'English, American'
+ * This is used to display the language name in the UI.
+ * The keys are the language codes, and the values are the display names.
+ */
+export const knownLanguageNames: Readonly<Record<string, string>> = {
+  af: 'Afrikaans',
+  bg: 'Bulgarian',
+  ca: 'Catalan',
+  cs: 'Czech',
+  cy: 'Welsh',
+  da: 'Danish',
+  de: 'German, Generic',
+  'de-DE': 'German',
+  el: 'Greek',
+  'en-AU': 'English, Australian',
+  'en-CA': 'English, Canadian',
+  'en-GB': 'English, British',
+  'en-GB-oxendict': 'English, British, Oxford Spelling',
+  'en-US': 'English, American',
+  es: 'Spanish',
+  'es-419': 'Spanish, Latin America and Caribbean',
+  'es-AR': 'Spanish, Argentine',
+  'es-ES': 'Spanish, Castilian',
+  'es-MX': 'Spanish, Mexican',
+  'es-US': 'Spanish, American',
+  et: 'Estonian',
+  fa: 'Persian',
+  fo: 'Faroese',
+  fr: 'French, Generic',
+  'fr-FR': 'French',
+  he: 'Hebrew',
+  hi: 'Hindi',
+  hr: 'Croatian',
+  hu: 'Hungarian',
+  hy: 'Armenian',
+  id: 'Indonesian',
+  it: 'Italian, Generic',
+  'it-IT': 'Italian',
+  ko: 'Korean',
+  lt: 'Lithuanian',
+  lv: 'Latvian',
+  nb: 'Norwegian',
+  nl: 'Dutch',
+  pl: 'Polish',
+  'pt-BR': 'Portuguese, Brazilian',
+  'pt-PT': 'Portuguese, European',
+  pt: 'Portuguese, Generic',
+  ro: 'Romanian',
+  ru: 'Russian',
+  sh: 'Serbo-Croatian',
+  sk: 'Slovak',
+  sl: 'Slovenian',
+  sq: 'Albanian',
+  sr: 'Serbian',
+  sv: 'Swedish',
+  ta: 'Tamil',
+  tg: 'Tajik',
+  tr: 'Turkish',
+  uk: 'Ukrainian',
+  vi: 'Vietnamese'
+};
+
+export function formatLanguage(code: string): string {
+  const name = knownLanguageNames[code];
+  return name === undefined ? code : `${name} (${code})`;
+}
diff --git a/chat/locales/de.json b/chat/locales/de.json
index ccda5ca5..f12cb0bc 100644
--- a/chat/locales/de.json
+++ b/chat/locales/de.json
@@ -696,10 +696,6 @@
   "settings.cache.memoryCount.description": "Die maximale Anzahl an Charakteren die im Systemspeicher aktiv erhalten werden. Höhere Werte bedeuten das mehr RAM nach einer gewissen Zeit genutzt wird.",
   "settings.changeOfflineColor": "Farbe zu grau ändern, wenn ein Charakter offline geht.",
   "settings.channelMembersFilters": "Channel-Mitgliedereinstellungen",
-  "settings.character": "Charaktereinstellungen",
-  "settings.charactersToGeneral": "Viele dieser Einstellungen werden bald in die globalen Einstellungen bewegt, wo sie charakterübergreifend gelten. Du kannst die globalen Einstellungen weiterhin charakterspezifisch überschreiben.",
-  "settings.charactersToGeneral.generalInfo": "Wir arbeiten daran, Charakter- und Globale Einstellungen in ein Menü zu vereinen. Erwartet das \"bald™\".",
-  "settings.charactersToGeneral.instructions": "Dieses Menü wurde neu angeordnet und gestaltet um alles dafür vorzubereiten. Bis bald!",
   "settings.chat.bbcode": "BBCode",
   "settings.chat.behavior": "Verhalten",
   "settings.chat.logging": "Logging",
@@ -769,8 +765,6 @@
   "settings.filter.penalizeMatches": "[b]Match Scores[/b] für übereinstimmende Charaktere verringern",
   "settings.filter.rewardNonMatches": "[b]Match Scores[/b] für nicht-übereinstimmende Charaktere erhöhen",
   "settings.filter.showFilterIcon": "[b]Filter Icon[/b] für übereinstimmende Charaktere zeigen",
-  "settings.filteringWarning1": "Durch das Aktivieren von Filtern, kann es sein, dass du nicht mehr alle Nachrichten von F-Chat siehst oder erhältst. Filter werden nicht auf Freunde oder Lesezeichen angewendet.",
-  "settings.filteringWarning2": "Beta-Version. Einige dieser Features und Funktionsweisen werden möglicherweise in der Zukunft entfernt oder stark verändert.",
   "settings.flashWindow": "Aufleuchten der Taskleiste aktivieren",
   "settings.flashWindow.note": "Diese Funktion wird in Linux möglicherweise nicht von deinem Window Manager oder deiner Desktop-Umgebungen unterstützt.",
   "settings.fontSize": "Schriftgröße",
@@ -1062,7 +1056,7 @@
   "tips.6": "Klicke den \"Räume\"-Button über einem privaten Chat, um schnell zu sehen welche Räume ihr gemeinsam habt.",
   "tips.7": "Drücke [kbd]{modifier}[/kbd] + [kbd]T[/kbd], um schnell zwischen Chats zu springen. Wähle durch scrollen, nutze die Pfeiltasten und Enter-Taste, oder klicke auf das gewünschte Ergebnis!",
   "tips.8": "Du kannst alle möglichen Benachrichtigungseinstellungen für einzelne Räume überschreiben, indem du auf \"Tab-Einstellungen\" klickst.",
-  "tips.9": "Du kannst diese Tipps jederzeit im \"Allgemein\"-Tab in den Horizon Einstellungen ausschalten.",
+  "tips.9": "Du kannst diese Tipps jederzeit im \"Allgemein\"-Tab in den Solstice Einstellungen ausschalten.",
   "title": "Solstice",
   "title.beta": "Solstice (Beta)",
   "title.connected": "Solstice ({character})",
diff --git a/chat/locales/en-US.json b/chat/locales/en-US.json
index da8815e4..7658c680 100644
--- a/chat/locales/en-US.json
+++ b/chat/locales/en-US.json
@@ -45,6 +45,7 @@
   "action.rename": "Rename...",
   "action.reset": "Reset",
   "action.restore": "Restore",
+  "action.save": "Save",
   "action.saveAndClose": "Save and Close",
   "action.saveChanges": "Save changes",
   "action.select": "Select",
@@ -325,6 +326,7 @@
   "commands.setmode.param0.help": "A valid room mode, namely \"ads\", \"chat\" or \"both\".",
   "commands.setowner": "Set channel owner",
   "commands.setowner.help": "Set the owner of a channel to another character. The previous owner will be demoted to a member.",
+  "commands.spacedCommand": "\"/{command}\" has a space in front of it, so it will be sent as a message instead of run as a command. Press Enter again to send it anyway.",
   "commands.status": "Set status",
   "commands.status.help": "Sets your status along with an optional message.",
   "commands.status.param0": "Status",
@@ -403,6 +405,7 @@
   "editor.format.underline": "Underline ({modifier}+U)\n\nMakes text appear with an underline beneath it.",
   "editor.format.url": "URL ({modifier}+L)\n\nCreates a clickable link to another page of your choosing.",
   "editor.format.user": "User ({modifier}+R)\n\nLinks to a character's profile.",
+  "editor.formatting": "Formatting\n\nShows the text formatting buttons.",
   "editor.help": "Help\n\nClick this button for a quick overview of slash commands.",
   "editor.preview": "Preview ({modifier})\n\nShows a preview of the BBCode you have typed, including any formatting errors.",
   "eicon.action": "Select EIcon",
@@ -644,6 +647,7 @@
   "settings.appearance.layout": "Page layout",
   "settings.appearance.messages": "Message appearance",
   "settings.appearance.users": "User appearance",
+  "settings.arrayInstructions": "Split values with commas or tabs.",
   "settings.autoBackup.addTime": "Add time",
   "settings.autoBackup.chooseBackup": "Choose a backup...",
   "settings.autoBackup.description": "Automatically create backups based on triggers you choose. Old backups are removed based on the retention count.",
@@ -703,10 +707,19 @@
   "settings.cache.memoryCount.description": "The maximum amount of characters to keep in active system memory. Higher values mean that more RAM might be used after some time.",
   "settings.changeOfflineColor": "Make color in chat change to grey when a user goes offline",
   "settings.channelMembersFilters": "Channel members filters",
-  "settings.character": "Character Settings",
-  "settings.charactersToGeneral": "In the nearby future, most of these settings will be moved to the global settings menu, where they will be applied globally across your characters. You will still be able to set character-level overrides though.",
-  "settings.charactersToGeneral.generalInfo": "We're working on unifying the character and global settings menus, moving both of these to a single location. Expect this soon™.",
-  "settings.charactersToGeneral.instructions": "This window itself has been redesigned and reorganized to prepare for this. Expect it soon™.",
+  "settings.tab.global": "Global Settings",
+  "settings.tab.character": "Settings for {characterName}",
+  "settings.override.true": "Override: On",
+  "settings.override.false": "Override: Off",
+  "settings.override.useGlobal": "Use global value",
+  "settings.override.globalOn": "Global: On",
+  "settings.override.globalOff": "Global: Off",
+  "settings.overridden": "Overridden",
+  "settings.migration.title": "Settings Migration",
+  "settings.migration.prompt": "{title} now uses global settings; which allows you to share default settings, and override them per-character.\n\nHow would you like to set up your global settings?",
+  "settings.migration.useCurrent": "Use {characterName}'s settings",
+  "settings.migration.startFresh": "Start with default settings",
+  "settings.chat": "Chat Settings",
   "settings.chat.bbcode": "BBCode",
   "settings.chat.behavior": "Behavior",
   "settings.chat.logging": "Logging",
@@ -715,10 +728,21 @@
   "settings.chatLayoutMode.classic": "Classic",
   "settings.chatLayoutMode.modern": "Modern",
   "settings.chatLayoutMode.modernDescription": "Modern layout shows larger avatars and bubble-style messages, similar to Discord.",
+  "settings.checkbox": "Checkbox",
+  "settings.checkbox.override": "Override settings",
   "settings.clickOpensMessage": "Clicking users opens messages (instead of their profile)",
   "settings.closeToTray": "Close to tray",
   "settings.colorBookmarks": "Show friends/bookmarks in a different colour",
-  "settings.colorblindMode": "Colorblind mode",
+  "settings.colorblindMode": "Color vision deficiency assistance",
+  "settings.colorblindMode.none": "Off",
+  "settings.colorblindMode.protanopia": "Red-green blindness",
+  "settings.colorblindMode.protanomaly": "Red-green weakness",
+  "settings.colorblindMode.deuteranopia": "Green-red blindness",
+  "settings.colorblindMode.deuteranomaly": "Green-red weakness",
+  "settings.colorblindMode.tritanopia": "Blue-yellow blindness",
+  "settings.colorblindMode.tritanomaly": "Blue-yellow weakness",
+  "settings.colorblindMode.achromatopsia": "Complete color blindness",
+  "settings.colorblindMode.achromatomaly": "Partial color blindness",
   "settings.comingsoon": "Coming soon.",
   "settings.customCss": "Custom user stylesheet",
   "settings.customCss.css": "Custom CSS",
@@ -739,7 +763,8 @@
   "settings.dataManager.section.import": "Import",
   "settings.dataManager.section.vanilla": "Import from Vanilla",
   "settings.defaultHighlights": "Use global highlight words",
-  "settings.disallowedTags": "Disallowed BBCode tags (comma-separated)",
+  "settings.disallowedTags": "Disallowed BBCode tags",
+  "settings.disallowedTags.placeholder": "Type tags without brackets, ie. {tagName}.",
   "settings.displayLanguage": "Display Language",
   "settings.displayLanguage.note": "Languages might not be fully translated yet.\nWe have a tool for tracking progress, so you do not need to report missing translations.",
   "settings.enterAge": "Enter age",
@@ -753,6 +778,7 @@
   "settings.export.description": "Create a ZIP backup of your settings, logs, pinned conversations, and eicons for selected characters.",
   "settings.export.errorGeneric": "Export failed. Please check the logs for details.",
   "settings.export.filter": "ZIP archives",
+  "settings.export.globalSettings": "Global default settings",
   "settings.export.inProgress": "Exporting…",
   "settings.export.includeCharacterSettings": "Include character settings",
   "settings.export.includeDrafts": "Include post drafts",
@@ -770,6 +796,8 @@
   "settings.export.summarySkipped_other": "({count} files skipped due to errors)",
   "settings.export.title": "Export Solstice data",
   "settings.export.zipping": "Finalizing export",
+  "settings.filter.deprecated": "Smart Filters in their current form are deprecated, a new system with more customization is planned for a future update.",
+  "settings.filter.deprecated.characterOnly": "Smart Filters are only saved for the current character. The new system will allow you to save filters globally and override them per-character.",
   "settings.filter.hideAds": "Hide [b]ads[/b] from matching characters",
   "settings.filter.hideChannelMembers": "Hide matching characters from [b]channel members lists[/b]",
   "settings.filter.hidePrivateChannelMessages": "Hide [b]private channel messages[/b] from matching characters",
@@ -779,20 +807,18 @@
   "settings.filter.penalizeMatches": "Penalize [b]match scores[/b] for matching characters",
   "settings.filter.rewardNonMatches": "Increase [b]match scores[/b] for non-matching characters",
   "settings.filter.showFilterIcon": "Show [b]filter icon[/b] on matching characters",
-  "settings.filteringWarning1": "By activating filtering, you may no longer be able to see or receive all messages from F-Chat. Filters do not apply to friends or bookmarked characters.",
-  "settings.filteringWarning2": "Beta version. Some of these features and behaviors may be removed or significantly changed in the future.",
   "settings.flashWindow": "Enable taskbar flashing",
   "settings.flashWindow.note": "On Linux, this feature might not be supported by your window manager or desktop environment.",
   "settings.fontSize": "Font size",
-  "settings.forceNativeWindowControls": "Force native window controls (requires restart)",
+  "settings.forceNativeWindowControls": "Force native window title bar (requires restart)",
   "settings.forceQuickConvoList": "Force mobile-style 'quick switcher' conversation list",
   "settings.genderIconUseOriginalColor": "Make gender icon use the original gender color instead of the custom name color",
   "settings.hideAds.empty": "You aren't currently hiding the ads of any users.",
   "settings.hideNonCharacterFriends": "Additionally hide non-character friends",
   "settings.highlight": "Notify for messages containing your name",
-  "settings.highlightUsers": "Notify when the following characters send a message in a channel (comma-separated)",
-  "settings.highlightUsers.conversation": "Notify when the following characters send a message (comma-separated)",
-  "settings.highlightWords": "Custom highlight notify words (comma-separated)",
+  "settings.highlightUsers": "Notify when the following characters send a message in a channel",
+  "settings.highlightUsers.conversation": "Notify when the following characters send a message",
+  "settings.highlightWords": "Custom highlight notify words",
   "settings.horizon.persistentMemberFilters": "Persistent Filters",
   "settings.horizon.persistentMemberFilters.help": "When enabled, channel member filters (gender and member sort) will be saved per-character and restored when you sign in as that character.",
   "settings.horizonCacheDraftMessages": "Automatically save and restore in-progress messages while using Solstice (change requires new tab)",
@@ -884,13 +910,14 @@
   "settings.joinMessages": "Display join/leave messages in channels",
   "settings.leaveEmptyNoLimit": "Leave empty for no limit.",
   "settings.logAds": "Log ads",
+  "settings.logChannels": "Log channel messages",
   "settings.logDir": "Change log location",
   "settings.logDir.confirm": "Do you want to set your log location to {newDir}?\n\nNo files will be moved. If you click Yes here, Solstice will restart. If you would like to keep your log files, please move them manually before restarting Solstice.\n\nCurrent log location: {currentDir}",
   "settings.logDir.guide": "Want to back up your logs? Check this guide {icon}.",
   "settings.logDir.inAppDir": "Please set your log directory to a location outside of the Solstice installation directory, as it would otherwise be overwritten during an update.",
   "settings.logDir.note.onedrive": "OneDrive is known to cause issues when used as a log directory. Please use a location outside of OneDrive folders.",
   "settings.logDir.select": "Select a folder",
-  "settings.logMessages": "Log messages",
+  "settings.logMessages": "Log private messages",
   "settings.macLinkBug1": "Mac User: As of writing, MacOS has a bug in how it handles opening links.",
   "settings.macLinkBug2": "When your default browser is something other than Safari and you select Safari in this settings window, links might be opened twice.",
   "settings.macLinkBug3": "Once in Safari and a second time in your default browser. This tends to happen when Safari is not running when clicking a link.",
@@ -905,6 +932,8 @@
   "settings.messageSeparators": "Display separator lines between messages",
   "settings.minAge": "Characters younger than (years)",
   "settings.misc": "Misc",
+  "settings.mode.global": "These settings will apply to all characters, unless you override them.",
+  "settings.mode.character": "These settings will only apply to {characterName}.",
   "settings.nativeWindowShowSingleTab": "Show tab line when only one tab is open (requires restart)",
   "settings.nativeWindowShowSingleTab.note": "You will need to use the keyboard shortcut Ctrl+Shift+T if you want to open tabs",
   "settings.notifications": "Show desktop/push notifications",
@@ -939,6 +968,7 @@
   "settings.profileViewerThumbAnimate": "Load animated images as thumbnails instead of static previews.",
   "settings.reducedMotion": "Force Reduced Motion mode",
   "settings.reducedMotion.description": "By default, Solstice will use your system's settings for reducing motion. Enabling this setting will prevent (most) animations from playing, regardless of your system's settings.",
+  "settings.horizonHighContrast": "High-contrast mode",
   "settings.risingDisableWindowsHighContrast": "Disable Windows high-contrast mode",
   "settings.risingShowUnreadOfflineCount": "Show unread note and offline message counts in the left sidebar",
   "settings.showAvatars": "Show character avatars",
@@ -982,6 +1012,7 @@
   "settings.systemLogLevel.warn": "Warn",
   "settings.tabs.accessibility": "Accessibility",
   "settings.tabs.advanced": "Advanced",
+  "settings.tabs.app": "App",
   "settings.tabs.appearance": "Appearance",
   "settings.tabs.behavior": "App behavior",
   "settings.tabs.chat": "Chat",
@@ -991,6 +1022,7 @@
   "settings.tabs.import": "Import",
   "settings.tabs.look": "Look and feel",
   "settings.tabs.notifications": "Notifications",
+  "settings.tabs.pings": "Mentions and highlights",
   "settings.tabs.profiles": "Profiles",
   "settings.tabs.smartFilters": "Smart Filters ☀️",
   "settings.theme": "Theme",
@@ -1031,6 +1063,9 @@
   "status.offline": "Offline",
   "status.online": "Online",
   "statusHistory": "History",
+  "statusHistory.action.pin": "Pin this status message",
+  "statusHistory.action.remove": "Remove this status message",
+  "statusHistory.action.unpin": "Unpin this status message",
   "statusHistory.confirmRemove": "Are you sure you want to remove this status message?",
   "statusHistory.confirmRemove.pinned": "Are you sure you want to unpin this status message?",
   "statusHistory.count": "Status history {index}/{total}",
@@ -1039,6 +1074,11 @@
   "statusHistory.title": "Status message history",
   "sync.addresses": "Listening on {addresses}",
   "sync.betaInfo": "Log syncing is an experimental feature. Please make sure you made a backup with the export menu on the left beforehand.",
+  "sync.connectionHelp": "Trouble connecting? Did you check any of the following:",
+  "sync.connectionHelp.firewall": "Is your firewall blocking the connection? This can be both your computer's firewall and your router's firewall.",
+  "sync.connectionHelp.ipAddress": "Can the other device reach your computer's IP address?",
+  "sync.connectionHelp.network": "Are both devices on the same network?",
+  "sync.connectionHelp.vpn": "Are you using a VPN? If so, try disabling it.",
   "sync.copyPayload": "Copy code",
   "sync.description": "Sync chat logs with Solstice on your phone over your local network. Both devices end up with the complete set of logs; settings, drafts and pins are left untouched. The other device must be signed into the same account.",
   "sync.error.accountMissing": "Sign in to your account in this Solstice session before syncing.",
@@ -1131,6 +1171,7 @@
   "unit.years": "Years",
   "update.autoInstall": "Automatically download and install updates in the future",
   "update.installOnQuit.note": "The update installs automatically the next time you restart the app.",
+  "update.noUpdateAvailable": "No update is available. You are running the latest version of Horizon.",
   "update.restart.confirm": "Version {version} has been downloaded. \nWould you like to restart and install the update now?",
   "update.restart.confirm.connected": "Version {version} has been downloaded, but you are still connected to chat. \nAre you sure you want to restart and install the update right now?",
   "update.splash.updating": "Updating Horizon...",
diff --git a/chat/locales/en-x-uwu.json b/chat/locales/en-x-uwu.json
index d2e545ce..dd7bfe94 100644
--- a/chat/locales/en-x-uwu.json
+++ b/chat/locales/en-x-uwu.json
@@ -1,12 +1,31 @@
 {
+  "about.commit": "Commit :3",
+  "about.contributors": "Contwibutow",
+  "about.copyDebugInfo": "copy debug info",
+  "about.license": "Wicensed under the {license}",
+  "about.logoAlt": "Howizon wogo",
+  "about.madeBy": "Made with {heart} by {c1}, {c2}, and {c3}.",
+  "about.openLogs": "Open wogs",
+  "about.opensInBrowser": "Opens in youw bwowsew",
+  "about.platform": "Pwatfowm",
+  "about.reportBug": "Wepowt a bug uwu",
+  "about.tagline": "A modewn, community-dwiven F-Chat cwient",
+  "about.thankYou": "^w^ Thank you fow using Howizon!",
+  "about.version": "Vewsion",
   "action.about": "About Howizon",
+  "action.backForward.next": "Go fowwawd",
+  "action.backForward.previous": "Go back",
   "action.cancel": "Cancew",
+  "action.checkForUpdates": "Check fow updates",
   "action.close": "Cwose",
   "action.copy": "Cawpy",
+  "action.copy.success": "Copied!",
   "action.copyLink": "Copy Wink",
   "action.copyWithoutBBCode": "Copy wifout BBCode, owo",
   "action.cut": "Cuwt",
   "action.delete": "Dewete",
+  "action.developer": "Devewopew",
+  "action.disable": "Disabwe",
   "action.dismiss": "Hi mis- Dismiss",
   "action.edit": "E-Edit >w<",
   "action.eicon.copy": "C-Copii Eicon namae",
@@ -19,20 +38,27 @@
   "action.newTab": "Open nyew tab",
   "action.newWindow": "Open nyew window",
   "action.open": "Shooow",
+  "action.openBrowser": "Open in bwowsew",
   "action.paste": "Pawste",
   "action.preferences": "Pwefewences",
   "action.quit": "Q-Quit…",
+  "action.rename": "Wename...",
   "action.reset": "Weset",
+  "action.restore": "Westowe",
   "action.saveAndClose": "S-save and Cwose~ UwU",
   "action.saveChanges": "save change~s~! >w<",
   "action.select": "Sewect~",
   "action.selectAll": "Sewect Aww",
+  "action.showAllWindows": "Show aww windows",
   "action.suggestions": "Suwggestions",
   "action.toggleStickyPreview": "Togglwe Stwicky Pweview",
   "action.update": "Quit and downwoad update",
   "action.updateAvailable": "UPDATE AVAIWABWE",
   "action.updateTitle": "An update is avaiwable!",
   "action.view": "Vew~",
+  "action.zoom.in": "Zoom In",
+  "action.zoom.out": "Zoom Owt",
+  "action.zoom.reset": "Weset Zoom",
   "admgr.actionFor": "Awwds fow {name}",
   "admgr.activeHeader": "Auwto-Powsting Awwds~ >w<",
   "admgr.adNumber": "Awwd #{count}",
@@ -84,17 +110,41 @@
   "ads.selectTagRequired": "Sewect at weast onye tag to post",
   "changelog.compare": "Howizon {latest} is avaiwabwe, u awe using {current}. OwO",
   "changelog.download": "Downwoad",
+  "changelog.manualUpdate": "This install can't auto-update. TwT Update with youw package managew ow downwoad the watest wewease :3",
+  "changelog.openReleases": "Open watest wewease",
   "changelog.quitAndDownload": "Quit and downwoad",
   "changelog.quitAndDownload.confirm": "U awe stiww connyected to chat. \nAwe u suwe u want to exit and downwoad da update wight nyow? OwO",
+  "changelog.remindLater": "Wemind me watew",
+  "changelog.skipUpdate": "Skip dis update",
   "changelog.supportHorizon": "Suppowt Howizon!",
   "changelog.supportHorizonTitle": "Suppowt us on Ko-Fi",
+  "changelog.updateNow": "Update now",
   "changelog.version": "Changewog fow {version}",
   "channel.description": "Descwiption",
+  "channel.group.add": "Cweate new gwoup",
+  "channel.group.delete": "Dewete gwoup",
+  "channel.group.delete.confirm": "Awe you suwe you want to dewete \"{name}\"? This will nawt make you weave any channews.",
+  "channel.group.dropHere": "Dwop hewe!",
+  "channel.group.menu.markRead": "Mawk all as wead",
+  "channel.group.menu.merge": "Mewge wiff...",
+  "channel.group.menu.merge.single": "Mewge wiff {name}",
+  "channel.group.newGroup": "New Gwoup",
+  "channel.group.newGroup.counter": "New Gwoup ({count})",
+  "channel.group.noticePinned": "[b]Youw pinned channews have gotten an upgwade, and you can categowize them into gwoups.\n\nCwick da + button in the channew wist to cweate a new gwoup. You can also dwag your channews around, or wight cwich channews and gwoups if you have any. Go ahead and give it a twy! ^w^\n\nCheck out [url+https://horizn.moe/docs/channel-groups.html}ouw website[/url] fow mowe info.[/b]",
+  "channel.group.pinned": "Pinned ^w^",
+  "channel.group.removedUnjoinable": "[b]Da fowwowing channews could no wonger be joined, as dey were wikewy deweted TwT, and have been wemoved from youw gwoups:[/b] {channels}",
+  "channel.menu.addToNewGroup": "Add to new gwoup",
+  "channel.menu.copyCode": "Copy channew code",
+  "channel.menu.markRead": "Mawk as wead",
+  "channel.menu.moveTo": "Move to...",
+  "channel.menu.moveTo.new": "Move to new gwoup",
+  "channel.menu.removeFromGroup": "Wemove fwom gwoup",
   "channel.mode.ads": "Ads",
   "channel.mode.ads.countdown": "Ads ({minutes}m{seconds}s)",
   "channel.mode.both": "Both",
   "channel.mode.chat": "Chat",
   "channel.official": "Officiaw channyew",
+  "channel.private": "Open woom",
   "channelList.create": "Cweate woom",
   "channelList.createName": "Woom nyame",
   "channelList.private": "Open wooms",
@@ -136,6 +186,7 @@
   "chat.logout": "Wog out",
   "chat.menu": "Menyu",
   "chat.pin": "Pin",
+  "chat.pin.remove": "Ungwoup",
   "chat.pinTab": "Pin this tab",
   "chat.pms": "Pwivate messages",
   "chat.pms.short": "PMs",
@@ -155,6 +206,7 @@
   "chat.stats": "Chat stats :3",
   "chat.status": "Status:",
   "chat.toggleAds": "Toggwe ads",
+  "chat.toggleHighlight": "Toggle seawch highlighting",
   "chat.typing.paused": "{character} has entewed text. OwO",
   "chat.typing.typing": "{character} is typing… OwO",
   "chat.unpin": "Unpin",
@@ -338,6 +390,10 @@
   "duplicateDialog.info": "This wiww dupwicate the chawactew, kinks, infotags, customs, subkinks and images. Guestbook entwies, fwiends, gwoups, and bookmawks awe nyot dupwicated.",
   "duplicateDialog.nameValid": "Nyame vawid and unyused.",
   "editor.closePreview": "Cwose Pweview ({modifier})\n\nDismisses the BBCowde pweview.",
+  "editor.format.bold": "Bold ({modifier}+B)\n\nMakes text appeaw wiff a bowd weight.",
+  "editor.format.color": "Cowow ({modifier}+D)\n\nStywes text wiff a cowor. Vawid cowows awe: wed, owange, yewwow, gween, cyan, bwue, puwpwe, pink, bwack, bwown, white, and gway.",
+  "editor.format.eicon": "Eicon ({modifier}+E)\n\nCwick to open da eicon pickew. The showtcut insewts the tags diwectly, for when you awweady know the name.\n\nIf the icon is a gif, it wiww be shown as animated unwess a usew has turned this off.",
+  "editor.format.icon": "Icon ({modifier}+O)\n\nShows a chawactew's pwofiwe image, winking to theiw pwofiwe.",
   "editor.preview": "Pweview ({modifier})\n\nShows a pweview of the BBCowde you typed, incwuding any fowmatting fucky-wuckies.",
   "eicon.action": "Sewect EIcon",
   "eicon.addToFavorites": "Add to favowites",
@@ -409,6 +465,7 @@
   "friends.pendingFrom": "Pending Wequests Fwom Chawactew",
   "friends.pendingTo": "Pending Wequests To Chawactew",
   "friends.remove": "Wemove",
+  "friends.remove.confirm": "Eeehhh~? Awe you suwe you want to wemove {character} as a fwiend ;_;?",
   "friends.request": "Wequest Fwiendship",
   "friends.requestButton": "Wequest",
   "friends.sent": "Sent:",
@@ -446,6 +503,7 @@
   "login.connect": "Connyect",
   "login.connectError": "Connyection ewwow: {error}",
   "login.connecting": "Connyecting… OwO",
+  "login.dataOperationInProgress": "Chotto! You cawn't sign in while a Data Managaaa opewashun is in pwogwess... Finish ow stop it first.",
   "login.error": "Ewwow wogging u in: Couwd nyot connyect to sewvew",
   "login.error.proxy": "Faiwed to set pwoxy",
   "login.filterCharacters": "Fiwtew chawactews…",
@@ -529,6 +587,7 @@
   "profile.noDescription": "Eh...! No descwiption set yet.",
   "profile.none": "Nyonye",
   "profile.reason": "Weason:",
+  "profile.sortKinks.alphabetical": "Sowt awpha-... Sowt alwphabeticawwy",
   "profile.sortKinks.priorities": "Sowt by pwiorities",
   "profile.tab.friends": "Fwiends",
   "profile.tab.groups": "Gwoups",
@@ -568,10 +627,22 @@
   "settings.action": "Change settings",
   "settings.ageMatch": "Chawactew Age Match",
   "settings.alwaysNotify": "Pway sounds even when wooking at da tab",
+  "settings.alwaysOpenIncognito": "Owpen aww winks in incognito/ pwivate mode",
+  "settings.alwaysOpenIncognito.help": "When enawbled, left-cwicking any URL-wink in chat opens it in your bwowser's incognito/ pwivate window instead of a normal tab. Also appwies when opening images from the pwofiwe viewer or the pwofiwe itself in your bwowser.",
   "settings.animatedEicons": "Anyimate [eicon]s",
   "settings.appearance.layout": "Page wayout",
   "settings.appearance.messages": "Message appeawance",
   "settings.appearance.users": "Usew appeawance",
+  "settings.autoBackup.addTime": "A-Add time",
+  "settings.autoBackup.chooseBackup": "Chews a bakkappu...",
+  "settings.autoBackup.description": "Automaticawwy create backups based on twiggers you choose✨. Old backups are wemoved based on the wetention count.",
+  "settings.autoBackup.directoryBrowse": "Bwowse",
+  "settings.autoBackup.directoryDefault": "Defawt: {dir}",
+  "settings.autoBackup.directoryDefault.unset": "Kore ga pen- Kore ga default directory desu.",
+  "settings.autoBackup.directoryLabel": "Custom backup diwectowy (optional)",
+  "settings.autoBackup.enable": "Enawble auto bakkappu",
+  "settings.autoBackup.noBackups": "Dame da... No auto backups found",
+  "settings.autoBackup.restoreTitle": "Westowe from Auto Backup",
   "settings.autoReply": "Send an automatic 'nyo thank you' wesponse to matching chawactews if they message you",
   "settings.autoReplyCustom": "Use a custom message definyed bewow instead of the defauwt message",
   "settings.autoReplyNote": "You wiww stiww see messages unwess you have the \"Hide pwivate channyew messages\" option above sewected. Even then, if they send a second message it wiww bypass the westwiction and show you theiw message. These messages awe wimited to 10000 chawactews.",
@@ -597,10 +668,6 @@
   "settings.cache.memoryCount.description": "The maximum amount of characters to keep in your computew's system memorii. Higher values mean that more RAM might be used after some time.",
   "settings.changeOfflineColor": "Make cowow in chat change to gwey when a usew goes offwinye",
   "settings.channelMembersFilters": "Channyew membews fiwtews",
-  "settings.character": "Chawactew Settings",
-  "settings.charactersToGeneral": "In da nyeawby futuwe, most of these settings wiww be muvd to da gwobaw settings menyu, whewe they wiww be appwied gwobawwy acwoss uw chawactews. You will still be able to set chawacter level ovewwides. Sugoii!",
-  "settings.charactersToGeneral.generalInfo": "Wooking a bit empty? In da nyeawby futuwe, most of da settings in da chawactew-specific settings (da onyes u see in da chat window once u've signyed in) wiww be muvd to this genyewaw window, whewe user-chan can appwy gwobal defauwt settings too. Expect a swight wedesign for both menus.",
-  "settings.charactersToGeneral.instructions": "This window itsewf has been redesigned and reorganized to pwepare fow dis. Expecwt it soon™.",
   "settings.chat.bbcode": "BBCode",
   "settings.chat.behavior": "Behaviow",
   "settings.chat.logging": "Wogging",
@@ -662,8 +729,6 @@
   "settings.filter.penalizeMatches": "Penyawize [b]match scowes[/b] fow matching chawactews",
   "settings.filter.rewardNonMatches": "Incwease [b]match scowes[/b] fow nyon-matching chawactews",
   "settings.filter.showFilterIcon": "Show [b]fiwtew icon[/b] on matching chawactews",
-  "settings.filteringWarning1": "By activating fiwtewing, you may nyo wongew be abwe to see ow weceive aww messages fwom F-Chat. Fiwtews do nyot appwy to fwiends ow bookmawked chawactews.",
-  "settings.filteringWarning2": "Beta vewsion. Some of these featuwes and behaviows may be wemoved ow signyificantwy changed in the futuwe.",
   "settings.flashWindow": "Enabwe taskbaw fwashing",
   "settings.flashWindow.note": "On Winux, this featuwe might nyot be suppowted by uw window managew ow desktop enviwonment.",
   "settings.fontSize": "Moji size",
diff --git a/chat/locales/es.json b/chat/locales/es.json
index a857720c..acef66aa 100644
--- a/chat/locales/es.json
+++ b/chat/locales/es.json
@@ -45,6 +45,7 @@
   "action.rename": "Renombrar...",
   "action.reset": "Reiniciar",
   "action.restore": "Restaurar",
+  "action.save": "Guardar",
   "action.saveAndClose": "Guardar y Cerrar",
   "action.saveChanges": "Guardar cambios",
   "action.select": "Seleccionar",
@@ -326,6 +327,7 @@
   "commands.setmode.param0.help": "Un modo de sala válido: “ads”, “chat” o “both”",
   "commands.setowner": "Asignar propietario del canal",
   "commands.setowner.help": "Asigna el propietario de un canal a otro personaje. El propietario anterior pasará a ser un miembro.",
+  "commands.spacedCommand": "\"/{command}\" tiene un espacio en frente, será enviado como un mensaje en vez de ejecutarlo como un comando. Pulsa Intro de nuevo para enviarlo.",
   "commands.status": "Establecer estado",
   "commands.status.help": "Establece tu estado junto con un mensaje opcional.",
   "commands.status.param0": "Estado",
@@ -404,7 +406,8 @@
   "editor.format.underline": "Subrayado ({modifier}+U)\n\nHace que el texto aparezca con una línea debajo.",
   "editor.format.url": "URL ({modifier}+L\n\nCrea un enlace clicable a otra página de tu elección.",
   "editor.format.user": "Usuario ({modifier}+R)\n\nEnlaza a un perfil de personaje.",
-  "editor.help": "Ayuda\n\nClic en este botón para un resumen rápido de los comandos.",
+  "editor.formatting": "Formato\n\nMuestra los botones de formateo de texto.",
+  "editor.help": "Ayuda\n\nClic en este botón para ver un resumen rápido de los comandos.",
   "editor.preview": "Vista Previa ({modifier})\n\nMuestra una vista previa del BBCode que has escrito, incluyendo cualquier error de formato.",
   "eicon.action": "Seleccionar Eicon",
   "eicon.addToFavorites": "Añadir a favoritos",
@@ -648,6 +651,7 @@
   "settings.appearance.layout": "Diseño de página",
   "settings.appearance.messages": "Apariencia de mensaje",
   "settings.appearance.users": "Apariencia de usuario",
+  "settings.arrayInstructions": "Separar valores con comas o pestañas.",
   "settings.autoBackup.addTime": "Añadir tiempo",
   "settings.autoBackup.chooseBackup": "Elige un backup...",
   "settings.autoBackup.description": "Crear automáticamente copias de seguridad según en los eventos que has elijas. Antiguas copias de seguridad se eliminarán en función del número de retención.",
@@ -707,10 +711,7 @@
   "settings.cache.memoryCount.description": "La cantidad máxima de personajes que se mantendrán en la memoria activa del sistema. Valores más altos significan que, con el tiempo, se podría usar más RAM.",
   "settings.changeOfflineColor": "Cambiar el color del chat a gris cuando un usuario esté desconectado",
   "settings.channelMembersFilters": "Filtros de miembros del canal",
-  "settings.character": "Ajustes de Personaje",
-  "settings.charactersToGeneral": "En un futuro cercano, la mayoría de estos ajustes se trasladarán al menú de ajustes globales, donde se aplicarán de forma general a todos tus personajes. Sin embargo, aún podrás establecer excepciones a nivel de personaje.",
-  "settings.charactersToGeneral.generalInfo": "Estamos trabajando para unificar los menús de ajustes del personaje y los globales, trasladando ambas opciones a un único lugar. Esperamos tenerlo listo pronto.",
-  "settings.charactersToGeneral.instructions": "Esta ventana en sí ha sido rediseñada y reorganizada para prepararse para esto. Espéralo pronto.",
+  "settings.chat": "Ajustes de Chat",
   "settings.chat.bbcode": "BBCode",
   "settings.chat.behavior": "Comportamiento",
   "settings.chat.logging": "Registros",
@@ -719,10 +720,21 @@
   "settings.chatLayoutMode.classic": "Clásico",
   "settings.chatLayoutMode.modern": "Moderno",
   "settings.chatLayoutMode.modernDescription": "El diseño moderno muestra avatares más grandes y mensajes en estilo burbuja, similar a Discord.",
+  "settings.checkbox": "Casilla de verificación",
+  "settings.checkbox.override": "Sobrescribir ajustes",
   "settings.clickOpensMessage": "Al hacer clic en los usuarios se abren los mensajes (en lugar de su perfil)",
   "settings.closeToTray": "Minimizar a la bandeja",
   "settings.colorBookmarks": "Mostrar amigos/marcadores en un color diferente",
-  "settings.colorblindMode": "Modo para daltónicos",
+  "settings.colorblindMode": "Asistencia para la deficiencia de visión del color",
+  "settings.colorblindMode.achromatomaly": "Daltonismo parcial",
+  "settings.colorblindMode.achromatopsia": "Daltonismo total",
+  "settings.colorblindMode.deuteranomaly": "Debilidad verde-rojo",
+  "settings.colorblindMode.deuteranopia": "Ceguera verde-rojo",
+  "settings.colorblindMode.none": "Off",
+  "settings.colorblindMode.protanomaly": "Debilidad rojo-verde",
+  "settings.colorblindMode.protanopia": "Ceguera rojo-verde",
+  "settings.colorblindMode.tritanomaly": "Debilidad azul-amarillo",
+  "settings.colorblindMode.tritanopia": "Ceguera azul-amarilla",
   "settings.comingsoon": "Próximamente.",
   "settings.customCss": "Hoja de estilo personalizada",
   "settings.customCss.css": "CSS Personalizado",
@@ -743,7 +755,8 @@
   "settings.dataManager.section.import": "Importar",
   "settings.dataManager.section.vanilla": "Importar desde Vanilla",
   "settings.defaultHighlights": "Usar palabras resaltadas globales",
-  "settings.disallowedTags": "Etiquetas BBCode no permitidas (separadas por comas)",
+  "settings.disallowedTags": "Etiquetas BBCode no permitidas",
+  "settings.disallowedTags.placeholder": "Escribe las etiquetas sin corchetes, ej. {tagName}.",
   "settings.displayLanguage": "Idioma de la interfaz",
   "settings.displayLanguage.note": "Es posible que algunos idiomas aún no estén completamente traducidos.\nContamos con una herramienta para hacer seguimiento del progreso, por lo que no es necesario que informes sobre traducciones faltantes.",
   "settings.enterAge": "Introducir edad",
@@ -757,6 +770,7 @@
   "settings.export.description": "Crea una copia de seguridad en ZIP de tus ajustes, registros, conversaciones fijadas y eicons de los personajes seleccionados.",
   "settings.export.errorGeneric": "Exportación fallida. Por favor, comprueba el registro para más detalles.",
   "settings.export.filter": "Archivos ZIP",
+  "settings.export.globalSettings": "Ajustes globales por defecto",
   "settings.export.inProgress": "Exportando…",
   "settings.export.includeCharacterSettings": "Incluir ajustes de personaje",
   "settings.export.includeDrafts": "Incluir borradores",
@@ -775,6 +789,8 @@
   "settings.export.summarySkipped_other": "({count} archivos saltados debido a errores)",
   "settings.export.title": "Exportar datos de Solstice",
   "settings.export.zipping": "Finalizando exportación",
+  "settings.filter.deprecated": "Los Filtros Inteligentes en su estado actual están desactualizados, un nuevo sistema con mayor personalización está planeado para una futura actualización.",
+  "settings.filter.deprecated.characterOnly": "Los Filtros Inteligentes sólo se guardan para el personaje actual. El nuevo sistema permitirá guardar filtros globalmente y sobrescribirlos por personaje.",
   "settings.filter.hideAds": "Ocultar [b]ads[/b] de personajes compatibles",
   "settings.filter.hideChannelMembers": "Ocultar personajes compatibles en las [b]listas de miembros del canal[/b]",
   "settings.filter.hidePrivateChannelMessages": "Ocultar los [b]mensajes privados del canal[/b] de personajes compatibles",
@@ -784,26 +800,25 @@
   "settings.filter.penalizeMatches": "Reducir los [b]puntajes de compatibilidad[/b] de los personajes compatibles",
   "settings.filter.rewardNonMatches": "Incrementar los [b]puntajes de compatibilidad[/b] de los personajes incompatibles.",
   "settings.filter.showFilterIcon": "Mostrar el [b]icono de filtro[/b] en los personajes compatibles",
-  "settings.filteringWarning1": "Al activar el filtrado, es posible que ya no puedas ver o recibir todos los mensajes de F-Chat. Los filtros no se aplican a amigos ni a personajes marcados como favoritos.",
-  "settings.filteringWarning2": "Versión beta. Algunas de estas funciones y comportamientos podrían eliminarse o cambiarse significativamente en el futuro.",
   "settings.flashWindow": "Activar parpadeo en la barra de tareas",
   "settings.flashWindow.note": "En Linux, esta característica puede que no esté soportada por tu administrador de ventanas o por el entorno de escritorio.",
   "settings.fontSize": "Tamaño de fuente",
-  "settings.forceNativeWindowControls": "Forzar los controles de ventana nativos (requiere reiniciar)",
+  "settings.forceNativeWindowControls": "Forzar la brrra de título de ventana nativa (requiere reiniciar)",
   "settings.forceQuickConvoList": "Forzar lista de conversaciones tipo “cambio rápido” estilo móvil",
   "settings.genderIconUseOriginalColor": "Hacer que el icono de género use el color de género original en lugar del color personalizado del nombre",
   "settings.hideAds.empty": "Actualmente no estás ocultando los anuncios de ningún usuario.",
   "settings.hideNonCharacterFriends": "También ocultar amigos que no sean personajes",
   "settings.highlight": "Notificar sobre mensajes que contengan tu nombre",
-  "settings.highlightUsers": "Notificar cuando los siguientes personajes envíen un mensaje en un canal (separados por comas)",
-  "settings.highlightUsers.conversation": "Notificar cuando los siguientes personajes envíen un mensaje (separados por comas)",
-  "settings.highlightWords": "Palabras de notificación resaltadas personalizadas (separadas por comas)",
+  "settings.highlightUsers": "Notificar cuando los siguientes personajes envíen un mensaje en un canal",
+  "settings.highlightUsers.conversation": "Notificar cuando los siguientes personajes envíen un mensaje",
+  "settings.highlightWords": "Palabras de notificación resaltadas personalizadas",
   "settings.horizon.persistentMemberFilters": "Filtros Persistentes",
   "settings.horizon.persistentMemberFilters.help": "Cuando está activado, los filtros de miembros del canal (género y orden de miembros) se guardarán por personaje y se restaurarán al iniciar sesión con ese personaje.",
   "settings.horizonCacheDraftMessages": "Guardar y restaurar automáticamente los mensajes en curso mientras usas Solstice (el cambio requiere una nueva pestaña)",
   "settings.horizonDraftMessages": "Borradores de Mensajes",
   "settings.horizonForceAsciiProfiles": "Estandarizar las fuentes del perfil",
   "settings.horizonForceAsciiProfiles.note": "Para tecnologías de ayuda o usuarios que no pueden leer semifuentes Unicode, esta opción convierte todo el texto del perfil a ASCII estándar.",
+  "settings.horizonHighContrast": "Modo de alto contraste",
   "settings.horizonSaveDraftMessagesToDiskTimer": "Frecuencia con la que se guardan los mensajes en curso en el disco (segundos, mínimo 5; el cambio requiere una nueva pestaña)",
   "settings.horizonUseColorPicker": "Usar el selector de color BBCode rápido y con autocompletado al usar el atajo de teclado.",
   "settings.hwAcceleration": "Habilitar aceleración por hardware (requiere reiniciar)",
@@ -909,8 +924,14 @@
   "settings.messageGrouping.description": "Combina los mensajes recientes del mismo remitente",
   "settings.messagePortraitHighQuality": "Mostrar avatares de alta calidad junto a los mensajes y conversaciones",
   "settings.messageSeparators": "Mostrar líneas separadoras entre los mensajes",
+  "settings.migration.prompt": "{title} ahora utiliza ajustes globales, que te permiten compartir una configuración predeterminada y personalizarla para cada personaje.\n\n¿Cómo quieres configurar los ajustes globales?",
+  "settings.migration.startFresh": "Empezar con los ajustes por defecto",
+  "settings.migration.title": "Migración de Ajustes",
+  "settings.migration.useCurrent": "Usar ajustes de {characterName}",
   "settings.minAge": "Personajes menores de (años)",
   "settings.misc": "Varios",
+  "settings.mode.character": "Los ajustes sólo aplicarán a {characterName}.",
+  "settings.mode.global": "Los ajustes se aplicarán a todos los personajes, a menos que los sobrescribas.",
   "settings.nativeWindowShowSingleTab": "Mostrar la barra de pestañas cuando solo haya una pestaña abierta (requiere reiniciar)",
   "settings.nativeWindowShowSingleTab.note": "Necesitarás usar la combinación de las teclas Ctrl+Shift+T si quieres abrir pestañas",
   "settings.notifications": "Mostrar notificaciones de escritorio/push.",
@@ -922,6 +943,12 @@
   "settings.notifications.pings": "Mensajes y eventos",
   "settings.notifyFriendSignIn": "Notificar cuando amigos o marcadores inicien sesión.",
   "settings.open": "Ajustes",
+  "settings.overridden": "Sobrescrito",
+  "settings.override.false": "Sobrescribir: Off",
+  "settings.override.globalOff": "Global: Off",
+  "settings.override.globalOn": "Global: on",
+  "settings.override.true": "Sobrescribir: On",
+  "settings.override.useGlobal": "Usar valor global",
   "settings.overrideCharacterTheme": "Sobrescribir el tema de la interfaz (solo para este personaje)",
   "settings.playSound": "Reproducir sonidos de notificación",
   "settings.preview": "Vista Previa",
@@ -988,8 +1015,11 @@
   "settings.systemLogLevel.silly": "Tonto",
   "settings.systemLogLevel.verbose": "Detallado",
   "settings.systemLogLevel.warn": "Advertir",
+  "settings.tab.character": "Ajustes para {characterName}",
+  "settings.tab.global": "Ajustes Generales",
   "settings.tabs.accessibility": "Accesibilidad",
   "settings.tabs.advanced": "Avanzado",
+  "settings.tabs.app": "Aplicación",
   "settings.tabs.appearance": "Apariencia",
   "settings.tabs.behavior": "Comportamiento de aplicación",
   "settings.tabs.chat": "Chat",
@@ -999,6 +1029,7 @@
   "settings.tabs.import": "Importar",
   "settings.tabs.look": "Apariencia",
   "settings.tabs.notifications": "Notificaciones",
+  "settings.tabs.pings": "Menciones y destacados",
   "settings.tabs.profiles": "Perfiles",
   "settings.tabs.smartFilters": "Filtros Inteligentes ☀️",
   "settings.theme": "Tema",
@@ -1039,6 +1070,9 @@
   "status.offline": "Desconectado",
   "status.online": "En línea",
   "statusHistory": "Historial",
+  "statusHistory.action.pin": "Fijar este mensaje de estado",
+  "statusHistory.action.remove": "Eliminar este mensaje de estado",
+  "statusHistory.action.unpin": "Desfijar este mensaje de estado",
   "statusHistory.confirmRemove": "¿Estás seguro de que quieres eliminar este mensaje de estado?",
   "statusHistory.confirmRemove.pinned": "¿Estás seguro de que quieres desanclar este mensaje de estado?",
   "statusHistory.count": "Historial de estados {index}/{total}",
@@ -1047,6 +1081,11 @@
   "statusHistory.title": "Historial de mensajes de estado",
   "sync.addresses": "Escuchando en {addresses}",
   "sync.betaInfo": "La sincronización de registros es una función experimental. Asegúrate de haber hecho antes una copia de seguridad desde el menú de exportación de la izquierda.",
+  "sync.connectionHelp": "¿Tienes problemas para conectarte? Comprueba lo siguiente:",
+  "sync.connectionHelp.firewall": "¿Tu firewall está bloqueando la conexión? Puede tratarse tanto del firewall de tu ordenador como del de tu router.",
+  "sync.connectionHelp.ipAddress": "¿El otro dispositivo puede conectarse a la dirección IP de tu ordenador?",
+  "sync.connectionHelp.network": "¿Están ambos dispositivos conectados a la misma red?",
+  "sync.connectionHelp.vpn": "¿Estás usando una VPN? Si es así, prueba a desactivarla.",
   "sync.copyPayload": "Copiar código",
   "sync.description": "Sincroniza los registros de chat con Solstice en tu teléfono a través de tu red local. Ambos dispositivos tendrán todos los registros, sin modificar la configuración, los borradores ni los marcadores. El otro dispositivo debe tener iniciada la sesión con la misma cuenta.",
   "sync.error.accountMissing": "Inicia sesión en tu cuenta en esta sesión de Solstice antes de sincronizar.",
@@ -1148,6 +1187,7 @@
   "unit.years": "Años",
   "update.autoInstall": "Descargar e instalar automáticamente futuras actualizaciones",
   "update.installOnQuit.note": "La actualización se instala automáticamente la próxima vez que reinicies la aplicación.",
+  "update.noUpdateAvailable": "No hay actualización disponible. Estás ejecutando la última versión de Horizon.",
   "update.restart.confirm": "La versión {version} ha sido descargada.\n¿Te gustaría reiniciar e instalar la actualización ahora?",
   "update.restart.confirm.connected": "La versión {version} ha sido descargada, pero sigues conectado al chat.\n¿Estás seguro de que quieres reiniciar y instalar la actualización ahora?",
   "update.splash.updating": "Actualizando Horizon...",
diff --git a/chat/locales/fr.json b/chat/locales/fr.json
index cbe02b48..f03b68a9 100644
--- a/chat/locales/fr.json
+++ b/chat/locales/fr.json
@@ -45,6 +45,7 @@
   "action.rename": "Renommer...",
   "action.reset": "Réinitialiser",
   "action.restore": "Restaurer",
+  "action.save": "Enregistrer",
   "action.saveAndClose": "Sauvegarder et fermer",
   "action.saveChanges": "Sauvegarder les modifications",
   "action.select": "Sélectionner",
@@ -326,6 +327,7 @@
   "commands.setmode.param0.help": "Un mode valide pour la salle, vous pouvez utiliser \"ads\" (annonces), \"chat\" ou \"both\" (les deux).",
   "commands.setowner": "Définir le propriétaire du salon",
   "commands.setowner.help": "Définir le propriétaire du salon sur un autre personnage. Le précédent propriétaire sera rétrogradé au rang de membre.",
+  "commands.spacedCommand": "\"/{command}\" est précédé d'un espace, elle sera donc envoyée sous forme de message au lieu d'être exécuté comme une commande. Appuyez à nouveau sur Entrée pour l'envoyer quand même.",
   "commands.status": "Définir le statut",
   "commands.status.help": "Définir le statut en ajoutant un message optionnel.",
   "commands.status.param0": "Statut",
@@ -404,6 +406,7 @@
   "editor.format.underline": "Souligner ({modifier}+U)\n\nFait apparaître le texte avec une ligne en-dessous.",
   "editor.format.url": "URL ({modifier}+L)\n\nCréé un lien cliquable vers une page de votre choix.",
   "editor.format.user": "Utilisateur ({modifier}+R)\n\nCréé un lien vers un profil personnage.",
+  "editor.formatting": "Mise en forme\n\nAffiche les boutons de mise en forme du texte.",
   "editor.help": "Aide\n\nCliquez sur ce bouton pour un aperçu des commandes slash.",
   "editor.preview": "Aperçu ({modifier})\n\nAffiche un aperçu du BBCode entré, en incluant les erreurs de formatage.",
   "eicon.action": "Choisir une EIcon",
@@ -648,6 +651,7 @@
   "settings.appearance.layout": "Mise en page",
   "settings.appearance.messages": "Apparence des messages",
   "settings.appearance.users": "Apparence utilisateur",
+  "settings.arrayInstructions": "Séparez les valeurs par des virgules ou des tabulations.",
   "settings.autoBackup.addTime": "Ajouter du temps",
   "settings.autoBackup.chooseBackup": "Choisir une sauvegarde...",
   "settings.autoBackup.description": "Créé automatiquement des sauvegardes selon vos déclencheurs. Les anciennes sauvegardes seront supprimées selon votre compteur de rétention.",
@@ -707,10 +711,7 @@
   "settings.cache.memoryCount.description": "Définit le nombre maximal de personnages à garder dans la mémoire active. Les valeurs plus hautes signifient que plus de RAM sera utilisé.",
   "settings.changeOfflineColor": "Change la couleur du chat en gris lorsqu'un utilisateur se déconnecte",
   "settings.channelMembersFilters": "Filtres de membres de salon",
-  "settings.character": "Paramètres de Personnage",
-  "settings.charactersToGeneral": "Dans un futur proche, la plupart de ces paramètres seront déplacés dans le menu des paramètres généraux, où ils seront appliqués globalement à votre personnages. Vous pourrez toujours définir les définir par personnage.",
-  "settings.charactersToGeneral.generalInfo": "Nous travaillons actuellement à l'unification des menus des paramètres de personnage et des paramètres généraux, afin de les regrouper en un seul endroit. Soon™.",
-  "settings.charactersToGeneral.instructions": "Cette fenêtre a été redesignée et réorganisée pour accueillir cette option. À venir.",
+  "settings.chat": "Paramètres du chat",
   "settings.chat.bbcode": "BBCode",
   "settings.chat.behavior": "Comportement",
   "settings.chat.logging": "Connexion",
@@ -719,6 +720,8 @@
   "settings.chatLayoutMode.classic": "Classique",
   "settings.chatLayoutMode.modern": "Moderne",
   "settings.chatLayoutMode.modernDescription": "L'affichage moderne propose des avatars plus larges et des messages en bulle, similaires à Discord.",
+  "settings.checkbox": "Case à cocher",
+  "settings.checkbox.override": "Paramètres de remplacement",
   "settings.clickOpensMessage": "Cliquer sur les utilisateurs ouvre les conversations (au lieu de leur profile)",
   "settings.closeToTray": "Réduire vers la zone de notification",
   "settings.colorBookmarks": "Afficher les amis/favoris dans une couleur différente",
@@ -743,7 +746,8 @@
   "settings.dataManager.section.import": "Import",
   "settings.dataManager.section.vanilla": "Importer depuis Vanilla",
   "settings.defaultHighlights": "Utiliser les pings globaux",
-  "settings.disallowedTags": "Tags BBCode interdits (séparés par une virgule)",
+  "settings.disallowedTags": "Tags BBCode interdits",
+  "settings.disallowedTags.placeholder": "Saisissez les balises sans crochets, c'est-à-dire {tagName}.",
   "settings.displayLanguage": "Langage affiché",
   "settings.displayLanguage.note": "Les langues peuvent ne pas être entièrement traduites.\nNous avons un outil pour suivre l'avancement, merci de ne pas signaler les traductions manquantes.",
   "settings.enterAge": "Indiquez l'age",
@@ -757,6 +761,7 @@
   "settings.export.description": "Créé une sauvegarde en ZIP de vos paramètres, logs, conversations épinglées et eicons pour le personnage sélectionné.",
   "settings.export.errorGeneric": "L'export à échoué. Veuillez voir le rapport pour plus de détails.",
   "settings.export.filter": "Archives ZIP",
+  "settings.export.globalSettings": "Paramètres généraux par défaut",
   "settings.export.inProgress": "Exportation…",
   "settings.export.includeCharacterSettings": "Inclure les paramètres de personnage",
   "settings.export.includeDrafts": "Inclure les brouillons",
@@ -775,6 +780,8 @@
   "settings.export.summarySkipped_other": "({count}) fichiers ignorés en raison d'erreurs)",
   "settings.export.title": "Exporter les données d'Solstice",
   "settings.export.zipping": "Finaliser l'export",
+  "settings.filter.deprecated": "Les Filtres intelligents sous leur forme actuelle sont obsolètes, un nouveau système offrant davantage de possibilités de personnalisation est prévu pour une prochaine mise à jour.",
+  "settings.filter.deprecated.characterOnly": "Les Filtres intelligents ne sont enregistrés que pour le personnage actuel. Le nouveau système vous permettra d'enregistrer les filtres de manière globale et de les remplacer au cas par cas pour chaque personnage.",
   "settings.filter.hideAds": "Cache les [b]annonces[/b] des personnages correspondants",
   "settings.filter.hideChannelMembers": "Cache les personnages correspondant des [b]listes de membres du salon[/b]",
   "settings.filter.hidePrivateChannelMessages": "Cache les [b]messages de salons privés[/b] des personnages correspondants",
@@ -784,26 +791,25 @@
   "settings.filter.penalizeMatches": "Pénalise les [b]scores de correspondance[/b] des personnages correspondants",
   "settings.filter.rewardNonMatches": "Augmente le [b]score de correspondance[/b] des personnages qui ne correspondent pas",
   "settings.filter.showFilterIcon": "Montre l'[b]icone de filtre[/b] sur les personnages correspondants",
-  "settings.filteringWarning1": "En activant le filtrage, vous pourriez ne plus voir ou recevoir tous les messages de F-Chat. Les filtres ne s'appliquent aux personnages amis et favoris.",
-  "settings.filteringWarning2": "Version Beta. Certaines fonctionnalités et comportements pourraient être retirés ou significativement modifiés dans le futur.",
   "settings.flashWindow": "Activer le clignotement de la barre des tâches",
   "settings.flashWindow.note": "Sur Linux, cette fonctionnalité peut ne pas être supportée par votre environnement de bureau ou votre gestionnaire de fenêtres.",
   "settings.fontSize": "Taille de police",
-  "settings.forceNativeWindowControls": "Forcer les contrôles de fenêtre natifs (nécessite un redémarrage)",
+  "settings.forceNativeWindowControls": "Forcer l'affichage de la barre de titre native de la fenêtre (nécessite un redémarrage)",
   "settings.forceQuickConvoList": "Forcer le \"switch-rapide\" mobile sur la liste de conversation",
   "settings.genderIconUseOriginalColor": "Utilise la couleur de genre d'origine pour l'icône de genre au lieu de la couleur personnalisée",
   "settings.hideAds.empty": "Vous ne masquez les pubs d'aucun utilisateur actuellement.",
   "settings.hideNonCharacterFriends": "Cacher les amis non-liés au personnage",
   "settings.highlight": "Notifier pour les messages contenant votre nom",
-  "settings.highlightUsers": "Notifier lorsque les personnages suivants envoient un message dans un salon (séparés par des virgules)",
-  "settings.highlightUsers.conversation": "Notifier quand les personnages suivants envoient un message (séparés par une virgule)",
-  "settings.highlightWords": "Mots personnalisés provoquant une notification (séparés par une virgule)",
+  "settings.highlightUsers": "Notifier lorsque les personnages suivants envoient un message dans un salon",
+  "settings.highlightUsers.conversation": "Notifier quand les personnages suivants envoient un message",
+  "settings.highlightWords": "Mots personnalisés provoquant une notification",
   "settings.horizon.persistentMemberFilters": "Filtres persistants",
   "settings.horizon.persistentMemberFilters.help": "Une fois activé, les filtres de membres de salon (par genre et par membre) seront sauvegardés par personnage et restaurés lorsque vous vous connectez à ce personnage.",
   "settings.horizonCacheDraftMessages": "Sauvegarder automatiquement et restaurer les messages en cours lors de l'utilisation d'Solstice (le changement nécessite un nouvel onglet)",
   "settings.horizonDraftMessages": "Brouillons",
   "settings.horizonForceAsciiProfiles": "Homogénéiser les polices de profil",
   "settings.horizonForceAsciiProfiles.note": "Pour les technologies d'assistance ou les personnes qui ne peuvent pas lire les demi-polices Unicode, force tous les profils à utiliser du texte ASCII.",
+  "settings.horizonHighContrast": "Mode Contraste élevé",
   "settings.horizonSaveDraftMessagesToDiskTimer": "Délai de sauvegarde des messages en cours vers le disque (en secondes, minimum 5, le changement requiert un nouvel onglet)",
   "settings.horizonUseColorPicker": "Utiliser l'auto-completion de couleur BBCode lorsque vous utilisez le raccourci clavier.",
   "settings.hwAcceleration": "Activer l'accélération matérielle (nécessite un redémarrage)",
@@ -909,8 +915,14 @@
   "settings.messageGrouping.description": "Fusionner les messages récents du même expéditeur",
   "settings.messagePortraitHighQuality": "Afficher les portraits haute-qualité à côté des messages et conversations",
   "settings.messageSeparators": "Afficher des lignes séparatrices entre les messages",
+  "settings.migration.prompt": "{title} utilise désormais des paramètres généraux, ce qui vous permet de partager des paramètres par défaut et de les modifier pour chaque personnage.\n\nComment souhaitez-vous configurer vos paramètres généraux ?",
+  "settings.migration.startFresh": "Commencer avec les paramètres par défaut",
+  "settings.migration.title": "Migration des paramètres",
+  "settings.migration.useCurrent": "Utiliser les paramètres de {characterName}",
   "settings.minAge": "Personnages plus jeunes que (en années)",
   "settings.misc": "Divers",
+  "settings.mode.character": "Ces paramètres ne s'appliqueront qu'à {characterName}.",
+  "settings.mode.global": "Ces paramètres s'appliqueront à tous les personnages, sauf si vous les remplacez.",
   "settings.nativeWindowShowSingleTab": "Montrer les onglets lorsqu'un seul onglet est ouvert (nécessite un redémarrage)",
   "settings.nativeWindowShowSingleTab.note": "Vous aurez besoin d'utiliser le raccourci clavier Ctrl+Shift+T pour ouvrir des onglets",
   "settings.notifications": "Montrer les notifications push/bureau",
@@ -922,6 +934,12 @@
   "settings.notifications.pings": "Messages et évènements",
   "settings.notifyFriendSignIn": "Affiche une notification lorsque des amis ou favoris se connectent.",
   "settings.open": "Paramètres",
+  "settings.overridden": "Remplacé",
+  "settings.override.false": "Remplacer : Désactivé",
+  "settings.override.globalOff": "Général : Désactivé",
+  "settings.override.globalOn": "Général : Activé",
+  "settings.override.true": "Remplacer : Activé",
+  "settings.override.useGlobal": "Utiliser la valeur générale",
   "settings.overrideCharacterTheme": "Ignorer le thème d'interface (uniquement pour ce personnage)",
   "settings.playSound": "Jouer les sons de notification",
   "settings.preview": "Aperçu",
@@ -988,8 +1006,11 @@
   "settings.systemLogLevel.silly": "Trop d'info",
   "settings.systemLogLevel.verbose": "Détaillé",
   "settings.systemLogLevel.warn": "Avertir",
+  "settings.tab.character": "Paramètres pour {characterName}",
+  "settings.tab.global": "Paramètres généraux",
   "settings.tabs.accessibility": "Accessibilité",
   "settings.tabs.advanced": "Avancé",
+  "settings.tabs.app": "Application",
   "settings.tabs.appearance": "Apparence",
   "settings.tabs.behavior": "Comportement de l'application",
   "settings.tabs.chat": "Chat",
@@ -999,6 +1020,7 @@
   "settings.tabs.import": "Importer",
   "settings.tabs.look": "Apparence",
   "settings.tabs.notifications": "Notifications",
+  "settings.tabs.pings": "Mentions et mises en avant",
   "settings.tabs.profiles": "Profils",
   "settings.tabs.smartFilters": "Filtres intelligents ☀️",
   "settings.theme": "Thème",
@@ -1039,6 +1061,9 @@
   "status.offline": "Hors ligne",
   "status.online": "En ligne",
   "statusHistory": "Historique",
+  "statusHistory.action.pin": "Épingler ce message de statut",
+  "statusHistory.action.remove": "Supprimer ce message de statut",
+  "statusHistory.action.unpin": "Désépingler ce message de statut",
   "statusHistory.confirmRemove": "Êtes-vous sûr(e) de vouloir retirer ce statut ?",
   "statusHistory.confirmRemove.pinned": "Êtes-vous sûr de vouloir désépingler ce message de statut ?",
   "statusHistory.count": "Historique des statuts {index}/{total}",
@@ -1047,6 +1072,11 @@
   "statusHistory.title": "Historique de statut",
   "sync.addresses": "À l'écoute sur {addresses}",
   "sync.betaInfo": "La synchronisation des logs est une fonctionnalité expérimentale. Veillez à effectuer au préalable une sauvegarde à l'aide du menu « Exporter » situé à gauche.",
+  "sync.connectionHelp": "Problème de connexion ? Avez-vous vérifié l'un des points suivants :",
+  "sync.connectionHelp.firewall": "Votre pare-feu bloque-t-il la connexion ? Il peut s'agir aussi bien du pare-feu de votre ordinateur que de celui de votre routeur.",
+  "sync.connectionHelp.ipAddress": "L'autre appareil peut-il accéder à l'adresse IP de votre ordinateur ?",
+  "sync.connectionHelp.network": "Les deux appareils sont-ils connectés au même réseau ?",
+  "sync.connectionHelp.vpn": "Utilisez-vous un VPN ? Si oui, essayez de le désactiver.",
   "sync.copyPayload": "Copier le code",
   "sync.description": "Synchronisez les historiques de discussion avec Solstice sur votre téléphone via votre réseau local. Les deux appareils disposeront alors de l'intégralité des historiques ; les paramètres, les brouillons et les messages épinglés resteront inchangés. L'autre appareil doit être connecté au même compte.",
   "sync.error.accountMissing": "Connectez-vous à votre compte dans cette session Solstice avant de lancer la synchronisation.",
@@ -1071,11 +1101,26 @@
   "sync.stop": "Mettre fin à la session",
   "sync.summary": "La synchronisation avec {device} est terminée. {details}",
   "sync.summary.damaged_many": "{conversations} conversations endommagées ignorées. Exécutez « Réparer les logs corrompus » avant de relancer la synchronisation.",
-  "sync.summary.damaged_one": "{conversations} conversation(s) endommagée(s) ignorée(s). Exécutez « Réparer les logs corrompus » avant de relancer la synchronisation.",
+  "sync.summary.damaged_one": "{conversations} conversation endommagée ignorée. Exécutez « Réparer les logs corrompus » avant de relancer la synchronisation.",
   "sync.summary.damaged_other": "{conversations} conversations endommagées ignorées. Exécutez « Réparer les logs corrompus » avant de relancer la synchronisation.",
   "sync.summary.nothing": "Aucun log n'a été transféré.",
-  "sync.summary.received": "Vous avez reçu {messages} nouveau(x) message(s) dans {conversations} conversation(s) ({created} nouveau(x)).",
-  "sync.summary.sent": "A envoyé {conversations} conversation(s) entre {characters} personnage(s).",
+  "sync.summary.received": "Vous avez reçu {messages} dans {conversations} ({created}).",
+  "sync.summary.received.conversations_many": "{count} conversations",
+  "sync.summary.received.conversations_one": "{count} conversation",
+  "sync.summary.received.conversations_other": "{count} conversations",
+  "sync.summary.received.created_many": "{count} nouvelles conversations",
+  "sync.summary.received.created_one": "{count} nouvelle conversation",
+  "sync.summary.received.created_other": "{count} nouvelles conversations",
+  "sync.summary.received.messages_many": "{count} nouveaux messages",
+  "sync.summary.received.messages_one": "{count} nouveau message",
+  "sync.summary.received.messages_other": "{count} nouveaux messages",
+  "sync.summary.sent": "A envoyé {conversations} entre {characters}.",
+  "sync.summary.sent.characters_many": "{count} personnages",
+  "sync.summary.sent.characters_one": "{count} personnage",
+  "sync.summary.sent.characters_other": "{count} personnage",
+  "sync.summary.sent.conversations_many": "{count} conversations",
+  "sync.summary.sent.conversations_one": "{count} conversation",
+  "sync.summary.sent.conversations_other": "{count} conversations",
   "sync.title": "Synchroniser les logs avec Solstice",
   "sync.unknownDevice": "l'autre appareil",
   "time.hours_many": "{count} heures",
@@ -1133,6 +1178,7 @@
   "unit.years": "Années",
   "update.autoInstall": "Télécharger et installer automatiquement les mises à jour à l'avenir",
   "update.installOnQuit.note": "La mise à jour s'installe lorsque vous quittez l'application.",
+  "update.noUpdateAvailable": "Aucune mise à jour n'est disponible. Vous utilisez la dernière version d'Horizon.",
   "update.restart.confirm": "La version {version} a été téléchargée.\nSouhaitez-vous redémarrer et installer la mise à jour maintenant ?",
   "update.restart.confirm.connected": "La version {version} a été téléchargée, mais vous êtes toujours connecté au chat.\nÊtes-vous sûr de vouloir redémarrer et installer la mise à jour dès maintenant ?",
   "update.splash.updating": "Mise à jour d'Horizon...",
diff --git a/chat/locales/hu.json b/chat/locales/hu.json
index 955229e2..94fdfce7 100644
--- a/chat/locales/hu.json
+++ b/chat/locales/hu.json
@@ -45,6 +45,7 @@
   "action.rename": "Átnevezés...",
   "action.reset": "Visszaállítás",
   "action.restore": "Visszaállítás",
+  "action.save": "Mentés",
   "action.saveAndClose": "Mentés és bezárás",
   "action.saveChanges": "Változtatások mentése",
   "action.select": "Kijelölés",
@@ -325,6 +326,7 @@
   "commands.setmode.param0.help": "Érvényes szoba mód, specifikusan \"ads\" (hirdetések), \"chat\" (csevegés) vagy \"both\" (mindkettő).",
   "commands.setowner": "Csatorna tulajdonos beállítása",
   "commands.setowner.help": "Csatorna tulajdonosának beállítása egy másik karakterre. Az előző tulajdonos taggá lesz lefokozva.",
+  "commands.spacedCommand": "\"/{command}\" előtt szóköz van, így üzenetként lesz elküldve parancs helyett. Nyomd meg az Enter gombot ha így is el akarod küldeni.",
   "commands.status": "Állapot beállítása",
   "commands.status.help": "Állítsd be a jelenlegi állapotodat, opcionális üzenettel.",
   "commands.status.param0": "Állapot",
@@ -403,6 +405,7 @@
   "editor.format.underline": "Aláhúzás ({modifier}+U)\n\nA szöveget aláhúzott vonallal jeleníti meg.",
   "editor.format.url": "Hiperhivatkozás ({modifier}+L)\n\nKattintható linket készít egy, általad kiválasztott másik oldalhoz.",
   "editor.format.user": "Felhasználó ({modifier}+R)\n\nA kiválasztott karakter profiljához vezet.",
+  "editor.formatting": "Formázás\n\nMegmutatja a szövegformázási gombokat.",
   "editor.help": "Segítség\n\nKattints ide a törtjeles parancsok gyors áttekintéséhez.",
   "editor.preview": "Előnézet ({modifier})\n\nElőnézetet mutat a begépelt BBCode szövegről, a formázási hibákat is beleértve.",
   "eicon.action": "EIcon kiválasztása",
@@ -643,6 +646,7 @@
   "settings.appearance.layout": "Oldal elrendezése",
   "settings.appearance.messages": "Üzenet megjelenése",
   "settings.appearance.users": "Felhasználó megjelenése",
+  "settings.arrayInstructions": "Válaszd el az értékeket vesszőkkel vagy tabulátorokkal.",
   "settings.autoBackup.addTime": "Idő hozzáadása",
   "settings.autoBackup.chooseBackup": "Tartalék választása...",
   "settings.autoBackup.description": "Tartalékok automatikus készítése általad beállított paraméterek alapján. A régi tartalékok törölve lesznek bizonyos mennyiség elérése után.",
@@ -702,10 +706,7 @@
   "settings.cache.memoryCount.description": "Az aktív rendszermemóriában tartott karakterek maximális száma. Magasabb értékek magasabb RAM használattal járnak egy idő után.",
   "settings.changeOfflineColor": "A csevegésbeli szín szürkére állítása amennyiben a felhasználó nem elérhető",
   "settings.channelMembersFilters": "Csatorna tag szűrők",
-  "settings.character": "Karakterbeállítások",
-  "settings.charactersToGeneral": "Ezek a beállítások a globális beállítások menübe költöznek a jövőben, ahol globálisan minden karakteredre érvényesek lesznek. Karakterszintű felülírásokat továbbra és be tudsz majd állítani.",
-  "settings.charactersToGeneral.generalInfo": "Dolgozunk a karakterbeállítások és globális beállítások egyesítésén, hogy mindkettő egy helyről legyen elérhető. Hamarosan™.",
-  "settings.charactersToGeneral.instructions": "Az az ablak újra lett tervezve és átrendezve előkészületként. Számíts rá hamarosan.",
+  "settings.chat": "Csevegési beállítások",
   "settings.chat.bbcode": "BBCode",
   "settings.chat.behavior": "Működés",
   "settings.chat.logging": "Naplózás",
@@ -714,6 +715,8 @@
   "settings.chatLayoutMode.classic": "Klasszikus",
   "settings.chatLayoutMode.modern": "Modern",
   "settings.chatLayoutMode.modernDescription": "A modern elrendezés nagyobb avatárokat mutat, és buborék stílusú üzeneteket, a Discordhoz hasonlóan.",
+  "settings.checkbox": "Jelölőnégyzet",
+  "settings.checkbox.override": "Felülírási beállítások",
   "settings.clickOpensMessage": "Felhasználókra való kattintás megnyitja az üzeneteket (a profiljuk helyett)",
   "settings.closeToTray": "Lecsukás a tálcára",
   "settings.colorBookmarks": "Barátok/könyvjelzők mutatása más színben",
@@ -738,7 +741,8 @@
   "settings.dataManager.section.import": "Importálás",
   "settings.dataManager.section.vanilla": "Importálás alapértelmezettből",
   "settings.defaultHighlights": "Globális kiemelt szavak használata",
-  "settings.disallowedTags": "Nem megengedett BBCode címkék (vesszővel elválasztva)",
+  "settings.disallowedTags": "Nem megengedett BBCode címkék",
+  "settings.disallowedTags.placeholder": "A címkéket zárójel nélkül gépeld be, pl. {tagName}.",
   "settings.displayLanguage": "Megjelenítési nyelv",
   "settings.displayLanguage.note": "Nem minden nyelv fordítása teljes.\nSaját eszközzel követjük a fordítási folyamatot, úgyhogy nem szükséges hiányzó fordítások jelentése.",
   "settings.enterAge": "Add meg a kort",
@@ -752,6 +756,7 @@
   "settings.export.description": "ZIP archívum készítése a beállításaidról, naplóidról, kitűzött beszélgetéseidről és eiconjaidról a kijelölt karakterekhez.",
   "settings.export.errorGeneric": "Az exportálás sikertelen. Kérjük olvasd el a naplót a részletekért.",
   "settings.export.filter": "ZIP archívumok",
+  "settings.export.globalSettings": "Globális alapértelmezett beállítások",
   "settings.export.inProgress": "Exportálás…",
   "settings.export.includeCharacterSettings": "Karakterbeállítások hozzáadása",
   "settings.export.includeDrafts": "Piszkozatok hozzáadása",
@@ -769,6 +774,8 @@
   "settings.export.summarySkipped_other": "({count} fájl át lett ugorva hiba okán)",
   "settings.export.title": "Solstice adatok exportálása",
   "settings.export.zipping": "Export véglegesítése",
+  "settings.filter.deprecated": "Az Okos Filterek jelenlegi formájukban elavultak, új, több személyre szabási lehetőséggel rendelkező rendszer készül egy jövőbeli frissítésben.",
+  "settings.filter.deprecated.characterOnly": "Az Okos Filterek csak a jelenlegi karakterhez lesznek elmentve. Az új rendszer lehetőséget ad majd globális mentésre, és a filterek karakterenkénti felülírására.",
   "settings.filter.hideAds": "[b]Hirdetések[/b] elrejtése a passzoló karakterektől",
   "settings.filter.hideChannelMembers": "Passzoló karakterek elrejtése a [b]csatornák taglistájáról[/b]",
   "settings.filter.hidePrivateChannelMessages": "[b]Privát csatorna üzenetek[/b] elrejtése passzoló karakterektől",
@@ -778,26 +785,25 @@
   "settings.filter.penalizeMatches": "[b]Passzolási pontszám[/b] büntetése passzoló karatereknek",
   "settings.filter.rewardNonMatches": "[b]Passzolási pontszám[/b] növelése karaktereknél akik nem passzolnak",
   "settings.filter.showFilterIcon": "[b]Szűrő ikon[/b] megjelenítése passzoló karaktereken",
-  "settings.filteringWarning1": "A szűrők bekapcsolásával nem fogod tudni az összes F-Chat üzenetet fogadni. A filterek nem érvényesek barátokra és könyvjelzőzött karakterekre.",
-  "settings.filteringWarning2": "Bétaverzió. Az alábbi sajátosságok közül néhány lehet, hogy el lesz távolítva, vagy komolyan megváltoztatva a jövőben.",
   "settings.flashWindow": "Tálcavillogás engedélyezése",
   "settings.flashWindow.note": "Ez lehetőség nem biztos hogy elérhető Linux rendszereken, amennyiben az ablakkezelő vagy asztali környezet nem támogatja.",
   "settings.fontSize": "Betűméret",
-  "settings.forceNativeWindowControls": "Alapértelmezett ablakkezelői irányítások kényszerítése (újraindítás szükséges)",
+  "settings.forceNativeWindowControls": "Alapértelmezett ablakcímsor kényszerítése (újraindítás szükséges)",
   "settings.forceQuickConvoList": "Mobil stílusú 'gyors váltás' beszélgetési lista erőltetése",
   "settings.genderIconUseOriginalColor": "A nemet jelző ikon beállítása az eredeti nemhez tartozó színre a személyre szabott szín helyett.",
   "settings.hideAds.empty": "Jelenleg nem rejtesz el hirdetést egy felhasználótól sem.",
   "settings.hideNonCharacterFriends": "Nem ehhez a karakterhez tartozó barátok automatikus elrejtése",
   "settings.highlight": "Értesítés küldése üzenetekről amik tartalmazzák a neved",
-  "settings.highlightUsers": "Értesítés küldése amikor az alábbi karakterek üzennek egy csatornában (vesszővel elválasztva)",
-  "settings.highlightUsers.conversation": "Értesítés küldése amikor az alábbi karakterek üzenetet küldenek (vesszővel elválasztva)",
-  "settings.highlightWords": "Személyre szabott kiemelt értesítési szavak (vesszővel elválasztva)",
+  "settings.highlightUsers": "Értesítés küldése amikor az alábbi karakterek üzennek egy csatornában",
+  "settings.highlightUsers.conversation": "Értesítés küldése amikor az alábbi karakterek üzenetet küldenek",
+  "settings.highlightWords": "Személyre szabott kiemelt értesítési szavak",
   "settings.horizon.persistentMemberFilters": "Állandó szűrők",
   "settings.horizon.persistentMemberFilters.help": "Ezt bekapcsolva a csatorna tag szűrők (nem és tag szerinti rendezés) karakterenként lesznek mentve, és visszaállítva amikor az adott karakterrel bejelentkezel.",
   "settings.horizonCacheDraftMessages": "Folyamatban lévő üzenetek automatikus mentése és visszaállítása Solstice használata közben (változtatás új lapot igényel)",
   "settings.horizonDraftMessages": "Piszkozatok",
   "settings.horizonForceAsciiProfiles": "Profilok betűtípusának egységesítése",
   "settings.horizonForceAsciiProfiles.note": "Kisegítő technológiáknak, vagy azoknak akik nem tudják olvasni az Unicode SEMI betűket, ez az összes profilon található szöveget ASCII szövegre változtatja.",
+  "settings.horizonHighContrast": "Magas kontraszt mód",
   "settings.horizonSaveDraftMessagesToDiskTimer": "Folyamatban lévő üzenetek lemezre mentésének gyakorisága (másodpercben, minimum 5, változtatás új lapot igényel)",
   "settings.horizonUseColorPicker": "Gyors, automatikus BBCode színválasztó használata billentyűkombináció lenyomásakor.",
   "settings.hwAcceleration": "Hardveres gyorsítás bekapcsolása (újraindítás szükséges)",
@@ -902,8 +908,14 @@
   "settings.messageGrouping.description": "Egyesíti a nemrégi üzeneteket ugyanattól a küldőtől",
   "settings.messagePortraitHighQuality": "Magas minőségű portrék mutatása üzenetek és beszélgetések mellett",
   "settings.messageSeparators": "Elválasztó vonalak mutatása üzenetek között",
+  "settings.migration.prompt": "{title} mostantól globális beállításokat használ; ennek köszönhetően megoszthatod alapbeállításaid, és felülírhatod őket karakterként.\n\nHogy szeretnéd rendezni a globális beállításaid?",
+  "settings.migration.startFresh": "Kezdés alapértelmezett beállításokkal",
+  "settings.migration.title": "Beállítások költöztetése",
+  "settings.migration.useCurrent": "{characterName} beállításainak használata",
   "settings.minAge": "Énnél fiatalabb karakterek (években)",
   "settings.misc": "Egyéb",
+  "settings.mode.character": "Ezen beállítások csak az alábbi karakterre lesznek érvényesek: {characterName}.",
+  "settings.mode.global": "Ezen beállítások minden karakterre érvényesek lesznek, hacsak nem írod őket felül.",
   "settings.nativeWindowShowSingleTab": "Lapsor mutatása akkor is ha csak egy lap van nyitva (újraindítás szükséges)",
   "settings.nativeWindowShowSingleTab.note": "A Ctrl+Shift+T billentyűkombinációval tudsz új lapokat megnyitni",
   "settings.notifications": "Asztali / leküldéses értesítések mutatása",
@@ -915,6 +927,12 @@
   "settings.notifications.pings": "Üzenetek és események",
   "settings.notifyFriendSignIn": "Értesítés küldése, amikor barátok vagy könyvjelzők bejelentkeznek.",
   "settings.open": "Beállítások",
+  "settings.overridden": "Felülírva",
+  "settings.override.false": "Felülírás: Inaktív",
+  "settings.override.globalOff": "Globális: Inaktív",
+  "settings.override.globalOn": "Globális: Aktív",
+  "settings.override.true": "Felülírás: Aktív",
+  "settings.override.useGlobal": "Globális érték használata",
   "settings.overrideCharacterTheme": "Felhasználói felület témájának felülírása (csak erre a karakterre)",
   "settings.playSound": "Értesítési hangok lejátszása",
   "settings.preview": "Előnézet",
@@ -979,8 +997,11 @@
   "settings.systemLogLevel.silly": "Ostoba",
   "settings.systemLogLevel.verbose": "Beszédes",
   "settings.systemLogLevel.warn": "Figyelmeztető",
+  "settings.tab.character": "Beállítások {characterName} karakterhez",
+  "settings.tab.global": "Globális Beállítások",
   "settings.tabs.accessibility": "Hozzáférhetőség",
   "settings.tabs.advanced": "Haladó",
+  "settings.tabs.app": "Applikáció",
   "settings.tabs.appearance": "Megjelenés",
   "settings.tabs.behavior": "Applikáció viselkedése",
   "settings.tabs.chat": "Csevegés",
@@ -990,6 +1011,7 @@
   "settings.tabs.import": "Importálás",
   "settings.tabs.look": "Megjelenés",
   "settings.tabs.notifications": "Értesítések",
+  "settings.tabs.pings": "Említések és kiemelések",
   "settings.tabs.profiles": "Profilok",
   "settings.tabs.smartFilters": "Okos szűrés ☀️",
   "settings.theme": "Téma",
@@ -1030,6 +1052,9 @@
   "status.offline": "Nem elérhető",
   "status.online": "Elérhető",
   "statusHistory": "Előzmények",
+  "statusHistory.action.pin": "Állapotüzenet kitűzése",
+  "statusHistory.action.remove": "Állapotüzenet eltávolítása",
+  "statusHistory.action.unpin": "Állapotüzenet kitűzésének eltávolítása",
   "statusHistory.confirmRemove": "Biztos vagy benne hogy eltávolítod ezt az állapotüzenetet?",
   "statusHistory.confirmRemove.pinned": "Biztos vagy benne hogy visszavonod ennek az állapotüzenetnek a kitűzését?",
   "statusHistory.count": "Állapotelőzmények {index}/{total}",
@@ -1038,6 +1063,11 @@
   "statusHistory.title": "Állapotüzenet előzmények",
   "sync.addresses": "Hallgatás ezen keresztül: {addresses}",
   "sync.betaInfo": "A naplók összehangolása egy kísérleti opció. Kérlek légy biztos benne hogy készítettél egy biztonsági másolatot az exportálás menüből, mielőtt használnád.",
+  "sync.connectionHelp": "Probléma csatlakozáskor? Próbáld meg a következőt:",
+  "sync.connectionHelp.firewall": "A tűzfalad blokkolja a csatlakozást? Ez lehet a számítógéped és a hálózati elosztód tűzfala is.",
+  "sync.connectionHelp.ipAddress": "A másik készülék eléri a számítógéped IP címét?",
+  "sync.connectionHelp.network": "Mindkét készülék ugyanazon a hálózaton van?",
+  "sync.connectionHelp.vpn": "Használsz VPN-t? Ha igen, próbáld meg kikapcsolni.",
   "sync.copyPayload": "Kód másolása",
   "sync.description": "Hangold össze naplóidat a Solstice-al telefonodon, helyi hálózaton keresztül. Mindkét készüléken ugyanazok a naplók lesznek jelen; beállítások, piszkozatok és kitűzések érintetlenül maradnak. A másik készülék ugyanazon fiókba kell, hogy bejelentkezve legyen.",
   "sync.error.accountMissing": "Jelentkezz be fiókodba ebben a Solstice folyamatban mielőtt összehangolnál.",
@@ -1060,7 +1090,21 @@
   "sync.state.waiting": "Várakozás a készülék csatlakozására...",
   "sync.stop": "Folyamat leállítása",
   "sync.summary": "{device} készülékkel való összehangolás befejeződött. {details}",
+  "sync.summary.damaged_one": "{conversations} sérült csevegés átugorva. Futtasd a naplójavítást mielőtt újra próbálsz szinkronizálni.",
+  "sync.summary.damaged_other": "{conversations} sérült csevegés átugorva. Futtasd a naplójavítást mielőtt újra próbálsz szinkronizálni.",
   "sync.summary.nothing": "Nem lett napló átmásolva.",
+  "sync.summary.received": "{messages} fogadva itt: {conversations} ({created}).",
+  "sync.summary.received.conversations_one": "{count} beszélgetés",
+  "sync.summary.received.conversations_other": "{count} beszélgetés",
+  "sync.summary.received.created_one": "{count} új beszélgetés",
+  "sync.summary.received.created_other": "{count} új beszélgetés",
+  "sync.summary.received.messages_one": "{count} új üzenet",
+  "sync.summary.received.messages_other": "{count} új üzenet",
+  "sync.summary.sent": "{conversations} küldve a következőknek: {characters}.",
+  "sync.summary.sent.characters_one": "{count} karakter",
+  "sync.summary.sent.characters_other": "{count} karakter",
+  "sync.summary.sent.conversations_one": "{count} csevegés",
+  "sync.summary.sent.conversations_other": "{count} csevegés",
   "sync.title": "Naplók összehangolása Solstice-vel",
   "sync.unknownDevice": "a másik készülék",
   "time.hours_one": "1 óra",
@@ -1116,6 +1160,7 @@
   "unit.years": "Év",
   "update.autoInstall": "Jövőbeli frissítések automatikus letöltése és telepítése",
   "update.installOnQuit.note": "A frissítések automatikusan települnek az app legközelebbi újraindításakor.",
+  "update.noUpdateAvailable": "Nincs elérhető frissítés. A Horizon legújabb verzióját futtatod.",
   "update.restart.confirm": "{version} Verzió letöltésre került.\nÚjra akarod indítani a programot most hogy telepítsd a frissítést?",
   "update.restart.confirm.connected": "A {version} Verzió letöltésre került, de még csatlakozva vagy a csevegéshez.\nBiztos vagy benne hogy újraindítod a programot, és telepíted a frissítést most?",
   "update.splash.updating": "Horizon Frissítése...",
diff --git a/chat/locales/it.json b/chat/locales/it.json
index 9dbe99fb..84ae3049 100644
--- a/chat/locales/it.json
+++ b/chat/locales/it.json
@@ -45,6 +45,7 @@
   "action.rename": "Rinomina...",
   "action.reset": "Resetta",
   "action.restore": "Recupera",
+  "action.save": "Salva",
   "action.saveAndClose": "Salva e Chiudi",
   "action.saveChanges": "Salva modifiche",
   "action.select": "Seleziona",
@@ -326,6 +327,7 @@
   "commands.setmode.param0.help": "Modalità stanza valida, ossia \"ads\", \"chat\" or \"both\" (Pubblicità, chat o entrambi).",
   "commands.setowner": "Imposta proprietario canale",
   "commands.setowner.help": "Imposta un altro personaggio come proprietario di un canale. Il proprietario precedente sarà declassato a membro.",
+  "commands.spacedCommand": "\"/{command}\" ha uno spazio in fronte, sarà inviato come messaggio invece di eseguire il comando. Premi Invia ancora per mandarlo a prescindere.",
   "commands.status": "Imposta stato",
   "commands.status.help": "Imposta il tuo stato assieme ad un messaggio opzionale.",
   "commands.status.param0": "Stato",
@@ -404,6 +406,7 @@
   "editor.format.underline": "Sottolinea ({modifier}+U)\n\nFa apparire il testo con una linea al disotto.",
   "editor.format.url": "URL ({modifier}+L)\n\nCrea un link cliccabile da aggiungere ad una pagina di tua scelta.",
   "editor.format.user": "Utente ({modifier}+R)\n\nCollega al profilo di un personaggio.",
+  "editor.formatting": "Formattazione\n\nMostra i pulsanti per il formato di testo.",
   "editor.help": "Aiuto\n\nClicca questo pulsante per una vista rapida dei comandi con la barra.",
   "editor.preview": "Anteprima ({modifier})\n\nMostra un'anteprima del BBCode scritto, includendo qualsiasi errore di formattazione.",
   "eicon.action": "Scegli Eicon",
@@ -648,6 +651,7 @@
   "settings.appearance.layout": "Impaginazione",
   "settings.appearance.messages": "Aspetto messaggi",
   "settings.appearance.users": "Aspetto utente",
+  "settings.arrayInstructions": "Dividi i valori con virgole o tab.",
   "settings.autoBackup.addTime": "Aggiungi tempo",
   "settings.autoBackup.chooseBackup": "Scegli un backup...",
   "settings.autoBackup.description": "Crea automaticamente backup basati su eventi specifici a tua scelta. Backup vecchi sono rimossi in base alla ritenzione impostata.",
@@ -707,10 +711,7 @@
   "settings.cache.memoryCount.description": "La quantità massima di personaggi da tenere nella memoria attiva del sistema. Un valore più alto potrebbe utilizzare più RAM dopo un po' di tempo.",
   "settings.changeOfflineColor": "Cambia il colore in chat a grigio quando un utente va offline",
   "settings.channelMembersFilters": "Filtri membri canale",
-  "settings.character": "Impostazioni personaggi",
-  "settings.charactersToGeneral": "Nel prossimo futuro, maggior parte di queste impostazioni saranno spostate nelle impostazioni globali, dove saranno applicate globalmente su tutti i personaggi. Sarai comunque in grado di creare impostazioni specifiche che prenderanno la precedenza sui personaggi singoli.",
-  "settings.charactersToGeneral.generalInfo": "Ci stiamo occupando di unificare le impostazioni globali e dei personaggi, muoveremo entrambe in un solo posto. Arriverà presto™.",
-  "settings.charactersToGeneral.instructions": "Questa finestra è stata ridisegnata e riorganizzata per preparare a questo. Arriverà presto (circa)",
+  "settings.chat": "Impostazioni chat",
   "settings.chat.bbcode": "BBCode",
   "settings.chat.behavior": "Comportamento",
   "settings.chat.logging": "Registrazione",
@@ -719,6 +720,8 @@
   "settings.chatLayoutMode.classic": "Classica",
   "settings.chatLayoutMode.modern": "Moderna",
   "settings.chatLayoutMode.modernDescription": "La modalità Moderna mostra avatar più grandi e messaggi a stile bolla, simile a discord.",
+  "settings.checkbox": "Spunte",
+  "settings.checkbox.override": "Sovrascrivi impostazioni",
   "settings.clickOpensMessage": "Cliccare sugli utenti apre i messaggi (invece del profilo)",
   "settings.closeToTray": "Chiudi al vassoio",
   "settings.colorBookmarks": "Mostra amici/segnalibri in un colore diverso",
@@ -743,7 +746,8 @@
   "settings.dataManager.section.import": "Importa",
   "settings.dataManager.section.vanilla": "Importa da vanilla",
   "settings.defaultHighlights": "Usa parole di notifica globali",
-  "settings.disallowedTags": "Tipi di BBCode disattivati (separati con virgole)",
+  "settings.disallowedTags": "Tipi di BBCode disattivati",
+  "settings.disallowedTags.placeholder": "Scrivi i tag senza le parentesi, come {tagName}.",
   "settings.displayLanguage": "Lingua di display",
   "settings.displayLanguage.note": "Le lingue potrebbero non essere ancora interamente tradotte.\nAbbiamo uno strumento per controllare i progressi, quindi non c'è bisogno di segnalare traduzioni mancanti.",
   "settings.enterAge": "Immetti età",
@@ -757,6 +761,7 @@
   "settings.export.description": "Crea un backup ZIP delle tue impostazioni, registri, conversazioni e eicon fissate per i personaggi selezionati.",
   "settings.export.errorGeneric": "Esportazione fallita. Controlla il rapporto per i dettagli.",
   "settings.export.filter": "Archivi ZIP",
+  "settings.export.globalSettings": "Impostazioni globali standard",
   "settings.export.inProgress": "Esportazione in corso…",
   "settings.export.includeCharacterSettings": "Includi impostazioni dei personaggi",
   "settings.export.includeDrafts": "Includi bozze",
@@ -775,6 +780,8 @@
   "settings.export.summarySkipped_other": "({count} file saltati a causa di errori)",
   "settings.export.title": "Esporta dati Solstice",
   "settings.export.zipping": "Finalizzazione esporto",
+  "settings.filter.deprecated": "I filtri intelligenti nella loro forma attuale sono obsoleti. un nuovo sistema con più personalizzazioni è in piano per un aggiornamento futuro.",
+  "settings.filter.deprecated.characterOnly": "I filtri intelligenti sono solo salvati per il personaggio corrente. Il nuovo sistema ti permetterà di salvare i filtri globalmente e sovrascriverli individualmente.",
   "settings.filter.hideAds": "Nascondi le [b]pubblicità[/b] da personaggi riscontrati",
   "settings.filter.hideChannelMembers": "Nascondi i personaggi riscontrati dalla [b]lista membri del canale[/b]",
   "settings.filter.hidePrivateChannelMessages": "Nascondi [b]messaggi di canali privati[/b] da personaggi riscontrati",
@@ -784,26 +791,25 @@
   "settings.filter.penalizeMatches": "Penalizza [b]punteggio di match[/b] di personaggi riscontrati",
   "settings.filter.rewardNonMatches": "Aumenta il [b]punteggio di match[/b] dei personaggi non riscontrati",
   "settings.filter.showFilterIcon": "Mostra un'[b]icona di filtro[/b] su personaggi riscontrati",
-  "settings.filteringWarning1": "Attivando il filtro, potresti non poter vedere o ricevere messaggi da F-chat. I filtri non si applicano agli amici o i segnalibri.",
-  "settings.filteringWarning2": "Versione Beta. Alcune di queste feature e comportamenti potrebbero essere rimossi o alterati in futuro.",
   "settings.flashWindow": "Abilita lampeggio nella barra applicazioni",
   "settings.flashWindow.note": "Su Linux questa opzione potrebbe non essere supportata dal tuo window manager o il tuo ambiente desktop.",
   "settings.fontSize": "Dimensione font",
-  "settings.forceNativeWindowControls": "Forza controlli di finestra nativi (richiede un riavvio)",
+  "settings.forceNativeWindowControls": "Forza la barra nativa della finestra (richiede un riavvio)",
   "settings.forceQuickConvoList": "Forza l'elenco delle conversazioni 'scambio rapido' in stile mobile",
   "settings.genderIconUseOriginalColor": "Colora l'icona di genere con il colore di genere originale invece del colore personalizzato del nome",
   "settings.hideAds.empty": "Non stai nascondendo pubblicità di nessun utente al moment.",
   "settings.hideNonCharacterFriends": "Nascondi inoltre gli amici degli altri personaggi",
   "settings.highlight": "Notifica dei messaggi contenenti il tuo nome",
-  "settings.highlightUsers": "Notifica quando i seguenti personaggi mandano messaggi in un canale (separa con una virgola)",
-  "settings.highlightUsers.conversation": "Notifica quando i personaggi seguenti inviano messaggi (separa con una virgola)",
-  "settings.highlightWords": "Parole evidenziate di notifica personalizzate (separa con una virgola)",
+  "settings.highlightUsers": "Notifica quando i seguenti personaggi mandano messaggi in un canale",
+  "settings.highlightUsers.conversation": "Notifica quando i personaggi seguenti inviano messaggi",
+  "settings.highlightWords": "Parole di notifica in evidenza",
   "settings.horizon.persistentMemberFilters": "Filtri persistenti",
   "settings.horizon.persistentMemberFilters.help": "Se abilitati, i filtri del canale (ordine per genere e membri) saranno salvati per-personaggio e riutilizzati quando ti colleghi con quel personaggio.",
   "settings.horizonCacheDraftMessages": "Salva e ripristina messaggi in corso mentre usi Solstice (Modifica richiede ricaricare la pagina)",
   "settings.horizonDraftMessages": "Bozze di messaggi",
   "settings.horizonForceAsciiProfiles": "Standardizza font dei profili",
   "settings.horizonForceAsciiProfiles.note": "Per tecnologia assistiva, o persone che non possono leggere i font unicode, forzerà tutto il testo sui profili ad essere testo ASCII regolare.",
+  "settings.horizonHighContrast": "Modalità ad alto contrasto",
   "settings.horizonSaveDraftMessagesToDiskTimer": "Quanto spesso fare il backup di messaggi in corso al disco (in secondi, minimo 5, cambiare richiede ricaricare la pagina)",
   "settings.horizonUseColorPicker": "Usa la selezione di colore rapida per il BBCode del colore quando usi la scorciatoia.",
   "settings.hwAcceleration": "Abilita accelerazione hardware (richiede riavvio)",
@@ -891,7 +897,7 @@
   "settings.leaveEmptyNoLimit": "Lascia vuoto per non avere un limite.",
   "settings.logAds": "Registra pubblicità",
   "settings.logDir": "Cambia posizione del registro",
-  "settings.logDir.confirm": "Vuoi impostare la posizione del registro a {newDir}?\n\nNessun file sarà spostato. Se clicchi sì qui, Solstice si riavvierà. Se vuoi mantenere i tuoi file di registro, spostali manualmente prima di riavviare horizon.\n\nPosizione dei registro attuale: {currentDir}",
+  "settings.logDir.confirm": "Vuoi impostare la posizione del registro a {newDir}?\n\nNessun file sarà spostato. Se clicchi sì qui, Solstice si riavvierà. Se vuoi mantenere i tuoi file di registro, spostali manualmente prima di riavviare Solstice.\n\nPosizione dei registro attuale: {currentDir}",
   "settings.logDir.guide": "Vuoi salvare i tuoi registri? Guarda questa guida {icon}.",
   "settings.logDir.inAppDir": "Imposta la cartella dei registri in una posizione fuori dalla cartella di installazione di Solstice, altrimenti saranno sovrascritti durante un aggiornamento.",
   "settings.logDir.note.onedrive": "OneDrive è noto per causare problemi quando usato come cartella dei registri. Usa una cartella al difuori delle cartelle OneDrive.",
@@ -909,8 +915,14 @@
   "settings.messageGrouping.description": "Raggruppa i messaggi recenti dallo stesso mittente",
   "settings.messagePortraitHighQuality": "Mostra i ritratti ad alta qualità a fianco dei messaggi e le conversazioni",
   "settings.messageSeparators": "Mostra le linee di separazione tra i messaggi",
+  "settings.migration.prompt": "{title} utilizzerà le impostazioni globali; quali ti permetteranno di condividere impostazioni standard e sovrascriverle individualmente.\n\nCome vorresti impostare le tue impostazioni globali?",
+  "settings.migration.startFresh": "Inizia con le impostazioni standard",
+  "settings.migration.title": "Migrazione impostazioni",
+  "settings.migration.useCurrent": "Usa le impostazioni di {characterName}",
   "settings.minAge": "Personaggi più giovani di (anni)",
   "settings.misc": "Varie",
+  "settings.mode.character": "Queste impostazioni saranno solo applicate a {characterName}.",
+  "settings.mode.global": "Queste impostazioni saranno applicate a tutti i personaggi, a meno che tu li sovrascriva.",
   "settings.nativeWindowShowSingleTab": "Mostra la barra delle schede quando solo una scheda è aperta (richiede riavviare)",
   "settings.nativeWindowShowSingleTab.note": "Dovrai usare la scorciatoia Ctrl+Shift+T per aprire altre schede",
   "settings.notifications": "Mostra notifiche desktop/push",
@@ -922,6 +934,12 @@
   "settings.notifications.pings": "Messaggi ed eventi",
   "settings.notifyFriendSignIn": "Notifica quando amici o segnalibri si collegano.",
   "settings.open": "Impostazioni",
+  "settings.overridden": "Sovrascritte",
+  "settings.override.false": "Sovrascrizone: Disattivata",
+  "settings.override.globalOff": "Globali: disattivati",
+  "settings.override.globalOn": "Globali: attivati",
+  "settings.override.true": "Sovrascrizione: attiva",
+  "settings.override.useGlobal": "Usa valori globali",
   "settings.overrideCharacterTheme": "Sostituisci il tema di interfaccia (solo per questo personaggio)",
   "settings.playSound": "Riproduci suoni di notifica",
   "settings.preview": "Anteprima",
@@ -988,8 +1006,11 @@
   "settings.systemLogLevel.silly": "Sciocco",
   "settings.systemLogLevel.verbose": "Dettagliato",
   "settings.systemLogLevel.warn": "Avverti",
+  "settings.tab.character": "Impostazioni per {characterName}",
+  "settings.tab.global": "Impostazioni globali",
   "settings.tabs.accessibility": "Accessibilità",
   "settings.tabs.advanced": "Avanzato",
+  "settings.tabs.app": "App",
   "settings.tabs.appearance": "Aspetto",
   "settings.tabs.behavior": "Comportamento app",
   "settings.tabs.chat": "Chat",
@@ -999,6 +1020,7 @@
   "settings.tabs.import": "Importa",
   "settings.tabs.look": "Aspetto e sensazione",
   "settings.tabs.notifications": "Notifiche",
+  "settings.tabs.pings": "Menzioni ed evidenze",
   "settings.tabs.profiles": "Profili",
   "settings.tabs.smartFilters": "Filtri intelligenti☀️",
   "settings.theme": "Tema",
@@ -1039,6 +1061,9 @@
   "status.offline": "Offline",
   "status.online": "Online",
   "statusHistory": "Storico",
+  "statusHistory.action.pin": "Fissa questo messaggio di stato",
+  "statusHistory.action.remove": "Rimuovi questo messaggio di stato",
+  "statusHistory.action.unpin": "Rimuovi dai messaggi fissati",
   "statusHistory.confirmRemove": "Sei sicuro di voler rimuovere questo messaggio di stato?",
   "statusHistory.confirmRemove.pinned": "Sei sicuro di voler sbloccare questo messaggio di stato?",
   "statusHistory.count": "Storico stati {index}/{total}",
@@ -1047,6 +1072,11 @@
   "statusHistory.title": "Storico di messaggi di stato",
   "sync.addresses": "In ascolto su {addresses}",
   "sync.betaInfo": "La sincronizzazione dei registri è una nuova caratteristica. Assicurati di aver fatto un backup nel menù di esportazione a sinistra prima.",
+  "sync.connectionHelp": "Problemi di connessione? Prova a controllare i seguenti:",
+  "sync.connectionHelp.firewall": "Il tuo firewall sta bloccando la connessione? Può essere sia il firewall del computer o del router.",
+  "sync.connectionHelp.ipAddress": "L'altro dispositivo è in grado di raggiungere l'indirizzo IP del computer?",
+  "sync.connectionHelp.network": "Entrambi i dispositivi sono sulla stessa rete?",
+  "sync.connectionHelp.vpn": "Stai usando una VPN? Se sì, prova a disattivarla.",
   "sync.copyPayload": "Copia codice",
   "sync.description": "Sincronizza i registri di chat con Solstice sul tuo telefono attraverso la rete locale. Entrambi i dispositivi avranno un set completo di registri; impostazioni, bozze e chat fissate non saranno toccate. L'altro dispositivo deve avere l'accesso con lo stesso account.",
   "sync.error.accountMissing": "Accedi al tuo account in questa sessione di Solstice prima di sincronizzare.",
@@ -1070,7 +1100,27 @@
   "sync.state.waiting": "In attesa che si connetta un dispositivo...",
   "sync.stop": "Ferma sessione",
   "sync.summary": "Sincronizzazione con {device} completata. {details}",
+  "sync.summary.damaged_many": "Saltato {conversations} di conversazioni danneggiate. Usa la riparazione dei registri prima di sincronizzare di nuovo.",
+  "sync.summary.damaged_one": "Saltata {conversations} conversazione danneggiata. Usa la riparazione dei registri prima di sincronizzare di nuovo.",
+  "sync.summary.damaged_other": "Saltate {conversations} conversazioni danneggiate. Usa la riparazione dei registri prima di sincronizzare di nuovo.",
   "sync.summary.nothing": "Nessun registro è stato trasferito.",
+  "sync.summary.received": "Ricevuti {messages} in {conversations} ({created}).",
+  "sync.summary.received.conversations_many": "{count} di conversazioni",
+  "sync.summary.received.conversations_one": "{count} conversazione",
+  "sync.summary.received.conversations_other": "{count} conversazioni",
+  "sync.summary.received.created_many": "{count} di nuove conversazioni",
+  "sync.summary.received.created_one": "{count} nuova conversazione",
+  "sync.summary.received.created_other": "{count} nuove conversazioni",
+  "sync.summary.received.messages_many": "{count} di nuovi messaggi",
+  "sync.summary.received.messages_one": "{count} nuovo messaggio",
+  "sync.summary.received.messages_other": "{count} nuovi messaggi",
+  "sync.summary.sent": "Inviate {conversations} tra {characters}.",
+  "sync.summary.sent.characters_many": "{count} di personaggi",
+  "sync.summary.sent.characters_one": "{count} personaggio",
+  "sync.summary.sent.characters_other": "{count} personaggi",
+  "sync.summary.sent.conversations_many": "{count} di conversazioni",
+  "sync.summary.sent.conversations_one": "{count} conversazione",
+  "sync.summary.sent.conversations_other": "{count} conversazioni",
   "sync.title": "Sincronizza registri con Solstice",
   "sync.unknownDevice": "l'altro dispositivo",
   "time.hours_many": "{count} ore",
@@ -1128,6 +1178,7 @@
   "unit.years": "Anni",
   "update.autoInstall": "Scarica e installa automaticamente gli aggiornamenti in futuro",
   "update.installOnQuit.note": "L'aggiornamento si installa automaticamente la prossima volta che riavvii l'app.",
+  "update.noUpdateAvailable": "Nessun aggiornamento disponibile. Stai usando la versione più recente di Horizon.",
   "update.restart.confirm": "Versione {version} è stata scaricata.\nVuoi riavviare e installare l'aggiornamento ora?",
   "update.restart.confirm.connected": "Versione {version} è stata scaricata. ma sei ancora connesso alla chat.\nSei sicuro di voler riavviare e installare l'aggiornamento ora?",
   "update.splash.updating": "Aggiornando Horizon...",
diff --git a/chat/locales/ja.json b/chat/locales/ja.json
index a1c9d4f0..30d15fa6 100644
--- a/chat/locales/ja.json
+++ b/chat/locales/ja.json
@@ -1,3 +1,85 @@
 {
-  "action.about": "Solsticeについて"
+  "about.commit": "コミット",
+  "about.contributors": "寄稿者",
+  "about.copyDebugInfo": "デバッグ情報のコピー",
+  "about.license": "{license}Tライセンスに基づき提供されています",
+  "about.logoAlt": "ホライゾンのロゴ",
+  "about.madeBy": "{c1}、{c2}、{c3}が{heart}を込めて作りました。",
+  "about.openLogs": "ログを開く",
+  "about.opensInBrowser": "お使いのブラウザで開きます",
+  "about.platform": "プラットフォーム",
+  "about.reportBug": "バグを報告する",
+  "about.tagline": "コミュニティ主導の、最新のF-Chatクライアント",
+  "about.thankYou": "Solsticeをご利用いただき、ありがとうございます！",
+  "about.version": "バージョン",
+  "action.about": "Solsticeについて",
+  "action.backForward.next": "進む",
+  "action.backForward.previous": "戻る",
+  "action.cancel": "キャンセル",
+  "action.checkForUpdates": "更新の確認",
+  "action.close": "閉じる",
+  "action.copy": "コピー",
+  "action.copy.success": "コピーしました！",
+  "action.copyLink": "リンクをコピー",
+  "action.copyWithoutBBCode": "BBCodeなしでコピー",
+  "action.cut": "カット",
+  "action.delete": "削除",
+  "action.developer": "開発者",
+  "action.disable": "無効にする",
+  "action.dismiss": "閉じる",
+  "action.edit": "編集",
+  "action.eicon.copy": "EIconの名前をコピーする",
+  "action.eicon.copyBbcode": "EIconのBBCodeをコピーする",
+  "action.hide": "Solsticeを非表示にする",
+  "action.incognito": "シークレットモードで開く",
+  "action.markAsRead": "すべてを既読にする",
+  "action.move.down": "下に移動",
+  "action.move.up": "上に移動",
+  "action.newTab": "新しいタブを開く",
+  "action.newWindow": "新しいウィンドウを開く",
+  "action.open": "表示",
+  "action.openBrowser": "ブラウザで開く",
+  "action.paste": "貼り付け",
+  "action.preferences": "設定",
+  "action.quit": "終了",
+  "action.rename": "名前を変更...",
+  "action.reset": "リセット",
+  "action.restore": "復元",
+  "action.saveAndClose": "保存して閉じる",
+  "action.saveChanges": "変更を保存",
+  "action.select": "セレクト",
+  "action.selectAll": "すべて選択",
+  "action.showAllWindows": "すべてのウィンドウを表示",
+  "action.suggestions": "ご提案",
+  "action.toggleStickyPreview": "固定プレビュー表示の切り替え",
+  "action.update": "終了してアップデートをダウンロード",
+  "action.updateAvailable": "アップデートが利用可能です",
+  "action.updateTitle": "アップデートが利用可能です!",
+  "action.view": "表示",
+  "action.zoom.in": "ズームイン",
+  "action.zoom.out": "ズームアウト",
+  "action.zoom.reset": "ズームのリセット",
+  "admgr.actionFor": "「{name}」の広告",
+  "admgr.activeHeader": "広告の自動掲載",
+  "admgr.adNumber": "広告 #{count}",
+  "admgr.addAnother": "もう1つ追加する",
+  "admgr.adsUsed_other": "広告は{count}つ使用されます。",
+  "admgr.campaign": "キャンペーン",
+  "admgr.channels": "対象チャネル",
+  "admgr.channels.help": "以下のチャネルで広告を掲載します：",
+  "admgr.channels.none": "現在、広告投稿に対応しているチャンネルは開かれていません。まずはいくつかのチャンネルを開いてください。",
+  "admgr.channels.selectAll": "すべて選択 / すべて選択解除",
+  "admgr.comingNext": "次は",
+  "admgr.confirmRemoveAd": "この広告を非表示にしますか？",
+  "admgr.copyChannelAds": "チャンネル広告をアドエディタにコピーする",
+  "admgr.delay": "投稿間の最小間隔",
+  "admgr.editChannelAds": "チャンネルの広告を編集する…",
+  "admgr.editor": "広告編集担当",
+  "admgr.manualPostBlocked": "広告の自動投稿が有効になっている間は、手動で広告を投稿することはできません。",
+  "admgr.nextPostDueExpires": "次の広告は{postMinutes}分{postSeconds}秒後に表示されます, 自動広告の掲載は{expireMinutes}分{expireSeconds}秒後に停止します",
+  "admgr.noAds": "広告が設定されていません。自動投稿はキャンセルされます。「広告 > チャンネルの広告を編集...」をクリックして、広告を設定してください。",
+  "admgr.noAdsToPost": "掲載する広告はありません！",
+  "admgr.open": "広告センター",
+  "admgr.order": "投稿の順序",
+  "window.newTab": "新しいタブ"
 }
diff --git a/chat/platform.ts b/chat/platform.ts
new file mode 100644
index 00000000..6fcbeb9d
--- /dev/null
+++ b/chat/platform.ts
@@ -0,0 +1,66 @@
+import { GeneralSettings } from './general-settings';
+
+export interface DirectoryPickerOptions {
+  defaultPath?: string;
+}
+
+export interface FilePickerOptions {
+  defaultPath?: string;
+  extensions?: string[];
+}
+
+export interface SpellcheckLanguage {
+  code: string;
+  name: string;
+}
+
+/**
+ * Interface defining the platform-specific services that can be implemented for different platforms (e.g., Electron, web, etc.).
+ * This interface provides methods for saving general settings, reloading settings, selecting directories and files,
+ * opening directories, and retrieving available spellcheck languages.
+ */
+export interface PlatformServices {
+  /**
+   * Saves the provided general settings to the platform-specific storage or configuration.
+   * @param settings The general settings to be saved.
+   * @returns A promise that resolves when the settings have been successfully saved.
+   */
+  saveGeneralSettings(settings: GeneralSettings): Promise<void>;
+  /**
+   * Saves the log directory and restarts the application so the new location is active.
+   * @param directory The new log directory.
+   * @returns A promise that resolves after the update has been sent to the platform.
+   */
+  updateLogDirectory(directory: string): Promise<void>;
+  /**
+   * Reloads the platform-specific settings, typically by requesting the main process to refresh its configuration.
+   * @returns A promise that resolves when the settings have been successfully reloaded.
+   */
+  reloadSettings(): Promise<void>;
+  /**
+   * Opens a directory picker dialog for the user to select a directory.
+   * @param options Optional configuration for the directory picker, such as a default path.
+   * @returns A promise that resolves to the selected directory path, or undefined if the user cancels the operation.
+   */
+  selectDirectory(
+    options?: DirectoryPickerOptions
+  ): Promise<string | undefined>;
+  /**
+   * Opens a file picker dialog for the user to select a file.
+   * @param options Optional configuration for the file picker, such as a default path and allowed file extensions.
+   * @returns A promise that resolves to the selected file path, or undefined if the user cancels the operation.
+   */
+  selectFile(options?: FilePickerOptions): Promise<string | undefined>;
+  /**
+   * Opens the specified directory in the platform's file explorer or equivalent application.
+   * @param directory The path of the directory to be opened.
+   * @returns A promise that resolves when the directory has been successfully opened.
+   */
+  openDirectory(directory: string): Promise<void>;
+  /**
+   * Returns a list of available spellcheck languages for the current platform.
+   * @returns A promise that resolves to an array of SpellcheckLanguage objects, each containing a language code and its corresponding name.
+   * If the platform does not support spellcheck or if there are no available languages, the promise resolves to an empty array.
+   */
+  getSpellcheckLanguages(): Promise<ReadonlyArray<SpellcheckLanguage>>;
+}
diff --git a/chat/preview/CharacterPreview.vue b/chat/preview/CharacterPreview.vue
index 74592421..053073ad 100644
--- a/chat/preview/CharacterPreview.vue
+++ b/chat/preview/CharacterPreview.vue
@@ -329,7 +329,7 @@
             v => v[0]
           ),
           ..._.map(
-            _.filter(_.toPairs(results.filters), v => v[1].isFiltered),
+            _.filter(_.toPairs(results.filters), v => v[1]?.isFiltered),
             (v: any) => v[0]
           )
         ];
@@ -526,21 +526,25 @@
       }
 
       .match {
+        color: var(--scoreMatchFg);
         background-color: var(--scoreMatchBg);
         border: solid 1px var(--scoreMatchFg);
       }
 
       .weak-match {
+        color: var(--scoreWeakMatchFg);
         background-color: var(--scoreWeakMatchBg);
         border: 1px solid var(--scoreWeakMatchFg);
       }
 
       .weak-mismatch {
+        color: var(--scoreWeakMismatchFg);
         background-color: var(--scoreWeakMismatchBg);
         border: 1px solid var(--scoreWeakMismatchFg);
       }
 
       .mismatch {
+        color: var(--scoreMismatchFg);
         background-color: var(--scoreMismatchBg);
         border: 1px solid var(--scoreMismatchFg);
       }
diff --git a/chat/preview/MatchTags.vue b/chat/preview/MatchTags.vue
index b68dd555..2e3a5698 100644
--- a/chat/preview/MatchTags.vue
+++ b/chat/preview/MatchTags.vue
@@ -47,21 +47,25 @@
       border-radius: 3px;
 
       &.match {
+        color: var(--scoreMatchFg);
         background-color: var(--scoreMatchBg);
         border: solid 1px var(--scoreMatchFg);
       }
 
       &.weak-match {
+        color: var(--scoreWeakMatchFg);
         background-color: var(--scoreWeakMatchBg);
         border: 1px solid var(--scoreWeakMatchFg);
       }
 
       &.weak-mismatch {
+        color: var(--scoreWeakMismatchFg);
         background-color: var(--scoreWeakMismatchBg);
         border: 1px solid var(--scoreWeakMismatchFg);
       }
 
       &.mismatch {
+        color: var(--scoreMismatchFg);
         background-color: var(--scoreMismatchBg);
         border: 1px solid var(--scoreMismatchFg);
       }
diff --git a/chat/preview/event-bus.ts b/chat/preview/event-bus.ts
index 07999dbb..11a2ce7e 100644
--- a/chat/preview/event-bus.ts
+++ b/chat/preview/event-bus.ts
@@ -17,6 +17,7 @@ import { NoteCheckerCount } from '../../site/note-checker';
  * 'channel-ad': {message: Message, channel: Conversation, profile: ComplexCharacter | undefined}
  * 'channel-message': {message: Message, channel: Conversation}
  * 'select-conversation': { conversation: Conversation }
+ * 'open-settings-menu': { mode: 'global' | 'character' }
  * 'note-counts-update': {},
  * 'character-memo': { character: string, memo: CharacterMemo }
  */
@@ -42,6 +43,10 @@ export interface SelectConversationEvent extends EventBusEvent {
   conversation: Conversation | null;
 }
 
+export interface OpenSettingsMenuEvent extends EventBusEvent {
+  mode: 'global' | 'character';
+}
+
 export type EventCallback = (data: any) => void | Promise<void>;
 
 // tslint:disable-next-line no-empty-interface
diff --git a/chat/slash_commands.ts b/chat/slash_commands.ts
index ea6d4dca..a7723510 100644
--- a/chat/slash_commands.ts
+++ b/chat/slash_commands.ts
@@ -28,6 +28,22 @@ export function isCommand(this: void, text: string): boolean {
   return text.charAt(0) === '/' && !isAction(text) && !isWarn(text);
 }
 
+// leading spaces followed by a command e.g. ' /me waves'
+// does not handle newlines before commands, since that's probably intended by the user
+const indentedCommand = /^[^\S\r\n]+\/([a-z]+)\b/i;
+
+// names the command the text was probably meant to be, so send() can warn about it
+// only matches real commands, since ' /shrug' is not one and is meant to be sent as-is
+export function indentedCommandName(
+  this: void,
+  text: string
+): string | undefined {
+  const match = indentedCommand.exec(text);
+  if (match === null) return undefined;
+  const name = match[1].toLowerCase();
+  return commands[name] !== undefined ? name : undefined;
+}
+
 export function parse(
   this: void | never,
   input: string,
diff --git a/chat/version.ts b/chat/version.ts
index 3e851115..47008e22 100644
--- a/chat/version.ts
+++ b/chat/version.ts
@@ -8,4 +8,4 @@ export const SOLSTICE_VERSION = (<{ version: string }>(
   require('../package.json') //tslint:disable-line:no-require-imports
 )).version;
 
-export const HORIZON_BASE_VERSION = '2.4.0';
+export const HORIZON_BASE_VERSION = '2.5.0-beta.0';
diff --git a/components/Modal.vue b/components/Modal.vue
index 162aa2d7..04eec053 100644
--- a/components/Modal.vue
+++ b/components/Modal.vue
@@ -2,7 +2,7 @@
   <span v-show="!hasFinishedHiding">
     <div
       class="modal"
-      @mousedown.self="hideWithCheck()"
+      @mousedown.self="cancel"
       style="display: flex; justify-content: center"
     >
       <div
@@ -43,10 +43,10 @@
               <button
                 type="button"
                 class="btn btn-secondary"
-                @click="hideWithCheck"
+                @click="cancel"
                 v-if="showCancel"
               >
-                {{ l('action.cancel') }}
+                {{ cancelButtonText }}
               </button>
               <button
                 type="button"
@@ -109,6 +109,7 @@
       buttonClass: { default: () => ({ 'btn-primary': true }) },
       disabled: {},
       showCancel: { default: true },
+      cancelText: { default: '' },
       buttonText: {},
       iconClass: {}
     },
@@ -124,6 +125,9 @@
     computed: {
       submitText(): string {
         return this.buttonText !== undefined ? this.buttonText : this.action;
+      },
+      cancelButtonText(): string {
+        return this.cancelText !== '' ? this.cancelText : l('action.cancel');
       }
     },
     beforeDestroy(): void {
@@ -140,6 +144,10 @@
         this.$emit('submit', e);
         if (!e.defaultPrevented) this.hideWithCheck();
       },
+      cancel(e: Event): void {
+        this.$emit('cancel', e);
+        if (!e.defaultPrevented) this.hideWithCheck();
+      },
       show(keepOpen: boolean = false): void {
         this.keepOpen = keepOpen;
         if (this.isShown) {
diff --git a/components/SettingsCheckbox.vue b/components/SettingsCheckbox.vue
deleted file mode 100644
index 9f3a6f25..00000000
--- a/components/SettingsCheckbox.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-  <div
-    class="btn-group"
-    role="group input-group"
-    aria-label="Basic radio toggle button group"
-  >
-    <input
-      type="radio"
-      class="btn-check form-control"
-      :name="name"
-      :id="`${name}-true`"
-      autocomplete="off"
-      :title="l('conversationSettings.true')"
-      :checked="value === true"
-      :disabled="disabled"
-      @change="$emit('input', true)"
-    />
-    <label class="btn btn-outline-success" :for="`${name}-true`">
-      <i class="fa-solid fa-check"></i>
-    </label>
-
-    <input
-      type="radio"
-      class="btn-check"
-      :name="name"
-      :id="`${name}-false`"
-      autocomplete="off"
-      :title="l('conversationSettings.false')"
-      :checked="value === false"
-      :disabled="disabled"
-      @change="$emit('input', false)"
-    />
-    <label class="btn btn-outline-danger" :for="`${name}-false`">
-      <i class="fa-solid fa-xmark"></i>
-    </label>
-  </div>
-</template>
-
-<script setup lang="ts">
-  import l from '../chat/localize';
-
-  interface Props {
-    value?: boolean;
-    name: string;
-    disabled?: boolean;
-  }
-
-  defineProps<Props>();
-  defineEmits<{
-    (e: 'input', value: boolean): void;
-  }>();
-</script>
diff --git a/components/SettingsRadio.vue b/components/SettingsRadio.vue
deleted file mode 100644
index d0e7431d..00000000
--- a/components/SettingsRadio.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<template>
-  <div
-    class="btn-group"
-    role="group input-group"
-    aria-label="Basic radio toggle button group"
-  >
-    <input
-      type="radio"
-      class="btn-check form-control"
-      :name="name"
-      :id="`${name}-true`"
-      autocomplete="off"
-      :title="l('conversationSettings.true')"
-      :checked="value === setting.True"
-      @change="$emit('input', setting.True)"
-    />
-    <label class="btn btn-outline-success" :for="`${name}-true`">
-      <i class="fa-solid fa-check"></i>
-    </label>
-
-    <input
-      type="radio"
-      class="btn-check"
-      :name="name"
-      :id="`${name}-default`"
-      autocomplete="off"
-      :title="l('conversationSettings.default')"
-      :checked="value === setting.Default"
-      @change="$emit('input', setting.Default)"
-    />
-    <label class="btn btn-outline-secondary" :for="`${name}-default`">
-      <i class="fa-solid fa-minus"></i>
-    </label>
-
-    <input
-      type="radio"
-      class="btn-check"
-      :name="name"
-      :id="`${name}-false`"
-      autocomplete="off"
-      :title="l('conversationSettings.false')"
-      :checked="value === setting.False"
-      @change="$emit('input', setting.False)"
-    />
-    <label class="btn btn-outline-danger" :for="`${name}-false`">
-      <i class="fa-solid fa-xmark"></i>
-    </label>
-  </div>
-</template>
-
-<script setup lang="ts">
-  import { Conversation as Interfaces } from '../chat/interfaces';
-  import l from '../chat/localize';
-
-  interface Props {
-    value: Interfaces.Setting;
-    name: string;
-  }
-
-  defineProps<Props>();
-
-  defineEmits<{
-    (e: 'input', value: Interfaces.Setting): void;
-  }>();
-
-  const setting = Interfaces.Setting;
-</script>
diff --git a/components/settings/SettingsArray.vue b/components/settings/SettingsArray.vue
new file mode 100644
index 00000000..251df827
--- /dev/null
+++ b/components/settings/SettingsArray.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="d-inline-block w-100">
+    <label :for="name" class="form-label">{{ name }}</label>
+    <InputTag
+      v-model="globalValue"
+      :disabled="disabled"
+      :placeholder="placeholder"
+      @input="$emit('update:globalValue', globalValue)"
+      v-if="usingGlobal"
+      class="form-control form-tag"
+      :add-tag-on-blur="true"
+      :add-tag-on-keys="[13, 188, 9]"
+    />
+    <div v-else class="settings-array-overrides form-control form-tag">
+      <InputTag
+        v-if="globalValue.length"
+        :value="globalValue"
+        :disabled="disabled"
+        class="inherited-tags"
+        :read-only="true"
+      />
+      <InputTag
+        v-model="overrideValue"
+        :disabled="disabled"
+        :placeholder="placeholder"
+        @input="$emit('update:overrideValue', overrideValue)"
+        class="override-tags"
+        :add-tag-on-blur="true"
+        :add-tag-on-keys="[13, 188, 9]"
+      />
+    </div>
+    <label class="form-text">
+      {{ l('settings.arrayInstructions') }}
+    </label>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import InputTag from 'vue-input-tag';
+  import l from '../../chat/localize';
+
+  const props = defineProps({
+    usingGlobal: {
+      type: Boolean,
+      required: true
+    },
+    name: {
+      type: String,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: undefined
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    globalValue: {
+      type: Array as () => ReadonlyArray<string>,
+      required: true
+    },
+    overrideValue: {
+      type: Array as () => ReadonlyArray<string>,
+      default: () => []
+    }
+  });
+</script>
diff --git a/components/settings/SettingsCheckbox.vue b/components/settings/SettingsCheckbox.vue
new file mode 100644
index 00000000..5adc1f27
--- /dev/null
+++ b/components/settings/SettingsCheckbox.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="form-check form-switch">
+    <input
+      class="form-check-input"
+      type="checkbox"
+      :id="name"
+      :name="name"
+      :checked="value"
+      :disabled="disabled"
+      @change="$emit('input', value ? false : true)"
+      switch
+      role="switch"
+      :aria-label="
+        l(value ? 'conversationSettings.true' : 'conversationSettings.false')
+      "
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import l from '../../chat/localize';
+
+  interface Props {
+    value?: boolean;
+    name: string;
+    disabled?: boolean;
+  }
+
+  defineProps<Props>();
+  defineEmits<{
+    (e: 'input', value: boolean): void;
+  }>();
+</script>
diff --git a/components/settings/SettingsInput.vue b/components/settings/SettingsInput.vue
new file mode 100644
index 00000000..64dfb9d0
--- /dev/null
+++ b/components/settings/SettingsInput.vue
@@ -0,0 +1,64 @@
+<template>
+  <input
+    type="number"
+    class="form-control"
+    :placeholder="placeholder"
+    :disabled="disabled"
+    :value="globalValue"
+    @input="onGlobalInput"
+    v-if="usingGlobal"
+  />
+  <input
+    type="number"
+    class="form-control"
+    :placeholder="globalValue.toString()"
+    :disabled="disabled"
+    :value="overrideValue"
+    @input="onOverrideInput"
+    v-else
+  />
+</template>
+<script setup lang="ts">
+  const props = defineProps({
+    usingGlobal: {
+      type: Boolean,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: undefined
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    globalValue: {
+      type: Number,
+      required: true
+    },
+    overrideValue: {
+      type: Number,
+      default: 0
+    }
+  });
+
+  const emit = defineEmits<{
+    (e: 'update:globalValue', value: number): void;
+    (e: 'update:overrideValue', value: number): void;
+  }>();
+
+  function toNumber(value: string): number {
+    const parsedValue = Number(value);
+    return Number.isFinite(parsedValue) ? parsedValue : 0;
+  }
+
+  function onGlobalInput(event: Event): void {
+    const target = event.target as HTMLInputElement | null;
+    emit('update:globalValue', toNumber(target?.value ?? ''));
+  }
+
+  function onOverrideInput(event: Event): void {
+    const target = event.target as HTMLInputElement | null;
+    emit('update:overrideValue', toNumber(target?.value ?? ''));
+  }
+</script>
diff --git a/components/settings/SettingsOverride.vue b/components/settings/SettingsOverride.vue
new file mode 100644
index 00000000..9afa3ea5
--- /dev/null
+++ b/components/settings/SettingsOverride.vue
@@ -0,0 +1,71 @@
+<template>
+  <div class="mb-3">
+    <div class="d-flex p-2 justify-content-between align-items-start">
+      <div class="w-50">
+        <label class="control-label" :for="inputId">{{ label }}</label>
+        <div v-if="description" class="form-text text-muted">
+          {{ description }}
+        </div>
+      </div>
+      <SettingsCheckbox
+        v-if="usingGlobal"
+        :value="globalValue"
+        :name="`${name}-global`"
+        :disabled="disabled"
+        @input="$emit('update:globalValue', $event)"
+      />
+      <SettingsTriState
+        v-else
+        :value="overrideValue"
+        :name="`${name}-override`"
+        :globalValue="globalValue"
+        :disabled="disabled"
+        @input="$emit('update:overrideValue', $event)"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue';
+  import { PropType } from 'vue';
+  import SettingsCheckbox from './SettingsCheckbox.vue';
+  import SettingsTriState from './SettingsTriState.vue';
+
+  const props = defineProps({
+    label: {
+      type: String,
+      required: true
+    },
+    description: {
+      type: String,
+      default: undefined
+    },
+    overrideValue: {
+      type: Boolean as PropType<boolean | undefined>,
+      default: undefined
+    },
+    globalValue: {
+      type: Boolean,
+      required: true
+    },
+    usingGlobal: {
+      type: Boolean,
+      required: true
+    },
+    name: {
+      type: String,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: undefined
+    }
+  });
+
+  //we need this computed property to generate a unique id for the input element based on the name and whether we're using the global or override value. This is important for accessibility and for associating the label with the correct input.
+  //otherwise the label is not properly associated with the input and interacting with the label will not toggle the input.
+  const inputId = computed(
+    () => `${props.name}-${props.usingGlobal ? 'global' : 'override'}`
+  );
+</script>
diff --git a/components/settings/SettingsRadio.vue b/components/settings/SettingsRadio.vue
new file mode 100644
index 00000000..4c12fd94
--- /dev/null
+++ b/components/settings/SettingsRadio.vue
@@ -0,0 +1,56 @@
+<template>
+  <div class="form-check form-switch">
+    <input
+      class="form-check-input"
+      type="checkbox"
+      :name="name"
+      :id="name"
+      :checked="isChecked"
+      :indeterminate.prop="isDefault"
+      :title="title"
+      @change="handleChange"
+      switch
+      role="switch"
+      :aria-label="l('settings.checkbox.override')"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue';
+  import { Conversation as Interfaces } from '../../chat/interfaces';
+  import l from '../../chat/localize';
+
+  interface Props {
+    value: Interfaces.Setting;
+    name: string;
+  }
+
+  const props = defineProps<Props>();
+
+  const emit = defineEmits<{
+    (e: 'input', value: Interfaces.Setting): void;
+  }>();
+
+  const setting = Interfaces.Setting;
+  const isChecked = computed(() => props.value === setting.True);
+  const isDefault = computed(() => props.value === setting.Default);
+  const title = computed(() => {
+    if (props.value === setting.True) return l('conversationSettings.true');
+    if (props.value === setting.False) return l('conversationSettings.false');
+    return l('conversationSettings.default');
+  });
+
+  function handleChange(event: Event): void {
+    const nextValue = isChecked.value
+      ? setting.Default
+      : isDefault.value
+        ? setting.False
+        : setting.True;
+    const input = event.currentTarget as HTMLInputElement;
+
+    input.checked = nextValue === setting.True;
+    input.indeterminate = nextValue === setting.Default;
+    emit('input', nextValue);
+  }
+</script>
diff --git a/components/settings/SettingsSelectOverride.vue b/components/settings/SettingsSelectOverride.vue
new file mode 100644
index 00000000..dbe14797
--- /dev/null
+++ b/components/settings/SettingsSelectOverride.vue
@@ -0,0 +1,74 @@
+<template>
+  <select
+    :id="name"
+    class="form-select"
+    :value="selectedValue"
+    :disabled="disabled"
+    @change="onChange"
+  >
+    <option v-if="!usingGlobal" :value="fallbackValue">
+      {{ resolvedFallbackLabel }}
+    </option>
+    <option
+      v-for="option in options"
+      :key="option.value"
+      :value="option.value"
+      :disabled="option.disabled"
+    >
+      {{ option.label }}
+    </option>
+  </select>
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue';
+  import l from '../../chat/localize';
+
+  const fallbackValue = '__settings_select_override_global__';
+
+  interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+  }
+
+  interface Props {
+    globalValue: string;
+    overrideValue?: string;
+    usingGlobal: boolean;
+    name: string;
+    options: ReadonlyArray<SelectOption>;
+    fallbackLabel?: string;
+    disabled?: boolean;
+  }
+
+  const props = defineProps<Props>();
+
+  const emit = defineEmits<{
+    (e: 'update:globalValue', value: string): void;
+    (e: 'update:overrideValue', value: string | undefined): void;
+  }>();
+
+  const selectedValue = computed(() => {
+    if (props.usingGlobal) return props.globalValue;
+    return props.overrideValue ?? fallbackValue;
+  });
+
+  const resolvedFallbackLabel = computed(
+    () => props.fallbackLabel ?? l('settings.override.useGlobal')
+  );
+
+  function onChange(event: Event): void {
+    const target = event.target as HTMLSelectElement | null;
+    const value = target?.value;
+
+    if (value === undefined) return;
+
+    if (props.usingGlobal) {
+      emit('update:globalValue', value);
+      return;
+    }
+
+    emit('update:overrideValue', value === fallbackValue ? undefined : value);
+  }
+</script>
diff --git a/components/settings/SettingsTriState.vue b/components/settings/SettingsTriState.vue
new file mode 100644
index 00000000..a4f62371
--- /dev/null
+++ b/components/settings/SettingsTriState.vue
@@ -0,0 +1,62 @@
+<template>
+  <div class="form-check form-switch">
+    <input
+      class="form-check-input"
+      type="checkbox"
+      :id="name"
+      :name="name"
+      :checked="isChecked"
+      :indeterminate.prop="isIntermediate"
+      :disabled="disabled"
+      :title="defaultTitle"
+      @change="handleChange"
+      switch
+      role="switch"
+      :aria-label="l('settings.override.true')"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue';
+  import l from '../../chat/localize';
+
+  interface Props {
+    value?: boolean;
+    name: string;
+    globalValue: boolean;
+    disabled?: boolean;
+  }
+
+  const props = defineProps<Props>();
+  const emit = defineEmits<{
+    (e: 'input', value: boolean | undefined): void;
+  }>();
+
+  const defaultTitle = computed(() => {
+    const globalState = props.globalValue
+      ? l('settings.override.globalOn')
+      : l('settings.override.globalOff');
+    return `${l('settings.override.useGlobal')} (${globalState})`;
+  });
+
+  const isIntermediate = computed(() => props.value === undefined);
+  const isChecked = computed(() => props.value === true);
+
+  function handleChange(event: Event) {
+    let nextValue: boolean | undefined;
+
+    if (isChecked.value) {
+      nextValue = undefined;
+    } else if (isIntermediate.value) {
+      nextValue = false;
+    } else {
+      nextValue = true;
+    }
+
+    const input = event.currentTarget as HTMLInputElement;
+    input.checked = nextValue === true;
+    input.indeterminate = nextValue === undefined;
+    emit('input', nextValue);
+  }
+</script>
diff --git a/components/tabs.ts b/components/tabs.ts
index 7d156555..3aedd374 100644
--- a/components/tabs.ts
+++ b/components/tabs.ts
@@ -1,9 +1,62 @@
 import { defineComponent, ref, computed, watch, PropType } from 'vue';
 import { CreateElement, VNode } from 'vue';
 
+/**
+ * Tab item interface for regular tabs.
+ * @interface TabTabItem
+ * @property {string} [type] The type of the item, always 'tab' for this interface. Used internally.
+ * @property {string} id The unique identifier for the tab. The tab component uses this to track the opened tab, while its parent is expected to show content dynamically based on this value.
+ * @property {string} label The label text for the tab.
+ * @property {string} [iconClass] Optional CSS class for an icon to display in the tab. Mostly a FontAwesome one.
+ */
+interface TabTabItem {
+  readonly type?: 'tab';
+  readonly id: string;
+  readonly label: string;
+  readonly iconClass?: string;
+}
+
+/**
+ * Tab label item interface.
+ * @interface TabLabelItem
+ * @property {string} type The type of the item, always 'label'. Used internally.
+ * @property {string} label The label text for the tab.
+ * @property {string} [iconClass] Optional CSS class for an icon to display in the tab. Mostly a FontAwesome one.
+ */
+interface TabLabelItem {
+  readonly type: 'label';
+  readonly label: string;
+  readonly iconClass?: string;
+}
+
+/**
+ * Tab divider item interface.
+ * @interface TabDividerItem
+ * @property {string} type The type of the item, always 'divider'. Used internally.
+ */
+interface TabDividerItem {
+  readonly type: 'divider';
+}
+/**
+ * Union type for all possible tab items.
+ * @type {TabItem}
+ * @property {TabTabItem} Tab item.
+ * @property {TabLabelItem} Label item.
+ * @property {TabDividerItem} Divider item.
+ */
+type TabItem = TabTabItem | TabLabelItem | TabDividerItem;
+
+/**
+ * Props interface for the Tabs component.
+ * @interface TabsProps
+ * @property {string} [value] The currently selected tab's id.
+ * @property {ReadonlyArray<TabItem>} [tabs] The array of tab items to display.
+ * @property {boolean} [fullWidth] Whether the tabs should take the full width of the container.
+ * @property {string} [tabClass] Optional CSS class for the tab container.
+ */
 interface TabsProps {
   value?: string;
-  tabs?: { readonly [key: string]: string } | string[];
+  tabs?: ReadonlyArray<TabItem>;
   fullWidth?: boolean;
   tabClass?: string;
 }
@@ -16,10 +69,8 @@ const Tabs = defineComponent({
       default: undefined
     },
     tabs: {
-      type: [Object, Array] as PropType<
-        { readonly [key: string]: string } | string[]
-      >,
-      default: () => ({})
+      type: Array as PropType<ReadonlyArray<TabItem>>,
+      default: () => []
     },
     fullWidth: {
       type: Boolean,
@@ -34,23 +85,34 @@ const Tabs = defineComponent({
   setup(props: TabsProps, { emit }) {
     const internalValue = ref<string | undefined>(props.value);
 
-    const children = computed(() => {
-      let result: { [key: string]: string };
-      const tabs = props.tabs || [];
+    const items = computed<ReadonlyArray<TabItem>>(() => props.tabs || []);
 
-      if (Array.isArray(tabs)) {
-        result = {};
-        tabs.forEach((tab, index) => {
-          result[String(index)] = tab;
-        });
-      } else {
-        result = tabs;
-      }
+    const tabIds = computed(() =>
+      items.value.reduce<string[]>((result, item) => {
+        if (item.type !== 'label' && item.type !== 'divider') {
+          result.push(item.id);
+        }
+        return result;
+      }, [])
+    );
+
+    const isTabActive = (id: string) => internalValue.value === id;
 
-      return result;
-    });
+    const getFirstTabId = () => tabIds.value[0];
 
-    const keys = computed(() => Object.keys(children.value));
+    const shouldSelectFirstTab = () =>
+      internalValue.value === undefined ||
+      !tabIds.value.includes(internalValue.value);
+
+    const selectFirstTabIfNeeded = () => {
+      if (shouldSelectFirstTab()) {
+        const firstId = getFirstTabId();
+        if (firstId) {
+          internalValue.value = firstId;
+          emit('input', firstId);
+        }
+      }
+    };
 
     watch(
       () => props.value,
@@ -60,18 +122,9 @@ const Tabs = defineComponent({
     );
 
     watch(
-      [children, () => props.value],
+      [items, () => props.value],
       () => {
-        if (
-          internalValue.value === undefined ||
-          children.value[internalValue.value] === undefined
-        ) {
-          const firstKey = keys.value[0];
-          if (firstKey) {
-            internalValue.value = firstKey;
-            emit('input', firstKey);
-          }
-        }
+        selectFirstTabIfNeeded();
       },
       { immediate: true }
     );
@@ -83,14 +136,84 @@ const Tabs = defineComponent({
 
     return {
       internalValue,
-      children,
-      keys,
+      items,
       handleTabClick,
       fullWidth: computed(() => props.fullWidth),
-      tabClass: computed(() => props.tabClass)
+      tabClass: computed(() => props.tabClass),
+      isTabActive
     };
   },
   render(createElement: CreateElement): VNode {
+    const renderItem = (item: TabItem, index: number) => {
+      if (item.type === 'divider') {
+        return createElement('li', {
+          key: `divider-${index}`,
+          staticClass: 'nav-item nav-divider'
+        });
+      }
+
+      if (item.type === 'label') {
+        const labelChildren: Array<VNode | string> = [];
+        if (item.iconClass) {
+          labelChildren.push(
+            createElement('i', {
+              class: item.iconClass,
+              style: { marginRight: '0.35rem' }
+            })
+          );
+        }
+        labelChildren.push(item.label);
+
+        return createElement(
+          'li',
+          { key: `label-${index}`, staticClass: 'nav-item disabled' },
+          [
+            createElement(
+              'span',
+              {
+                staticClass: 'nav-link disabled',
+                attrs: { 'aria-disabled': 'true' }
+              },
+              labelChildren
+            )
+          ]
+        );
+      }
+
+      const tabChildren: Array<VNode | string> = [];
+      if (item.iconClass) {
+        tabChildren.push(
+          createElement('i', {
+            class: item.iconClass,
+            style: { marginRight: '0.35rem' }
+          })
+        );
+      }
+      tabChildren.push(item.label);
+
+      return createElement(
+        'li',
+        { key: `tab-${item.id}`, staticClass: 'nav-item' },
+        [
+          createElement(
+            'a',
+            {
+              attrs: { href: '#' },
+              staticClass: 'nav-link',
+              class: { active: this.isTabActive(item.id) },
+              on: {
+                click: (event: MouseEvent) => {
+                  event.preventDefault();
+                  this.handleTabClick(item.id);
+                }
+              }
+            },
+            tabChildren
+          )
+        ]
+      );
+    };
+
     return createElement(
       'div',
       {
@@ -98,19 +221,8 @@ const Tabs = defineComponent({
       },
       [
         createElement('ul', { staticClass: `nav ${this.tabClass}` }, [
-          this.keys.map((key: string) =>
-            createElement('li', { staticClass: 'nav-item' }, [
-              createElement(
-                'a',
-                {
-                  attrs: { href: '#' },
-                  staticClass: 'nav-link',
-                  class: { active: this.internalValue === key },
-                  on: { click: () => this.handleTabClick(key) }
-                },
-                [this.children[key]!]
-              )
-            ])
+          this.items.map((item: TabItem, index: number) =>
+            renderItem(item, index)
           ),
           ...(this.fullWidth
             ? []
diff --git a/electron/About.vue b/electron/About.vue
index 721cc8ff..11df07f4 100644
--- a/electron/About.vue
+++ b/electron/About.vue
@@ -721,6 +721,7 @@
 
           return {
             ['platform-' + this.platform]: true,
+            horizonHighContrast: this.settings?.horizonHighContrast || false,
             bbcodeGlow: this.settings?.horizonBbcodeGlow || false,
             disableWindowsHighContrast:
               this.settings?.risingDisableWindowsHighContrast || false
@@ -794,9 +795,11 @@
     transform: translate(-50%, -50%);
     background-image: linear-gradient(
       -2deg,
-      #1b0f30 5%,
-      #a0487e 19%,
-      #ffa978 79%
+      #9e3054 5%,
+      #b63f53 19%,
+      #d45c53 50%,
+      #ed9660 75%,
+      #eebe6e 100%
     );
     z-index: 0;
     filter: blur(20px);
diff --git a/electron/Changelog.vue b/electron/Changelog.vue
index debd16ff..8fdf58ea 100644
--- a/electron/Changelog.vue
+++ b/electron/Changelog.vue
@@ -336,6 +336,7 @@
 
           return {
             ['platform-' + this.platform]: true,
+            horizonHighContrast: this.settings?.horizonHighContrast || false,
             bbcodeGlow: this.settings?.horizonBbcodeGlow || false,
             disableWindowsHighContrast:
               this.settings?.risingDisableWindowsHighContrast || false
diff --git a/electron/Exporter.vue b/electron/Exporter.vue
index ea3f7aac..c77c8853 100644
--- a/electron/Exporter.vue
+++ b/electron/Exporter.vue
@@ -605,7 +605,9 @@
                           v-model="character.selected"
                         />
                         <span class="form-check-label">{{
-                          character.name
+                          character.name === '_'
+                            ? l('settings.export.globalSettings')
+                            : character.name
                         }}</span>
                       </label>
                       <div
@@ -1280,7 +1282,10 @@
                   >
                     {{ l('sync.betaInfo') }}
                   </div>
-                  <p class="text-muted">{{ l('sync.description') }}</p>
+                  <p class="text-muted" v-if="!syncActive">
+                    {{ l('sync.description') }}
+                  </p>
+
                   <div
                     v-if="anyCharactersConnected"
                     class="alert alert-warning"
@@ -1358,6 +1363,17 @@
                           ></i>
                         </button>
                       </div>
+                      <div v-if="syncState === 'waiting'">
+                        <p class="text-muted">
+                          {{ l('sync.connectionHelp') }}
+                        </p>
+                        <ul>
+                          <li>{{ l('sync.connectionHelp.firewall') }}</li>
+                          <li>{{ l('sync.connectionHelp.network') }}</li>
+                          <li>{{ l('sync.connectionHelp.ipAddress') }}</li>
+                          <li>{{ l('sync.connectionHelp.vpn') }}</li>
+                        </ul>
+                      </div>
                     </div>
                     <button
                       class="btn btn-secondary"
@@ -2049,6 +2065,7 @@
 
           return {
             ['platform-' + this.platform]: true,
+            horizonHighContrast: this.settings?.horizonHighContrast || false,
             disableWindowsHighContrast:
               this.settings?.risingDisableWindowsHighContrast || false
           };
diff --git a/electron/Index.vue b/electron/Index.vue
index 0b3ecb96..bebf9a8e 100644
--- a/electron/Index.vue
+++ b/electron/Index.vue
@@ -298,6 +298,7 @@
     </modal>
 
     <logs ref="logsDialog"></logs>
+    <settings-view ref="settingsView"> </settings-view>
     <ui-test ref="uiTestDialog" v-if="isDevMode"> </ui-test>
 
     <toast
@@ -310,20 +311,19 @@
 </template>
 
 <script lang="ts">
-  import Axios from 'axios';
   import * as electron from 'electron';
   import * as remote from '@electron/remote';
   import settings from 'electron-settings';
   import log from 'electron-log'; //tslint:disable-line:match-default-export-name
   import * as fs from 'fs';
   import * as path from 'path';
-  import * as qs from 'querystring';
   import Vue from 'vue';
   import Chat from '../chat/Chat.vue';
   import { characterImage, Settings } from '../chat/common';
   import core from '../chat/core';
   import l from '../chat/localize';
   import Logs from '../chat/Logs.vue';
+  import SettingsView from '../chat/SettingsView.vue';
   import UITest from '../chat/UITest.vue';
   import Socket from '../chat/WebSocket';
   import Modal from '../components/Modal.vue';
@@ -336,10 +336,11 @@
   } from '../learn/dictionary/WordDefinition.vue';
   import ProfileAnalysis from '../learn/recommend/ProfileAnalysis.vue';
   import { defaultHost, GeneralSettings } from './common';
+  import { requestApiTicket, sharedTicketProvider } from './api-ticket';
   import { fixLogs } from './filesystem';
   import { SlimcatImporter } from './services';
   import _ from 'lodash';
-  import { EventBus } from '../chat/preview/event-bus';
+  import { EventBus, OpenSettingsMenuEvent } from '../chat/preview/event-bus';
 
   import BBCodeTester from '../bbcode/Tester.vue';
   import { BBCodeView } from '../bbcode/view';
@@ -409,6 +410,7 @@
       toast: Toast,
       characterPage: CharacterPage,
       logs: Logs,
+      settingsView: SettingsView,
       'ui-test': UITest,
       'word-definition': WordDefinition,
       BBCodeTester: BBCodeTester,
@@ -629,6 +631,10 @@
         (this.$refs['fixLogsModal'] as InstanceType<typeof Modal>).show();
       });
 
+      electron.ipcRenderer.on('settings-menu', () => {
+        this.openSettingsMenu({ mode: 'global' });
+      });
+
       electron.ipcRenderer.on('ui-test', () => {
         this.showUiTest();
       });
@@ -676,6 +682,7 @@
     },
     beforeDestroy(): void {
       this.stopThemeWatch();
+      EventBus.$off('open-settings-menu', this.openSettingsMenu);
       if (this.autoBackupStatusListener)
         electron.ipcRenderer.removeListener(
           'auto-backup-status',
@@ -683,6 +690,12 @@
         );
     },
     methods: {
+      openSettingsMenu(data: OpenSettingsMenuEvent): void {
+        (this.$refs['settingsView'] as InstanceType<typeof SettingsView>).open(
+          data.mode
+        );
+      },
+
       async startAndUpgradeCache(): Promise<void> {
         log.debug('init.chat.cache.start');
 
@@ -739,25 +752,11 @@
 
           core.siteSession.setCredentials(this.settings.account, this.password);
 
-          const data = <
-            {
-              ticket?: string;
-              error: string;
-              characters: { [key: string]: number };
-              default_character: number;
-            }
-          >(
-            await Axios.post(
-              'https://www.f-list.net/json/getApiTicket.php',
-              qs.stringify({
-                account: this.settings.account,
-                password: this.password,
-                no_friends: true,
-                no_bookmarks: true,
-                new_character_list: true
-              })
-            )
-          ).data;
+          const data = await requestApiTicket(
+            this.settings.account,
+            this.password,
+            { fresh: true }
+          );
           if (data.error !== '') {
             this.error = data.error;
             return;
@@ -816,8 +815,9 @@
           });
           core.connection.onEvent('connected', () => {
             core.watch(
-              () => core.conversations.hasNew,
-              newValue => parent.send('has-new', webContents.id, newValue)
+              () => core.conversations.newCount,
+              newValue =>
+                parent.send('new-message-count', webContents.id, newValue)
             );
 
             EventBus.$on('word-definition', (data: any) => {
@@ -829,6 +829,7 @@
                 ).show();
               }
             });
+            EventBus.$on('open-settings-menu', this.openSettingsMenu);
           });
           core.connection.onEvent('closed', () => {
             if (this.character === undefined) return;
@@ -836,7 +837,10 @@
             this.character = undefined;
             parent.send('disconnect', webContents.id);
           });
-          core.connection.setCredentials(this.settings.account, this.password);
+          core.connection.setCredentials(
+            this.settings.account,
+            sharedTicketProvider(this.settings.account, this.password)
+          );
           this.characters = Object.keys(data.characters)
             .map(name => ({ name, id: data.characters[name], deleted: false }))
             .sort((x, y) => x.name.localeCompare(y.name));
@@ -940,10 +944,10 @@
       },
       getThemeClass(): Record<string, boolean> {
         // console.log('getThemeClassIndex', core.state.generalSettings?.risingDisableWindowsHighContrast);
-
+        let platform = process.platform;
         try {
           // Hack!
-          if (process.platform === 'win32') {
+          if (platform === 'win32') {
             if (core.state.generalSettings?.risingDisableWindowsHighContrast) {
               document
                 .querySelector('html')
@@ -958,16 +962,24 @@
           return {
             [`theme-${core.state.settings?.risingCharacterTheme || this.getSyncedTheme()}`]: true,
             [`${this.getSyncedTheme()}`]: true,
-            colorblindMode: core.state.settings?.risingColorblindMode || false,
+            [`platform-${platform}`]: true,
+            colorblindMode: this.isColorblindModeActive(),
+            ...(this.isColorblindModeActive()
+              ? {
+                  [`colorblind-${core.state.generalSettings!.horizonColorblindMode}`]: true
+                }
+              : {}),
             vanillaTextColors: this.settings.horizonVanillaTextColors,
             vanillaGenderColors: this.settings.horizonVanillaGenderColors,
             ['force-reduced-motion']: this.settings.reducedMotion || false,
+            horizonHighContrast: this.settings.horizonHighContrast || false,
             bbcodeGlow: this.settings.horizonBbcodeGlow,
             disableWindowsHighContrast:
               this.settings.risingDisableWindowsHighContrast || false
           };
         } catch (err) {
           return {
+            [`platform-${platform}`]: true,
             [`theme-${this.getSyncedTheme()}`]: true,
 
             ['force-reduced-motion']: this.settings.reducedMotion || false,
@@ -976,6 +988,10 @@
           };
         }
       },
+      isColorblindModeActive(): boolean {
+        const mode = core.state.generalSettings?.horizonColorblindMode;
+        return mode !== undefined && mode !== 'none';
+      },
       nextProfile(): void {
         if (!this.nextProfileAvailable()) {
           return;
diff --git a/electron/README.md b/electron/README.md
index 8bcc4253..4eef1e8a 100644
--- a/electron/README.md
+++ b/electron/README.md
@@ -60,7 +60,7 @@ electron/
 
 ### Prerequisites
 
-- Node.js 22+
+- Node.js 24.22.1+
 - pnpm
 - Xcode 26+ (required for macOS builds)
 - Platform-specific dependencies (see CI workflows)
diff --git a/electron/Settings.vue b/electron/Settings.vue
deleted file mode 100644
index c072dff8..00000000
--- a/electron/Settings.vue
+++ /dev/null
@@ -1,1869 +0,0 @@
-<!--For potential git history reasons, this file used to be named "browser_options.ts" prior to f257b4c6a9d6fc06c1a6f7354e38c2dbd7bc69f6-->
-<template>
-  <div
-    class="card-full"
-    style="display: flex; flex-direction: column; height: 100%"
-    :class="getThemeClass()"
-    @auxclick.prevent
-  >
-    <div v-html="styling"></div>
-    <div class="window-modal modal" :class="getThemeClass()" tabindex="-1">
-      <div class="modal-dialog modal-xl" style="height: 100vh">
-        <div class="modal-content" style="height: 100vh">
-          <div class="modal-header" v-if="!showTitle">
-            <h5 class="modal-title" style="-webkit-app-region: drag">
-              <i class="fa-solid fa-fw fa-gear"></i>
-              {{ l('settings.action') }}
-            </h5>
-            <a
-              type="button"
-              class="btn-close"
-              :aria-label="l('action.close')"
-              v-if="!isMac"
-              @click.stop="close()"
-            >
-              <span class="fas fa-times"></span>
-            </a>
-          </div>
-          <div class="modal-body">
-            <tabs
-              style="flex-shrink: 0; margin-bottom: 10px"
-              v-model="selectedTab"
-              :fullWidth="true"
-              :tabs="[
-                l('settings.tabs.general'),
-                l('settings.tabs.look'),
-                l('settings.tabs.notifications'),
-                l('settings.tabs.behavior'),
-                l('settings.tabs.accessibility'),
-                l('settings.tabs.advanced')
-              ]"
-            ></tabs>
-            <div class="tab-content hidden-scrollbar">
-              <!--General -->
-              <div
-                v-show="selectedTab === '0'"
-                class="card-body settings-content"
-                style="height: 100%; width: 100%"
-              >
-                <div class="h5 pb-2 border-bottom border-warning w-75 mb-0">
-                  {{ l('admgr.prepareToMove') }}
-                </div>
-                <div class="text-muted mb-4 w-75 bg-light p-3 bg-opacity-10">
-                  {{ l('settings.charactersToGeneral.generalInfo') }}
-                </div>
-                <h5>
-                  {{ l('settings.tabs.general') }}
-                </h5>
-                <div class="mb-3">
-                  <div class="form-check">
-                    <input
-                      type="checkbox"
-                      id="autoLogin"
-                      v-model="settings.horizonAutoLogin"
-                      class="form-check-input"
-                    />
-                    <label class="form-check-label" for="autoLogin">
-                      {{ l('login.auto') }}
-                    </label>
-                  </div>
-                </div>
-
-                <div class="mb-3">
-                  <div class="form-check">
-                    <input
-                      type="checkbox"
-                      id="showTips"
-                      v-model="settings.horizonShowTips"
-                      class="form-check-input"
-                    />
-                    <label class="form-check-label" for="showTips">
-                      {{ l('settings.showTips') }}
-                    </label>
-                  </div>
-                </div>
-
-                <h5>
-                  {{ l('settings.spellcheck.language') }}
-                </h5>
-
-                <div class="mb-3">
-                  <label class="control-label" for="displayLanguage">
-                    {{ l('settings.displayLanguage') }}
-                    <select
-                      id="displayLanguage"
-                      class="form-select"
-                      style="flex: 1; margin-right: 10px"
-                      v-model="settings.displayLanguage"
-                    >
-                      <option
-                        v-for="lang in availableDisplayLanguages"
-                        :key="lang.code"
-                        :value="lang.code"
-                      >
-                        {{ lang.name }}
-                      </option>
-                    </select>
-                  </label>
-                  <div class="form-text text-muted">
-                    {{ l('settings.displayLanguage.note') }}
-                  </div>
-                </div>
-
-                <!--On MacOS, Electron uses the OS' native spell checker as of version 35.2.0 -->
-                <!--Mobile keyboards provide their own spell-check; the Electron spell checker is unavailable in the WebView. -->
-                <div class="mb-3" v-if="!isMac && !isMobile">
-                  <label
-                    class="control-label"
-                    for="spellCheckLang"
-                    style="width: 24ch"
-                  >
-                    {{ l('settings.spellcheck') }}
-                    <filterable-select
-                      v-model="selectedLang"
-                      :options="sortedLangs"
-                      :filterFunc="filterLanguage"
-                      :placeholder="l('filter')"
-                      :multiple="true"
-                      :title="l('settings.spellcheck.language')"
-                    >
-                      <template v-slot="s">
-                        {{
-                          //s.option ||
-                          formatLanguage(s.option) ||
-                          l('settings.spellcheck.language')
-                        }}
-                      </template>
-                    </filterable-select>
-                  </label>
-                </div>
-
-                <h5>
-                  {{ l('settings.timeFormat') }}
-                </h5>
-                <div class="mb-3">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      v-model="settings.use12HourTime"
-                      type="checkbox"
-                      id="use12HourTime"
-                    />
-                    <label class="form-check-label" for="use12HourTime">
-                      {{ l('settings.timeFormat.12hour') }}
-                    </label>
-                  </div>
-                </div>
-
-                <div class="mb-3">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      v-model="settings.showSeconds"
-                      type="checkbox"
-                      id="showSeconds"
-                    />
-                    <label class="form-check-label" for="showSeconds">
-                      {{ l('settings.timeFormat.showSeconds') }}
-                    </label>
-                  </div>
-                </div>
-
-                <div class="mb-3">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      v-model="settings.fuzzyDates"
-                      type="checkbox"
-                      id="fuzzyDates"
-                    />
-                    <label class="form-check-label" for="fuzzyDates">
-                      {{ l('settings.timeFormat.fuzzyDates') }}
-                    </label>
-                  </div>
-                </div>
-
-                <!-- App auto-update is desktop-only; mobile updates ship as APKs. -->
-                <template v-if="!isMobile">
-                  <h5>
-                    {{ l('settings.updates') }}
-                  </h5>
-                  <div class="mb-3">
-                    <div class="form-check">
-                      <input
-                        type="checkbox"
-                        id="updateCheck"
-                        v-model="settings.updateCheck"
-                        class="form-check-input"
-                      />
-                      <label class="form-check-label" for="updateCheck">
-                        {{ l('settings.updateCheck') }}
-                      </label>
-                    </div>
-                  </div>
-                  <div class="mb-3" v-if="settings.updateCheck">
-                    <div class="form-check">
-                      <input
-                        type="checkbox"
-                        id="beta"
-                        v-model="settings.beta"
-                        class="form-check-input"
-                      />
-                      <label class="form-check-label" for="beta">
-                        {{ l('settings.beta') }}
-                      </label>
-                    </div>
-                  </div>
-                  <div class="mb-3" v-if="settings.updateCheck">
-                    <div class="form-check">
-                      <input
-                        type="checkbox"
-                        id="hideAutoUpdater"
-                        v-model="settings.horizonHideAutoUpdater"
-                        class="form-check-input"
-                      />
-                      <label class="form-check-label" for="hideAutoUpdater">
-                        {{ l('settings.updateHideAutoUpdater') }}
-                      </label>
-                    </div>
-                    <div class="form-text text-muted">
-                      {{ l('settings.updateHideAutoUpdater.note') }}
-                    </div>
-                  </div>
-                  <div v-if="settings.updateCheck">
-                    <div class="form-check">
-                      <input
-                        type="checkbox"
-                        id="autoDownloadUpdates"
-                        v-model="settings.horizonAutoDownloadUpdates"
-                        class="form-check-input"
-                      />
-                      <label class="form-check-label" for="autoDownloadUpdates">
-                        {{ l('settings.autoDownloadUpdates') }}
-                      </label>
-                    </div>
-                    <div class="form-text text-muted">
-                      {{ l('settings.autoDownloadUpdates.note') }}
-                    </div>
-                  </div>
-                </template>
-
-                <!-- Mobile: no auto-installer; Solstice checks GitHub for new
-                     releases on launch and shows a download banner. -->
-                <template v-if="isMobile">
-                  <h5>
-                    {{ l('settings.updates') }}
-                  </h5>
-                  <div class="mb-2 form-text text-muted">
-                    Solstice {{ solsticeVersion }} (built on Horizon
-                    {{ horizonVersion }})
-                  </div>
-                  <div class="mb-3">
-                    <div class="form-check">
-                      <input
-                        type="checkbox"
-                        id="updateCheckPrereleases"
-                        v-model="settings.updateCheckPrereleases"
-                        class="form-check-input"
-                      />
-                      <label
-                        class="form-check-label"
-                        for="updateCheckPrereleases"
-                      >
-                        Notify me about pre-release (beta) versions
-                      </label>
-                    </div>
-                    <div class="form-text text-muted">
-                      Solstice checks GitHub for new releases when it starts.
-                      Stable releases are always included; enable this to also
-                      be notified about betas.
-                    </div>
-                  </div>
-                </template>
-              </div>
-              <!--Appearance-->
-              <div
-                v-show="selectedTab === '1'"
-                class="card-body settings-content"
-                style="height: 100%; width: 100%"
-              >
-                <h5>
-                  {{ l('settings.theme') }}
-                </h5>
-                <!-- System theme sync relies on OS dark-mode detection, which the mobile WebView can't report. -->
-                <div class="mb-3" v-if="!isMobile">
-                  <div class="form-check">
-                    <input
-                      type="checkbox"
-                      id="themeSystemSync"
-                      class="form-check-input"
-                      v-model="settings.themeSync"
-                    />
-                    <label class="form-check-label" for="themeSystemSync">
-                      {{ l('settings.theme.sync') }}
-                    </label>
-                  </div>
-                </div>
-                <div class="mb-3" v-if="isMobile || !settings.themeSync">
-                  <label class="control-label" for="theme" style="width: 24ch">
-                    {{ l('settings.theme.app') }}
-                    <filterable-select
-                      v-model="settings.theme"
-                      :options="availableThemes"
-                      :placeholder="l('filter')"
-                      :title="l('settings.theme')"
-                    >
-                      <template v-slot="s">
-                        {{ capitalizeThemeName(s.option) }}
-                      </template>
-                    </filterable-select>
-                  </label>
-                </div>
-                <div class="mb-3" v-else>
-                  <label
-                    class="control-label"
-                    for="themeSyncLight"
-                    style="width: 24ch"
-                  >
-                    {{ l('settings.theme.app.light') }}
-                    <filterable-select
-                      v-model="settings.themeSyncLight"
-                      :options="availableThemes"
-                      :placeholder="l('filter')"
-                      :title="l('settings.theme')"
-                    >
-                      <template v-slot="s">
-                        {{ capitalizeThemeName(s.option) }}
-                      </template>
-                    </filterable-select>
-                  </label>
-
-                  <label
-                    class="control-label"
-                    for="themeSyncDark"
-                    style="width: 24ch"
-                  >
-                    {{ l('settings.theme.app.dark') }}
-                    <filterable-select
-                      v-model="settings.themeSyncDark"
-                      :options="availableThemes"
-                      :placeholder="l('filter')"
-                      :title="l('settings.theme')"
-                    >
-                      <template v-slot="s">
-                        {{ capitalizeThemeName(s.option) }}
-                      </template>
-                    </filterable-select>
-                  </label>
-                </div>
-
-                <h5>
-                  {{ l('settings.theme.textColors') }}
-                </h5>
-
-                <div class="mb-3">
-                  <label class="control-label" for="themeVanillaBbcode">
-                    <div class="form-check">
-                      <input
-                        class="form-check-input"
-                        v-model="settings.horizonVanillaTextColors"
-                        type="checkbox"
-                        id="themeVanillaBbcode"
-                        aria-describedby="vanillaBbcodeLegibilityNote"
-                      />
-                      <label class="form-check-label" for="themeVanillaBbcode">
-                        {{ l('settings.theme.vanillaBbcode') }}
-                      </label>
-                    </div>
-                    <div
-                      id="vanillaBbcodeLegibilityNote"
-                      class="form-text text-muted"
-                    >
-                      {{ l('settings.theme.vanillaBbcode.legibilityNote') }}
-                    </div>
-                  </label>
-                </div>
-
-                <div class="mb-3">
-                  <label class="control-label" for="themeVanillaGenders">
-                    <div class="form-check">
-                      <input
-                        class="form-check-input"
-                        v-model="settings.horizonVanillaGenderColors"
-                        type="checkbox"
-                        id="themeVanillaGenders"
-                        aria-describedby="vanillaGendersNote"
-                      />
-                      <label class="form-check-label" for="themeVanillaGenders">
-                        {{ l('settings.theme.vanillaGenders') }}
-                      </label>
-                    </div>
-                    <div id="vanillaGendersNote" class="form-text text-muted">
-                      {{ l('settings.theme.vanillaGenders.note') }}
-                    </div>
-                  </label>
-                </div>
-
-                <div class="mb-3">
-                  <label class="control-label" for="themeBbcodeGlow">
-                    <div class="form-check">
-                      <input
-                        class="form-check-input"
-                        v-model="settings.horizonBbcodeGlow"
-                        type="checkbox"
-                        id="themeBbcodeGlow"
-                        aria-describedby="bbcodeGlowNote"
-                      />
-                      <label class="form-check-label" for="themeBbcodeGlow">
-                        {{ l('settings.theme.bbcodeGlow') }}
-                      </label>
-                    </div>
-                    <div id="bbcodeGlowNote" class="form-text text-muted">
-                      {{ l('settings.theme.bbcodeGlow.note') }}
-                    </div>
-                  </label>
-                </div>
-              </div>
-              <!--Notifications-->
-              <div
-                v-show="selectedTab === '2'"
-                class="card-body settings-content"
-                style="height: 100%; width: 100%"
-              >
-                <h5>{{ l('settings.sounds') }}</h5>
-                <div class="form-group">
-                  <label
-                    class="control-label"
-                    for="soundTheme"
-                    style="width: 24ch"
-                  >
-                    {{ l('settings.soundTheme') }}
-                    <filterable-select
-                      v-model="settings.soundTheme"
-                      :options="availableSoundThemes"
-                      style="flex: 1; margin-right: 10px"
-                      :title="l('settings.soundTheme')"
-                      :placeholder="l('filter')"
-                    >
-                      <template v-slot="s">
-                        {{ capitalizeSoundThemeName(s.option) }}
-                      </template>
-                    </filterable-select>
-                  </label>
-                </div>
-
-                <div class="sound-theme-details">
-                  <div
-                    class="d-flex"
-                    style="justify-content: space-between; align-items: center"
-                  >
-                    <div>
-                      <h5 style="margin: 0">
-                        {{ capitalizeSoundThemeName(settings.soundTheme) }}
-                      </h5>
-                      <div class="text-muted" v-if="currentSoundThemeDetails">
-                        <div>{{ currentSoundThemeDetails.description }}</div>
-                        <div v-if="currentSoundThemeDetails.author">
-                          {{
-                            l('settings.soundTheme.by', {
-                              name: currentSoundThemeDetails.author
-                            })
-                          }}
-                        </div>
-                        <div class="small">
-                          {{
-                            l('settings.soundTheme.version', {
-                              version: currentSoundThemeDetails.version
-                            })
-                          }}
-                        </div>
-                      </div>
-                      <div v-else class="text-muted small">
-                        {{ l('settings.soundTheme.noMetadata') }}
-                      </div>
-                    </div>
-                    <div>
-                      <div style="display: flex; gap: 8px; align-items: center">
-                        <button
-                          class="btn btn-outline-primary"
-                          @click.prevent.stop="
-                            soundListCollapsed = !soundListCollapsed
-                          "
-                          :title="l('settings.soundTheme.toggleList')"
-                        >
-                          {{
-                            l(
-                              soundListCollapsed
-                                ? 'settings.soundTheme.show'
-                                : 'settings.soundTheme.hide'
-                            )
-                          }}
-                        </button>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    v-if="
-                      currentSoundThemeDetails &&
-                      currentSoundThemeDetails.sounds
-                    "
-                    class="mt-3"
-                  >
-                    <div v-if="!soundListCollapsed" class="mt-2">
-                      <div
-                        v-for="sound in Object.keys(
-                          currentSoundThemeDetails.sounds
-                        )"
-                        :key="sound"
-                        class="sound-row d-flex flex-row mb-3 align-items-center"
-                      >
-                        <div
-                          style="width: 14ch; text-transform: capitalize"
-                          class="p-2"
-                        >
-                          {{ sound }}
-                        </div>
-                        <input
-                          type="range"
-                          class="form-range p-2 flex-grow-1"
-                          min="0"
-                          max="1"
-                          step="0.01"
-                          v-model.number="liveVolumeMap[sound]"
-                          @input="onVolumeChange(sound)"
-                          style="width: unset"
-                        />
-                        <div class="input-group p-2" style="width: unset">
-                          <input
-                            type="number"
-                            class="form-control"
-                            min="0"
-                            max="100"
-                            step="1"
-                            style="text-align: right"
-                            :value="
-                              Math.round((liveVolumeMap[sound] ?? 1) * 100)
-                            "
-                            @input="handlePercentInput($event, sound)"
-                          />
-                          <button
-                            class="btn btn-sm btn-outline-primary p-2"
-                            @click.prevent.stop="previewSound(sound)"
-                            :title="l('settings.soundTheme.preview')"
-                          >
-                            {{ l('settings.soundTheme.preview') }}
-                          </button>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div v-else class="mt-2 text-muted small">
-                    {{ l('settings.soundTheme.noSounds') }}
-                  </div>
-                </div>
-                <h5>
-                  {{ l('settings.notifications.badges') }}
-                </h5>
-                <div class="mb-3">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      type="checkbox"
-                      id="horizonShowNotificationBadge"
-                      v-model="settings.horizonShowNotificationBadge"
-                    />
-                    <label
-                      class="form-check-label"
-                      for="horizonShowNotificationBadge"
-                    >
-                      {{ l('settings.notifications.badges.shouldShow') }}
-                    </label>
-                  </div>
-                  <div
-                    id="horizonShowNotificationBadgeNote"
-                    class="form-text text-muted"
-                    v-if="!isWindows && !isMac"
-                  >
-                    {{
-                      l('settings.notifications.badges.shouldShow.linuxNote')
-                    }}
-                  </div>
-                </div>
-                <div class="mb-3">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      type="checkbox"
-                      id="horizonShowWindowAndChatNotificationBadge"
-                      v-model="
-                        settings.horizonShowWindowAndChatNotificationBadge
-                      "
-                    />
-                    <label
-                      class="form-check-label"
-                      for="horizonShowWindowAndChatNotificationBadge"
-                    >
-                      {{
-                        l(
-                          'settings.notifications.badges.shouldShow.windowAndChat'
-                        )
-                      }}
-                    </label>
-                  </div>
-                </div>
-                <div class="mb-3" v-if="!isMac">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      type="checkbox"
-                      id="flashWindow"
-                      v-model="settings.flashWindow"
-                    />
-                    <label class="form-check-label" for="flashWindow">
-                      {{ l('settings.flashWindow') }}
-                    </label>
-                  </div>
-                  <div
-                    id="flashWindowNote"
-                    class="form-text text-muted"
-                    v-if="!isWindows"
-                  >
-                    {{ l('settings.flashWindow.note') }}
-                  </div>
-                </div>
-              </div>
-              <!--Behavior-->
-              <div
-                v-show="selectedTab === '3'"
-                class="card-body settings-content"
-                style="height: 100%; width: 100%"
-              >
-                <h5>{{ l('user.profile') }}</h5>
-                <div class="mb-3">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      type="checkbox"
-                      id="profileViewer"
-                      v-model="settings.profileViewer"
-                    />
-                    <label class="form-check-label" for="profileViewer">
-                      {{ l('settings.profileViewer') }}
-                    </label>
-                  </div>
-                </div>
-                <div class="mb-3" v-if="settings.profileViewer">
-                  <label class="control-label" for="profileViewerGalleryType">
-                    {{ l('settings.profileViewerGalleryType') }}
-                    <select
-                      id="profileViewerGalleryType"
-                      class="form-select"
-                      style="flex: 1; margin-right: 10px"
-                      v-model="settings.profileViewerGalleryType"
-                    >
-                      <option value="thumbnail">
-                        {{ l('settings.profileViewerGalleryType.thumbnail') }}
-                      </option>
-                      <option value="hover">
-                        {{ l('settings.profileViewerGalleryType.hover') }}
-                      </option>
-                      <option value="full">
-                        {{ l('settings.profileViewerGalleryType.full') }}
-                      </option>
-                    </select>
-                  </label>
-                  <div
-                    id="profileViewerGalleryTypeNote"
-                    class="form-text text-muted"
-                    v-if="settings.profileViewer"
-                  >
-                    {{
-                      l(
-                        `settings.profileViewerGalleryType.note.${settings.profileViewerGalleryType}`
-                      )
-                    }}
-                  </div>
-                </div>
-
-                <div
-                  class="mb-3"
-                  v-if="
-                    settings.profileViewer &&
-                    (settings.profileViewerGalleryType === 'thumbnail' ||
-                      settings.profileViewerGalleryType === 'hover')
-                  "
-                >
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      type="checkbox"
-                      id="profileViewerThumbAnimate"
-                      v-model="settings.profileViewerThumbAnimate"
-                    />
-                    <label
-                      class="form-check-label"
-                      for="profileViewerThumbAnimate"
-                    >
-                      {{ l('settings.profileViewerThumbAnimate') }}
-                    </label>
-                  </div>
-                </div>
-
-                <div class="mb-3" v-if="settings.profileViewer">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      type="checkbox"
-                      id="profileViewerSmallerDefaultAvatars"
-                      v-model="settings.profileViewerSmallerDefaultAvatars"
-                    />
-                    <label
-                      class="form-check-label"
-                      for="profileViewerSmallerDefaultAvatars"
-                    >
-                      {{ l('settings.profileViewer.smallerDefaultAvatars') }}
-                    </label>
-                  </div>
-                </div>
-
-                <div class="mb-3">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      type="checkbox"
-                      id="horizonForceAsciiProfiles"
-                      :disabled="!settings.profileViewer"
-                      v-model="settings.horizonForceAsciiProfiles"
-                      aria-describedby="forceAsciiNote"
-                    />
-                    <label
-                      class="form-check-label"
-                      for="horizonForceAsciiProfiles"
-                    >
-                      {{ l('settings.horizonForceAsciiProfiles') }}
-                    </label>
-                    <div id="forceAsciiNote" class="form-text text-muted">
-                      {{ l('settings.horizonForceAsciiProfiles.note') }}
-                    </div>
-                  </div>
-                </div>
-
-                <!-- Log directory is fixed by the native shell on mobile; the folder picker can't run in the WebView. -->
-                <h5 v-if="!isMobile">{{ l('settings.behavior.chat') }}</h5>
-                <div class="mb-3" v-if="!isMobile">
-                  <label class="control-label label-full" for="logDir">
-                    {{ l('settings.logDir') }}
-
-                    <div class="input-group">
-                      <input
-                        class="form-control"
-                        id="logDir"
-                        disabled
-                        @click="browseForLogDir()"
-                        v-model="settings.logDirectory"
-                      />
-                      <button
-                        class="btn btn-outline-secondary"
-                        @click="browseForLogDir()"
-                        :title="l('settings.logDir.select')"
-                      >
-                        <span class="fas fa-fw fa-folder-plus"></span></button
-                      ><button
-                        class="btn btn-outline-secondary"
-                        @click="openLogDir()"
-                        :title="
-                          l('platform.open', {
-                            name: l(`platform.fileExplorer.${platformName}`)
-                          })
-                        "
-                      >
-                        <span class="far fa-fw fa-folder-open"></span>
-                      </button></div
-                  ></label>
-                  <div
-                    id="logDirNoteOnedrive"
-                    class="form-text text-muted"
-                    v-if="isWindows"
-                  >
-                    <span>{{ `${l('settings.logDir.note.onedrive')} ` }}</span>
-                  </div>
-                  <div id="logDirNote" class="form-text text-muted">
-                    <a
-                      href="#"
-                      @click="
-                        externalUrlHandler(
-                          `https://horizn.moe/docs/guides/backup.html`
-                        )
-                      "
-                      ><localized-text k="settings.logDir.guide">
-                        <template #icon>
-                          <i class="fa-solid fa-arrow-up-right-from-square"></i>
-                        </template>
-                      </localized-text>
-                    </a>
-                  </div>
-                </div>
-                <!-- Desktop window-frame settings: no tray, title bar or window controls on mobile. -->
-                <h5 v-if="!isMobile">{{ l('settings.behavior.window') }}</h5>
-                <div class="mb-3" v-if="!isMobile">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      type="checkbox"
-                      id="closeToTray"
-                      v-model="settings.closeToTray"
-                    />
-                    <label class="form-check-label" for="closeToTray">
-                      {{ l('settings.closeToTray') }}
-                    </label>
-                  </div>
-                </div>
-
-                <div class="mb-3" v-if="!isMobile">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      type="checkbox"
-                      id="windowTitleCharacter"
-                      v-model="settings.horizonWindowTitleCharacter"
-                    />
-                    <label class="form-check-label" for="windowTitleCharacter">
-                      {{ l('settings.windowTitleCharacter') }}
-                    </label>
-                  </div>
-                </div>
-
-                <div class="mb-3" v-if="!isMobile">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      type="checkbox"
-                      id="forceNativeWindowControls"
-                      v-model="settings.forceNativeWindowControls"
-                    />
-                    <label
-                      class="form-check-label"
-                      for="forceNativeWindowControls"
-                    >
-                      {{
-                        l('settings.experimental', {
-                          name: l('settings.forceNativeWindowControls')
-                        })
-                      }}
-                    </label>
-                  </div>
-                </div>
-
-                <div class="mb-3" v-if="!isMobile">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      type="checkbox"
-                      id="nativeWindowShowSingleTab"
-                      v-model="settings.nativeWindowShowSingleTab"
-                      :disabled="!settings.forceNativeWindowControls"
-                    />
-                    <label
-                      class="form-check-label"
-                      for="nativeWindowShowSingleTab"
-                    >
-                      {{ l('settings.nativeWindowShowSingleTab') }}
-                    </label>
-                    <div
-                      id="nativeWindowShowSingleTabNote"
-                      class="form-text text-muted"
-                    >
-                      {{ l('settings.nativeWindowShowSingleTab.note') }}
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!--Accessibility-->
-              <div
-                v-show="selectedTab === '4'"
-                class="card-body settings-content"
-                style="height: 100%; width: 100%"
-              >
-                <div class="mb-3" v-if="isWindows">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      type="checkbox"
-                      id="risingDisableWindowsHighContrast"
-                      v-model="settings.risingDisableWindowsHighContrast"
-                    />
-                    <label
-                      class="form-check-label"
-                      for="risingDisableWindowsHighContrast"
-                    >
-                      {{ l('settings.risingDisableWindowsHighContrast') }}
-                    </label>
-                  </div>
-                </div>
-
-                <div class="mb-3">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      type="checkbox"
-                      id="reducedMotion"
-                      v-model="settings.reducedMotion"
-                    />
-                    <label class="form-check-label" for="reducedMotion">
-                      {{ l('settings.reducedMotion') }}
-                    </label>
-                  </div>
-
-                  <small class="form-text text-muted">{{
-                    l('settings.reducedMotion.description')
-                  }}</small>
-                </div>
-              </div>
-              <!-- Advanced -->
-              <div
-                v-show="selectedTab === '5'"
-                class="card-body settings-content"
-                style="height: 100%; width: 100%"
-              >
-                <h5>
-                  {{ l('settings.system') }}
-                </h5>
-                <!-- Electron GPU/hardware-acceleration flag; not applicable to the mobile WebView. -->
-                <div class="mb-3" v-if="!isMobile">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      type="checkbox"
-                      id="hwAcceleration"
-                      v-model="settings.hwAcceleration"
-                    />
-                    <label class="form-check-label" for="hwAcceleration">
-                      {{ l('settings.hwAcceleration') }}
-                    </label>
-                  </div>
-                </div>
-                <div class="mb-3">
-                  <!--We do this one slightly differently because we
-                cannot and will not make ElectronLogger.LogType reactive -->
-                  <label class="control-label" for="systemLogLevel">
-                    {{ l('settings.systemLogLevel') }}
-                    <div class="input-group">
-                      <select
-                        id="systemLogLevel"
-                        class="form-select form-select"
-                        style="flex: 1; margin-right: 10px"
-                        v-model="settings.risingSystemLogLevel"
-                      >
-                        <option value="error">
-                          {{ l('settings.systemLogLevel.error') }}
-                        </option>
-                        <option value="warn">
-                          {{ l('settings.systemLogLevel.warn') }}
-                        </option>
-                        <option value="info">
-                          {{ l('settings.systemLogLevel.info') }}
-                        </option>
-                        <option value="verbose">
-                          {{ l('settings.systemLogLevel.verbose') }}
-                        </option>
-                        <option value="debug">
-                          {{ l('settings.systemLogLevel.debug') }}
-                        </option>
-                        <option value="silly">
-                          {{ l('settings.systemLogLevel.silly') }}
-                        </option>
-                      </select>
-                    </div>
-                  </label>
-                </div>
-
-                <h5>
-                  {{ l('settings.cache') }}
-                </h5>
-
-                <div class="mb-3">
-                  <label class="control-label" for="cacheExpiryDays">
-                    {{ l('settings.cache.expiryDays') }}</label
-                  >
-                  <div class="input-group">
-                    <input
-                      class="form-control"
-                      id="cacheExpiryDays"
-                      type="number"
-                      min="0"
-                      max="1000"
-                      v-model="settings.risingCacheExpiryDays"
-                    />
-                    <span class="input-group-text" id="basic-addon3">{{
-                      l('unit.days')
-                    }}</span>
-                  </div>
-                  <small class="form-text text-muted">{{
-                    l('settings.cache.expiryDays.description')
-                  }}</small>
-                </div>
-                <div class="mb-3">
-                  <label class="control-label" for="cacheMemoryCount">
-                    {{ l('settings.cache.memoryCount') }}
-                  </label>
-                  <div class="input-group">
-                    <input
-                      class="form-control"
-                      id="cacheMemoryCount"
-                      type="number"
-                      min="350"
-                      max="1000"
-                      v-model="settings.horizonCacheMemoryCount"
-                    />
-                  </div>
-                  <small class="form-text text-muted">{{
-                    l('settings.cache.memoryCount.description')
-                  }}</small>
-                </div>
-
-                <!-- Choosing an external browser to open links is desktop-only; mobile hands links to the OS. -->
-                <h5 v-if="!isMobile">
-                  {{ l('settings.browserOptionTitle') }}
-                </h5>
-                <div class="warning" v-if="isMac">
-                  <h5>{{ l('settings.dangerZone') }}</h5>
-
-                  <hr />
-                  <p>{{ l('settings.macLinkBug1') }}</p>
-                  <p>{{ l('settings.macLinkBug2') }}</p>
-                  <p>{{ l('settings.macLinkBug3') }}</p>
-                </div>
-
-                <label
-                  class="control-label label-full"
-                  for="browserPath"
-                  v-if="!isMobile"
-                >
-                  {{ l('settings.browserOptionPath') }}
-
-                  <div class="input-group">
-                    <input
-                      class="form-control"
-                      id="browserPath"
-                      v-model="settings.browserPath"
-                    />
-                    <button
-                      class="btn btn-outline-secondary"
-                      @click.prevent.stop="browseForPath()"
-                    >
-                      <span class="far fa-fw fa-folder-open"></span>
-                    </button>
-                    <button
-                      class="btn btn-outline-danger"
-                      @click.prevent.stop="browserReset()"
-                    >
-                      <span class="fa-solid fa-fw fa-arrow-rotate-right"></span>
-                    </button></div
-                ></label>
-
-                <label
-                  class="control-label label-full"
-                  for="browserArgs"
-                  v-if="!isMobile"
-                >
-                  {{ l('settings.browserOptionArguments') }}
-                  <div class="input-group">
-                    <input
-                      class="form-control"
-                      id="browserArgs"
-                      v-model="settings.browserArgs"
-                    />
-                  </div>
-                  <small class="form-text text-muted" v-if="!isMac">{{
-                    l('settings.browserOptionArgumentsHelp')
-                  }}</small>
-                  <small class="form-text text-muted" v-else>
-                    <span
-                      >{{ l('settings.browserOptionArgumentsHelp.mac') }}
-                    </span>
-
-                    <a
-                      class="fa-solid fa-arrow-up-right-from-square"
-                      href="#"
-                      @click="
-                        externalUrlHandler(
-                          'https://support.apple.com/guide/terminal/execute-commands-and-run-tools-apdb66b5242-0d18-49fc-9c47-a2498b7c91d5/mac'
-                        )
-                      "
-                    ></a>
-                    <p>
-                      <span>
-                        {{ l('settings.browserOptionArgumentsHelp.format') }}
-                      </span>
-                      <kbd>
-                        {{
-                          `open -a ${settings.browserPath} ${settings.browserArgs}`
-                        }}
-                      </kbd>
-                    </p>
-
-                    <p>
-                      {{
-                        l('settings.browserOptionArgumentsHelp.mac.ignoreMe')
-                      }}
-                    </p>
-                  </small>
-                </label>
-
-                <div class="mb-3" v-if="!isMac">
-                  <label class="control-label" for="alwaysOpenIncognito">
-                    <div class="form-check">
-                      <input
-                        class="form-check-input"
-                        type="checkbox"
-                        id="alwaysOpenIncognito"
-                        v-model="settings.horizonAlwaysOpenIncognito"
-                      />
-                      <label class="form-check-label" for="alwaysOpenIncognito">
-                        {{ l('settings.alwaysOpenIncognito') }}
-                      </label>
-                    </div>
-                    <small class="form-text text-muted">{{
-                      l('settings.alwaysOpenIncognito.help')
-                    }}</small>
-                  </label>
-                </div>
-                <h5>
-                  {{
-                    l('settings.experimental', {
-                      name: l('settings.customCss')
-                    })
-                  }}
-                </h5>
-
-                <div class="mb-3">
-                  <label class="control-label" for="customCssEnabled">
-                    <div class="form-check">
-                      <input
-                        class="form-check-input"
-                        type="checkbox"
-                        id="customCss"
-                        v-model="settings.horizonCustomCssEnabled"
-                      />
-                      <label class="form-check-label" for="customCss">
-                        {{ l('settings.customCss.enabled') }}
-                      </label>
-                    </div>
-                  </label>
-                </div>
-                <div class="mb-3">
-                  <label class="control-label" for="windowTransparency">
-                    <div class="form-check">
-                      <input
-                        class="form-check-input"
-                        v-model="settings.allowWindowTransparency"
-                        type="checkbox"
-                        :disabled="!settings.horizonCustomCssEnabled"
-                        id="windowTransparency"
-                        aria-describedby="windowTransparencyNote"
-                      />
-                      <label class="form-check-label" for="windowTransparency">
-                        {{
-                          l('settings.experimental', {
-                            name: l('settings.customCss.transparency')
-                          })
-                        }}
-                      </label>
-                    </div>
-                    <div
-                      id="windowTransparencyNote"
-                      class="form-text text-muted"
-                    >
-                      {{ l('settings.customCss.transparency.note') }}
-                    </div>
-                  </label>
-
-                  <label for="customCss" class="control-label label-full"
-                    >{{ l('settings.customCss.css') }}
-                    <textarea
-                      class="form-control textarea-code"
-                      id="customCss"
-                      v-model="settings.horizonCustomCss"
-                      :disabled="!settings.horizonCustomCssEnabled"
-                      :rows="countLines(settings.horizonCustomCss) + 3"
-                      @keydown.tab.prevent="handleTab"
-                    ></textarea>
-                    <small class="form-text text-warning">{{
-                      l('settings.customCss.warning')
-                    }}</small>
-                  </label>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            style="padding: 0.5rem 0.75rem 1rem 0.75rem"
-            class="modal-footer"
-          >
-            <button
-              type="button"
-              class="btn btn-secondary"
-              @click.stop="close()"
-            >
-              {{ l('action.close') }}
-            </button>
-            <button
-              type="button"
-              class="btn btn-primary"
-              @click.stop="submit()"
-            >
-              {{ l('action.saveChanges') }}
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-  import * as remote from '@electron/remote';
-  import Vue from 'vue';
-  import l, { setLanguage, availableDisplayLanguages } from '../chat/localize';
-  import LocalizedText from '../components/localized_text';
-  import { GeneralSettings } from './common';
-  import fs from 'fs';
-  import path from 'path';
-  import { ipcRenderer } from 'electron';
-  import log from 'electron-log';
-  import { Dialog } from '../helpers/dialog';
-  import Tabs from '../components/tabs';
-  import FilterableSelect from '../components/FilterableSelect.vue';
-  import {
-    knownLanguageNames,
-    getSafeLanguages,
-    updateSupportedLanguages
-  } from './language';
-  import _ from 'lodash';
-  import { SOLSTICE_VERSION, HORIZON_BASE_VERSION } from '../chat/version';
-
-  const browserWindow = remote.getCurrentWindow();
-
-  export default Vue.extend({
-    components: {
-      tabs: Tabs,
-      'filterable-select': FilterableSelect,
-      'localized-text': LocalizedText
-    },
-    data() {
-      return {
-        sortedLangs: [] as string[],
-        settings: undefined as any as GeneralSettings,
-        osIsDark: remote.nativeTheme.shouldUseDarkColors as boolean,
-        selectedTab: '0',
-        isMaximized: false,
-        l: l,
-        solsticeVersion: SOLSTICE_VERSION,
-        horizonVersion: HORIZON_BASE_VERSION,
-        platform: process.platform,
-        hasCompletedUpgrades: false,
-        browserPath: '',
-        browserArgs: '',
-        logDirectory: '',
-        availableThemes: [] as ReadonlyArray<string>,
-        availableSoundThemes: [] as ReadonlyArray<string>,
-        logLevel: false as log.LevelOption,
-        selectedLang: undefined as string | string[] | undefined,
-        availableDisplayLanguages: availableDisplayLanguages,
-        //These are not reactive.
-        //Which is kind of good because of all the security issues that'd otherwise arise
-        isWindows: process.platform === 'win32',
-        isMac: process.platform === 'darwin',
-        // Mobile (Android WebView) is detected the same way Chat.vue does it —
-        // the native shell sets this dataset flag before the app mounts.
-        isMobile: document.documentElement.dataset.mobilePlatform === 'true',
-        platformName: process.platform,
-        showTitle: false as boolean,
-        // Currently selected sound theme metadata and per-sound volumes for the UI
-        currentSoundThemeDetails: null as any | null,
-        // live values driven by the slider (used for immediate UI feedback and persisted)
-        liveVolumeMap: {} as { [sound: string]: number },
-        // collapse the sound list by default so it doesn't take the whole page
-        soundListCollapsed: true as boolean,
-        soundPreviewAudio: null as HTMLAudioElement | null
-      };
-    },
-    computed: {
-      styling(): string {
-        try {
-          return `<style>${fs.readFileSync(path.join(__dirname, `themes/${this.getSyncedTheme()}.css`), 'utf8').toString()}</style>`;
-        } catch (e) {
-          if (
-            (<Error & { code: string }>e).code === 'ENOENT' &&
-            this.settings.theme !== 'default'
-          ) {
-            this.settings.theme = 'default';
-            return this.styling;
-          }
-          throw e;
-        }
-      }
-    },
-    async mounted(): Promise<void> {
-      updateSupportedLanguages(
-        browserWindow.webContents.session.availableSpellCheckerLanguages
-      );
-      this.browserPath = this.settings.browserPath;
-      this.browserArgs = this.settings.browserArgs;
-      this.logDirectory = this.settings.logDirectory;
-      this.logLevel = this.settings.risingSystemLogLevel;
-      this.showTitle = this.settings.forceNativeWindowControls && !this.isMac;
-      // Desktop reads compiled theme CSS from disk; mobile has no such dir, so the bundled theme
-      // names are exposed by the mobile entry as window.__availableThemes (otherwise the picker is
-      // empty and selecting a theme appears to do nothing).
-      this.availableThemes = this.isMobile
-        ? (window as any).__availableThemes || [] //tslint:disable-line:no-any
-        : fs
-            .readdirSync(path.join(__dirname, 'themes'))
-            .filter(x => x.substr(-4) === '.css')
-            .map(x => x.slice(0, -4));
-
-      remote.nativeTheme.on('updated', () => {
-        this.osIsDark = remote.nativeTheme.shouldUseDarkColors;
-      });
-
-      // Load available sound themes
-      this.loadAvailableSoundThemes();
-      // Load details for the currently selected sound theme
-      await this.loadSelectedSoundThemeDetails();
-
-      // Watch for sound theme changes
-      this.$watch(
-        () => this.settings.soundTheme,
-        async () => {
-          await this.loadSelectedSoundThemeDetails();
-        }
-      );
-
-      this.selectedLang = getSafeLanguages(this.settings.spellcheckLang);
-      let availableLanguages = getSafeLanguages(
-        remote.session.defaultSession.availableSpellCheckerLanguages
-      );
-      this.sortedLangs = _.sortBy(availableLanguages, 'name');
-      try {
-        setLanguage(this.settings.displayLanguage);
-      } catch (e) {
-        console.warn('Failed to set initial display language', e);
-      }
-      this.$watch(
-        () => this.settings.displayLanguage,
-        (newLang: string) => {
-          setLanguage(newLang);
-          ipcRenderer.send('general-settings-update', this.settings);
-        }
-      );
-      window.addEventListener('keyup', e => {
-        if (e.key === 'Escape') {
-          this.close();
-        }
-      });
-      if (process.platform === 'darwin') {
-        window.addEventListener('keydown', e => {
-          if (e.metaKey && e.key == 'w') {
-            this.close();
-          }
-        });
-      }
-    },
-    methods: {
-      getSyncedTheme(): string {
-        if (!this.settings.themeSync) return this.settings.theme;
-        return this.osIsDark
-          ? this.settings.themeSyncDark
-          : this.settings.themeSyncLight;
-      },
-
-      minimize(): void {
-        browserWindow.minimize();
-      },
-
-      formatLanguage(lang: string): string {
-        return lang in knownLanguageNames
-          ? `${(knownLanguageNames as any)[lang]} (${lang})`
-          : lang;
-      },
-
-      capitalizeThemeName(themeName: string): string {
-        return themeName
-          .split(/[\s-_]+/) // Split on spaces, hyphens, or underscores
-          .map(
-            word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()
-          )
-          .join(' ');
-      },
-
-      capitalizeSoundThemeName(themeName: string): string {
-        return this.capitalizeThemeName(themeName);
-      },
-
-      loadAvailableSoundThemes(): void {
-        if (this.isMobile) {
-          // Mobile has no themes dir to read; the bundled names are exposed by the entry.
-          this.availableSoundThemes = (window as any)
-            .__availableSoundThemes || ['default']; //tslint:disable-line:no-any
-          return;
-        }
-        try {
-          const soundThemesPath = path.join(__dirname, 'sound-themes');
-          this.availableSoundThemes = fs
-            .readdirSync(soundThemesPath, { withFileTypes: true })
-            .filter(dirent => dirent.isDirectory())
-            .map(dirent => dirent.name)
-            .filter(name => {
-              const soundJsonPath = path.join(
-                soundThemesPath,
-                name,
-                'sound.json'
-              );
-              return fs.existsSync(soundJsonPath);
-            });
-        } catch (error) {
-          console.error('Error loading sound themes:', error);
-          this.availableSoundThemes = ['default'];
-        }
-      },
-
-      async loadSelectedSoundThemeDetails(): Promise<void> {
-        const theme = this.settings.soundTheme || 'default';
-        // Load metadata (sound.json) if present
-        try {
-          const themeJsonPath = path.join(
-            __dirname,
-            'sound-themes',
-            theme,
-            'sound.json'
-          );
-          const raw = fs.readFileSync(themeJsonPath, 'utf8');
-          this.currentSoundThemeDetails = JSON.parse(raw);
-        } catch (err) {
-          this.currentSoundThemeDetails = null;
-        }
-
-        // Build a fresh liveVolumeMap from saved settings (or defaults)
-        try {
-          const perTheme = (this.settings as any).soundThemeSoundVolumes || {};
-          const saved = perTheme[this.settings.soundTheme] || {};
-          const newMap: { [k: string]: number } = {};
-          if (this.currentSoundThemeDetails?.sounds) {
-            for (const sound of Object.keys(
-              this.currentSoundThemeDetails.sounds
-            )) {
-              const rawVal = saved[sound];
-              newMap[sound] =
-                typeof rawVal === 'number'
-                  ? Math.max(0, Math.min(1, rawVal))
-                  : 1;
-            }
-          }
-          this.liveVolumeMap = newMap;
-        } catch (err) {
-          this.liveVolumeMap = {};
-        }
-      },
-
-      onVolumeChange(sound: any): void {
-        // Persist the changed volume into settings for the current theme
-        const v = Number(this.liveVolumeMap[sound] ?? 1);
-        const container = (this.settings as any).soundThemeSoundVolumes || {};
-        if (!container[this.settings.soundTheme])
-          container[this.settings.soundTheme] = {};
-        container[this.settings.soundTheme][sound] = v;
-        (this.settings as any).soundThemeSoundVolumes = container;
-      },
-
-      handlePercentInput(e: Event, sound: any): void {
-        const target = e.target as HTMLInputElement;
-        let pct = parseInt(target.value || '0', 10);
-        if (isNaN(pct)) pct = 0;
-        pct = Math.max(0, Math.min(100, pct));
-        const v = pct / 100;
-        (this as any).$set(this.liveVolumeMap, sound, v);
-        this.onVolumeChange(sound);
-      },
-
-      previewSound(sound: any): void {
-        // stop previous preview
-        if (this.soundPreviewAudio) {
-          try {
-            this.soundPreviewAudio.pause();
-            this.soundPreviewAudio.remove();
-          } catch (e) {}
-          this.soundPreviewAudio = null;
-        }
-
-        const audio = document.createElement('audio');
-        audio.preload = 'auto';
-        audio.volume = this.liveVolumeMap[sound] ?? 1;
-        audio.muted = false;
-        const pushSource = (src: string, mime: string) => {
-          const s = document.createElement('source');
-          s.type = mime;
-          s.src = src;
-          audio.appendChild(s);
-        };
-
-        try {
-          // Prefer themed sound files from the selected sound theme
-          if (this.currentSoundThemeDetails?.sounds?.[sound]) {
-            const soundPath = this.currentSoundThemeDetails.sounds[sound];
-            const formats = [
-              this.currentSoundThemeDetails.formats?.preferred,
-              ...(this.currentSoundThemeDetails.formats?.fallback || [])
-            ].filter(Boolean);
-            for (const format of formats) {
-              const ext = format === 'mpeg' ? 'mp3' : format;
-              if (this.isMobile) {
-                // In the WebView, __dirname isn't the asset dir, so a file:// path
-                // points at the filesystem root and fails. Load from the bundled
-                // assets via a relative URL, like the actual playback path does.
-                pushSource(
-                  `./sound-themes/${this.settings.soundTheme}/${soundPath}.${ext}`,
-                  `audio/${format}`
-                );
-              } else {
-                const abs = path.join(
-                  __dirname,
-                  'sound-themes',
-                  this.settings.soundTheme,
-                  `${soundPath}.${ext}`
-                );
-                pushSource(`file://${abs}`, `audio/${format}`);
-              }
-            }
-          } else {
-            // Fallback: look for assets on disk in common locations
-            const codecOrder = ['wav', 'mp3', 'ogg'];
-            for (const ext of codecOrder) {
-              const candidate1 = path.join(
-                __dirname,
-                '..',
-                'chat',
-                'assets',
-                `${sound}.${ext}`
-              );
-              const candidate2 = path.join(
-                __dirname,
-                '..',
-                'assets',
-                `${sound}.${ext}`
-              );
-              if (fs.existsSync(candidate1))
-                pushSource(`file://${candidate1}`, `audio/${ext}`);
-              else if (fs.existsSync(candidate2))
-                pushSource(`file://${candidate2}`, `audio/${ext}`);
-            }
-          }
-        } catch (err) {
-          console.warn('Preview load failed', err);
-        }
-
-        audio.addEventListener('ended', () => {
-          try {
-            audio.remove();
-          } catch (e) {}
-          if (this.soundPreviewAudio === audio) this.soundPreviewAudio = null;
-        });
-
-        document.body.appendChild(audio);
-        this.soundPreviewAudio = audio;
-        // Some browsers require a user gesture; this is an explicit user action (click) so should work.
-        audio.play().catch(e => console.warn('Preview play failed', e));
-      },
-
-      close(): void {
-        browserWindow.close();
-      },
-
-      getThemeClass(): any {
-        // console.log('getThemeClassWindow', this.settings?.risingDisableWindowsHighContrast);
-
-        try {
-          // Hack!
-          if (process.platform === 'win32') {
-            if (this.settings?.risingDisableWindowsHighContrast) {
-              document
-                .querySelector('html')
-                ?.classList.add('disableWindowsHighContrast');
-            } else {
-              document
-                .querySelector('html')
-                ?.classList.remove('disableWindowsHighContrast');
-            }
-          }
-
-          return {
-            ['platform-' + this.platform]: true,
-            disableWindowsHighContrast:
-              this.settings?.risingDisableWindowsHighContrast || false
-          };
-        } catch (err) {
-          return {
-            ['platform-' + this.platform]: true
-          };
-        }
-      },
-
-      submit(): void {
-        this.settings.spellcheckLang = this.selectedLang;
-        ipcRenderer.send('general-settings-update', this.settings);
-        this.close();
-      },
-
-      browserReset(): void {
-        this.settings.browserPath = '';
-        this.settings.browserArgs = '%s';
-      },
-
-      browseForPath(): void {
-        ipcRenderer.invoke('browser-option-browse').then(result => {
-          this.settings.browserPath = result;
-        });
-      },
-
-      browseForLogDir(): void {
-        const dir = remote.dialog.showOpenDialogSync({
-          defaultPath: this.settings.logDirectory,
-          properties: ['openDirectory']
-        });
-        if (dir !== undefined) {
-          if (dir[0].startsWith(path.dirname(remote.app.getPath('exe'))))
-            return remote.dialog.showErrorBox(
-              l('settings.logDir'),
-              l('settings.logDir.inAppDir')
-            );
-
-          if (
-            Dialog.confirmDialog(
-              l('settings.logDir.confirm', {
-                newDir: dir[0],
-                currentDir: this.settings.logDirectory
-              })
-            )
-          ) {
-            ipcRenderer.send('log-path-update', dir[0]);
-          }
-        }
-      },
-
-      openLogDir(): void {
-        ipcRenderer.send('open-dir', this.settings.logDirectory);
-      },
-
-      filterLanguage(filter: RegExp, languageEntry: string): boolean {
-        console.log(languageEntry);
-        return filter.test(this.formatLanguage(languageEntry));
-      },
-
-      externalUrlHandler(url: string): void {
-        ipcRenderer.send('open-url-externally', url);
-      },
-
-      countLines(text: string): number {
-        let pointer = 0;
-        for (let i = 0; i < text.length; i += 1) {
-          switch (text[i]) {
-            case '\r':
-              pointer += 1;
-              if (text[i + 1] === '\n') {
-                i += 1;
-              }
-              break;
-            case '\n':
-              pointer += 1;
-              if (text[i + 1] === '\r') {
-                i += 1;
-              }
-              break;
-          }
-        }
-        return pointer;
-      },
-
-      handleTab(e: KeyboardEvent): void {
-        const target = e.target as HTMLTextAreaElement;
-        const start = target.selectionStart;
-        const end = target.selectionEnd;
-
-        // Get the current value and insert tab at cursor position
-        const value = target.value;
-        this.settings.horizonCustomCss =
-          value.substring(0, start) + '\t' + value.substring(end);
-
-        // Move cursor after tab
-        this.$nextTick(() => {
-          target.selectionStart = target.selectionEnd = start + 1;
-        });
-      }
-    }
-  });
-</script>
-
-<style lang="scss">
-  // All of these rules are scoped under `.card-full` (this window's root, also
-  // shared by the About/Exporter/Changelog windows) so they don't leak into
-  // regular content modals — on mobile this whole component is mounted in the
-  // app, and a bare `.modal-body { display: flex }` was compressing every modal.
-  .card-full {
-    height: 100%;
-    left: 0;
-    position: fixed;
-    top: 0;
-    width: 100%;
-    z-index: 100;
-
-    .window-modal {
-      position: relative;
-      display: block;
-    }
-    .window-modal .modal-dialog {
-      margin: 0px;
-      max-width: 100%;
-    }
-
-    .modal-title {
-      width: 100%;
-    }
-
-    .tab-content {
-      overflow: auto;
-    }
-
-    .modal-body {
-      height: 100%;
-      display: flex;
-      flex-flow: column;
-    }
-
-    textarea.textarea-code {
-      font-family: monospace;
-      resize: none;
-    }
-
-    /*This override exists because we allow the user to resize the window, which potentially resizes the footer otherwise*/
-    .modal-body .modal-footer {
-      height: 52px;
-      min-height: 52px;
-    }
-
-    .modal-footer {
-      padding-bottom: 1rem;
-    }
-
-    .modal-body .nav-tabs-scroll {
-      flex: 0 1 auto;
-      min-height: 42px;
-    }
-
-    .modal-body .tab-content {
-      overflow: auto;
-      flex: 1 1 auto;
-      padding-bottom: 1em;
-    }
-
-    .label-full {
-      width: 100%;
-    }
-
-    .custom-select {
-      width: 24ch;
-    }
-
-    .close {
-      z-index: 3;
-    }
-
-    .card-body .form-group {
-      margin-left: 0;
-      margin-right: 0;
-    }
-
-    .card-body .form-group .filters label {
-      display: list-item;
-      margin: 0;
-      margin-left: 5px;
-      list-style: none;
-    }
-  }
-
-  #windowButtons .btn {
-    border-top: 0;
-    font-size: 14px;
-  }
-
-  #window-browser-settings {
-    user-select: none;
-    .btn {
-      border: 0;
-      border-radius: 0;
-      padding: 0 18px;
-      display: flex;
-      align-items: center;
-      line-height: 1;
-      -webkit-app-region: no-drag;
-      flex-grow: 0;
-    }
-
-    .btn-default {
-      background: transparent;
-    }
-
-    h4 {
-      margin: 0 10px;
-      user-select: none;
-      cursor: default;
-      align-self: center;
-      -webkit-app-region: drag;
-    }
-
-    .fa {
-      line-height: inherit;
-    }
-  }
-
-  .warning {
-    border: 1px solid var(--bs-warning);
-    padding: 10px;
-    margin-bottom: 20px;
-    border-radius: 3px;
-
-    div {
-      margin-top: 10px;
-    }
-  }
-
-  .disableWindowsHighContrast,
-  .disableWindowsHighContrast * {
-    forced-color-adjust: none;
-  }
-
-  // Mobile: the settings tabs use fullWidth (Bootstrap `nav-justified`), which
-  // forces all six tabs to equal width and truncates their labels on a phone.
-  // Let the tab bar scroll horizontally at natural widths instead. Scoped to the
-  // mobile platform flag and the window root so desktop is unaffected.
-  html[data-mobile-platform='true'] .card-full {
-    .nav.nav-tabs {
-      flex-wrap: nowrap;
-      overflow-x: auto;
-      overflow-y: hidden;
-      -webkit-overflow-scrolling: touch;
-    }
-
-    .nav-tabs.nav-justified .nav-item,
-    .nav.nav-tabs .nav-item {
-      flex: 0 0 auto;
-    }
-
-    .nav-tabs .nav-link {
-      white-space: nowrap;
-    }
-
-    .nav-tab-spacer {
-      display: none;
-    }
-  }
-</style>
diff --git a/electron/Window.vue b/electron/Window.vue
index 96dcce5f..6c9aabdb 100644
--- a/electron/Window.vue
+++ b/electron/Window.vue
@@ -2,6 +2,7 @@
   <div
     style="display: flex; flex-direction: column; height: 100%"
     :class="getThemeClass()"
+    class="border-bottom"
     @auxclick.prevent
   >
     <div v-html="styling"></div>
@@ -12,7 +13,6 @@
         border-bottom-width: 1px;
         min-height: 31px;
       `"
-      class="border-bottom"
       id="window-tabs"
     >
       <h4 class="window-title" v-if="!hideWindowControls">
@@ -92,7 +92,7 @@
               class="nav-link tab"
               :class="{
                 active: tab === activeTab,
-                hasNew: tab.hasNew > 0 && tab !== activeTab
+                hasNew: tab.newCount > 0 && tab !== activeTab
               }"
             >
               <img
@@ -106,7 +106,7 @@
                 class="badge rounded-pill text-bg-danger ms-1"
                 v-if="shouldShowNotificationBadge(tab)"
               >
-                {{ tab.hasNew }}</span
+                {{ tab.newCount }}</span
               >
               <a
                 href="#"
@@ -150,19 +150,6 @@
         >
           <i class="fa fa-cog"> </i>
         </span>
-
-        <span class="btn btn-light" @click.stop="minimize()">
-          <i class="far fa-window-minimize"></i>
-        </span>
-        <span class="btn btn-light" @click="maximize()">
-          <i
-            class="far"
-            :class="'fa-window-' + (isMaximized ? 'restore' : 'maximize')"
-          ></i>
-        </span>
-        <span class="btn btn-light" @click.stop="close()">
-          <i class="fa fa-times fa-lg"></i>
-        </span>
       </div>
     </div>
   </div>
@@ -243,7 +230,7 @@
   interface Tab {
     user: string | undefined;
     view: Electron.BrowserView;
-    hasNew: number;
+    newCount: number;
     avatarUrl?: string;
     insertedCssKey?: string;
     title: string;
@@ -277,6 +264,13 @@
         hideSingleTab: true
       };
     },
+    watch: {
+      styling(): void {
+        this.$nextTick(() => {
+          this.updateWindowOverlayColors();
+        });
+      }
+    },
     computed: {
       styling(): string {
         try {
@@ -295,6 +289,7 @@
     },
     async mounted(): Promise<void> {
       log.debug('init.window.mounting');
+
       // top bar devtools
       // browserWindow.webContents.openDevTools({ mode: 'detach' });
 
@@ -311,6 +306,8 @@
         browserWindow.webContents.session.availableSpellCheckerLanguages
       );
 
+      this.updateWindowOverlayColors();
+
       log.debug('init.window.languages.supported');
       // console.log('MOUNT DICTIONARIES', getSafeLanguages(this.settings.spellcheckLang), this.settings.spellcheckLang);
 
@@ -374,6 +371,9 @@
       electron.ipcRenderer.on('fix-logs', () =>
         this.activeTab!.view.webContents.send('fix-logs')
       );
+      electron.ipcRenderer.on('settings-menu', () =>
+        this.activeTab!.view.webContents.send('settings-menu')
+      );
       electron.ipcRenderer.on('ui-test', () =>
         this.activeTab!.view.webContents.send('ui-test')
       );
@@ -454,12 +454,12 @@
         'disconnect',
         (_e: Electron.IpcRendererEvent, id: number) => {
           const tab = this.tabMap[id];
-          if (tab.hasNew > 0) {
-            tab.hasNew = 0;
+          if (tab.newCount > 0) {
+            tab.newCount = 0;
             electron.ipcRenderer.send(
-              'has-new',
+              'new-message-count',
 
-              this.tabs.reduce((cur, t) => cur + t.hasNew, 0),
+              this.tabs.reduce((cur, t) => cur + t.newCount, 0),
               this.settings.horizonShowNotificationBadge
             );
           }
@@ -470,13 +470,13 @@
         }
       );
       electron.ipcRenderer.on(
-        'has-new',
-        (_e: Electron.IpcRendererEvent, id: number, hasNew: number) => {
+        'new-message-count',
+        (_e: Electron.IpcRendererEvent, id: number, newCount: number) => {
           const tab = this.tabMap[id];
-          tab.hasNew = hasNew;
+          tab.newCount = newCount;
           electron.ipcRenderer.send(
-            'has-new',
-            this.tabs.reduce((cur, t) => cur + t.hasNew, 0),
+            'new-message-count',
+            this.tabs.reduce((cur, t) => cur + t.newCount, 0),
             this.settings.horizonShowNotificationBadge
           );
         }
@@ -575,6 +575,7 @@
 
       log.debug('init.window.mounted');
     },
+    beforeDestroy(): void {},
     methods: {
       getSyncedTheme() {
         if (!this.settings.themeSync) return this.settings.theme;
@@ -668,7 +669,7 @@
         const tab: Tab = {
           user: undefined,
           view,
-          hasNew: 0,
+          newCount: 0,
           title: l('title')
         };
         this.tabs.push(tab);
@@ -739,8 +740,8 @@
           return;
         this.tabs.splice(this.tabs.indexOf(tab), 1);
         electron.ipcRenderer.send(
-          'has-new',
-          this.tabs.reduce((cur, t) => cur + t.hasNew, 0),
+          'new-message-count',
+          this.tabs.reduce((cur, t) => cur + t.newCount, 0),
           this.settings.horizonShowNotificationBadge
         );
         delete this.tabMap[tab.view.webContents.id];
@@ -778,8 +779,7 @@
         electron.ipcRenderer.send('install-update', this.updateVersion);
       },
       openSettingsMenu(): void {
-        log.debug('settings clicked');
-        electron.ipcRenderer.send('open-settings-menu');
+        this.activeTab!.view.webContents.send('settings-menu');
       },
       onTabBeforeEnter(el: HTMLElement): void {
         if (this.isClosing) return;
@@ -832,6 +832,7 @@
           return {
             ['platform-' + this.platform]: true,
             'force-reduced-motion': this.settings?.reducedMotion || false,
+            horizonHighContrast: this.settings?.horizonHighContrast || false,
             bbcodeGlow: this.settings?.horizonBbcodeGlow || false,
             disableWindowsHighContrast:
               this.settings?.risingDisableWindowsHighContrast || false
@@ -842,10 +843,25 @@
           };
         }
       },
+      updateWindowOverlayColors(): void {
+        if (
+          process.platform === 'darwin' ||
+          this.settings.forceNativeWindowControls
+        )
+          return;
+        let color = getComputedStyle(document.body).color;
+        log.debug('window.titlebar.color', color);
+
+        browserWindow.setTitleBarOverlay({
+          color: '#ff000000',
+          symbolColor: color || 'white',
+          height: 32
+        });
+      },
       shouldShowNotificationBadge(tab: Tab): boolean {
         return (
           this.settings.horizonShowWindowAndChatNotificationBadge !== false &&
-          tab.hasNew > 0
+          tab.newCount > 0
         );
       }
     }
@@ -872,6 +888,8 @@
   }
   #window-tabs {
     user-select: none;
+    margin-left: env(titlebar-area-x, 0px);
+    width: env(titlebar-area-width, 100%);
 
     .btn {
       border: 0;
diff --git a/electron/api-ticket.ts b/electron/api-ticket.ts
new file mode 100644
index 00000000..37a08d17
--- /dev/null
+++ b/electron/api-ticket.ts
@@ -0,0 +1,227 @@
+import Axios from 'axios';
+import { createHash } from 'crypto';
+import * as electron from 'electron';
+import log from 'electron-log'; //tslint:disable-line:match-default-export-name
+import * as qs from 'qs';
+
+export interface ApiTicketResponse {
+  ticket: string;
+  characters: { [key: string]: number };
+  default_character: number;
+  error: string;
+  request?: boolean;
+}
+
+export interface ApiTicketOptions {
+  invalidTicket?: string;
+  fresh?: boolean;
+}
+
+interface CachedTicket extends ApiTicketResponse {
+  issuedAt: number;
+}
+
+// F-List invalidates every previously issued ticket for an account the moment a
+// new one is issued, so every tab should share a single ticket instead of
+// fetching its own. Server-side lifetime is 30 minutes, so we refresh early so an
+// acquired ticket can't expire while a tab is still connecting
+const ticketLifetime = 25 * 60 * 1000;
+
+const cache = new Map<string, CachedTicket>();
+const inFlight = new Map<string, Promise<ApiTicketResponse>>();
+
+async function post<T>(path: string, data: object): Promise<T> {
+  return (
+    await Axios.post(`https://www.f-list.net/json/${path}`, qs.stringify(data))
+  ).data;
+}
+
+// keyed on the credentials so that a wrong/changed password fails correctly
+function credentialKey(account: string, password: string): string {
+  return `${account}:${createHash('sha256').update(password).digest('hex')}`;
+}
+
+function errorResponse(error: string, request?: boolean): ApiTicketResponse {
+  return { ticket: '', characters: {}, default_character: 0, error, request };
+}
+
+async function fetchTicket(
+  key: string,
+  account: string,
+  password: string
+): Promise<ApiTicketResponse> {
+  log.debug('api.ticket.fetch', { account });
+
+  try {
+    const data = await post<Partial<ApiTicketResponse> & { error: string }>(
+      'getApiTicket.php',
+      {
+        account,
+        password,
+        no_friends: true,
+        no_bookmarks: true,
+        new_character_list: true
+      }
+    );
+
+    if (data.ticket === undefined) {
+      log.error('error.api.getTicket', { error: data.error });
+      return errorResponse(data.error);
+    }
+
+    const ticket: CachedTicket = {
+      ticket: data.ticket,
+      characters: data.characters ?? {},
+      default_character: data.default_character ?? 0,
+      error: '',
+      issuedAt: Date.now()
+    };
+    cache.set(key, ticket);
+
+    return ticket;
+  } catch (e) {
+    log.error('error.api.getTicket', { error: (<Error>e).message });
+    return errorResponse((<Error>e).message, true);
+  }
+}
+
+async function lookupId(
+  account: string,
+  ticket: string,
+  name: string
+): Promise<number | undefined> {
+  const data = await post<{ id?: number; error: string }>(
+    'api/character-data.php',
+    { account, ticket, name }
+  );
+  if (data.error === '' && typeof data.id === 'number') return data.id;
+
+  log.error('error.api.characterData', { error: data.error });
+  return undefined;
+}
+
+/**
+ * Refreshes the cached character list without issuing a new ticket.
+ * @returns false if anything failed and a new ticket is needed
+ */
+async function refreshCharacters(
+  account: string,
+  cached: CachedTicket
+): Promise<boolean> {
+  const { ticket } = cached;
+
+  try {
+    const list = await post<{ characters?: string[]; error: string }>(
+      'api/character-list.php',
+      { account, ticket }
+    );
+    if (list.error !== '' || !Array.isArray(list.characters)) {
+      log.error('error.api.characterList', { error: list.error });
+      return false;
+    }
+
+    const characters: { [key: string]: number } = {};
+    for (const name of list.characters) {
+      // character-list.php only returns names, look up ids for new or renamed characters
+      const id =
+        cached.characters[name] ?? (await lookupId(account, ticket, name));
+      if (id === undefined) return false;
+      characters[name] = id;
+    }
+
+    cached.characters = characters;
+    return true;
+  } catch (e) {
+    log.error('error.api.characterList', { error: (<Error>e).message });
+    return false;
+  }
+}
+
+/**
+ * Returns the account's shared API ticket, fetching a new one only if there isn't a usable one cached.
+ */
+export async function getApiTicket(
+  account: string,
+  password: string,
+  options: ApiTicketOptions = {}
+): Promise<ApiTicketResponse> {
+  const key = credentialKey(account, password);
+
+  const pending = inFlight.get(key);
+  if (pending !== undefined) return pending;
+
+  const cached = cache.get(key);
+  if (
+    cached !== undefined &&
+    cached.ticket !== options.invalidTicket &&
+    Date.now() - cached.issuedAt < ticketLifetime
+  ) {
+    if (!options.fresh) return cached;
+
+    const refreshed = await refreshCharacters(account, cached);
+    // the ticket may have been replaced while the list refreshed
+    if (cache.get(key) !== cached || inFlight.has(key))
+      return getApiTicket(account, password);
+    if (refreshed) return cached;
+  }
+
+  const request = fetchTicket(key, account, password);
+  inFlight.set(key, request);
+
+  try {
+    return await request;
+  } finally {
+    inFlight.delete(key);
+  }
+}
+
+/** Registers the `get-api-ticket` IPC handler. Main process only. */
+export function registerApiTicketProvider(): void {
+  electron.ipcMain.handle(
+    'get-api-ticket',
+    async (
+      _e: electron.IpcMainInvokeEvent,
+      account: string,
+      password: string,
+      options?: ApiTicketOptions
+    ) => getApiTicket(account, password, options)
+  );
+}
+
+/** Requests the shared API ticket from the main process. Renderer only.
+ * Throws on network failure like Axios would, so callers can still tell it apart from F-List rejecting the login
+ */
+export async function requestApiTicket(
+  account: string,
+  password: string,
+  options?: ApiTicketOptions
+): Promise<ApiTicketResponse> {
+  const res = <ApiTicketResponse>(
+    await electron.ipcRenderer.invoke(
+      'get-api-ticket',
+      account,
+      password,
+      options
+    )
+  );
+
+  if (res.request) {
+    const error = new Error(res.error);
+    (<Error & { request: true }>error).request = true;
+    throw error;
+  }
+
+  return res;
+}
+
+/** Creates a `Connection` ticket provider backed by the shared ticket. Renderer only*/
+export function sharedTicketProvider(
+  account: string,
+  password: string
+): (invalidTicket?: string) => Promise<string> {
+  return async invalidTicket => {
+    const res = await requestApiTicket(account, password, { invalidTicket });
+    if (res.error !== '') throw new Error(res.error);
+    return res.ticket;
+  };
+}
diff --git a/electron/browser_windows.ts b/electron/browser_windows.ts
index c6c6142b..27a7c7bb 100644
--- a/electron/browser_windows.ts
+++ b/electron/browser_windows.ts
@@ -149,21 +149,21 @@ const badges: electron.NativeImage[] = [
 ];
 
 /**
- * Handles the 'has-new' IPC event.
+ * Handles the 'new-message-count' IPC event.
  * This event is triggered when there are new messages in an appplication window's tab(s).
  * It updates the dock badge on macOS and applies an overlay icon to all windows on Windows and Linux.
  * @event
  * @param {IpcMainEvent} e Event reference.
- * @param {number} hasNew The amount of new messages for the window that called it. If hasNew =< 0, the user has no new messages
+ * @param {number} newCount The amount of new messages for the window that called it. If newCount =< 0, the user has no new messages
  * @param {boolean} numberedBadges Whether to show the number of new messages in the badge or just a dot indicating that there are new messages. This is used on Windows and Linux, as macOS does not support numbered badges.
  */
 electron.ipcMain.on(
-  'has-new',
-  (e: IpcMainEvent, hasNew: number, numberedBadges: boolean) => {
-    log.debug('app.hasNew', { hasNew, numberedBadges });
+  'new-message-count',
+  (e: IpcMainEvent, newCount: number, numberedBadges: boolean) => {
+    log.debug('app.newCount', { newCount, numberedBadges });
     const window = electron.BrowserWindow.fromWebContents(e.sender);
     if (window !== undefined && window !== null) {
-      newMessagesMap[window.id] = hasNew;
+      newMessagesMap[window.id] = newCount;
     }
     updateNotificationBadges(numberedBadges);
   }
@@ -355,6 +355,11 @@ export function createMainWindow(
     windowProperties.titleBarStyle = 'hiddenInset';
   } else {
     windowProperties.frame = settings.forceNativeWindowControls;
+    windowProperties.titleBarStyle = settings.forceNativeWindowControls
+      ? 'default'
+      : 'hidden';
+    //we'll set the actual colors in Window.vue, but passing 'true' just enables overlay controls with default controls
+    windowProperties.titleBarOverlay = !settings.forceNativeWindowControls;
   }
 
   const window = new electron.BrowserWindow(windowProperties);
@@ -787,74 +792,6 @@ export function closeUpdaterSplash(): void {
   updaterSplash = undefined;
 }
 
-/**
- * Creates a new settings window.
- * @function
- * @param {GeneralSettings} settings
- * The general settings for the application, modified by the user in the settings window.
- * @param {ImporterHint} ImporterHint
- * Handles what and how we should import
- * @param {electron.BrowserWindow} parentWindow
- * The parent window for the settings window. This is used to create a modal dialog.
- * @returns {electron.BrowserWindow | undefined}
- * Returns the newly created settings window or undefined if creation failed.
- */
-export function createSettingsWindow(
-  settings: GeneralSettings,
-  ImporterHint: ImporterHint,
-  parentWindow: electron.BrowserWindow
-): electron.BrowserWindow | undefined {
-  let desiredHeight = 570;
-  let desiredWidth = 885;
-
-  const windowProperties: electron.BrowserWindowConstructorOptions = {
-    center: true,
-    show: false,
-    icon: process.platform === 'win32' ? winIcon : pngIcon,
-    frame: false,
-    width: desiredWidth,
-    minWidth: desiredWidth,
-    height: desiredHeight,
-    minHeight: desiredHeight,
-    resizable: true,
-    modal: true,
-    parent: parentWindow,
-    maximizable: false,
-    webPreferences: {
-      webviewTag: true,
-      nodeIntegration: true,
-      nodeIntegrationInWorker: true,
-      spellcheck: true,
-      enableRemoteModule: true,
-      contextIsolation: false,
-      partition: 'persist:fchat'
-    } as any
-  };
-
-  if (process.platform === 'darwin') {
-    windowProperties.titleBarStyle = 'hiddenInset';
-  } else if (settings.forceNativeWindowControls) {
-    windowProperties.frame = true;
-    windowProperties.minimizable = false;
-    windowProperties.maximizable = false;
-    windowProperties.autoHideMenuBar = true;
-  }
-  const browserWindow = new electron.BrowserWindow(windowProperties);
-  remoteMain.enable(browserWindow.webContents);
-  browserWindow.loadFile(path.join(__dirname, 'settings.html'), {
-    query: {
-      settings: JSON.stringify(settings),
-      import: ImporterHint === 'none' ? '' : ImporterHint
-    }
-  });
-
-  browserWindow.once('ready-to-show', () => {
-    browserWindow.show();
-  });
-
-  return browserWindow;
-}
-
 /**
  * Creates and configures a modal changelog window as a child of the specified parent Electron BrowserWindow.
  *
diff --git a/electron/build/build.mjs b/electron/build/build.mjs
index 77fee612..3e1e753d 100644
--- a/electron/build/build.mjs
+++ b/electron/build/build.mjs
@@ -51,7 +51,7 @@ const OS_CONFIGS = {
   },
   windows: {
     aliases: ['win', 'win32', 'win64'],
-    formats: ['exe', 'msi', 'nsis', 'portable'],
+    formats: ['exe', 'msi', 'nsis', 'portable', 'dir'],
     arches: ['x64', 'ia32', 'arm64']
   }
 };
@@ -80,7 +80,7 @@ Examples:
 Supported formats by OS:
   macOS:   dmg, zip, dir
   Linux:   deb, rpm, tar.gz, AppImage
-  Windows: exe, msi, nsis, portable
+  Windows: exe, msi, nsis, portable, dir
 
 Supported architectures by OS:
   macOS:   x64, arm64, universal
diff --git a/electron/build/disk.icns b/electron/build/disk.icns
index 4c3fbaba..26ed11e5 100644
Binary files a/electron/build/disk.icns and b/electron/build/disk.icns differ
diff --git a/electron/build/icon.ico b/electron/build/icon.ico
index 3337798f..52ac2911 100755
Binary files a/electron/build/icon.ico and b/electron/build/icon.ico differ
diff --git a/electron/build/icon.icon/Assets/square.svg b/electron/build/icon.icon/Assets/square.svg
new file mode 100644
index 00000000..dc329638
--- /dev/null
+++ b/electron/build/icon.icon/Assets/square.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 6 6 L 6 26 L 26 26 L 26 6 L 6 6 z"/></svg>
\ No newline at end of file
diff --git a/electron/build/icon.icon/icon.json b/electron/build/icon.icon/icon.json
index c2eb5040..1d24586c 100644
--- a/electron/build/icon.icon/icon.json
+++ b/electron/build/icon.icon/icon.json
@@ -2,7 +2,7 @@
   "fill": {
     "linear-gradient": [
       "display-p3:0.95294,0.74369,0.57953,1.00000",
-      "display-p3:0.38403,0.28804,0.32936,1.00000"
+      "display-p3:0.38403,0.11481,0.31974,1.00000"
     ]
   },
   "groups": [
@@ -41,7 +41,10 @@
             {
               "appearance": "dark",
               "value": {
-                "automatic-gradient": "display-p3:0.89893,0.62793,0.50586,1.00000"
+                "linear-gradient": [
+                  "display-p3:0.96036,0.73272,0.63018,1.00000",
+                  "display-p3:0.89893,0.41239,0.40128,1.00000"
+                ]
               }
             },
             {
@@ -130,6 +133,55 @@
       "blur-material": 0.5,
       "hidden": false,
       "layers": [
+        {
+          "blend-mode": "hard-light",
+          "fill": {
+            "linear-gradient": [
+              "display-p3:1.00000,0.62569,0.53757,0.44271",
+              "display-p3:0.35562,0.09344,0.23442,0.68666"
+            ]
+          },
+          "glass": false,
+          "hidden-specializations": [
+            {
+              "value": true
+            },
+            {
+              "idiom": "macOS",
+              "value": false
+            }
+          ],
+          "image-name": "square.svg",
+          "name": "square",
+          "opacity-specializations": [
+            {
+              "value": 1
+            },
+            {
+              "appearance": "dark",
+              "value": 0
+            },
+            {
+              "appearance": "tinted",
+              "value": 0
+            }
+          ],
+          "position-specializations": [
+            {
+              "value": {
+                "scale": 1,
+                "translation-in-points": [-368.3984375, -278.84375]
+              }
+            },
+            {
+              "idiom": "macOS",
+              "value": {
+                "scale": 3,
+                "translation-in-points": [0, 0]
+              }
+            }
+          ]
+        },
         {
           "fill-specializations": [
             {
@@ -175,6 +227,12 @@
           }
         },
         {
+          "blend-mode-specializations": [
+            {
+              "appearance": "tinted",
+              "value": "plus-darker"
+            }
+          ],
           "fill-specializations": [
             {
               "value": {
@@ -219,6 +277,12 @@
           }
         },
         {
+          "blend-mode-specializations": [
+            {
+              "appearance": "tinted",
+              "value": "normal"
+            }
+          ],
           "fill-specializations": [
             {
               "value": {
@@ -267,6 +331,12 @@
           }
         },
         {
+          "blend-mode-specializations": [
+            {
+              "appearance": "tinted",
+              "value": "plus-darker"
+            }
+          ],
           "fill-specializations": [
             {
               "value": {
@@ -378,6 +448,7 @@
     }
   ],
   "supported-platforms": {
+    "circles": ["watchOS"],
     "squares": ["macOS"]
   }
 }
diff --git a/electron/build/icon.png b/electron/build/icon.png
index 6dfd264d..398c6e57 100755
Binary files a/electron/build/icon.png and b/electron/build/icon.png differ
diff --git a/electron/build/portable-readme.txt b/electron/build/portable-readme.txt
new file mode 100644
index 00000000..6d294f8b
--- /dev/null
+++ b/electron/build/portable-readme.txt
@@ -0,0 +1,5 @@
+Horizon runs in portable mode while this folder sits next to it.
+All settings, logs and caches are stored here instead of your user profile.
+
+To move to a new version by hand, put this folder next to the new copy.
+To go back to the normal data location, delete or rename this folder.
diff --git a/electron/chat.ts b/electron/chat.ts
index cc7c6d10..d7c15270 100644
--- a/electron/chat.ts
+++ b/electron/chat.ts
@@ -57,6 +57,7 @@ import l, { setLanguage } from '../chat/localize';
 // import {setupRaven} from '../chat/vue-raven';
 import Socket from '../chat/WebSocket';
 import Connection from '../fchat/connection';
+import core from '../chat/core';
 import { Keys } from '../keys';
 import { GeneralSettings /*, nativeRequire*/ } from './common';
 import { Logs, SettingsStore } from './filesystem';
@@ -66,6 +67,7 @@ import Index from './Index.vue';
 import log from 'electron-log'; // tslint:disable-line: match-default-export-name
 import { WordPosSearch } from '../learn/dictionary/word-pos-search';
 import { MenuItemConstructorOptions } from 'electron/main';
+import ElectronPlatformService from './platform';
 
 log.debug('init.chat');
 
@@ -389,17 +391,42 @@ const connection = new Connection(
   remote.app.getVersion(),
   Socket
 );
-initCore(connection, settings, Logs, SettingsStore, Notifications);
+const platform = new ElectronPlatformService();
+async function startChat(): Promise<void> {
+  await initCore(
+    connection,
+    settings,
+    Logs,
+    SettingsStore,
+    Notifications,
+    platform
+  );
 
-log.debug('init.chat.vue');
+  electron.ipcRenderer.on('reload-settings', () => {
+    void core
+      .reloadSettings()
+      .then(() => {
+        EventBus.$emit('configuration-update', core.state.settings);
+      })
+      .catch(err => {
+        log.error('settings.reload.error', err);
+      });
+  });
 
-//tslint:disable-next-line:no-unused-expression
-new Index({
-  el: '#app',
-  data: {
-    settings,
-    hasCompletedUpgrades: JSON.parse(params['hasCompletedUpgrades']!)
-  }
-});
+  log.debug('init.chat.vue');
 
-log.debug('init.chat.vue.done');
+  //tslint:disable-next-line:no-unused-expression
+  new Index({
+    el: '#app',
+    data: {
+      settings,
+      hasCompletedUpgrades: JSON.parse(params['hasCompletedUpgrades']!)
+    }
+  });
+
+  log.debug('init.chat.vue.done');
+}
+
+void startChat().catch(err => {
+  log.error('core.init.error', err);
+});
diff --git a/electron/common.ts b/electron/common.ts
index 4d57c0f7..2bbf6909 100644
--- a/electron/common.ts
+++ b/electron/common.ts
@@ -1,6 +1,10 @@
 import * as electron from 'electron';
 import * as path from 'path';
 import { ProfileViewerGalleryType } from '../site/utils';
+import {
+  GeneralSettings as GeneralSettingsInterface,
+  ColorblindMode
+} from '../chat/general-settings';
 
 import log from 'electron-log'; //tslint:disable-line:match-default-export-name
 
@@ -23,7 +27,7 @@ function getDefaultLanguage(): string {
   }
 }
 
-export class GeneralSettings {
+export class GeneralSettings implements GeneralSettingsInterface {
   account = '';
   closeToTray = true;
   profileViewer = true;
@@ -49,6 +53,8 @@ export class GeneralSettings {
   customDictionary: string[] = [];
   hwAcceleration = true;
   reducedMotion = false;
+  horizonHighContrast = false;
+  horizonColorblindMode: ColorblindMode = 'none';
   risingCacheExpiryDays = 30;
   horizonCacheMemoryCount = 350;
   risingSystemLogLevel: log.LevelOption = 'info';
diff --git a/electron/filesystem.ts b/electron/filesystem.ts
index 2878074e..c0b6028d 100644
--- a/electron/filesystem.ts
+++ b/electron/filesystem.ts
@@ -3,7 +3,7 @@ import * as fs from 'fs';
 import * as path from 'path';
 import { promisify } from 'util';
 import { Message as MessageImpl } from '../chat/common';
-import core from '../chat/core';
+import core, { GLOBAL_SETTINGS_CHARACTER } from '../chat/core';
 import {
   Character,
   Conversation,
@@ -11,15 +11,8 @@ import {
   Settings
 } from '../chat/interfaces';
 import l from '../chat/localize';
-import { GeneralSettings } from './common';
 import { isFilesystemArtifact } from './services/log-backup';
 
-declare module '../chat/interfaces' {
-  interface State {
-    generalSettings?: GeneralSettings;
-  }
-}
-
 const dayMs = 86400000;
 const read = promisify(fs.read);
 
@@ -267,6 +260,7 @@ export class Logs implements Logging {
   constructor() {
     core.connection.onEvent('connecting', () => {
       this.index = loadIndex(core.connection.character);
+      this.loadedCharacter = undefined;
     });
   }
 
@@ -300,10 +294,10 @@ export class Logs implements Logging {
   }
 
   private getIndex(name: string): Index {
+    if (name === core.connection.character) return this.index;
     if (this.loadedCharacter === name) return this.loadedIndex!;
     this.loadedCharacter = name;
-    return (this.loadedIndex =
-      name === core.connection.character ? this.index : loadIndex(name));
+    return (this.loadedIndex = loadIndex(name));
   }
 
   async getLogDates(
@@ -393,7 +387,7 @@ export class Logs implements Logging {
     fs.mkdirSync(baseDir, { recursive: true });
     return fs
       .readdirSync(baseDir)
-      .filter(x => fs.statSync(path.join(baseDir, x)).isDirectory());
+      .filter(x => isValidCharacterDirectory(baseDir, x));
   }
 }
 
@@ -430,18 +424,29 @@ export class SettingsStore implements Settings.Store {
     const baseDir = core.state.generalSettings!.logDirectory;
     return fs
       .readdirSync(baseDir)
-      .filter(x => fs.statSync(path.join(baseDir, x)).isDirectory());
+      .filter(x => isValidCharacterDirectory(baseDir, x));
   }
 
   //tslint:disable-next-line:no-async-without-await
   async set<K extends keyof Settings.Keys>(
     key: K,
-    value: Settings.Keys[K]
+    value: Settings.Keys[K],
+    character?: string
   ): Promise<void> {
-    writeFile(path.join(getSettingsDir(), key), JSON.stringify(value));
+    writeFile(path.join(getSettingsDir(character), key), JSON.stringify(value));
   }
 }
 
+function isValidCharacterDirectory(
+  baseDir: string,
+  character: string
+): boolean {
+  return (
+    character !== GLOBAL_SETTINGS_CHARACTER &&
+    fs.statSync(path.join(baseDir, character)).isDirectory()
+  );
+}
+
 /**
  * Directly fetch the previously saved drafts from disk and return the resulting object to the cache.
  * @function
diff --git a/electron/language.ts b/electron/language.ts
index 3aa8820d..5eec1f85 100644
--- a/electron/language.ts
+++ b/electron/language.ts
@@ -1,4 +1,7 @@
 import * as _ from 'lodash';
+import { formatLanguage, knownLanguageNames } from '../chat/languages';
+
+export { formatLanguage, knownLanguageNames };
 
 export function getSafeLanguages(
   langs: string | string[] | undefined
@@ -25,66 +28,3 @@ let supportedLanguages: string[] = [];
 export function updateSupportedLanguages(langs: string[]): void {
   supportedLanguages = langs;
 }
-
-export const knownLanguageNames = {
-  af: 'Afrikaans',
-  bg: 'Bulgarian',
-  ca: 'Catalan',
-  cs: 'Czech',
-  cy: 'Welsh',
-  da: 'Danish',
-  de: 'German, Generic',
-  'de-DE': 'German',
-  el: 'Greek',
-
-  'en-AU': 'English, Australian',
-  'en-CA': 'English, Canadian',
-  'en-GB': 'English, British',
-  'en-GB-oxendict': 'English, British, Oxford Spelling',
-  'en-US': 'English, American',
-
-  es: 'Spanish',
-  'es-419': 'Spanish, Latin America and Caribbean',
-  'es-AR': 'Spanish, Argentine',
-  'es-ES': 'Spanish, Castilian',
-  'es-MX': 'Spanish, Mexican',
-  'es-US': 'Spanish, American',
-
-  et: 'Estonian',
-  fa: 'Persian',
-  fo: 'Faroese',
-  fr: 'French, Generic',
-  'fr-FR': 'French',
-  he: 'Hebrew',
-  hi: 'Hindi',
-  hr: 'Croatian',
-  hu: 'Hungarian',
-  hy: 'Armenian',
-  id: 'Indonesian',
-  it: 'Italian, Generic',
-  'it-IT': 'Italian',
-  ko: 'Korean',
-  lt: 'Lithuanian',
-  lv: 'Latvian',
-  nb: 'Norwegian',
-  nl: 'Dutch',
-  pl: 'Polish',
-
-  'pt-BR': 'Portuguese, Brazilian',
-  'pt-PT': 'Portuguese, European',
-  pt: 'Portuguese, Generic',
-
-  ro: 'Romanian',
-  ru: 'Russian',
-  sh: 'Serbo-Croatian',
-  sk: 'Slovak',
-  sl: 'Slovenian',
-  sq: 'Albanian',
-  sr: 'Serbian',
-  sv: 'Swedish',
-  ta: 'Tamil',
-  tg: 'Tajik',
-  tr: 'Turkish',
-  uk: 'Ukranian',
-  vi: 'Vietnamese'
-};
diff --git a/electron/main.ts b/electron/main.ts
index f80ee42f..47bc3237 100644
--- a/electron/main.ts
+++ b/electron/main.ts
@@ -38,6 +38,12 @@
  * @see {@link https://github.com/f-list/exported|GitHub repo}
  */
 
+// ! Keep first: other modules read userData at import time
+import {
+  isPortable,
+  resolveLogDirectory,
+  toStoredLogDirectory
+} from './portable';
 import * as electron from 'electron';
 
 import log from 'electron-log'; //tslint:disable-line:match-default-export-name
@@ -55,14 +61,16 @@ import { IpcMainEvent, session } from 'electron';
 import * as browserWindows from './browser_windows';
 import * as remoteMain from '@electron/remote/main';
 import { Event } from 'electron/main';
-import { autoUpdater } from 'electron-updater';
+import { autoUpdater, UpdateCheckResult } from 'electron-updater';
 import Axios from 'axios';
 import { ProfileViewerGalleryType } from '../site/utils';
+import { getSafeLanguages } from './language';
 import {
   cancelSyncJobs,
   hasSyncJobs,
   registerSyncJobHandlers
 } from './services/sync/main-jobs';
+import { registerApiTicketProvider } from './api-ticket';
 
 const configuredSessions = new WeakSet<electron.Session>();
 
@@ -316,7 +324,8 @@ const updateNoticeState: {
 let pendingUpdatePromptTag: string | undefined;
 
 if (!fs.existsSync(settingsFile)) {
-  shouldImportSettings = true;
+  // ^ Don't pull the host machine's chat data into a fresh portable copy
+  shouldImportSettings = !isPortable;
 } else {
   try {
     Object.assign(
@@ -326,6 +335,7 @@ if (!fs.existsSync(settingsFile)) {
   } catch (e) {
     log.error(`Error loading settings: ${e}`);
   }
+  settings.logDirectory = resolveLogDirectory(settings.logDirectory);
 }
 
 // ^ pre-2.4 builds persisted snake_case ids; keep in sync with legacyCodes in chat/localize.ts
@@ -358,7 +368,13 @@ export function updateSpellCheckerLanguages(langs: string[]): void {
 
 function setGeneralSettings(value: GeneralSettings): void {
   log.debug('settings.save', value);
-  fs.writeFileSync(path.join(settingsDir, 'settings'), JSON.stringify(value));
+  fs.writeFileSync(
+    path.join(settingsDir, 'settings'),
+    JSON.stringify({
+      ...value,
+      logDirectory: toStoredLogDirectory(value.logDirectory)
+    })
+  );
   for (const w of electron.webContents.getAllWebContents())
     w.send('settings', settings);
 
@@ -377,7 +393,7 @@ function supportsAutoUpdates(): boolean {
   if (process.platform === 'linux') {
     return Boolean(process.env.APPIMAGE);
   }
-  return true;
+  return !isPortable;
 }
 
 function isProductionMode(): boolean {
@@ -483,9 +499,9 @@ async function checkForGitRelease(
   semVer: string,
   releaseUrl: string,
   updateMode: 'auto' | 'manual'
-): Promise<void> {
+): Promise<boolean> {
   if (!settings.updateCheck) {
-    return;
+    return false;
   }
   try {
     let releases: ReleaseInfo[] = (
@@ -507,14 +523,14 @@ async function checkForGitRelease(
           `Update skipped: ${release.tag_name}`
         );
         setUpdateNotice(false);
-        return;
+        return false;
       }
       if (release.tag_name == semVer) {
         log.info(
           'updateCheck.state.upToDate',
           `Solstice up to date: ${semVer}`
         );
-        return;
+        return false;
       }
       log.info(
         'updateCheck.state.new',
@@ -523,20 +539,23 @@ async function checkForGitRelease(
 
       setUpdateNotice(true, release.tag_name);
       maybeShowUpdatePrompt(release.tag_name, updateMode);
-      return;
+      return true;
     }
   } catch (e) {
     log.error(`Error checking for update: ${e}`);
+    return false;
   }
+  return false;
 }
 
-async function runAutoUpdateCheck(): Promise<void> {
-  if (!settings.updateCheck) return;
+async function runAutoUpdateCheck(): Promise<UpdateCheckResult | null> {
+  if (!settings.updateCheck) return null;
   try {
     autoUpdater.allowPrerelease = settings.beta;
-    await autoUpdater.checkForUpdates();
+    return await autoUpdater.checkForUpdates();
   } catch (e) {
     log.error('autoUpdater.check.failed', e);
+    return null;
   }
 }
 async function requestUpdateDownload(expectedTag?: string): Promise<void> {
@@ -658,6 +677,8 @@ function confirmUpdate(updateVersion: string): boolean {
 
 // Schemes safe to hand to a spawned browser; anything else goes to the OS.
 const EXTERNAL_BROWSER_SCHEMES = ['http:', 'https:'];
+// ! Any other scheme reaches whatever app the OS registered for it (ms-msdt:)
+const OS_SCHEMES = ['mailto:', 'irc:'];
 
 function resolveCustomBrowser(): string | null {
   const browserPath = settings.browserPath;
@@ -675,9 +696,9 @@ function resolveCustomBrowser(): string | null {
   return browserPath;
 }
 
-function isWebUrl(linkUrl: string): boolean {
+function hasScheme(linkUrl: string, schemes: string[]): boolean {
   try {
-    return EXTERNAL_BROWSER_SCHEMES.includes(new URL(linkUrl).protocol);
+    return schemes.includes(new URL(linkUrl).protocol);
   } catch {
     return false;
   }
@@ -918,13 +939,18 @@ export function openURLExternally(
   linkUrl: string,
   mode: ExternalOpenMode = 'auto'
 ): void {
+  if (!hasScheme(linkUrl, [...EXTERNAL_BROWSER_SCHEMES, ...OS_SCHEMES])) {
+    log.warn('openURLExternally.blockedScheme', linkUrl.split(':', 1)[0]);
+    return;
+  }
+
   const wantsIncognito =
     mode === 'incognito' ||
     (mode === 'auto' && settings.horizonAlwaysOpenIncognito);
 
   // A private-window flag is meaningless for mailto: and friends, and macOS has
   // no incognito path -- both fall through to the normal open below.
-  if (wantsIncognito && isWebUrl(linkUrl)) {
+  if (wantsIncognito && hasScheme(linkUrl, EXTERNAL_BROWSER_SCHEMES)) {
     if (process.platform === 'win32') {
       openIncognitoWindows(linkUrl);
       return;
@@ -938,7 +964,7 @@ export function openURLExternally(
   const browserPath = resolveCustomBrowser();
 
   // No custom browser, or not a web link: let the OS handle it.
-  if (browserPath === null || !isWebUrl(linkUrl)) {
+  if (browserPath === null || !hasScheme(linkUrl, EXTERNAL_BROWSER_SCHEMES)) {
     electron.shell.openExternal(linkUrl);
     return;
   }
@@ -1399,15 +1425,37 @@ async function onReady(): Promise<void> {
           },
           {
             label: l('action.checkForUpdates'),
-            click: (_m: electron.MenuItem, _w: electron.BrowserWindow) => {
+            click: (_m: electron.MenuItem, w: electron.BrowserWindow) => {
               if (supportsAutoUpdates()) {
-                void runAutoUpdateCheck();
+                runAutoUpdateCheck().then(result => {
+                  if (result && result.isUpdateAvailable) {
+                    log.info('autoUpdater.manualCheck.success', result);
+                  } else {
+                    log.info('autoUpdater.manualCheck.noUpdate');
+                    electron.dialog.showMessageBoxSync(w, {
+                      type: 'info',
+                      title: l('title'),
+                      message: l('update.noUpdateAvailable')
+                    });
+                  }
+                });
               } else {
                 void checkForGitRelease(
                   `v${app.getVersion()}`,
                   releasesUrl,
                   'manual'
-                );
+                ).then(result => {
+                  if (result) {
+                    log.info('gitRelease.manualCheck.success', result);
+                  } else {
+                    log.info('gitRelease.manualCheck.noUpdate');
+                    electron.dialog.showMessageBoxSync(w, {
+                      type: 'info',
+                      title: l('title'),
+                      message: l('update.noUpdateAvailable')
+                    });
+                  }
+                });
               }
             },
             disabled: process.env.NODE_ENV !== 'production',
@@ -1433,11 +1481,7 @@ async function onReady(): Promise<void> {
           {
             label: l('action.preferences'),
             click: (_m, window: electron.BrowserWindow) => {
-              browserWindows.createSettingsWindow(
-                settings,
-                shouldImportSettings ? 'auto' : 'none',
-                window
-              );
+              window.webContents.send('settings-menu');
             },
             accelerator: 'CmdOrCtrl+,'
           },
@@ -1639,13 +1683,6 @@ async function onReady(): Promise<void> {
       );
     }
   );
-  electron.ipcMain.on('open-settings-menu', (_event: IpcMainEvent) => {
-    browserWindows.createSettingsWindow(
-      settings,
-      'none',
-      electron.BrowserWindow.getFocusedWindow()!
-    );
-  });
 
   electron.ipcMain.on(
     'open-exporter-window',
@@ -1660,6 +1697,8 @@ async function onReady(): Promise<void> {
     }
   );
 
+  registerApiTicketProvider();
+
   electron.ipcMain.on(
     'save-login',
     (_event: IpcMainEvent, account: string, host: string, proxy: string) => {
@@ -1878,6 +1917,10 @@ async function onReady(): Promise<void> {
         let badgeChange =
           settings.horizonShowNotificationBadge !==
           _options.horizonShowNotificationBadge;
+        let spellcheckChange = !_.isEqual(
+          getSafeLanguages(settings.spellcheckLang),
+          getSafeLanguages(_options.spellcheckLang)
+        );
         Object.assign(settings, _options);
         //Now we save it to a file
         setGeneralSettings(_options);
@@ -1899,10 +1942,23 @@ async function onReady(): Promise<void> {
             settings.horizonShowNotificationBadge
           );
         }
+
+        if (spellcheckChange) {
+          updateSpellCheckerLanguages(
+            getSafeLanguages(settings.spellcheckLang)
+          );
+        }
       }
     }
   );
 
+  electron.ipcMain.on('request-reload-settings', event => {
+    for (const w of electron.webContents.getAllWebContents()) {
+      if (w.id === event.sender.id) continue;
+      w.send('reload-settings');
+    }
+  });
+
   electron.ipcMain.on(
     'open-url-externally',
     (_e, _url: string, mode: ExternalOpenMode = 'auto') => {
diff --git a/electron/package.json b/electron/package.json
index ce72d7d6..afd76dd6 100644
--- a/electron/package.json
+++ b/electron/package.json
@@ -114,7 +114,7 @@
   },
   "devDependencies": {
     "commander": "^14.0.0",
-    "electron": "42.4.1",
+    "electron": "43.8.4",
     "electron-builder": "27.0.0-alpha.8"
   },
   "dependencies": {
diff --git a/electron/platform.ts b/electron/platform.ts
new file mode 100644
index 00000000..65bf0989
--- /dev/null
+++ b/electron/platform.ts
@@ -0,0 +1,56 @@
+import * as electron from 'electron';
+import * as remote from '@electron/remote';
+import { GeneralSettings } from '../chat/general-settings';
+import {
+  DirectoryPickerOptions,
+  FilePickerOptions,
+  PlatformServices,
+  SpellcheckLanguage
+} from '../chat/platform';
+import { formatLanguage } from '../chat/languages';
+
+export default class ElectronPlatformService implements PlatformServices {
+  async saveGeneralSettings(settings: GeneralSettings): Promise<void> {
+    electron.ipcRenderer.send('general-settings-update', settings);
+  }
+
+  async updateLogDirectory(directory: string): Promise<void> {
+    electron.ipcRenderer.send('log-path-update', directory);
+  }
+
+  async reloadSettings(): Promise<void> {
+    electron.ipcRenderer.send('request-reload-settings');
+  }
+
+  async selectDirectory(
+    options: DirectoryPickerOptions = {}
+  ): Promise<string | undefined> {
+    const result = await remote.dialog.showOpenDialog({
+      defaultPath: options.defaultPath,
+      properties: ['openDirectory']
+    });
+
+    return result.canceled ? undefined : result.filePaths[0];
+  }
+
+  async selectFile(
+    _options: FilePickerOptions = {}
+  ): Promise<string | undefined> {
+    const result = await electron.ipcRenderer.invoke('browser-option-browse');
+    return typeof result === 'string' && result.length > 0 ? result : undefined;
+  }
+
+  async openDirectory(directory: string): Promise<void> {
+    electron.ipcRenderer.send('open-dir', directory);
+  }
+
+  async getSpellcheckLanguages(): Promise<ReadonlyArray<SpellcheckLanguage>> {
+    const languages =
+      remote.getCurrentWindow().webContents.session
+        .availableSpellCheckerLanguages;
+
+    return languages
+      .map(code => ({ code, name: formatLanguage(code) }))
+      .sort((a, b) => a.name.localeCompare(b.name));
+  }
+}
diff --git a/electron/portable.ts b/electron/portable.ts
new file mode 100644
index 00000000..18144536
--- /dev/null
+++ b/electron/portable.ts
@@ -0,0 +1,47 @@
+import { app } from 'electron';
+import * as fs from 'fs';
+import * as path from 'path';
+
+const portableDataDirName = 'horizon-data';
+
+function getAppDir(): string {
+  // ^ The Windows portable exe and AppImages run from a temporary extraction
+  if (process.env.PORTABLE_EXECUTABLE_DIR)
+    return process.env.PORTABLE_EXECUTABLE_DIR;
+  return path.dirname(process.env.APPIMAGE || app.getPath('exe'));
+}
+
+const installedLogDirectory = path.join(app.getPath('userData'), 'data');
+const portableDataDir = path.join(getAppDir(), portableDataDirName);
+
+// ! Not on macOS: electron-log hardcodes ~/Library/Logs, and Gatekeeper
+// translocation hides the folder next to apps that haven't been moved
+export const isPortable =
+  process.platform !== 'darwin' && fs.existsSync(portableDataDir);
+
+if (isPortable) {
+  app.setPath('userData', portableDataDir);
+  app.setAppLogsPath(path.join(portableDataDir, 'logs'));
+}
+
+function isPathInside(child: string, parent: string): boolean {
+  const relative = path.relative(parent, child);
+  return (
+    relative !== '..' &&
+    !relative.startsWith(`..${path.sep}`) &&
+    !path.isAbsolute(relative)
+  );
+}
+
+export function resolveLogDirectory(stored: string): string {
+  // ^ Settings copied from an installed copy still point at its data folder
+  if (isPortable && path.resolve(stored) === installedLogDirectory)
+    return path.join(portableDataDir, 'data');
+  return path.resolve(app.getPath('userData'), stored);
+}
+
+// ^ Relative, so the folder survives moving between machines and drive letters
+export function toStoredLogDirectory(dir: string): string {
+  if (!isPortable || !isPathInside(dir, portableDataDir)) return dir;
+  return path.relative(portableDataDir, dir);
+}
diff --git a/electron/release-scripts/linux-portable.sh b/electron/release-scripts/linux-portable.sh
new file mode 100755
index 00000000..77649516
--- /dev/null
+++ b/electron/release-scripts/linux-portable.sh
@@ -0,0 +1,30 @@
+#!/bin/bash -e
+
+# & Usage: ./linux-portable.sh DIST_PATH RELEASE_PATH
+# ** Bundles each AppImage with a horizon-data folder as a portable tar.gz.
+#    ^ Not the unpacked app: the AppImage launcher handles the Chromium sandbox
+#      on distros that restrict user namespaces.
+
+DIST_PATH="$1"
+RELEASE_PATH="$2"
+
+if [ -z "$DIST_PATH" ] || [ -z "$RELEASE_PATH" ]; then
+  echo "Usage: $0 DIST_PATH RELEASE_PATH"
+  exit 1
+fi
+
+ELECTRON_PATH="$(cd "$(dirname "$0")/.." && pwd)"
+STAGE_PATH="$(mktemp -d)"
+trap 'rm -rf "$STAGE_PATH"' EXIT
+
+mkdir -p "$RELEASE_PATH"
+shopt -s nullglob
+
+for APPIMAGE in "$DIST_PATH"/*.AppImage; do
+  BUNDLE_PATH="$STAGE_PATH/Horizon"
+  rm -rf "$BUNDLE_PATH"
+  mkdir -p "$BUNDLE_PATH/horizon-data"
+  cp "$APPIMAGE" "$BUNDLE_PATH/"
+  cp "$ELECTRON_PATH/build/portable-readme.txt" "$BUNDLE_PATH/horizon-data/README.txt"
+  tar -czf "$RELEASE_PATH/$(basename "$APPIMAGE" .AppImage)-portable.tar.gz" -C "$STAGE_PATH" Horizon
+done
diff --git a/electron/release-scripts/linux.sh b/electron/release-scripts/linux.sh
index beab351c..78a5d5ee 100755
--- a/electron/release-scripts/linux.sh
+++ b/electron/release-scripts/linux.sh
@@ -48,3 +48,4 @@ cp "$DIST_PATH"/*.rpm "$RELEASE_PATH"/ 2>/dev/null || true
 cp "$DIST_PATH"/*.AppImage "$RELEASE_PATH"/ 2>/dev/null || true
 cp "$DIST_PATH"/latest*.yml "$RELEASE_PATH"/ 2>/dev/null || true
 cp "$DIST_PATH"/*.blockmap "$RELEASE_PATH"/ 2>/dev/null || true
+bash "$REPO_ROOT/electron/release-scripts/linux-portable.sh" "$DIST_PATH" "$RELEASE_PATH"
diff --git a/electron/release-scripts/macos-dev.sh b/electron/release-scripts/macos-dev.sh
index bcfbf537..b71cfe0a 100644
--- a/electron/release-scripts/macos-dev.sh
+++ b/electron/release-scripts/macos-dev.sh
@@ -39,15 +39,13 @@ cd electron
 rm -rf app dist
 # Create dist directory for logging before build
 mkdir -p "$DIST_PATH"
-if [ -n "$ARCH" ]; then
-  pnpm run webpack:dev
-  node build/build.mjs --os macos --format zip --arch "$ARCH"
-else
-  pnpm build:dev:mac
-fi
+pnpm run webpack:dev
+node build/build.mjs --os macos --format dmg --arch "${ARCH:-universal}"
 
 # & Prepare release directory
 mkdir -p "$RELEASE_PATH"
 
-# & Copy artifacts (both dmg and zip files)
-cp "$DIST_PATH"/*.zip "$RELEASE_PATH"/ 2>/dev/null || true
+# & Copy artifacts
+# ^ A dmg rather than a zip: the CI artifact is already a zip, and the .app
+#   can't go in bare because artifacts drop its symlinks and exec bits.
+cp "$DIST_PATH"/*.dmg "$RELEASE_PATH"/ 2>/dev/null || true
diff --git a/electron/release-scripts/windows-dev.ps1 b/electron/release-scripts/windows-dev.ps1
index f42ed8a9..a123d39e 100644
--- a/electron/release-scripts/windows-dev.ps1
+++ b/electron/release-scripts/windows-dev.ps1
@@ -3,7 +3,7 @@
 <#
 .SYNOPSIS
 Windows dev/PR build script for F-Chat Horizon.
-Builds portable EXE only (no installer, no signtool/elevate).
+Builds the portable app folder only (no installer, no signtool/elevate).
 
 .PARAMETER ReleaseVersion
 The version string for the release.
@@ -46,15 +46,11 @@ pnpm install --frozen-lockfile
 # Build the project
 Set-Location electron
 Remove-Item -Recurse -Force app, dist -ErrorAction SilentlyContinue
+pnpm run webpack:dev
 if ($Arch) {
-    pnpm run webpack:dev
-    node build/build.mjs --os windows --format portable --arch $Arch
+    node build/build.mjs --os windows --format dir --arch $Arch
 } else {
-    pnpm build:dev:win
+    node build/build.mjs --os windows --format dir
 }
 
-# Prepare release directory
-New-Item -ItemType Directory -Path $ReleasePath -Force | Out-Null
-
-# Copy portable exe artifact
-Copy-Item "$DistPath\*.exe" -Destination "$ReleasePath\" -ErrorAction SilentlyContinue
+& "$PSScriptRoot\windows-portable.ps1" -DistPath $DistPath -ReleasePath $ReleasePath -NoArchive
diff --git a/electron/release-scripts/windows-portable.ps1 b/electron/release-scripts/windows-portable.ps1
new file mode 100644
index 00000000..4ea4200a
--- /dev/null
+++ b/electron/release-scripts/windows-portable.ps1
@@ -0,0 +1,57 @@
+#!/usr/bin/env pwsh
+
+<#
+.SYNOPSIS
+Packages each unpacked Windows build in electron\dist as a portable zip.
+
+.DESCRIPTION
+Adds the horizon-data folder here rather than through electron-builder's
+extraFiles, which would also ship it in the NSIS installer.
+
+.PARAMETER DistPath
+The electron-builder output directory containing win*-unpacked folders.
+
+.PARAMETER ReleasePath
+The directory where the zips are written.
+
+.PARAMETER NoArchive
+Copy the portable folders instead of zipping them, for CI artifacts that GitHub
+already zips.
+
+.EXAMPLE
+.\windows-portable.ps1 -DistPath "C:\Horizon\electron\dist" -ReleasePath "C:\release"
+#>
+
+Param(
+    [Parameter(Mandatory = $true)]
+    [string]$DistPath,
+
+    [Parameter(Mandatory = $true)]
+    [string]$ReleasePath,
+
+    [switch]$NoArchive
+)
+
+Set-StrictMode -Version Latest
+$ErrorActionPreference = "Stop"
+
+$ElectronPath = Split-Path $PSScriptRoot -Parent
+$Version = (Get-Content "$ElectronPath\package.json" -Raw | ConvertFrom-Json).version
+
+New-Item -ItemType Directory -Path $ReleasePath -Force | Out-Null
+
+foreach ($Unpacked in Get-ChildItem $DistPath -Directory -Filter "win*-unpacked") {
+    # * electron-builder leaves the arch out of the folder name for x64
+    $Arch = if ($Unpacked.Name -match '^win-(.+)-unpacked$') { $Matches[1] } else { "x64" }
+
+    $DataPath = Join-Path $Unpacked.FullName "horizon-data"
+    New-Item -ItemType Directory -Path $DataPath -Force | Out-Null
+    Copy-Item "$ElectronPath\build\portable-readme.txt" -Destination "$DataPath\README.txt"
+
+    $OutPath = Join-Path $ReleasePath "F-Chat.Horizon-$Version-win-$Arch-portable"
+    if ($NoArchive) {
+        Copy-Item $Unpacked.FullName -Destination $OutPath -Recurse
+    } else {
+        Compress-Archive -Path "$($Unpacked.FullName)\*" -DestinationPath "$OutPath.zip" -Force
+    }
+}
diff --git a/electron/release-scripts/windows.ps1 b/electron/release-scripts/windows.ps1
index 27bd8576..aa50a31b 100644
--- a/electron/release-scripts/windows.ps1
+++ b/electron/release-scripts/windows.ps1
@@ -62,5 +62,6 @@ New-Item -ItemType Directory -Path $ReleasePath -Force | Out-Null
 Copy-Item "$DistPath\*.exe" -Destination "$ReleasePath\" -ErrorAction SilentlyContinue
 Copy-Item "$DistPath\latest*.yml" -Destination "$ReleasePath\" -ErrorAction SilentlyContinue
 Copy-Item "$DistPath\*.blockmap" -Destination "$ReleasePath\" -ErrorAction SilentlyContinue
+& "$PSScriptRoot\windows-portable.ps1" -DistPath $DistPath -ReleasePath $ReleasePath
 
 # TODO: Allow specifying the branch to build from
diff --git a/electron/settings.html b/electron/settings.html
deleted file mode 100644
index eb2838a5..00000000
--- a/electron/settings.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<!--For potential git history reasons, this file used to be named "browser_options.ts" prior to f257b4c6a9d6fc06c1a6f7354e38c2dbd7bc69f6-->
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta
-      http-equiv="Content-Security-Policy"
-      content="default-src 'self' 'unsafe-inline' 'unsafe-eval'; img-src file: data: https://static.f-list.net"
-    />
-    <title>Settings</title>
-    <link href="fa.css" rel="stylesheet" />
-  </head>
-  <body>
-    <div id="browserOption"></div>
-    <script type="text/javascript" src="common.js"></script>
-    <script type="text/javascript" src="settings.js"></script>
-  </body>
-</html>
diff --git a/electron/settings.ts b/electron/settings.ts
deleted file mode 100644
index 750e3718..00000000
--- a/electron/settings.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-//For potential git history reasons, this file used to be named "browser_options.ts" prior to f257b4c6a9d6fc06c1a6f7354e38c2dbd7bc69f6
-import * as qs from 'querystring';
-import log from 'electron-log'; //tslint:disable-line:match-default-export-name
-
-import { GeneralSettings } from './common';
-import BrowserOption from './Settings.vue';
-
-log.info('init.settings');
-
-const params = <{ [key: string]: string | undefined }>(
-  qs.parse(window.location.search.substr(1))
-);
-const settings = <GeneralSettings>JSON.parse(params['settings']!);
-
-const logLevel = process.env.NODE_ENV === 'production' ? 'info' : 'silly';
-
-log.transports.file.level = settings.risingSystemLogLevel || logLevel;
-log.transports.console.level = settings.risingSystemLogLevel || logLevel;
-log.transports.file.maxSize = 5 * 1024 * 1024;
-
-log.info('init.settings.vue');
-
-new BrowserOption({
-  el: '#browserOption',
-  data: { settings }
-});
-
-log.debug('init.settings.vue.done');
diff --git a/electron/webpack.config.js b/electron/webpack.config.js
index ad7ff3d3..8b402f6a 100644
--- a/electron/webpack.config.js
+++ b/electron/webpack.config.js
@@ -102,11 +102,6 @@ const mainConfig = {
         path.join(__dirname, 'window.html'),
         path.join(__dirname, 'build', 'tray@2x.png')
       ],
-      settings: [
-        path.join(__dirname, 'settings.ts'),
-        path.join(__dirname, 'settings.html'),
-        path.join(__dirname, 'build', 'tray@2x.png')
-      ],
       changelog: [
         path.join(__dirname, 'changelog.ts'),
         path.join(__dirname, 'changelog.html'),
diff --git a/fchat/connection.ts b/fchat/connection.ts
index ad12bfda..38811a30 100644
--- a/fchat/connection.ts
+++ b/fchat/connection.ts
@@ -10,10 +10,8 @@ const fatalErrors = [2, 3, 4, 9, 30, 31, 33, 39, 40, 62, -4];
 const dieErrors = [9, 30, 31, 39, 40];
 
 let lastFetch = Date.now();
-let lastApiTicketFetch = Date.now();
 
 const queryApiThroat = throat(2);
-const queryTicketThroat = throat(1);
 
 async function queryApi(
   this: void,
@@ -49,6 +47,7 @@ export default class Connection implements Interfaces.Connection {
   private ticketProvider?: Interfaces.TicketProvider;
   private reconnectDelay = 0;
   private isReconnect = false;
+  private invalidTicket?: string;
   private pinTimeout?: ReturnType<typeof setTimeout>;
 
   constructor(
@@ -59,13 +58,10 @@ export default class Connection implements Interfaces.Connection {
 
   setCredentials(
     account: string,
-    ticketProvider: Interfaces.TicketProvider | string
+    ticketProvider: Interfaces.TicketProvider
   ): void {
     this.account = account;
-    this.ticketProvider =
-      typeof ticketProvider === 'string'
-        ? async () => this.getTicket(ticketProvider)
-        : ticketProvider;
+    this.ticketProvider = ticketProvider;
   }
 
   async connect(character: string): Promise<void> {
@@ -74,7 +70,8 @@ export default class Connection implements Interfaces.Connection {
     if (this.character !== character) this.isReconnect = false;
     this.character = character;
     try {
-      this.ticket = await this.ticketProvider();
+      this.ticket = await this.ticketProvider(this.invalidTicket);
+      this.invalidTicket = undefined;
     } catch (e) {
       if (this.reconnectTimer !== undefined)
         if ((<AxiosError>e).request !== undefined) this.reconnect();
@@ -84,7 +81,13 @@ export default class Connection implements Interfaces.Connection {
     try {
       await this.invokeHandlers('connecting', this.isReconnect);
     } catch (e) {
-      await this.invokeHandlers('closed', false);
+      // keep retrying to reconnectafter a network failure
+      if (
+        this.reconnectTimer !== undefined &&
+        (<AxiosError>e).request !== undefined
+      )
+        this.reconnect();
+      else await this.invokeHandlers('closed', false);
       return this.invokeErrorHandlers(<Error>e);
     }
     if (this.cleanClose) {
@@ -191,7 +194,7 @@ export default class Connection implements Interfaces.Connection {
       throw new Error('No credentials set!');
     }
 
-    this.ticket = await queryTicketThroat(async () => this.ticketProvider!());
+    this.ticket = await this.ticketProvider(oldTicket);
 
     log.debug('api.ticket.renew.resolve.refresh', {
       character: core.characters.ownCharacter?.name
@@ -210,8 +213,7 @@ export default class Connection implements Interfaces.Connection {
       endpoint,
       data,
       character: core.characters.ownCharacter?.name,
-      deltaToLastApiCall: Date.now() - lastFetch,
-      deltaToLastApiTicket: Date.now() - lastApiTicketFetch
+      deltaToLastApiCall: Date.now() - lastFetch
     });
 
     if (data === undefined) data = {};
@@ -229,8 +231,7 @@ export default class Connection implements Interfaces.Connection {
       log.debug('api.ticket.loss', {
         error: res.error,
         character: core.characters.ownCharacter?.name,
-        deltaToLastApiCall: Date.now() - lastFetch,
-        deltaToLastApiTicket: Date.now() - lastApiTicketFetch
+        deltaToLastApiCall: Date.now() - lastFetch
       });
 
       data.ticket = await this.refreshTicket(data.ticket);
@@ -243,8 +244,7 @@ export default class Connection implements Interfaces.Connection {
         endpoint,
         data,
         character: core.characters.ownCharacter?.name,
-        deltaToLastApiCall: Date.now() - lastFetch,
-        deltaToLastApiTicket: Date.now() - lastApiTicketFetch
+        deltaToLastApiCall: Date.now() - lastFetch
       });
 
       const error = new Error(res.error);
@@ -256,8 +256,7 @@ export default class Connection implements Interfaces.Connection {
       endpoint,
       data,
       character: core.characters.ownCharacter?.name,
-      deltaToLastApiCall: Date.now() - lastFetch,
-      deltaToLastApiTicket: Date.now() - lastApiTicketFetch
+      deltaToLastApiCall: Date.now() - lastFetch
     });
 
     return res;
@@ -351,6 +350,8 @@ export default class Connection implements Interfaces.Connection {
         }
         break;
       case 'ERR':
+        // don't reuse the failed ticket, since it's invalid
+        if (data.number === 4) this.invalidTicket = this.ticket;
         if (fatalErrors.indexOf(data.number) !== -1) {
           this.invokeErrorHandlers(new Error(data.message), true);
           if (dieErrors.indexOf(data.number) !== -1) {
@@ -370,53 +371,6 @@ export default class Connection implements Interfaces.Connection {
 
   //tslint:enable
 
-  private async getTicket(password: string): Promise<string> {
-    console.log('Acquiring new API ticket');
-    const oldLastApiTicketFetch = lastApiTicketFetch;
-
-    log.debug('api.getTicket.start', {
-      character: core.characters.ownCharacter?.name,
-      deltaToLastApiCall: Date.now() - lastFetch,
-      deltaToLastApiTicket: Date.now() - oldLastApiTicketFetch
-    });
-
-    lastApiTicketFetch = Date.now();
-
-    const data = <{ ticket?: string; error: string }>(
-      await Axios.post(
-        'https://www.f-list.net/json/getApiTicket.php',
-        qs.stringify({
-          account: this.account,
-          password,
-          no_friends: true,
-          no_bookmarks: true,
-          no_characters: true
-        })
-      )
-    ).data;
-
-    if (data.ticket !== undefined) {
-      log.debug('api.getTicket.success', {
-        character: core.characters.ownCharacter?.name,
-        deltaToLastApiCall: Date.now() - lastFetch,
-        deltaToLastApiTicket: Date.now() - oldLastApiTicketFetch
-      });
-
-      return data.ticket;
-    }
-
-    console.error('API Ticket Error', data.error);
-
-    log.error('error.api.getTicket', {
-      character: core.characters.ownCharacter.name,
-      error: data.error,
-      deltaToLastApiCall: Date.now() - lastFetch,
-      deltaToLastApiTicket: Date.now() - oldLastApiTicketFetch
-    });
-
-    throw new Error(data.error);
-  }
-
   private async invokeHandlers(
     type: Interfaces.EventType,
     isReconnect: boolean
diff --git a/fchat/interfaces.ts b/fchat/interfaces.ts
index 28d67288..fbc177cd 100644
--- a/fchat/interfaces.ts
+++ b/fchat/interfaces.ts
@@ -243,7 +243,7 @@ export namespace Connection {
     data: ServerCommands[T],
     date: Date
   ) => Promise<void> | void;
-  export type TicketProvider = () => Promise<string>;
+  export type TicketProvider = (invalidTicket?: string) => Promise<string>;
   export type EventType = 'connecting' | 'connected' | 'closed';
   export type EventHandler = (isReconnect: boolean) => Promise<void> | void;
 
@@ -263,10 +263,7 @@ export namespace Connection {
     readonly character: string;
     readonly vars: Readonly<Vars>;
     readonly isOpen: boolean;
-    setCredentials(
-      account: string,
-      ticketProvider: TicketProvider | string
-    ): void;
+    setCredentials(account: string, ticketProvider: TicketProvider): void;
     connect(character: string): void;
     close(keepState?: boolean): void;
     onMessage<K extends keyof ServerCommands>(
diff --git a/flake.nix b/flake.nix
index 75d04af4..09a2725e 100644
--- a/flake.nix
+++ b/flake.nix
@@ -23,7 +23,7 @@
 
             pnpmDeps = pkgs.fetchPnpmDeps {
               inherit pname version src;
-              hash = "sha256-RCBYQW/+stREqGY/ENN0NbL0r/sfwq32h1jhBG+CicI=";
+              hash = "sha256-hx+Qwa8j8kb02xSyJ77Ddxp1yk2BwDcxoEJhq6Y8ofg=";
               pnpm = pkgs.pnpm_11;
               fetcherVersion = 4;
             };
diff --git a/learn/cache-manager.ts b/learn/cache-manager.ts
index 0f9eec86..4f94a24b 100644
--- a/learn/cache-manager.ts
+++ b/learn/cache-manager.ts
@@ -143,8 +143,17 @@ export class CacheManager {
 
     const key = ProfileCache.nameKey(name);
 
-    if (!!_.find(this.queue, (q: ProfileCacheQueueEntry) => q.key === key))
+    const existing = _.find(
+      this.queue,
+      (q: ProfileCacheQueueEntry) => q.key === key
+    );
+
+    // retag to the newest channel so a channel switch doesn't drop someone the
+    // new channel just asked for. untagged entries stay untagged
+    if (existing) {
+      if (existing.channelId) existing.channelId = channelId;
       return;
+    }
 
     const entry: ProfileCacheQueueEntry = {
       name,
@@ -245,38 +254,20 @@ export class CacheManager {
    *
    * But under what scenarios do we actually need to process without fetching?
    * @param character Character name to fetch, or a character object to finish
-   * @param fromDiskOnly If true, only attempt to load from disk cache; do not fetch from server
-   * @param deleteAfterFetch If true, delete the profile from cache immediately after fetching
    * Comment imported from Frolic; may be inaccurate if significant changes occured.
+
+   * trimmed significantly with the userlist viertualization changes. fromDiskOnly
+   * caused every profile to reregister no matter what, introducing extra work.
+   * applyOverridesFromStore does the same job without reregistering. 
    */
   async addProfile(
     character: string | ComplexCharacter,
-    fromDiskOnly: boolean = false,
-    deleteAfterFetch: boolean = false
+    channelId?: string
   ): Promise<void> {
     if (typeof character === 'string') {
       // console.log('Learn discover', character);
 
-      if (fromDiskOnly) {
-        const diskChar = await this.profileCache.get(character);
-        if (deleteAfterFetch && diskChar) {
-          this.profileCache.delete(character);
-        }
-        return;
-      }
-      await this.queueForFetching(character);
-      if (deleteAfterFetch) {
-        // Wait until fetched, then delete
-        const checkAndDelete = async () => {
-          const p = await this.profileCache.get(character);
-          if (p) {
-            this.profileCache.delete(character);
-          } else {
-            setTimeout(checkAndDelete, 1000);
-          }
-        };
-        await checkAndDelete();
-      }
+      await this.queueForFetching(character, false, channelId);
       return;
     }
 
diff --git a/learn/filter/smart-filter.ts b/learn/filter/smart-filter.ts
index 19faadef..789fc42d 100644
--- a/learn/filter/smart-filter.ts
+++ b/learn/filter/smart-filter.ts
@@ -3,6 +3,7 @@ import { Matcher } from '../matcher';
 import {
   BodyType,
   Build,
+  fchatGenderMap,
   FurryPreference,
   Gender,
   Kink,
@@ -45,6 +46,10 @@ function getBaseLog(base: number, x: number): number {
 export class SmartFilter {
   constructor(private opts: SmartFilterOpts) {}
 
+  get genders(): Gender[] | undefined {
+    return this.opts.genders;
+  }
+
   test(c: Character): SmartFilterTestResult {
     const builds = this.testBuilds(c);
     const bodyTypes = this.testBodyTypes(c);
@@ -417,6 +422,49 @@ export const smartFilters: SmartFilterCollection = {
   })
 };
 
+// gender is the one thing the chat protocol already tells us about everyone, so
+// the gender filters can be done without a profile read. i have no idea why
+// we weren't doing this already
+const genderFilterKeys = new Map<Gender, (keyof SmartFilterSelection)[]>();
+
+for (const [key, filter] of Object.entries(smartFilters)) {
+  for (const gender of filter.genders || []) {
+    const keys = genderFilterKeys.get(gender) || [];
+    keys.push(key as keyof SmartFilterSelection);
+    genderFilterKeys.set(gender, keys);
+  }
+}
+
+export interface ChatMember {
+  readonly name: string;
+  readonly gender?: string;
+  readonly isChatOp?: boolean;
+  readonly isBookmarked?: boolean;
+  readonly isFriend?: boolean;
+}
+
+/**
+ * Whether the gender smart filters alone hide someone, using only their chat
+ * gender. isFiltered is an OR, so a match here is decisive and needs no profile read.
+ * a false only means the gender filters don't hide them, not that nothing else will.
+ *
+ * Mirrors the exemptions in {@link testSmartFilters | `testSmartFilters`}.
+ */
+export function isFilteredByChatGender(
+  member: ChatMember,
+  opts: SmartFilterSettings
+): boolean {
+  if (!member.gender) return false;
+  if (member.name === core.characters.ownCharacter.name) return false;
+  if (member.isChatOp || member.isBookmarked || member.isFriend) return false;
+  if (opts.exceptionNames.includes(member.name)) return false;
+
+  const gender = fchatGenderMap[member.gender];
+  const keys = gender === undefined ? undefined : genderFilterKeys.get(gender);
+
+  return !!keys && keys.some(key => opts.smartFilters[key]);
+}
+
 export function testSmartFilters(
   c: Character,
   opts: SmartFilterSettings
@@ -492,5 +540,5 @@ export function matchesSmartFilters(
     return true;
   }
 
-  return !_.every(match.filters, filterResult => !filterResult.isFiltered);
+  return !_.every(match.filters, filterResult => !filterResult?.isFiltered);
 }
diff --git a/learn/filter/types.ts b/learn/filter/types.ts
index 3bf9b4c4..7136d28c 100644
--- a/learn/filter/types.ts
+++ b/learn/filter/types.ts
@@ -50,3 +50,11 @@ export interface SmartFilterSettings {
 
   exceptionNames: string[];
 }
+
+export function hasActiveSmartFilters(opts: SmartFilterSettings): boolean {
+  return (
+    opts.minAge !== null ||
+    opts.maxAge !== null ||
+    Object.values(opts.smartFilters).some(enabled => enabled)
+  );
+}
diff --git a/learn/matcher-types.ts b/learn/matcher-types.ts
index 3e1b390c..10c472ad 100644
--- a/learn/matcher-types.ts
+++ b/learn/matcher-types.ts
@@ -125,6 +125,8 @@ export enum Kink {
   UnderageCharacters = 207,
 
   RoleReversal = 408,
+  StorytellingNarrator = 577,
+  StorytellingPlayer = 578,
 
   AnthroCharacters = 587,
   Humans = 609,
@@ -172,7 +174,7 @@ export enum Kink {
   ExtremeMusk = 335,
   Farting = 549,
   Filth = 707,
-  Messy = 89,
+  Messy = 87,
   Slob = 570,
   Smegma = 708,
   SwallowingVomit = 560,
@@ -243,7 +245,40 @@ export enum Kink {
   GrowthMacro = 384,
   ShrinkingMicro = 387,
 
-  Taurs = 68
+  Taurs = 68,
+
+  AnalSexGiving = 137,
+  AnalSexReceiving = 157,
+  RimmingGiving = 163,
+  RimmingReceiving = 16,
+  VaginalSexGiving = 229,
+  VaginalSexReceiving = 340,
+  CunnilingusGiving = 513,
+  CunnilingusReceiving = 515,
+  OralSexGiving = 141,
+  OralSexReceiving = 158,
+  FellatioPerforming = 512,
+  FellatioReceiving = 514,
+
+  Amputees = 585,
+  BodyHair = 588,
+  CanonCharacters = 589,
+  Chubby = 458,
+  Disabilities = 605,
+  FacialHairBeards = 590,
+  Femboys = 531,
+  Femininity = 592,
+  ShorterCharacters = 600,
+  SkinnyCharacters = 601,
+  SlimeGooCharacters = 584,
+  SuperheroesVillains = 616,
+  TallerCharacters = 603,
+  Tomboys = 532,
+  Toons = 720,
+  Twinks = 354,
+  VeryFatCharacters = 183,
+  VeryLitheCharacters = 85,
+  VeryMuscularCharacters = 84
 }
 
 export enum FurryPreference {
@@ -785,7 +820,6 @@ export const speciesMapping: SpeciesMap = {
     'colt',
     'filly',
     'neigh',
-    'dullahan',
     'tikbalang',
     'gypsy[ -]?vanner',
     'ardenne[r]?',
@@ -1705,6 +1739,7 @@ export const speciesMapping: SpeciesMap = {
     'fairy',
     'fae',
     'imp',
+    'dullahan',
     'elemental',
     'fey',
     'pixie',
@@ -2041,48 +2076,57 @@ export const kinkMatchScoreMap = {
 };
 
 export const kinkComparisonExclusions = {
-  585: true, // amputees
-  587: true, // anthro characters
-  588: true, // body hair
-  589: true, // canon characters
-  458: true, // chubby
-  605: true, // disabilities
-  590: true, // facial hair / beards
-  531: true, // femboys
-  592: true, // femininity
-  109: true, // older characters
-  600: true, // shorter characters
-  601: true, // skinny characters
-  584: true, // slime / goo characters
-  616: true, // superheroes / villains
-  603: true, // taller characters
-  532: true, // tomboys
-  720: true, // toons
-  354: true, // twinks
-  183: true, // very fat characters
-  85: true, // very lithe characters
-  84: true, // very muscular characters
-  197: true // younger characters
+  [Kink.Amputees]: true,
+  [Kink.AnthroCharacters]: true,
+  [Kink.BodyHair]: true,
+  [Kink.CanonCharacters]: true,
+  [Kink.Chubby]: true,
+  [Kink.Disabilities]: true,
+  [Kink.FacialHairBeards]: true,
+  [Kink.Femboys]: true,
+  [Kink.Femininity]: true,
+  [Kink.OlderCharacters]: true,
+  [Kink.ShorterCharacters]: true,
+  [Kink.SkinnyCharacters]: true,
+  [Kink.SlimeGooCharacters]: true,
+  [Kink.SuperheroesVillains]: true,
+  [Kink.TallerCharacters]: true,
+  [Kink.Tomboys]: true,
+  [Kink.Toons]: true,
+  [Kink.Twinks]: true,
+  [Kink.VeryFatCharacters]: true,
+  [Kink.VeryLitheCharacters]: true,
+  [Kink.VeryMuscularCharacters]: true,
+  [Kink.YoungerCharacters]: true
 };
 
+export enum KinkGroupId {
+  GenderPreferences = 29,
+  SpeciesPreferences = 30
+}
+
 export const kinkComparisonExclusionGroups = {
-  29: true, // gender preferences
-  30: true // species preferences
+  [KinkGroupId.GenderPreferences]: true,
+  [KinkGroupId.SpeciesPreferences]: true
 };
 
 export const kinkComparisonSwaps: Record<any, number> = {
-  137: 157, // anal sex giving -> receiving
-  157: 137, // anal sex receiving -> giving
-  163: 16, // rimming giving -> receiving
-  16: 163, // rimming receiving -> giving
-  229: 340, // vaginal sex giving -> receiving
-  340: 229, // vaginal sex receiving -> giving
-  513: 515, // cunnilingus giving -> receiving
-  515: 513, // cunnilingus receiving -> giving
-  141: 158, // oral sex giving -> receiving
-  158: 141, // oral sex receiving -> giving
-  512: 514, // fellatio performing -> fellatio receiving
-  514: 512 // fellatio receiving -> fellatio performing
+  [Kink.AnalSexGiving]: Kink.AnalSexReceiving, // anal sex giving -> receiving
+  [Kink.AnalSexReceiving]: Kink.AnalSexGiving, // anal sex receiving -> giving
+  [Kink.RimmingGiving]: Kink.RimmingReceiving, // rimming giving -> receiving
+  [Kink.RimmingReceiving]: Kink.RimmingGiving, // rimming receiving -> giving
+  [Kink.VaginalSexGiving]: Kink.VaginalSexReceiving, // vaginal sex giving -> receiving
+  [Kink.VaginalSexReceiving]: Kink.VaginalSexGiving, // vaginal sex receiving -> giving
+  [Kink.CunnilingusGiving]: Kink.CunnilingusReceiving, // cunnilingus giving -> receiving
+  [Kink.CunnilingusReceiving]: Kink.CunnilingusGiving, // cunnilingus receiving -> giving
+  [Kink.OralSexGiving]: Kink.OralSexReceiving, // oral sex giving -> receiving
+  [Kink.OralSexReceiving]: Kink.OralSexGiving, // oral sex receiving -> giving
+  [Kink.FellatioPerforming]: Kink.FellatioReceiving, // fellatio performing -> fellatio receiving
+  [Kink.FellatioReceiving]: Kink.FellatioPerforming, // fellatio receiving -> fellatio performing
+  [Kink.VoreBeingPredator]: Kink.VoreBeingPrey, // vore predator -> prey
+  [Kink.VoreBeingPrey]: Kink.VoreBeingPredator, // vore prey -> predator
+  [Kink.StorytellingNarrator]: Kink.StorytellingPlayer, // storytelling narrator -> player
+  [Kink.StorytellingPlayer]: Kink.StorytellingNarrator // storytelling player -> narrator
 };
 
 export interface KinkBucketScore {
diff --git a/learn/matcher.ts b/learn/matcher.ts
index 2e94bd56..b41f68ca 100644
--- a/learn/matcher.ts
+++ b/learn/matcher.ts
@@ -202,6 +202,19 @@ export class CharacterAnalysis {
  * to get the full picture
  */
 export class Matcher {
+  static readonly ageplayAgeStrings = [
+    'shota',
+    'loli',
+    'lolli',
+    'pup',
+    'brat',
+    '🚨',
+    '🔞',
+    '👮',
+    '🚼',
+    '👶',
+    '🍼'
+  ];
   readonly you: Character;
   readonly them: Character;
 
@@ -1570,13 +1583,10 @@ export class Matcher {
 
     const ageStr = rawAge.string.toLowerCase().replace(/[,.]/g, '').trim();
 
-    if (
-      ageStr.indexOf('shota') >= 0 ||
-      ageStr.indexOf('loli') >= 0 ||
-      ageStr.indexOf('lolli') >= 0 ||
-      ageStr.indexOf('pup') >= 0
-    ) {
-      return 10;
+    for (const ageKeyword of this.ageplayAgeStrings) {
+      if (ageStr.indexOf(ageKeyword) >= 0) {
+        return 10;
+      }
     }
 
     let age: number | null = null;
@@ -1628,13 +1638,10 @@ export class Matcher {
       return { min: Math.min(v1, v2), max: Math.max(v1, v2) };
     }
 
-    if (
-      ageStr.indexOf('shota') >= 0 ||
-      ageStr.indexOf('loli') >= 0 ||
-      ageStr.indexOf('lolli') >= 0 ||
-      ageStr.indexOf('pup') >= 0
-    ) {
-      return { min: 10, max: 10 };
+    for (const ageKeyword of this.ageplayAgeStrings) {
+      if (ageStr.indexOf(ageKeyword) >= 0) {
+        return { min: 10, max: 10 };
+      }
     }
 
     return null;
diff --git a/learn/profile-cache.ts b/learn/profile-cache.ts
index 76b08808..efe160a7 100644
--- a/learn/profile-cache.ts
+++ b/learn/profile-cache.ts
@@ -266,6 +266,55 @@ export class ProfileCache extends AsyncCache<CharacterCacheRecord> {
     return cacheRecord;
   }
 
+  /**
+   * Applies a profile's character overrides (HQ portrait, custom name color).
+   *
+   * Skips register on purpose. Registering runs the matcher, which costs performance
+   * per profile, and the member list calls this once per member. Nothing here needs
+   * a match score, so don't add one.
+   *
+   * Does nothing if the profile isn't on disk
+   * @param name Character to apply overrides for
+   */
+  async applyOverridesFromStore(name: string): Promise<void> {
+    const profile =
+      this.getSync(name)?.character ??
+      (await this.store?.getProfile(name))?.profileData;
+
+    if (profile) {
+      this.updateOverrides(profile);
+    }
+  }
+
+  /**
+   * Tests a stored profile against the smart filters without scoring it.
+   *
+   * Same reasoning as applyOverridesFromStore. matchesSmartFilters is cheap, but
+   * register is not, so don't go through it just to get a verdict. Reads the cache
+   * directly instead of via getSync so a bulk scan doesn't reorder the LRU
+   *
+   * @param name Character to test
+   * @returns whether they're filtered, or null if there's no profile to judge
+   */
+  async isFilteredFromStore(name: string): Promise<boolean | null> {
+    const cached = this.cache[AsyncCache.nameKey(name)];
+
+    if (cached) {
+      return cached.match.isFiltered;
+    }
+
+    const profile = (await this.store?.getProfile(name))?.profileData;
+
+    if (!profile) {
+      return null;
+    }
+
+    return matchesSmartFilters(
+      profile.character,
+      core.state.settings.risingFilter
+    );
+  }
+
   delete(name: string): void {
     const key = AsyncCache.nameKey(name);
 
diff --git a/mobile/AppSettingsDialog.vue b/mobile/AppSettingsDialog.vue
deleted file mode 100644
index 714d0a06..00000000
--- a/mobile/AppSettingsDialog.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<template><span></span></template>
-
-<script lang="ts">
-  import Vue from 'vue';
-  import SettingsVue from '../electron/Settings.vue';
-  import { GeneralSettings as DesktopGeneralSettings } from '../electron/common';
-
-  export default Vue.extend({
-    data() {
-      return { container: null as HTMLElement | null };
-    },
-    methods: {
-      show(): void {
-        if (!this.container) {
-          // Mount outside any Vue-managed DOM to avoid virtual-DOM conflicts
-          const el = document.createElement('div');
-          el.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;z-index:1050;overflow:auto';
-          document.body.appendChild(el);
-          this.container = el;
-          try {
-            // Mount into a child node, not `el` itself: Vue replaces its mount
-            // element with the component's root, which would leave `this.container`
-            // detached and make hide() (display:none) target an orphan — the window
-            // would then be impossible to close. Keeping the container as a stable
-            // wrapper lets hide()/show() toggle visibility reliably.
-            const mountPoint = document.createElement('div');
-            el.appendChild(mountPoint);
-            // The desktop Settings.vue reads ~60 settings fields, but mobile's
-            // GeneralSettings only defines a handful. Backfill any missing fields
-            // with their desktop defaults so the window can render — otherwise an
-            // undefined field (e.g. soundTheme) throws during mount and the dialog
-            // silently fails to open. Mutate in place to keep the shared reference
-            // (and persistence) intact. `|| {}` guards a nullish global so the
-            // `in` check below can't throw.
-            const settings = (window as any).__generalSettings || {};
-            const defaults = new DesktopGeneralSettings() as Record<string, unknown>;
-            for (const key of Object.keys(defaults)) {
-              // Vue.set, not plain assignment: __generalSettings is already a
-              // reactive object, so added keys must be registered reactively —
-              // otherwise Settings.vue's watchers (e.g. displayLanguage → setLanguage)
-              // never fire and changes like the UI language silently don't apply.
-              // Also heal present-but-null fields: a stale/partial !settings (e.g.
-              // on a MIUI app-clone with its own data dir) can carry a null where
-              // Settings.vue expects a real value, which throws during render.
-              if (!(key in settings) || settings[key] == null) Vue.set(settings, key, defaults[key]);
-            }
-            // parent: this so render/lifecycle errors in Settings.vue propagate to
-            // this component's errorCaptured() — a standalone root instance would
-            // otherwise swallow them, leaving a blank overlay that looks like the
-            // window "disappeared".
-            new SettingsVue({ el: mountPoint, parent: this, data: { settings } });
-          } catch (e) {
-            this.fail(e);
-            return;
-          }
-        } else {
-          this.container.style.display = '';
-        }
-        window.addEventListener('settings-window-close', this.hide as EventListener, { once: true });
-      },
-      hide(): void {
-        if (this.container) this.container.style.display = 'none';
-      },
-      // Tear down the overlay and surface the error instead of leaving an invisible
-      // container that swallows taps and looks like a vanished window.
-      fail(e: unknown): void {
-        console.error('App settings failed to open', e);
-        if (this.container) {
-          document.body.removeChild(this.container);
-          this.container = null;
-        }
-        const message = e instanceof Error ? e.message : String(e);
-        alert(`Couldn't open settings: ${message}`);
-      },
-    },
-    errorCaptured(e: Error): boolean {
-      this.fail(e);
-      return false;
-    },
-    beforeDestroy(): void {
-      if (this.container) document.body.removeChild(this.container);
-    },
-  });
-</script>
diff --git a/mobile/Index.vue b/mobile/Index.vue
index c8511d03..d479b661 100644
--- a/mobile/Index.vue
+++ b/mobile/Index.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="page" style="position: relative; padding: 10px;" v-if="settings">
+    <div id="page" style="position: relative; padding: var(--page-pad);" :class="themeClass" v-if="settings">
         <div v-html="styling"></div>
         <update-banner></update-banner>
         <div v-if="!characters" style="display:flex; align-items:center; justify-content:center; min-height: 100%;">
@@ -52,7 +52,7 @@
             </div>
         </div>
         <chat v-else :ownCharacters="characters" :defaultCharacter="defaultCharacter" ref="chat"></chat>
-        <app-settings-dialog ref="appSettingsDialog"></app-settings-dialog>
+        <settings-view ref="settingsView"></settings-view>
         <app-exporter-dialog ref="appExporterDialog"></app-exporter-dialog>
         <device-sync-dialog ref="deviceSyncDialog"></device-sync-dialog>
         <modal :buttons="false" ref="profileViewer" dialogClass="profile-viewer">
@@ -64,8 +64,6 @@
 </template>
 
 <script lang="ts">
-    import Axios from 'axios';
-    import * as qs from 'qs';
     import Vue from 'vue';
     import Chat from '../chat/Chat.vue';
     import core from '../chat/core';
@@ -75,7 +73,10 @@
     import {SimpleCharacter} from '../interfaces';
     import CharacterPage from '../site/character_page/character_page.vue';
     import {appVersion, GeneralSettings, getGeneralSettings, setGeneralSettings, SettingsStore} from './filesystem';
-    import AppSettingsDialog from './AppSettingsDialog.vue';
+    import {fetchApiTicket, ticketProvider} from './api-ticket';
+    import SettingsView from '../chat/SettingsView.vue';
+    import {EventBus, OpenSettingsMenuEvent} from '../chat/preview/event-bus';
+    import {GeneralSettings as DesktopGeneralSettings} from '../electron/common';
     import AppExporterDialog from './AppExporterDialog.vue';
     import DeviceSyncDialog from './DeviceSyncDialog.vue';
     import UpdateBanner from './UpdateBanner.vue';
@@ -95,7 +96,7 @@
     }
 
     export default Vue.extend({
-        components: {chat: Chat, modal: Modal, characterPage: CharacterPage, 'app-settings-dialog': AppSettingsDialog, 'app-exporter-dialog': AppExporterDialog, 'device-sync-dialog': DeviceSyncDialog, 'update-banner': UpdateBanner},
+        components: {chat: Chat, modal: Modal, characterPage: CharacterPage, 'settings-view': SettingsView, 'app-exporter-dialog': AppExporterDialog, 'device-sync-dialog': DeviceSyncDialog, 'update-banner': UpdateBanner},
         data() {
             return {
                 showAdvanced: false,
@@ -110,20 +111,55 @@
                 profileName: '',
                 backButtonHandler: null as ((e: Event) => void) | null,
                 availableThemes: [] as ReadonlyArray<string>,
+                connected: false,
             };
         },
         async mounted(): Promise<void> {
-            //  See also electron/Settings.vue. In the mobile build target, theme names are exposed through the window object (rather than read from the .asar file like in the Electron build).
+            // In the mobile build target, theme names are exposed through the window object (rather than read from the .asar file like in the Electron build).
             this.availableThemes = (window as any).__availableThemes || [];
         },
         computed: {
+            // Mirrors electron/Index.vue getActiveThemeName: a character's own theme (settings menu,
+            // Appearance > Layout) wins while that character is connected.
+            activeTheme(): string {
+                const self = this as any;
+                let characterTheme: string | undefined;
+                try {
+                    characterTheme = self.connected ? core.state.settings.risingCharacterTheme : undefined;
+                } catch {
+                    characterTheme = undefined; // settings not loaded (core init failed)
+                }
+                return characterTheme !== undefined && self.availableThemes.indexOf(characterTheme) !== -1
+                    ? characterTheme : self.settings.theme;
+            },
             styling(): string {
-                if(window.NativeView !== undefined) window.NativeView.setTheme((this as any).settings.theme);
+                const theme = (this as any).activeTheme;
+                if(window.NativeView !== undefined) window.NativeView.setTheme(theme);
                 //tslint:disable-next-line:no-require-imports
-                return `<style id="themeStyle">${require('../scss/fa.scss')}${require(`../scss/themes/chat/${(this as any).settings.theme}.scss`)}</style>`;
+                return `<style id="themeStyle">${require('../scss/fa.scss')}${require(`../scss/themes/chat/${theme}.scss`)}</style>`;
+            },
+            // Since Horizon 2.5 the accessibility and text colour options are app settings applied as
+            // classes on the page root (electron/Index.vue getThemeClass) rather than by ChatView, so the
+            // mobile root has to carry them too or colourblind mode and the rest silently stop working.
+            themeClass(): Record<string, boolean> {
+                const settings = (this as any).settings;
+                const colorblind = settings.horizonColorblindMode;
+                const colorblindActive = typeof colorblind === 'string' && colorblind !== 'none';
+                return {
+                    colorblindMode: colorblindActive,
+                    ...(colorblindActive ? {[`colorblind-${colorblind}`]: true} : {}),
+                    vanillaTextColors: !!settings.horizonVanillaTextColors,
+                    vanillaGenderColors: !!settings.horizonVanillaGenderColors,
+                    'force-reduced-motion': !!settings.reducedMotion,
+                    horizonHighContrast: !!settings.horizonHighContrast,
+                    bbcodeGlow: !!settings.horizonBbcodeGlow,
+                };
             },
         },
         methods: {
+            openSettingsMenu(data: OpenSettingsMenuEvent): void {
+                (<InstanceType<typeof SettingsView>>this.$refs['settingsView']).open(data.mode);
+            },
             resetHost(): void {
                 (this as any).settings.host = new GeneralSettings().host;
             },
@@ -132,19 +168,19 @@
                 if(self.loggingIn) return;
                 self.loggingIn = true;
                 try {
-                    const data = <{ticket?: string, error: string, characters: {[key: string]: number}, default_character: number}>
-                        (await Axios.post('https://www.f-list.net/json/getApiTicket.php', qs.stringify({
-                            account: self.settings.account, password: self.settings.password, no_friends: true, no_bookmarks: true,
-                            new_character_list: true
-                        }))).data;
+                    const data = await fetchApiTicket(self.settings.account, self.settings.password);
                     if(data.error !== '') {
                         self.error = data.error;
                         return;
                     }
                     if(self.saveLogin) await setGeneralSettings(self.settings);
                     Socket.host = self.settings.host;
-                    core.connection.setCredentials(self.settings.account, self.settings.password);
+                    core.connection.setCredentials(self.settings.account, ticketProvider(self.settings.account, self.settings.password));
                     core.connection.onEvent('connected', () => {
+                        self.connected = true;
+                        // ChatView's settings button asks for the menu over the EventBus, which Chat.vue
+                        // clears on every disconnect, so (re)register on each connect like electron/Index.vue.
+                        EventBus.$on('open-settings-menu', self.openSettingsMenu);
                         self.backButtonHandler = (e: Event) => {
                             const chatView = (self.$refs['chat'] as any)?.$refs?.['chatview'] as any;
                             if (chatView) {
@@ -165,6 +201,7 @@
                         NativeBackground.start();
                     });
                     core.connection.onEvent('closed', () => {
+                        self.connected = false;
                         document.removeEventListener('backbutton', self.backButtonHandler!);
                         NativeBackground.stop();
                     });
@@ -195,6 +232,14 @@
                 await setGeneralSettings(settings);
             }
             if(settings.account.length > 0) this.saveLogin = true;
+            // The shared settings menu reads and writes the full desktop set of app settings, but mobile's
+            // GeneralSettings only declares a handful. Fill in the rest with the desktop defaults (and heal
+            // nulls a partial file can carry) before the object becomes reactive, so every field exists and
+            // is tracked. Unknown keys persist through _.merge in getGeneralSettings.
+            const defaults = <Record<string, unknown>>(<unknown>new DesktopGeneralSettings());
+            const loaded = <Record<string, unknown>>(<unknown>settings);
+            for(const key of Object.keys(defaults))
+                if(!(key in loaded) || loaded[key] == null) loaded[key] = defaults[key];
             this.settings = settings;
             // Apply the saved UI language on startup (mirrors electron/chat.ts).
             // Mobile's minimal GeneralSettings doesn't declare displayLanguage, but
@@ -205,9 +250,6 @@
             (window as any).__setGeneralSettings = setGeneralSettings;
             // Document events, not EventBus: Chat.vue calls EventBus.clear() on every disconnect,
             // which would silently drop these app-lifetime listeners after the first logout.
-            document.addEventListener('open-mobile-app-settings', () => {
-                (<any>this.$refs['appSettingsDialog']).show();
-            });
             document.addEventListener('open-mobile-exporter', () => {
                 (<any>this.$refs['appExporterDialog']).show();
             });
@@ -233,6 +275,35 @@
         height: 100%;
     }
 
+    #page {
+        --page-pad: 10px;
+    }
+
+    /*
+     * The sidebar drawers sit inside #page's padding (and, on iOS, inside the safe-area padding on html),
+     * but their backdrop is a full-screen .modal-backdrop, so an open drawer had a darkened gutter on its
+     * outer, top and bottom edges. Invisible on dark themes, obvious on light ones like peached. Stretch
+     * the open drawer over that padding and pad it back by the same amount, so it meets the screen edges
+     * while its contents and the expander button stay where they were.
+     */
+    .sidebar-wrapper.open .sidebar {
+        top: calc(-1 * (var(--page-pad) + env(safe-area-inset-top, 0px)));
+        bottom: calc(-1 * (var(--page-pad) + env(safe-area-inset-bottom, 0px)));
+        padding-top: calc(var(--page-pad) + env(safe-area-inset-top, 0px));
+        /* .sidebar already has 10px of bottom padding (scss/_chat.scss). */
+        padding-bottom: calc(10px + var(--page-pad) + env(safe-area-inset-bottom, 0px));
+    }
+
+    .sidebar-wrapper.open .sidebar-left {
+        left: calc(-1 * (var(--page-pad) + env(safe-area-inset-left, 0px)));
+        padding-left: calc(var(--page-pad) + env(safe-area-inset-left, 0px));
+    }
+
+    .sidebar-wrapper.open .sidebar-right {
+        right: calc(-1 * (var(--page-pad) + env(safe-area-inset-right, 0px)));
+        padding-right: calc(var(--page-pad) + env(safe-area-inset-right, 0px));
+    }
+
     html, .modal {
        padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
     }
diff --git a/mobile/api-ticket.ts b/mobile/api-ticket.ts
new file mode 100644
index 00000000..2d24ff8b
--- /dev/null
+++ b/mobile/api-ticket.ts
@@ -0,0 +1,55 @@
+import Axios from 'axios';
+import * as qs from 'qs';
+
+// Mobile counterpart of electron/api-ticket.ts. Horizon 2.4.1 dropped the password form of
+// Connection.setCredentials, so the connection now needs a ticket provider. The desktop one asks the
+// Electron main process over IPC and hashes credentials with Node's crypto, neither of which exists in
+// the WebView, so mobile keeps its own: same policy, in-page cache.
+//
+// F-List invalidates every earlier ticket for an account as soon as it issues a new one, and a ticket
+// lives 30 minutes server-side. So the ticket fetched at login is reused for connecting, and a new one
+// is only requested when it is close to expiring or the server has rejected it.
+
+export interface ApiTicketResponse {
+    ticket?: string;
+    error: string;
+    characters: { [key: string]: number };
+    default_character: number;
+}
+
+const ticketLifetime = 25 * 60 * 1000;
+
+let cached: { account: string; password: string; ticket: string; issuedAt: number } | undefined;
+let inFlight: { account: string; password: string; request: Promise<ApiTicketResponse> } | undefined;
+
+/** Requests a new ticket plus the character list. Network failures reject the way Axios does. */
+export async function fetchApiTicket(account: string, password: string): Promise<ApiTicketResponse> {
+    if (inFlight !== undefined && inFlight.account === account && inFlight.password === password)
+        return inFlight.request;
+    const request = (async () => {
+        const data = (await Axios.post('https://www.f-list.net/json/getApiTicket.php', qs.stringify({
+            account, password, no_friends: true, no_bookmarks: true, new_character_list: true
+        }))).data as ApiTicketResponse;
+        if (data.ticket !== undefined && data.error === '')
+            cached = { account, password, ticket: data.ticket, issuedAt: Date.now() };
+        return data;
+    })();
+    inFlight = { account, password, request };
+    try {
+        return await request;
+    } finally {
+        if (inFlight !== undefined && inFlight.request === request) inFlight = undefined;
+    }
+}
+
+/** A Connection ticket provider that reuses the cached ticket until it is stale or rejected. */
+export function ticketProvider(account: string, password: string): (invalidTicket?: string) => Promise<string> {
+    return async (invalidTicket?: string) => {
+        if (cached !== undefined && cached.account === account && cached.password === password &&
+            cached.ticket !== invalidTicket && Date.now() - cached.issuedAt < ticketLifetime)
+            return cached.ticket;
+        const data = await fetchApiTicket(account, password);
+        if (data.ticket === undefined || data.error !== '') throw new Error(data.error);
+        return data.ticket;
+    };
+}
diff --git a/mobile/chat.ts b/mobile/chat.ts
index a7bb83d1..90a87c8b 100644
--- a/mobile/chat.ts
+++ b/mobile/chat.ts
@@ -47,6 +47,7 @@ import Socket from '../chat/WebSocket';
 import NativeSocketConnection from './NativeSocketConnection';
 import Connection from '../fchat/connection';
 import {appVersion, GeneralSettings, Logs, SettingsStore} from './filesystem';
+import MobilePlatformService from './platform';
 import Index from './Index.vue';
 import Notifications from './notifications';
 import {noteInterruptedImport} from './importTrace';
@@ -373,7 +374,11 @@ const soundThemeContext = (require as any).context('../chat/sound-themes', true,
 // this runs, so it is a reliable iOS check.
 const SocketProvider = (window as any).NativeSocket !== undefined ? NativeSocketConnection : Socket; //tslint:disable-line:no-any
 const connection = new Connection('Solstice (Mobile)', appVersion, SocketProvider);
-initCore(connection, new GeneralSettings() as any, Logs, SettingsStore, Notifications);
+// Since Horizon 2.5 core init is async (it loads the global settings stored under '_') and takes the
+// platform services the settings menu saves through. Everything below that only registers handlers can
+// run straight away; the Vue root waits for it at the bottom of this file, as electron/chat.ts does.
+const coreReady = initCore(connection, new GeneralSettings() as any, Logs, SettingsStore, Notifications, //tslint:disable-line:no-any
+    new MobilePlatformService());
 
 // Background-disconnect diagnostics (see logDiag): log the connection lifecycle so the exported log
 // shows how often, and how, the socket drops. `closed (unexpected)` is an unclean close the JS
@@ -425,6 +430,10 @@ const adCoordinator = new AdCoordinatorHost();
 ipcMain.on('request-send-ad', (event: any, adId: string) => //tslint:disable-line:no-any
     adCoordinator.processAdRequest(event, adId));
 
-new Index({ //tslint:disable-line:no-unused-expression
-    el: '#app'
+// Mount even if init failed (an unreadable '_/settings', say): a blank WebView gives the user nothing to
+// act on, while the mounted app can still log in, export data and save the error log recorded here.
+coreReady.catch((e: unknown) => logCrash('core.init', e)).then(() => {
+    new Index({ //tslint:disable-line:no-unused-expression
+        el: '#app'
+    });
 });
diff --git a/mobile/filesystem.ts b/mobile/filesystem.ts
index 8766fe6f..69c1c386 100644
--- a/mobile/filesystem.ts
+++ b/mobile/filesystem.ts
@@ -1,7 +1,7 @@
 import * as _ from 'lodash';
 
 import {Message as MessageImpl} from '../chat/common';
-import core from '../chat/core';
+import core, {GLOBAL_SETTINGS_CHARACTER} from '../chat/core';
 import {Conversation, Logs as Logging, Settings} from '../chat/interfaces';
 import l from '../chat/localize';
 
@@ -148,8 +148,10 @@ export class Logs implements Logging {
         return conversations;
     }
 
+    // Both native hosts list every folder in app storage, which since Horizon 2.5 includes the '_' folder
+    // holding the global settings; it is not a character.
     async getAvailableCharacters(): Promise<ReadonlyArray<string>> {
-        return NativeLogs.getCharacters();
+        return (await NativeLogs.getCharacters()).filter((x) => x !== GLOBAL_SETTINGS_CHARACTER);
     }
 
     async fixLogs(character: string): Promise<void> {
@@ -185,11 +187,15 @@ export class SettingsStore implements Settings.Store {
         return <Settings.Keys[K]>JSON.parse(file);
     }
 
-    async set<K extends keyof Settings.Keys>(key: K, value: Settings.Keys[K]): Promise<void> {
-        return NativeFile.write(`${core.connection.character}/${key}`, JSON.stringify(value));
+    // `character` is GLOBAL_SETTINGS_CHARACTER ('_') when chat/core.ts saves the global settings. Nothing
+    // else creates that folder, and Android's NativeFile.write does not create parent folders (iOS does),
+    // so make sure it exists first; character folders already do (NativeLogs.init creates them).
+    async set<K extends keyof Settings.Keys>(key: K, value: Settings.Keys[K], character: string = core.connection.character): Promise<void> {
+        await NativeFile.ensureDirectory(character);
+        return NativeFile.write(`${character}/${key}`, JSON.stringify(value));
     }
 
     async getAvailableCharacters(): Promise<string[]> {
-        return NativeFile.listDirectories('/');
+        return (await NativeFile.listDirectories('/')).filter((x) => x !== GLOBAL_SETTINGS_CHARACTER);
     }
 }
diff --git a/mobile/platform.ts b/mobile/platform.ts
new file mode 100644
index 00000000..72f52adf
--- /dev/null
+++ b/mobile/platform.ts
@@ -0,0 +1,45 @@
+import Vue from 'vue';
+import core from '../chat/core';
+import { GeneralSettings } from '../chat/general-settings';
+import { DirectoryPickerOptions, FilePickerOptions, PlatformServices, SpellcheckLanguage } from '../chat/platform';
+import { setGeneralSettings } from './filesystem';
+
+// Mobile counterpart of electron/platform.ts. Since Horizon 2.5 the settings menu (chat/SettingsView.vue)
+// edits a copy of the app settings and saves it through core.platform instead of talking to Electron.
+// The WebView has no main process, other windows, file pickers or Electron spell checker, so most of
+// this is a no-op; the settings menu hides the options that would need them (see isMobile there).
+export default class MobilePlatformService implements PlatformServices {
+    async saveGeneralSettings(settings: GeneralSettings): Promise<void> {
+        // Write into the live object rather than replacing it: core.state.generalSettings is the same
+        // reactive object mobile/Index.vue renders from and that window.__generalSettings points at
+        // (character pins, the update banner), so swapping it out would leave those holding a stale copy.
+        const target = <Record<string, unknown>>(<unknown>core.state.generalSettings);
+        for(const [key, value] of Object.entries(settings)) Vue.set(target, key, value);
+        await setGeneralSettings(<never>target);
+        // iOS resolves background notification sounds natively, so tell it about a theme change now
+        // rather than at the next foreground sound (Android has no such method).
+        const native = (<{NativeNotification?: {setSoundTheme?(theme: string): void}}><unknown>window).NativeNotification;
+        if(native !== undefined && typeof native.setSoundTheme === 'function') native.setSoundTheme(settings.soundTheme || 'default');
+    }
+
+    // The log location is fixed by the native host on both platforms.
+    async updateLogDirectory(_: string): Promise<void> {}
+
+    // Desktop asks the main process to reload every other window. There is only one WebView.
+    async reloadSettings(): Promise<void> {}
+
+    async selectDirectory(_?: DirectoryPickerOptions): Promise<string | undefined> {
+        return undefined;
+    }
+
+    async selectFile(_?: FilePickerOptions): Promise<string | undefined> {
+        return undefined;
+    }
+
+    async openDirectory(_: string): Promise<void> {}
+
+    // Phone keyboards bring their own spell checking; an empty list hides the picker.
+    async getSpellcheckLanguages(): Promise<ReadonlyArray<SpellcheckLanguage>> {
+        return [];
+    }
+}
diff --git a/mobile/shims/fs.js b/mobile/shims/fs.js
index 6437a6d0..c077cefd 100644
--- a/mobile/shims/fs.js
+++ b/mobile/shims/fs.js
@@ -27,8 +27,8 @@ function readSoundThemeJson(filePath) {
 }
 
 module.exports = {
-    // Sound-theme JSON is served from the bundle; everything else returns '' —
-    // Settings.vue wraps readFileSync in try/catch and the mobile theme CSS is loaded separately.
+    // Sound-theme JSON is served from the bundle; everything else returns ''. The settings menu
+    // (chat/SettingsView.vue) wraps readFileSync in try/catch and the mobile theme CSS is loaded separately.
     readFileSync: (filePath) => {
         const themeJson = readSoundThemeJson(filePath);
         return themeJson !== null ? themeJson : '';
@@ -41,7 +41,12 @@ module.exports = {
                 return SOUND_THEME_NAMES.map(name => ({ name, isDirectory: () => true }));
             return [];
         }
-        if (p.includes('theme')) return MOBILE_THEMES; // CSS themes
+        // CSS themes. mobile/chat.ts publishes the bundled names before anything mounts; the static list
+        // is only a fallback. The settings menu and the login screen then offer the same set.
+        if (p.includes('theme')) {
+            const bundled = typeof window !== 'undefined' && window.__availableThemes;
+            return Array.isArray(bundled) && bundled.length > 0 ? bundled.map(t => `${t}.css`) : MOBILE_THEMES;
+        }
         return [];
     },
     existsSync: (p) => {
diff --git a/package.json b/package.json
index 457cb531..d498b1e0 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
   "license": "MPL-2.0",
   "main": "main.js",
   "engines": {
-    "node": ">=24.14.0"
+    "node": ">=24.22.1"
   },
   "devDependencies": {
     "@electron/remote": "^2.1.3",
@@ -34,7 +34,7 @@
     "css-loader": "^5.2.7",
     "css-minimizer-webpack-plugin": "^7.0.0",
     "date-fns": "2.30.0",
-    "electron": "42.4.1",
+    "electron": "43.8.4",
     "electron-builder": "27.0.0-alpha.8",
     "electron-log": "^4.4.8",
     "electron-settings": "~4.0.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e33c7878..20b4ef2c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -27,10 +27,10 @@ importers:
         version: 2.18.2
       '@ghostery/adblocker-electron':
         specifier: ^2.18.2
-        version: 2.18.2(electron@42.4.1(supports-color@10.0.0))
+        version: 2.18.2(electron@43.8.4(supports-color@10.0.0))
       '@ghostery/adblocker-electron-preload':
         specifier: ^2.18.2
-        version: 2.18.2(electron@42.4.1(supports-color@10.0.0))
+        version: 2.18.2(electron@43.8.4(supports-color@10.0.0))
       '@ghostery/adblocker-extended-selectors':
         specifier: ^2.18.2
         version: 2.18.2
@@ -58,7 +58,7 @@ importers:
     devDependencies:
       '@electron/remote':
         specifier: ^2.1.3
-        version: 2.1.3(electron@42.4.1(supports-color@10.0.0))
+        version: 2.1.3(electron@43.8.4(supports-color@10.0.0))
       '@fortawesome/fontawesome-free':
         specifier: ^7.2.0
         version: 7.2.0
@@ -129,8 +129,8 @@ importers:
         specifier: 2.30.0
         version: 2.30.0
       electron:
-        specifier: 42.4.1
-        version: 42.4.1(supports-color@10.0.0)
+        specifier: 43.8.4
+        version: 43.8.4(supports-color@10.0.0)
       electron-builder:
         specifier: 27.0.0-alpha.8
         version: 27.0.0-alpha.8(electron-builder-squirrel-windows@27.0.0-alpha.8)(supports-color@10.0.0)
@@ -139,7 +139,7 @@ importers:
         version: 4.4.8
       electron-settings:
         specifier: ~4.0.4
-        version: 4.0.4(electron@42.4.1(supports-color@10.0.0))
+        version: 4.0.4(electron@43.8.4(supports-color@10.0.0))
       esbuild-loader:
         specifier: ^4.4.3
         version: 4.4.3(webpack@5.99.9)
@@ -233,7 +233,7 @@ importers:
     dependencies:
       '@ghostery/adblocker-electron-preload':
         specifier: ^2.14.1
-        version: 2.14.1(electron@42.4.1(supports-color@10.0.0))
+        version: 2.14.1(electron@43.8.4(supports-color@10.0.0))
       '@mdit/plugin-alert':
         specifier: ^0.22.2
         version: 0.22.3(markdown-it@14.1.1)
@@ -248,8 +248,8 @@ importers:
         specifier: ^14.0.0
         version: 14.0.2
       electron:
-        specifier: 42.4.1
-        version: 42.4.1(supports-color@10.0.0)
+        specifier: 43.8.4
+        version: 43.8.4(supports-color@10.0.0)
       electron-builder:
         specifier: 27.0.0-alpha.8
         version: 27.0.0-alpha.8(electron-builder-squirrel-windows@27.0.0-alpha.8)(supports-color@10.0.0)
@@ -2295,8 +2295,8 @@ packages:
     engines: {node: '>= 10.17.0'}
     hasBin: true
 
-  electron@42.4.1:
-    resolution: {integrity: sha512-8CYHJP5O4wFO+ycoJR98yy907MmPeo+vWXrzjxmGGgRNKqv8pOjjm+wphO0CCgQJnBU7+QUPSJS4QXhbKrO50w==}
+  electron@43.8.4:
+    resolution: {integrity: sha512-Vt1SigFO1Oe5ZX5aJYtkAtGaB4XZFipr9l565/ghd4IA/FYJCnRbp5I2PhKqPKoDJESXBitaK6NMBkl+bTGy6Q==}
     engines: {node: '>= 22.12.0'}
     hasBin: true
 
@@ -5438,9 +5438,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@electron/remote@2.1.3(electron@42.4.1(supports-color@10.0.0))':
+  '@electron/remote@2.1.3(electron@43.8.4(supports-color@10.0.0))':
     dependencies:
-      electron: 42.4.1(supports-color@10.0.0)
+      electron: 43.8.4(supports-color@10.0.0)
 
   '@electron/universal@3.0.4(supports-color@10.0.0)':
     dependencies:
@@ -5547,21 +5547,21 @@ snapshots:
     dependencies:
       '@ghostery/adblocker-extended-selectors': 2.18.2
 
-  '@ghostery/adblocker-electron-preload@2.14.1(electron@42.4.1(supports-color@10.0.0))':
+  '@ghostery/adblocker-electron-preload@2.14.1(electron@43.8.4(supports-color@10.0.0))':
     dependencies:
       '@ghostery/adblocker-content': 2.18.2
-      electron: 42.4.1(supports-color@10.0.0)
+      electron: 43.8.4(supports-color@10.0.0)
 
-  '@ghostery/adblocker-electron-preload@2.18.2(electron@42.4.1(supports-color@10.0.0))':
+  '@ghostery/adblocker-electron-preload@2.18.2(electron@43.8.4(supports-color@10.0.0))':
     dependencies:
       '@ghostery/adblocker-content': 2.18.2
-      electron: 42.4.1(supports-color@10.0.0)
+      electron: 43.8.4(supports-color@10.0.0)
 
-  '@ghostery/adblocker-electron@2.18.2(electron@42.4.1(supports-color@10.0.0))':
+  '@ghostery/adblocker-electron@2.18.2(electron@43.8.4(supports-color@10.0.0))':
     dependencies:
       '@ghostery/adblocker': 2.18.2
-      '@ghostery/adblocker-electron-preload': 2.18.2(electron@42.4.1(supports-color@10.0.0))
-      electron: 42.4.1(supports-color@10.0.0)
+      '@ghostery/adblocker-electron-preload': 2.18.2(electron@43.8.4(supports-color@10.0.0))
+      electron: 43.8.4(supports-color@10.0.0)
       tldts-experimental: 7.4.11
 
   '@ghostery/adblocker-extended-selectors@2.18.2': {}
@@ -5733,7 +5733,7 @@ snapshots:
       '@jest/schemas': 30.0.5
       '@types/istanbul-lib-coverage': 2.0.6
       '@types/istanbul-reports': 3.0.4
-      '@types/node': 24.12.0
+      '@types/node': 24.13.3
       '@types/yargs': 17.0.35
       chalk: 4.1.2
 
@@ -6010,7 +6010,7 @@ snapshots:
 
   '@types/cors@2.8.17':
     dependencies:
-      '@types/node': 24.12.0
+      '@types/node': 24.13.3
 
   '@types/debug@4.1.13':
     dependencies:
@@ -6122,7 +6122,7 @@ snapshots:
 
   '@types/yauzl@2.10.3':
     dependencies:
-      '@types/node': 24.12.0
+      '@types/node': 24.13.3
     optional: true
 
   '@ungap/structured-clone@1.3.0': {}
@@ -7412,9 +7412,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  electron-settings@4.0.4(electron@42.4.1(supports-color@10.0.0)):
+  electron-settings@4.0.4(electron@43.8.4(supports-color@10.0.0)):
     dependencies:
-      electron: 42.4.1(supports-color@10.0.0)
+      electron: 43.8.4(supports-color@10.0.0)
       lodash: 4.17.21
       mkdirp: 1.0.4
       write-file-atomic: 3.0.3
@@ -7463,11 +7463,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  electron@42.4.1(supports-color@10.0.0):
+  electron@43.8.4(supports-color@10.0.0):
     dependencies:
       '@electron-internal/extract-zip': 1.0.3
       '@electron/get': 5.0.0(supports-color@10.0.0)
-      '@types/node': 24.12.0
+      '@types/node': 24.13.3
     transitivePeerDependencies:
       - supports-color
 
@@ -7520,7 +7520,7 @@ snapshots:
   engine.io@6.6.4(supports-color@10.0.0)(utf-8-validate@5.0.10):
     dependencies:
       '@types/cors': 2.8.17
-      '@types/node': 24.12.0
+      '@types/node': 24.13.3
       accepts: 1.3.8
       base64id: 2.0.0
       cookie: 0.7.2
@@ -8362,7 +8362,7 @@ snapshots:
   jest-util@30.3.0:
     dependencies:
       '@jest/types': 30.3.0
-      '@types/node': 24.12.0
+      '@types/node': 24.13.3
       chalk: 4.1.2
       ci-info: 4.3.1
       graceful-fs: 4.2.11
@@ -8370,7 +8370,7 @@ snapshots:
 
   jest-worker@27.5.1:
     dependencies:
-      '@types/node': 24.12.0
+      '@types/node': 24.13.3
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
@@ -10137,7 +10137,7 @@ snapshots:
 
   sumchecker@3.0.1(supports-color@10.0.0):
     dependencies:
-      debug: 4.4.0(supports-color@10.0.0)
+      debug: 4.4.3(supports-color@10.0.0)
     transitivePeerDependencies:
       - supports-color
 
diff --git a/scss/_bbcode_editor.scss b/scss/_bbcode_editor.scss
index 27346eb4..4e6a6487 100644
--- a/scss/_bbcode_editor.scss
+++ b/scss/_bbcode_editor.scss
@@ -11,6 +11,7 @@
 .bbcode-toolbar {
   align-items: flex-start;
   flex-wrap: nowrap;
+  flex: 1 51%;
   @include media-breakpoint-down(md) {
     background: $text-background-color;
     padding: 10px;
@@ -19,15 +20,93 @@
     left: 0px;
     border-radius: var(--bs-border-radius);
     width: 100%;
-    height: 100%;
+    height: auto;
+    max-height: 75%;
     z-index: 20;
     display: none;
     .toolbar-buttons {
       width: 100%;
+      border: 1px solid var(--bs-border-color-translucent);
+      border-radius: var(--bs-border-radius);
+      overflow: hidden;
+
+      .btn {
+        margin: 0 -1px -1px 0;
+        border: 1px solid var(--bs-border-color-translucent);
+        border-radius: 0 !important;
+        min-width: 36px;
+        min-height: 36px;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+      }
     }
-    .btn {
-      margin: 3px;
-      border-radius: $btn-border-radius !important;
+
+    .toolbar-row-break {
+      display: none;
+    }
+
+    .bbcode-editor:has(.chat-text-box) & {
+      display: flex;
+      position: static;
+      max-height: none;
+      flex: 1 0 100%;
+      padding: 0;
+      background: none;
+      z-index: auto;
+
+      .toolbar-buttons {
+        border-bottom: 0;
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+
+      .toolbar-buttons,
+      .toolbar-buttons .btn,
+      .character-btn {
+        border-color: $input-border-color;
+      }
+
+      .btn-close {
+        display: none;
+      }
+
+      .format-btn {
+        order: 1;
+        display: none;
+      }
+      .toolbar-row-break {
+        order: 2;
+        width: 100%;
+        height: 0;
+        margin: 0;
+        border: 0;
+      }
+
+      .character-btn,
+      .btn:not(.format-btn) {
+        order: 3;
+      }
+
+      .character-btn {
+        width: 40px;
+        height: auto;
+        min-height: 40px;
+        margin: 0 -1px -1px 0;
+        border: 1px solid var(--bs-border-color-translucent);
+
+        img {
+          object-fit: cover;
+        }
+      }
+    }
+    .bbcode-editor.formatting-open:has(.chat-text-box) & {
+      .format-btn {
+        display: inline-flex;
+      }
+      .toolbar-row-break {
+        display: block;
+      }
     }
   }
   @include media-breakpoint-up(md) {
@@ -96,6 +175,56 @@
   @include media-breakpoint-up(md) {
     display: none;
   }
+  @include media-breakpoint-down(md) {
+    .bbcode-editor:has(.chat-text-box) & {
+      display: none;
+    }
+    // reopening it would put the toolbar back over the preview
+    .bbcode-editor.previewing & {
+      display: none;
+    }
+  }
+}
+
+// only mobile chat hides the formatting buttons, so only it needs the toggle
+.aa-btn {
+  .bbcode-toolbar .toolbar-buttons & {
+    display: none;
+  }
+  @include media-breakpoint-down(md) {
+    .bbcode-editor:has(.chat-text-box) .toolbar-buttons & {
+      display: inline-flex;
+      font-weight: 700;
+      letter-spacing: -0.02em;
+      position: relative;
+    }
+  }
+  &.active {
+    background-color: var(--bs-secondary) !important;
+  }
+
+  .aa-indicator {
+    position: absolute;
+    top: 3px;
+    right: 3px;
+    font-size: 0.55em;
+    opacity: 0.6;
+    transition: transform 0.15s ease;
+  }
+  &.active .aa-indicator {
+    transform: rotate(180deg);
+  }
+}
+
+// the toolbar spans the full width above the text box in mobile chat
+@include media-breakpoint-down(md) {
+  .bbcode-editor.has-toolbar .chat-text-box {
+    border-top-right-radius: 0;
+    &:focus {
+      box-shadow: inset 0 0 0 ($input-btn-focus-width / 2)
+        $input-btn-focus-color;
+    }
+  }
 }
 
 .bbcode-editor-controls {
@@ -106,5 +235,48 @@
   justify-content: flex-end;
   @include media-breakpoint-down(md) {
     flex: 1 49%;
+
+    // own row above the toolbar so the toolbar stays attached to the text box
+    .bbcode-editor:has(.chat-text-box) & {
+      order: 0;
+      flex: 1 0 100%;
+    }
+    .bbcode-editor:has(.chat-text-box) & .send-ads-switcher {
+      margin-right: 0 !important;
+      margin-bottom: 4px;
+    }
+  }
+}
+
+// it looks better to leave the toolbar showing in the chat when previewing imo,
+// but only after preventing clicking the other buttons
+@include media-breakpoint-down(md) {
+  .bbcode-editor.previewing:has(.chat-text-box) .preview-disabled {
+    opacity: 0.4;
+    pointer-events: none;
+  }
+}
+
+.bbcode-editor.has-toolbar .preview-exit {
+  display: none;
+}
+// dedicated preview close button for bbcode editor in status/ads/filter reply settings when
+// previewing on those screens, hide the other editor buttons so that you can actually see the preview
+@include media-breakpoint-down(md) {
+  .bbcode-editor.has-toolbar.previewing:not(:has(.chat-text-box))
+    .preview-exit {
+    display: inline-flex;
+  }
+}
+
+// if i'm being honest, i don't know who in their right mind would type 50000 characters
+// on their phone for a smut roleplay. if you write that much with a tiny screen and
+// a touchscreen keyboard, then props to you. *however*, the overwhelming majority of
+// mobile players will likely never get close to the limit, so let's hide it for them.
+// i also couldn't find a good place to put the text counter, so this saves it from
+// looking ugly somewhere
+@include media-breakpoint-down(md) {
+  .bbcode-editor:has(.chat-text-box) .char-count {
+    display: none;
   }
 }
diff --git a/scss/_chat.scss b/scss/_chat.scss
index 0dc30c3f..32b89705 100644
--- a/scss/_chat.scss
+++ b/scss/_chat.scss
@@ -327,7 +327,6 @@ $bookmark-color: #66cc33 !default;
 }
 #sidebarUserInfo {
   padding-bottom: 7px;
-  padding-right: 8px;
   flex-shrink: 0;
   .sidebarUserInfo-status {
     opacity: 0.7;
diff --git a/scss/_flist_overrides.scss b/scss/_flist_overrides.scss
index 19c21c53..db134307 100644
--- a/scss/_flist_overrides.scss
+++ b/scss/_flist_overrides.scss
@@ -162,10 +162,35 @@ input:checked {
 .nav-tab-spacer {
   display: flex;
   flex: 1 0 0px;
-  border-bottom: 1px solid $gray-300;
+  border-bottom: 1px solid var(--bs-border-color);
   margin-bottom: -1px;
 }
 
+.nav-tabs .nav-item.nav-divider {
+  align-self: stretch;
+  width: 1px;
+  margin: 0 0.35rem;
+  border-left: 1px solid var(--bs-border-color);
+  pointer-events: none;
+}
+
+.nav.flex-column .nav-item.nav-divider {
+  width: auto;
+  height: 1px;
+  border-left: none;
+  border-top: 1px solid var(--bs-border-color);
+  margin: 0.35rem 0;
+}
+.nav.flex-column .nav-item.nav-divider:first-child {
+  margin-top: 0;
+}
+.nav.flex-column .nav-item.nav-divider:last-child {
+  margin-bottom: 0;
+}
+.nav.flex-column .nav-link:not(.disabled) {
+  margin-left: 1em;
+}
+
 #window-tabs .nav-tabs .nav-link.active {
   border-bottom: 1px solid $body-bg;
 }
@@ -176,6 +201,51 @@ input:checked {
   --bs-nav-tabs-link-active-color: var(--bs-body-color);
 }
 
+.form-check.form-switch .form-check-input:indeterminate {
+  background-position: center;
+  background-color: $secondary;
+  border-color: $secondary;
+}
+
+.vue-input-tag-wrapper .input-tag {
+  background-color: $primary;
+  border-radius: $border-radius;
+  border: 1px solid $primary-border-subtle;
+  color: color-contrast($primary);
+  display: inline-block;
+  font-size: 13px;
+  padding-left: 0.65em;
+  padding-right: 0.65em;
+  a.remove {
+    color: color-contrast($primary);
+  }
+}
+
+.settings-array-overrides {
+  align-items: flex-start;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25rem;
+
+  .vue-input-tag-wrapper {
+    background: transparent;
+    border: 0;
+    display: contents;
+    padding: 0;
+  }
+
+  .new-tag {
+    flex: 1 1 8rem;
+    min-width: 8rem;
+  }
+
+  .inherited-tags .input-tag {
+    background-color: $secondary;
+    border-color: $secondary;
+    color: color-contrast($secondary);
+  }
+}
+
 .nav-tabs li {
   a {
     border-top-left-radius: 0.4rem;
@@ -263,6 +333,21 @@ input:checked {
   unicode-range: U+1F1E6-1F1FF;
 }
 
+@font-face {
+  font-family: 'Horizon Icons';
+  src: url('../../../assets/fonts/HorizonIcons.woff2') format('woff2');
+}
+
+i.fa-horizon {
+  font-family: 'Horizon Icons';
+  min-width: 1.25em;
+  font-style: normal;
+  font-size: 1.7em;
+  &.fa-logo::after {
+    content: 'H';
+  }
+}
+
 $font-family-base:
   system-ui,
   -apple-system,
diff --git a/scss/_rising.scss b/scss/_rising.scss
index 1398cbb3..8f16f34f 100644
--- a/scss/_rising.scss
+++ b/scss/_rising.scss
@@ -1,14 +1,31 @@
+$scoreTextMinContrastRatio: 3;
+
 $risingVariables: (
   scorePerfectMatchBg: #{$scorePerfectMatchBg},
-  scorePerfectMatchFg: #{$scorePerfectMatchFg},
+  scorePerfectMatchFg: #{color-contrast(
+      $scorePerfectMatchBg,
+      $min-contrast-ratio: $scoreTextMinContrastRatio
+    )},
   scoreMatchBg: #{$scoreMatchBg},
-  scoreMatchFg: #{$scoreMatchFg},
+  scoreMatchFg: #{color-contrast(
+      $scoreMatchBg,
+      $min-contrast-ratio: $scoreTextMinContrastRatio
+    )},
   scoreWeakMatchBg: #{$scoreWeakMatchBg},
-  scoreWeakMatchFg: #{$scoreWeakMatchFg},
+  scoreWeakMatchFg: #{color-contrast(
+      $scoreWeakMatchBg,
+      $min-contrast-ratio: $scoreTextMinContrastRatio
+    )},
   scoreWeakMismatchBg: #{$scoreWeakMismatchBg},
-  scoreWeakMismatchFg: #{$scoreWeakMismatchFg},
+  scoreWeakMismatchFg: #{color-contrast(
+      $scoreWeakMismatchBg,
+      $min-contrast-ratio: $scoreTextMinContrastRatio
+    )},
   scoreMismatchBg: #{$scoreMismatchBg},
-  scoreMismatchFg: #{$scoreMismatchFg},
+  scoreMismatchFg: #{color-contrast(
+      $scoreMismatchBg,
+      $min-contrast-ratio: $scoreTextMinContrastRatio
+    )},
   scoreTitleColor: #{$scoreTitleColor},
   scoreMinimizeButtonFg: #{$scoreMinimizeButtonFg},
   scoreMinimizeButtonBg: #{$scoreMinimizeButtonBg},
diff --git a/scss/themes/_chat.scss b/scss/themes/_chat.scss
index 93635ebf..d656caa5 100644
--- a/scss/themes/_chat.scss
+++ b/scss/themes/_chat.scss
@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 @import '~bootstrap/scss/functions';
 @import '~bootstrap/scss/variables';
 @import '~bootstrap/scss/variables-dark';
@@ -29,6 +31,53 @@
 @import '~bootstrap/scss/utilities/api';
 @import '~bootstrap/scss/helpers/color-bg';
 
+$scorePerfectMatchBg: rgb(0, 173, 173) !default;
+$scorePerfectMatchFg: rgb(29, 154, 154) !default;
+$scoreMatchBg: rgb(0, 142, 0) !default;
+$scoreMatchFg: rgb(0, 113, 0) !default;
+$scoreWeakMatchBg: rgb(0, 80, 0) !default;
+$scoreWeakMatchFg: rgb(0, 64, 0) !default;
+$scoreWeakMismatchBg: rgb(214, 146, 43) !default;
+$scoreWeakMismatchFg: rgb(142, 126, 0) !default;
+$scoreMismatchBg: rgb(171, 0, 0) !default;
+$scoreMismatchFg: rgb(128, 0, 0) !default;
+$scoreTitleColor: white !default;
+$scoreMinimizeButtonFg: rgba(255, 255, 255, 0.7) !default;
+$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2) !default;
+$scoreReportBg: rgba(0, 0, 0, 0.2) !default;
+
+$scoreFadedPerfectMatchBg: color.scale(
+  $scorePerfectMatchBg,
+  $alpha: -60%
+) !default;
+$scoreFadedPerfectMatchFg: color.scale(
+  $scorePerfectMatchFg,
+  $alpha: -60%
+) !default;
+$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%) !default;
+$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%) !default;
+$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%) !default;
+$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%) !default;
+$scoreFadedWeakMismatchBg: color.scale(
+  $scoreWeakMismatchBg,
+  $alpha: -60%
+) !default;
+$scoreFadedWeakMismatchFg: color.scale(
+  $scoreWeakMismatchFg,
+  $alpha: -60%
+) !default;
+$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%) !default;
+$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%) !default;
+
+$scoreStandoutMatchBorderColor: #048a04 !default;
+$scoreStandoutMatchBgColor: rgba(0, 110, 0, 0.47) !default;
+$scoreStandoutWeakMatchBorderColor: #014a01 !default;
+$scoreStandoutWeakMatchBgColor: rgba(0, 79, 0, 0.4) !default;
+$scoreStandoutNeutralBorderColor: #555 !default;
+$scoreStandoutWeakMismatchBorderColor: rgb(138, 123, 0) !default;
+$scoreStandoutWeakMismatchBgColor: rgba(208, 188, 0, 0) !default;
+$scoreStandoutMismatchBorderColor: #841a1a !default;
+
 @import '../core';
 @import '../chat';
 @import '../character_page';
@@ -135,10 +184,17 @@ $selection-color: color-contrast($primary);
   }
 }
 
-* {
+.horizonHighContrast {
+  --bs-border-color: var(--bs-body-color);
+  --bs-border-color-translucent: var(--bs-border-color);
+}
+
+div#page:not(.platform-darwin) * {
   &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 8px var(--bs-border-color);
-    border-radius: 10px;
+    --horizon-scrollbar-track-box-shadow: inset 0 0 8px var(--bs-border-color);
+    --horizon-scrollbar-track-border-radius: 10px;
+    box-shadow: var(--horizon-scrollbar-track-box-shadow);
+    border-radius: var(--horizon-scrollbar-track-border-radius);
   }
 
   &::-webkit-scrollbar-corner {
@@ -146,20 +202,26 @@ $selection-color: color-contrast($primary);
   }
 
   &::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
+    --horizon-scrollbar-thickness: 8px;
+    width: var(--horizon-scrollbar-thickness);
+    height: var(--horizon-scrollbar-thickness);
   }
 
   &::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8);
-    background-color: $gray-300;
+    --horizon-scrollbar-thumb-bg: #{$gray-300};
+    --horizon-scrollbar-thumb-border-radius: 10px;
+    --horizon-scrollbar-thumb-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8);
+    --horizon-scrollbar-thumb-display: initial;
+    border-radius: var(--horizon-scrollbar-thumb-border-radius);
+    box-shadow: var(--horizon-scrollbar-thumb-box-shadow);
+    background-color: var(--horizon-scrollbar-thumb-bg);
+    display: var(--horizon-scrollbar-thumb-display);
     &:hover {
-      background-color: $gray-500;
+      --horizon-scrollbar-thumb-bg: #{$gray-500};
     }
 
     &:active {
-      background-color: $gray-700;
+      --horizon-scrollbar-thumb-bg: #{$gray-700};
     }
   }
 
@@ -168,26 +230,33 @@ $selection-color: color-contrast($primary);
   }
 }
 
-.hidden-scrollbar {
+.platform-darwin {
+  .hidden-scrollbar {
+    overflow-y: scroll;
+  }
+}
+
+div#page:not(.platform-darwin) .hidden-scrollbar {
+  --horizon-scrollbar-hidden-width: 8px;
   overflow-y: scroll;
   &::-webkit-scrollbar-thumb {
-    display: none;
+    --horizon-scrollbar-thumb-display: none;
   }
 
   &::-webkit-scrollbar-track {
-    box-shadow: none;
+    --horizon-scrollbar-track-box-shadow: none;
   }
   &::-webkit-scrollbar {
-    width: 8px;
+    --horizon-scrollbar-thickness: var(--horizon-scrollbar-hidden-width);
   }
-}
 
-.hidden-scrollbar:hover {
-  //This has no purpose, but for some godawful reason the SCSS compilation breaks if we don't put an additional rule here.
-  //If we don't, for some reason this winds up only displaying the thumb once you hover over it.
-  //So I just picked a rule that has 0 impact on anything else.
-  overflow-y: scroll;
-  &::-webkit-scrollbar-thumb {
-    display: block;
+  &:hover {
+    //This has no purpose, but for some godawful reason the SCSS compilation breaks if we don't put an additional rule here.
+    //If we don't, for some reason this winds up only displaying the thumb once you hover over it.
+    //So I just picked a rule that has 0 impact on anything else.
+    overflow-y: scroll;
+    &::-webkit-scrollbar-thumb {
+      --horizon-scrollbar-thumb-display: block;
+    }
   }
 }
diff --git a/scss/themes/_colorblind.scss b/scss/themes/_colorblind.scss
index 364bdbff..920431f1 100644
--- a/scss/themes/_colorblind.scss
+++ b/scss/themes/_colorblind.scss
@@ -2,12 +2,12 @@
 
 $scorePerfectMatchBg: #e467b8;
 $scorePerfectMatchFg: #e467b8;
-$scoreMatchBg: #317bd0;
+$scoreMatchBg: #6aa7ee;
 $scoreMatchFg: #317bd0;
-$scoreWeakMatchBg: #208601;
-$scoreWeakMatchFg: #208601;
-$scoreWeakMismatchBg: #606060;
-$scoreWeakMismatchFg: #606060;
+$scoreWeakMatchBg: #38db06;
+$scoreWeakMatchFg: #38db06;
+$scoreWeakMismatchBg: #d1d0d0;
+$scoreWeakMismatchFg: #d1d0d0;
 $scoreMismatchBg: #ab0000;
 $scoreMismatchFg: #ab0000;
 
@@ -20,15 +20,11 @@ $scoreStandoutWeakMismatchBorderColor: #888;
 $scoreStandoutWeakMismatchBgColor: rgba(170, 170, 170, 0);
 $scoreStandoutMismatchBorderColor: #ab0000;
 
-// Palettes tuned for red/green colour vision deficiency: under protanopia and
-// deuteranopia only the blue-yellow axis and lightness survive, so hues drift
-// from the normal-mode palette to keep every pair distinguishable. Validated
-// with a Machado (2009) CVD simulation; any edit must keep a pairwise CIELAB
-// deltaE of at least 17 (dark) / 13 (light) under normal, protan and deutan
-// vision, and stay readable against the theme background.
+// Color assignments keep gender cues distinguishable without relying on the
+// affected color axis. Each mode below is paired with its own palette.
 $cvd-light-theme: color.lightness($body-bg) > 50%;
 
-$genders: if(
+$red-green-genders: if(
   $cvd-light-theme,
   (
     'shemale': #8b2500,
@@ -52,28 +48,103 @@ $genders: if(
   )
 );
 
-@each $gender, $color in $genders {
-  .gender-#{$gender},
-  .gender-icon-#{$gender} {
-    --gender-color: #{$color};
-  }
+$blue-yellow-genders: if(
+  $cvd-light-theme,
+  (
+    'shemale': #b2182b,
+    'herm': #7b3294,
+    'none': $gray-500,
+    'female': #d6604d,
+    'male': #2166ac,
+    'male-herm': #053061,
+    'transgender': #a6611a,
+    'cunt-boy': #1b7837
+  ),
+  (
+    'shemale': #ef8a62,
+    'herm': #c2a5cf,
+    'none': $gray-500,
+    'female': #f4a582,
+    'male': #67a9cf,
+    'male-herm': #2166ac,
+    'transgender': #dfc27d,
+    'cunt-boy': #5aae61
+  )
+);
 
-  .gender-icon-#{$gender} {
-    color: var(--gender-color);
-  }
+$achromatic-genders: if(
+  $cvd-light-theme,
+  (
+    'shemale': #252525,
+    'herm': #4d4d4d,
+    'none': #737373,
+    'female': #737373,
+    'male': #a6a6a6,
+    'male-herm': #bdbdbd,
+    'transgender': #d9d9d9,
+    'cunt-boy': #f0f0f0
+  ),
+  (
+    'shemale': #f0f0f0,
+    'herm': #d9d9d9,
+    'none': #bdbdbd,
+    'female': #bdbdbd,
+    'male': #a6a6a6,
+    'male-herm': #737373,
+    'transgender': #4d4d4d,
+    'cunt-boy': #252525
+  )
+);
 
-  .message-event .gender-#{$gender},
-  .message-event .gender-icon-#{$gender} {
-    --gender-color: #{color.scale($color, $lightness: 5%)};
+@mixin gender-colors($genders) {
+  @each $gender, $color in $genders {
+    .gender-#{$gender},
+    .gender-icon-#{$gender} {
+      --gender-color: #{$color};
+    }
+
+    .gender-icon-#{$gender} {
+      color: var(--gender-color);
+    }
+
+    .message-event .gender-#{$gender},
+    .message-event .gender-icon-#{$gender} {
+      --gender-color: #{color.scale($color, $lightness: 5%)};
+    }
   }
 }
 
+@include gender-colors($red-green-genders);
+
+&.colorblind-protanopia,
+&.colorblind-protanomaly,
+&.colorblind-deuteranopia,
+&.colorblind-deuteranomaly {
+  @include gender-colors($red-green-genders);
+}
+
+&.colorblind-tritanopia,
+&.colorblind-tritanomaly {
+  @include gender-colors($blue-yellow-genders);
+}
+
+&.colorblind-achromatopsia,
+&.colorblind-achromatomaly {
+  @include gender-colors($achromatic-genders);
+}
+
 // Highlights normally derive from the theme's green $success, the hue R/G
 // colour vision deficiency obscures; restyle with a blue tint and amber
 // border so the cue does not rely on the red-green axis.
 $cvd-highlight-tint: if($cvd-light-theme, #0072b2, #2e86d1);
 $cvd-highlight-accent: if($cvd-light-theme, #9a6d00, #e69f00);
 
+$blue-yellow-highlight-tint: if($cvd-light-theme, #b2182b, #ef8a62);
+$blue-yellow-highlight-accent: if($cvd-light-theme, #1b7837, #5aae61);
+
+$achromatic-highlight-tint: if($cvd-light-theme, #4d4d4d, #bdbdbd);
+$achromatic-highlight-accent: if($cvd-light-theme, #252525, #f0f0f0);
+
 .message-highlight {
   background-color: rgba($cvd-highlight-tint, 0.25);
 
@@ -92,6 +163,42 @@ $cvd-highlight-accent: if($cvd-light-theme, #9a6d00, #e69f00);
   background-color: rgba($cvd-highlight-tint, 0.25);
 }
 
+&.colorblind-tritanopia .message-highlight,
+&.colorblind-tritanomaly .message-highlight {
+  background-color: rgba($blue-yellow-highlight-tint, 0.25);
+
+  .message-time {
+    background-color: rgba($blue-yellow-highlight-tint, 0.4);
+  }
+}
+
+&.colorblind-tritanopia
+  .layout-modern
+  .message.message-modern.message-highlight,
+&.colorblind-tritanomaly
+  .layout-modern
+  .message.message-modern.message-highlight {
+  border-left-color: $blue-yellow-highlight-accent;
+}
+
+&.colorblind-achromatopsia .message-highlight,
+&.colorblind-achromatomaly .message-highlight {
+  background-color: rgba($achromatic-highlight-tint, 0.25);
+
+  .message-time {
+    background-color: rgba($achromatic-highlight-tint, 0.4);
+  }
+}
+
+&.colorblind-achromatopsia
+  .layout-modern
+  .message.message-modern.message-highlight,
+&.colorblind-achromatomaly
+  .layout-modern
+  .message.message-modern.message-highlight {
+  border-left-color: $achromatic-highlight-accent;
+}
+
 .last-read {
   border-bottom-color: $cvd-highlight-tint !important;
 }
diff --git a/scss/themes/chat/peached.scss b/scss/themes/chat/peached.scss
index ce0ad52e..1c18fadf 100644
--- a/scss/themes/chat/peached.scss
+++ b/scss/themes/chat/peached.scss
@@ -54,13 +54,14 @@ body,
 }
 * {
   &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px color.scale($gray-base, $lightness: -50%);
+    --horizon-scrollbar-track-box-shadow: inset 0 0 2px
+      color.scale($gray-base, $lightness: -50%);
   }
 
   &::-webkit-scrollbar-thumb {
-    background-color: color.scale($gray-base, $lightness: -30%);
+    --horizon-scrollbar-thumb-bg: color.scale($gray-base, $lightness: -30%);
     &:hover {
-      background-color: color.scale($gray-base, $lightness: -50%);
+      --horizon-scrollbar-thumb-bg: color.scale($gray-base, $lightness: -50%);
     }
   }
 }
diff --git a/scss/themes/variables/_classic_derived.scss b/scss/themes/variables/_classic_derived.scss
index 96ed11d9..7c17e0b7 100644
--- a/scss/themes/variables/_classic_derived.scss
+++ b/scss/themes/variables/_classic_derived.scss
@@ -134,35 +134,5 @@ html {
 .bbcode-toolbar .color-selector .btn.text-color.black {
   background-color: #000;
 }
-* {
-  &::-webkit-scrollbar {
-    display: none; // Hides the custom scrollbar
-  }
-
-  // Optionally, you can also reset the scrollbar track and thumb
-  &::-webkit-scrollbar-track {
-    background: none; // Resets the track to default
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: none; // Resets the thumb to default
-  }
-
-  .hidden-scrollbar {
-    &::-webkit-scrollbar {
-      display: initial; // Hides the custom scrollbar
-      width: 12px;
-    }
-
-    // Optionally, you can also reset the scrollbar track and thumb
-    &::-webkit-scrollbar-track {
-      background: initial; // Resets the track to default
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background: initial; // Resets the thumb to default
-    }
-  }
-}
 
 $blue-color: #06f;
diff --git a/scss/themes/variables/_classic_variables.scss b/scss/themes/variables/_classic_variables.scss
index 6bd2e982..b7ea6ee5 100644
--- a/scss/themes/variables/_classic_variables.scss
+++ b/scss/themes/variables/_classic_variables.scss
@@ -64,41 +64,6 @@ $text-background-color: $gray-200;
 $text-background-color-disabled: $gray-100;
 
 // F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
-$scoreWeakMismatchFg: rgb(142, 126, 0);
-$scoreMismatchBg: rgb(171, 0, 0);
-$scoreMismatchFg: rgb(128, 0, 0);
-$scoreTitleColor: white;
-$scoreMinimizeButtonFg: rgba(255, 255, 255, 0.7);
-$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
-
-$scoreStandoutMatchBorderColor: #048a04;
-$scoreStandoutMatchBgColor: rgba(0, 110, 0, 0.47);
-$scoreStandoutWeakMatchBorderColor: #014a01;
-$scoreStandoutWeakMatchBgColor: rgba(0, 79, 0, 0.4);
-$scoreStandoutNeutralBorderColor: #555;
-$scoreStandoutWeakMismatchBorderColor: rgb(138, 123, 0);
-$scoreStandoutWeakMismatchBgColor: rgba(208, 188, 0, 0);
-$scoreStandoutMismatchBorderColor: #841a1a;
-
 $characterImageWrapperBg: rgba(0, 0, 0, 0.2);
 $characterGuestbookPostBg: rgba(0, 0, 0, 0.15);
 $characterGuestbookPostBorderColor: rgba(255, 255, 255, 0.1);
diff --git a/scss/themes/variables/_dark_dimmed_variables.scss b/scss/themes/variables/_dark_dimmed_variables.scss
index 1946e5ca..3d76ef23 100644
--- a/scss/themes/variables/_dark_dimmed_variables.scss
+++ b/scss/themes/variables/_dark_dimmed_variables.scss
@@ -64,41 +64,6 @@ $text-background-color: $gray-200;
 $text-background-color-disabled: $gray-100;
 
 // F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
-$scoreWeakMismatchFg: rgb(142, 126, 0);
-$scoreMismatchBg: rgb(171, 0, 0);
-$scoreMismatchFg: rgb(128, 0, 0);
-$scoreTitleColor: white;
-$scoreMinimizeButtonFg: rgba(255, 255, 255, 0.7);
-$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
-
-$scoreStandoutMatchBorderColor: #048a04;
-$scoreStandoutMatchBgColor: rgba(0, 110, 0, 0.47);
-$scoreStandoutWeakMatchBorderColor: #014a01;
-$scoreStandoutWeakMatchBgColor: rgba(0, 79, 0, 0.4);
-$scoreStandoutNeutralBorderColor: #555;
-$scoreStandoutWeakMismatchBorderColor: rgb(138, 123, 0);
-$scoreStandoutWeakMismatchBgColor: rgba(208, 188, 0, 0);
-$scoreStandoutMismatchBorderColor: #841a1a;
-
 $characterImageWrapperBg: rgba(0, 0, 0, 0.2);
 $characterGuestbookPostBg: rgba(0, 0, 0, 0.15);
 $characterGuestbookPostBorderColor: rgba(255, 255, 255, 0.1);
diff --git a/scss/themes/variables/_dark_variables.scss b/scss/themes/variables/_dark_variables.scss
index 31115afc..ea026e31 100644
--- a/scss/themes/variables/_dark_variables.scss
+++ b/scss/themes/variables/_dark_variables.scss
@@ -65,41 +65,6 @@ $text-background-color: $gray-100;
 $text-background-color-disabled: $gray-200;
 
 // F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
-$scoreWeakMismatchFg: rgb(142, 126, 0);
-$scoreMismatchBg: rgb(171, 0, 0);
-$scoreMismatchFg: rgb(128, 0, 0);
-$scoreTitleColor: white;
-$scoreMinimizeButtonFg: rgba(255, 255, 255, 0.7);
-$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
-
-$scoreStandoutMatchBorderColor: #048a04;
-$scoreStandoutMatchBgColor: rgba(0, 110, 0, 0.47);
-$scoreStandoutWeakMatchBorderColor: #014a01;
-$scoreStandoutWeakMatchBgColor: rgba(0, 79, 0, 0.4);
-$scoreStandoutNeutralBorderColor: #555;
-$scoreStandoutWeakMismatchBorderColor: rgb(138, 123, 0);
-$scoreStandoutWeakMismatchBgColor: rgba(208, 188, 0, 0);
-$scoreStandoutMismatchBorderColor: #841a1a;
-
 $characterImageWrapperBg: rgba(0, 0, 0, 0.2);
 $characterGuestbookPostBg: rgba(0, 0, 0, 0.15);
 $characterGuestbookPostBorderColor: rgba(255, 255, 255, 0.1);
diff --git a/scss/themes/variables/_default_variables.scss b/scss/themes/variables/_default_variables.scss
index 7d1fd389..1957ce0e 100644
--- a/scss/themes/variables/_default_variables.scss
+++ b/scss/themes/variables/_default_variables.scss
@@ -63,42 +63,6 @@ $pagination-active-color: $link-color;
 $text-background-color: $gray-200;
 $text-background-color-disabled: $gray-100;
 
-// F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
-$scoreWeakMismatchFg: rgb(142, 126, 0);
-$scoreMismatchBg: rgb(171, 0, 0);
-$scoreMismatchFg: rgb(128, 0, 0);
-$scoreTitleColor: white;
-$scoreMinimizeButtonFg: rgba(255, 255, 255, 0.7);
-$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
-
-$scoreStandoutMatchBorderColor: #048a04;
-$scoreStandoutMatchBgColor: rgba(0, 110, 0, 0.47);
-$scoreStandoutWeakMatchBorderColor: #014a01;
-$scoreStandoutWeakMatchBgColor: rgba(0, 79, 0, 0.4);
-$scoreStandoutNeutralBorderColor: #555;
-$scoreStandoutWeakMismatchBorderColor: rgb(138, 123, 0);
-$scoreStandoutWeakMismatchBgColor: rgba(208, 188, 0, 0);
-$scoreStandoutMismatchBorderColor: #841a1a;
-
 $characterImageWrapperBg: rgba(0, 0, 0, 0.2);
 $characterGuestbookPostBg: rgba(0, 0, 0, 0.15);
 $characterGuestbookPostBorderColor: rgba(255, 255, 255, 0.1);
diff --git a/scss/themes/variables/_dracula_variables.scss b/scss/themes/variables/_dracula_variables.scss
index a64e2e59..f0836c03 100644
--- a/scss/themes/variables/_dracula_variables.scss
+++ b/scss/themes/variables/_dracula_variables.scss
@@ -84,31 +84,7 @@ $text-background-color: $gray-100;
 $text-background-color-disabled: $gray-base;
 
 // F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
-$scoreWeakMismatchFg: rgb(142, 126, 0);
-$scoreMismatchBg: rgb(171, 0, 0);
-$scoreMismatchFg: rgb(128, 0, 0);
-$scoreTitleColor: white;
 $scoreMinimizeButtonFg: set-alpha($dracula-foreground, 0.7);
-$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
 
 $scoreStandoutMatchBorderColor: $dracula-green;
 $scoreStandoutMatchBgColor: set-alpha(
diff --git a/scss/themes/variables/_light_variables.scss b/scss/themes/variables/_light_variables.scss
index 66612b59..027b85b5 100644
--- a/scss/themes/variables/_light_variables.scss
+++ b/scss/themes/variables/_light_variables.scss
@@ -42,8 +42,6 @@ $list-group-bg: $gray-base;
 $dropdown-link-hover-bg: $gray-200;
 
 // F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
 $scoreMatchBg: rgba(0, 180, 0, 0.65);
 $scoreMatchFg: rgba(0, 133, 0, 0.4);
 $scoreWeakMatchBg: rgba(0, 180, 0, 0.22);
@@ -57,17 +55,6 @@ $scoreMinimizeButtonFg: rgba(255, 255, 255, 0.6);
 $scoreMinimizeButtonBg: rgba(0, 0, 0, 0.1);
 $scoreReportBg: rgba(0, 0, 0, 0.08);
 
-$scoreFadedPerfectMatchBg: adjust-color($scorePerfectMatchBg, $alpha: -0.6);
-$scoreFadedPerfectMatchFg: adjust-color($scorePerfectMatchFg, $alpha: -0.6);
-$scoreFadedMatchBg: adjust-color($scoreMatchBg, $alpha: -0.6);
-$scoreFadedMatchFg: adjust-color($scoreMatchFg, $alpha: -0.6);
-$scoreFadedWeakMatchBg: adjust-color($scoreWeakMatchBg, $alpha: -0.6);
-$scoreFadedWeakMatchFg: adjust-color($scoreWeakMatchFg, $alpha: -0.6);
-$scoreFadedWeakMismatchBg: adjust-color($scoreWeakMismatchBg, $alpha: -0.6);
-$scoreFadedWeakMismatchFg: adjust-color($scoreWeakMismatchFg, $alpha: -0.6);
-$scoreFadedMismatchBg: adjust-color($scoreMismatchBg, $alpha: -0.6);
-$scoreFadedMismatchFg: adjust-color($scoreMismatchFg, $alpha: -0.6);
-
 $scoreStandoutMatchBorderColor: #059e05;
 $scoreStandoutMatchBgColor: rgba(53, 225, 53, 0.4);
 $scoreStandoutWeakMatchBorderColor: #016c01;
diff --git a/scss/themes/variables/_mars_variables.scss b/scss/themes/variables/_mars_variables.scss
index 713ff344..0719925a 100644
--- a/scss/themes/variables/_mars_variables.scss
+++ b/scss/themes/variables/_mars_variables.scss
@@ -74,31 +74,8 @@ $text-background-color: $gray-200;
 $text-background-color-disabled: $gray-100;
 
 // F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
-$scoreWeakMismatchFg: rgb(142, 126, 0);
-$scoreMismatchBg: rgb(171, 0, 0);
-$scoreMismatchFg: rgb(128, 0, 0);
 $scoreTitleColor: $black;
 $scoreMinimizeButtonFg: rgba($black, 0.7);
-$scoreMinimizeButtonBg: rgba($white, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
 
 $scoreStandoutMatchBorderColor: #048a04;
 $scoreStandoutMatchBgColor: rgba(0, 110, 0, 0.47);
diff --git a/scss/themes/variables/_mocha_variables.scss b/scss/themes/variables/_mocha_variables.scss
index 3319a620..5650e2bb 100644
--- a/scss/themes/variables/_mocha_variables.scss
+++ b/scss/themes/variables/_mocha_variables.scss
@@ -79,31 +79,8 @@ $text-background-color: $gray-100;
 $text-background-color-disabled: $gray-base;
 
 // F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
-$scoreWeakMismatchFg: rgb(142, 126, 0);
-$scoreMismatchBg: rgb(171, 0, 0);
-$scoreMismatchFg: rgb(128, 0, 0);
 $scoreTitleColor: white;
 $scoreMinimizeButtonFg: set-alpha($mocha-foreground, 0.7);
-$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
 
 $scoreStandoutMatchBorderColor: $mocha-green;
 $scoreStandoutMatchBgColor: set-alpha(
diff --git a/scss/themes/variables/_moon_prism_variables.scss b/scss/themes/variables/_moon_prism_variables.scss
index c8fc5ce7..8c4af3bc 100644
--- a/scss/themes/variables/_moon_prism_variables.scss
+++ b/scss/themes/variables/_moon_prism_variables.scss
@@ -62,31 +62,11 @@ $pagination-active-color: $link-color;
 $text-background-color: $gray-200;
 $text-background-color-disabled: $gray-100;
 
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
 $scoreWeakMismatchFg: rgb(121, 107, 0);
 $scoreMismatchBg: rgb(192, 0, 0);
 $scoreMismatchFg: rgb(148, 0, 0);
 $scoreTitleColor: rgb(255, 255, 255);
 $scoreMinimizeButtonFg: rgba(255, 255, 255, 0.6);
-$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
 
 $scoreStandoutMatchBorderColor: #04a604;
 $scoreStandoutMatchBgColor: rgba(0, 166, 0, 0.47);
diff --git a/scss/themes/variables/_no_exceptions_variables.scss b/scss/themes/variables/_no_exceptions_variables.scss
index 15f5a87a..3ef361e1 100644
--- a/scss/themes/variables/_no_exceptions_variables.scss
+++ b/scss/themes/variables/_no_exceptions_variables.scss
@@ -75,8 +75,6 @@ $modal-backdrop-bg: rgba(0, 0, 0, 0.5);
 
 // & bad, very bad. v ery, very bad
 // what would god say
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
 $scoreMatchBg: rgba(0, 180, 0, 0.65);
 $scoreMatchFg: rgba(0, 133, 0, 0.4);
 $scoreWeakMatchBg: rgba(0, 180, 0, 0.22);
@@ -90,17 +88,6 @@ $scoreMinimizeButtonFg: rgba(255, 255, 255, 0.6);
 $scoreMinimizeButtonBg: rgba(0, 0, 0, 0.1);
 $scoreReportBg: rgba(0, 0, 0, 0.08);
 
-$scoreFadedPerfectMatchBg: adjust-color($scorePerfectMatchBg, $alpha: -0.6);
-$scoreFadedPerfectMatchFg: adjust-color($scorePerfectMatchFg, $alpha: -0.6);
-$scoreFadedMatchBg: adjust-color($scoreMatchBg, $alpha: -0.6);
-$scoreFadedMatchFg: adjust-color($scoreMatchFg, $alpha: -0.6);
-$scoreFadedWeakMatchBg: adjust-color($scoreWeakMatchBg, $alpha: -0.6);
-$scoreFadedWeakMatchFg: adjust-color($scoreWeakMatchFg, $alpha: -0.6);
-$scoreFadedWeakMismatchBg: adjust-color($scoreWeakMismatchBg, $alpha: -0.6);
-$scoreFadedWeakMismatchFg: adjust-color($scoreWeakMismatchFg, $alpha: -0.6);
-$scoreFadedMismatchBg: adjust-color($scoreMismatchBg, $alpha: -0.6);
-$scoreFadedMismatchFg: adjust-color($scoreMismatchFg, $alpha: -0.6);
-
 // so many magic numbers im so sorry
 // TODO: REDO THIS PLEASE GOD
 // ! i fucking FORGOT
diff --git a/scss/themes/variables/_peached_variables.scss b/scss/themes/variables/_peached_variables.scss
index c63499ce..fac260d3 100644
--- a/scss/themes/variables/_peached_variables.scss
+++ b/scss/themes/variables/_peached_variables.scss
@@ -45,8 +45,6 @@ $text-muted: $gray-500;
 $link-color: $gray-800;
 $link-hover-color: $black;
 // F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
 $scoreMatchBg: rgba(0, 180, 0, 0.65);
 $scoreMatchFg: rgba(0, 133, 0, 0.4);
 $scoreWeakMatchBg: rgba(0, 180, 0, 0.22);
@@ -60,17 +58,6 @@ $scoreMinimizeButtonFg: rgba(255, 255, 255, 0.6);
 $scoreMinimizeButtonBg: rgba(0, 0, 0, 0.1);
 $scoreReportBg: rgba(0, 0, 0, 0.08);
 
-$scoreFadedPerfectMatchBg: adjust-color($scorePerfectMatchBg, $alpha: -0.6);
-$scoreFadedPerfectMatchFg: adjust-color($scorePerfectMatchFg, $alpha: -0.6);
-$scoreFadedMatchBg: adjust-color($scoreMatchBg, $alpha: -0.6);
-$scoreFadedMatchFg: adjust-color($scoreMatchFg, $alpha: -0.6);
-$scoreFadedWeakMatchBg: adjust-color($scoreWeakMatchBg, $alpha: -0.6);
-$scoreFadedWeakMatchFg: adjust-color($scoreWeakMatchFg, $alpha: -0.6);
-$scoreFadedWeakMismatchBg: adjust-color($scoreWeakMismatchBg, $alpha: -0.6);
-$scoreFadedWeakMismatchFg: adjust-color($scoreWeakMismatchFg, $alpha: -0.6);
-$scoreFadedMismatchBg: adjust-color($scoreMismatchBg, $alpha: -0.6);
-$scoreFadedMismatchFg: adjust-color($scoreMismatchFg, $alpha: -0.6);
-
 $scoreStandoutMatchBorderColor: #059e05;
 $scoreStandoutMatchBgColor: rgba(53, 225, 53, 0.4);
 $scoreStandoutWeakMatchBorderColor: #016c01;
diff --git a/scss/themes/variables/_rose_variables.scss b/scss/themes/variables/_rose_variables.scss
index 15f571b0..58d8a396 100644
--- a/scss/themes/variables/_rose_variables.scss
+++ b/scss/themes/variables/_rose_variables.scss
@@ -76,18 +76,6 @@ $scoreMismatchFg: #a8153c;
 $scoreTitleColor: $black;
 $scoreMinimizeButtonFg: rgba($black, 0.7);
 $scoreMinimizeButtonBg: rgba($white, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
 
 $scoreStandoutMatchBorderColor: color.scale($rose-green, $lightness: -30%);
 $scoreStandoutMatchBgColor: rgba($rose-green, 0.47);
diff --git a/scss/themes/variables/_site_dark_variables.scss b/scss/themes/variables/_site_dark_variables.scss
index f0aa69bd..e1e3aa2e 100644
--- a/scss/themes/variables/_site_dark_variables.scss
+++ b/scss/themes/variables/_site_dark_variables.scss
@@ -64,40 +64,7 @@ $text-background-color: $gray-200;
 $text-background-color-disabled: $gray-100;
 
 // F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
-$scoreMatchBg: rgb(0, 142, 0);
-$scoreMatchFg: rgb(0, 113, 0);
-$scoreWeakMatchBg: rgb(0, 80, 0);
-$scoreWeakMatchFg: rgb(0, 64, 0);
-$scoreWeakMismatchBg: rgb(152, 134, 0);
-$scoreWeakMismatchFg: rgb(142, 126, 0);
-$scoreMismatchBg: rgb(171, 0, 0);
-$scoreMismatchFg: rgb(128, 0, 0);
-$scoreTitleColor: white;
-$scoreMinimizeButtonFg: rgba(255, 255, 255, 0.7);
-$scoreMinimizeButtonBg: rgba(0, 0, 0, 0.2);
-$scoreReportBg: rgba(0, 0, 0, 0.2);
-
-$scoreFadedPerfectMatchBg: color.scale($scorePerfectMatchBg, $alpha: -60%);
-$scoreFadedPerfectMatchFg: color.scale($scorePerfectMatchFg, $alpha: -60%);
-$scoreFadedMatchBg: color.scale($scoreMatchBg, $alpha: -60%);
-$scoreFadedMatchFg: color.scale($scoreMatchFg, $alpha: -60%);
-$scoreFadedWeakMatchBg: color.scale($scoreWeakMatchBg, $alpha: -60%);
-$scoreFadedWeakMatchFg: color.scale($scoreWeakMatchFg, $alpha: -60%);
-$scoreFadedWeakMismatchBg: color.scale($scoreWeakMismatchBg, $alpha: -60%);
-$scoreFadedWeakMismatchFg: color.scale($scoreWeakMismatchFg, $alpha: -60%);
-$scoreFadedMismatchBg: color.scale($scoreMismatchBg, $alpha: -60%);
-$scoreFadedMismatchFg: color.scale($scoreMismatchFg, $alpha: -60%);
-
-$scoreStandoutMatchBorderColor: #048a04;
-$scoreStandoutMatchBgColor: rgba(0, 110, 0, 0.47);
-$scoreStandoutWeakMatchBorderColor: #014a01;
-$scoreStandoutWeakMatchBgColor: rgba(0, 79, 0, 0.4);
-$scoreStandoutNeutralBorderColor: #555;
-$scoreStandoutWeakMismatchBorderColor: rgb(138, 123, 0);
-$scoreStandoutWeakMismatchBgColor: rgba(208, 188, 0, 0);
-$scoreStandoutMismatchBorderColor: #841a1a;
+$scoreMatchBg: rgb(33, 219, 33);
 
 $characterImageWrapperBg: rgba(0, 0, 0, 0.2);
 $characterGuestbookPostBg: rgba(0, 0, 0, 0.15);
diff --git a/scss/themes/variables/_snowed_variables.scss b/scss/themes/variables/_snowed_variables.scss
index 38b432ac..f2adf764 100644
--- a/scss/themes/variables/_snowed_variables.scss
+++ b/scss/themes/variables/_snowed_variables.scss
@@ -53,8 +53,6 @@ $dropdown-divider-bg: $gray-100;
 
 $modal-header-border-color: $gray-200;
 // F-List Rising
-$scorePerfectMatchBg: rgb(0, 173, 173);
-$scorePerfectMatchFg: rgb(29, 154, 154);
 $scoreMatchBg: rgba(0, 180, 0, 0.65);
 $scoreMatchFg: rgba(0, 133, 0, 0.4);
 $scoreWeakMatchBg: rgba(0, 180, 0, 0.22);
@@ -68,17 +66,6 @@ $scoreMinimizeButtonFg: rgba(255, 255, 255, 0.6);
 $scoreMinimizeButtonBg: rgba(0, 0, 0, 0.1);
 $scoreReportBg: rgba(0, 0, 0, 0.08);
 
-$scoreFadedPerfectMatchBg: adjust-color($scorePerfectMatchBg, $alpha: -0.6);
-$scoreFadedPerfectMatchFg: adjust-color($scorePerfectMatchFg, $alpha: -0.6);
-$scoreFadedMatchBg: adjust-color($scoreMatchBg, $alpha: -0.6);
-$scoreFadedMatchFg: adjust-color($scoreMatchFg, $alpha: -0.6);
-$scoreFadedWeakMatchBg: adjust-color($scoreWeakMatchBg, $alpha: -0.6);
-$scoreFadedWeakMatchFg: adjust-color($scoreWeakMatchFg, $alpha: -0.6);
-$scoreFadedWeakMismatchBg: adjust-color($scoreWeakMismatchBg, $alpha: -0.6);
-$scoreFadedWeakMismatchFg: adjust-color($scoreWeakMismatchFg, $alpha: -0.6);
-$scoreFadedMismatchBg: adjust-color($scoreMismatchBg, $alpha: -0.6);
-$scoreFadedMismatchFg: adjust-color($scoreMismatchFg, $alpha: -0.6);
-
 $scoreStandoutMatchBorderColor: #059e05;
 $scoreStandoutMatchBgColor: rgba(53, 225, 53, 0.4);
 $scoreStandoutWeakMatchBorderColor: #016c01;
diff --git a/site/character_page/character_page.vue b/site/character_page/character_page.vue
index 6326cdfa..ae9c6f20 100644
--- a/site/character_page/character_page.vue
+++ b/site/character_page/character_page.vue
@@ -330,40 +330,42 @@
       };
     },
     computed: {
-      tabLabels(): { [key: string]: string } {
-        const labels: { [key: string]: string } = {};
+      tabLabels(): Array<{ id: string; label: string }> {
+        const tabs: Array<{ id: string; label: string }> = [
+          { id: '0', label: this.l('profile.tab.overview') },
+          { id: '1', label: this.l('profile.tab.info') }
+        ];
 
-        // Overview tab - key '0'
-        labels['0'] = this.l('profile.tab.overview');
-
-        // Info tab - key '1'
-        labels['1'] = this.l('profile.tab.info');
-
-        // Images tab - key '2'
         const imageCount = (this as any).character?.character?.image_count || 0;
-        labels['2'] = this.l('profile.tab.images') + ` (${imageCount})`;
+        tabs.push({
+          id: '2',
+          label: `${this.l('profile.tab.images')} (${imageCount})`
+        });
 
-        // Guestbook tab - key '3'
         if ((this as any).character?.settings?.guestbook) {
           // falls back to the first page's length rather than showing nothing if postCount doesn't exist
           const guestbookCount =
             this.guestbook !== null
               ? ` (${this.guestbook.postCount ?? this.guestbook.posts.length})`
               : '';
-          labels['3'] = this.l('profile.tab.guestbook') + guestbookCount;
+          tabs.push({
+            id: '3',
+            label: `${this.l('profile.tab.guestbook')}${guestbookCount}`
+          });
         }
 
-        // Friends tab - key '4'
         if (this.character?.is_self || this.character?.settings?.show_friends) {
           const friendsCount =
             this.friends !== null ? ` (${this.friends.length})` : '';
-          labels['4'] = this.l('profile.tab.friends') + friendsCount;
+          tabs.push({
+            id: '4',
+            label: `${this.l('profile.tab.friends')}${friendsCount}`
+          });
         }
 
-        // Recon tab - key '5'
-        labels['5'] = this.l('profile.tab.recon');
+        tabs.push({ id: '5', label: this.l('profile.tab.recon') });
 
-        return labels;
+        return tabs;
       }
     },
     watch: {
@@ -813,6 +815,26 @@
     padding: 5px;
   }
 
+  .character-kinks-block .character-kink.stock-kink.comparison-favorite {
+    --characterKinkStockColor: var(--scoreMatchFg);
+    --characterKinkStockHighlightedColor: var(--scoreMatchFg);
+  }
+
+  .character-kinks-block .character-kink.stock-kink.comparison-yes {
+    --characterKinkStockColor: var(--scoreWeakMatchFg);
+    --characterKinkStockHighlightedColor: var(--scoreWeakMatchFg);
+  }
+
+  .character-kinks-block .character-kink.stock-kink.comparison-maybe {
+    --characterKinkStockColor: var(--scoreWeakMismatchFg);
+    --characterKinkStockHighlightedColor: var(--scoreWeakMismatchFg);
+  }
+
+  .character-kinks-block .character-kink.stock-kink.comparison-no {
+    --characterKinkStockColor: var(--scoreMismatchFg);
+    --characterKinkStockHighlightedColor: var(--scoreMismatchFg);
+  }
+
   .stock-kink {
     .kink-name,
     i {
@@ -1095,6 +1117,7 @@
   .character-kinks-block .character-kink.comparison-favorite,
   .match-report .scores .match-score.match,
   .infotag.match {
+    color: var(--scoreMatchFg);
     background-color: var(--scoreMatchBg);
     border: solid 1px var(--scoreMatchFg);
   }
@@ -1102,6 +1125,7 @@
   .character-kinks-block .character-kink.comparison-yes,
   .match-report .scores .match-score.weak-match,
   .infotag.weak-match {
+    color: var(--scoreWeakMatchFg);
     background-color: var(--scoreWeakMatchBg);
     border: 1px solid var(--scoreWeakMatchFg);
   }
@@ -1109,6 +1133,7 @@
   .character-kinks-block .character-kink.comparison-maybe,
   .match-report .scores .match-score.weak-mismatch,
   .infotag.weak-mismatch {
+    color: var(--scoreWeakMismatchFg);
     background-color: var(--scoreWeakMismatchBg);
     border: 1px solid var(--scoreWeakMismatchFg);
   }
@@ -1116,6 +1141,7 @@
   .character-kinks-block .character-kink.comparison-no,
   .match-report .scores .match-score.mismatch,
   .infotag.mismatch {
+    color: var(--scoreMismatchFg);
     background-color: var(--scoreMismatchBg);
     border: 1px solid var(--scoreMismatchFg);
   }
diff --git a/site/character_page/match-report.vue b/site/character_page/match-report.vue
index 3b846f75..40180829 100644
--- a/site/character_page/match-report.vue
+++ b/site/character_page/match-report.vue
@@ -93,15 +93,6 @@
   });
 
   const getAvatarUrl = (name: string) => {
-    const c = core.characters.get(name);
-
-    if (
-      c.overrides.avatarUrl &&
-      core.state.settings.risingShowHighQualityPortraits
-    ) {
-      return c.overrides.avatarUrl;
-    }
-
     return Utils.avatarURL(name);
   };