/* Generated by bin/mkskins.go. Do not edit by hand: run the generator.

   Every theme here is derived from one hue and a light or dark flag, so the
   ninety-seven variables of a skin cannot drift out of step with each other.
   Classic Blue and Aero Green are hand-tuned and live in their own files. */

/* Midnight */
.skin-midnight {
  --accent: #4489e4;
  --accent-strong: #a3c7f5;
  --ad-bg: linear-gradient(180deg, #2c3644 0%, #232c39 100%);
  --ad-text: #aab1bb;
  --badge-bg: #1d77ed;
  --badge-text: #ffffff;
  --brand-1: #639fee;
  --brand-2: #5f42f0;
  --btn-border: #4e5e74;
  --btn-border-hover: #6687b2;
  --btn-default-border: #2b7fee;
  --btn-default-glow: 0 0 0 1px #4d84cb66;
  --btn-face: linear-gradient(180deg, #3c4653 0%, #2d3743 100%);
  --btn-face-hover: linear-gradient(180deg, #485565 0%, #384352 100%);
  --btn-radius: 3px;
  --btn-text: #e9eaec;
  --card-bg: #29323d;
  --card-border: #3c4a5d;
  --chat-bg: linear-gradient(180deg, #1f252e 0%, #181e25 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%23c6cbd2'/%3E%3C/svg%3E");
  --compose-bar-bg: #272f3a;
  --desktop: linear-gradient(160deg, #1a222e 0%, #121821 55%, #0c1118 100%);
  --desktop-pad: 14px;
  --dp-bg: #2f3741;
  --dp-border: #50637c;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #3a1d1a;
  --error-border: #7a3a30;
  --error-text: #ff9c8c;
  --focus-ring: 0 0 0 2px #4d84cb55;
  --font: Tahoma, "Segoe UI", Verdana, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #29323d 0%, #202832 100%);
  --footer-border: #384557;
  --group-text: #70a5eb;
  --hover-bg: #324053;
  --hover-border: #495e79;
  --input-bg: #1a1e24;
  --input-border: #465467;
  --input-radius: 2px;
  --label: #c1c6cd;
  --link: #6ca5ef;
  --me-bg: linear-gradient(180deg, #303b4b 0%, #242f3c 100%);
  --me-name-color: #f07d75;
  --menu-bg: linear-gradient(180deg, #2d3743 0%, #242d38 100%);
  --menu-border: #384557;
  --menu-hover: #364559;
  --menu-hover-border: #536f92;
  --menu-text: #dee0e3;
  --muted: #969da6;
  --nudge-text: #ff8a7a;
  --pane-bg: linear-gradient(180deg, #262d35 0%, #1f252e 100%);
  --pane-border: #364354;
  --popup-bg: #29323d;
  --popup-border: #44546a;
  --popup-radius: 4px;
  --selected-bg: #394e6a;
  --selected-border: #5275a3;
  --signin-bg: linear-gradient(180deg, #282f38 0%, #212831 55%, #1a2028 100%);
  --tab-border: #44546a;
  --tab-face: linear-gradient(180deg, #313c49 0%, #262f3b 100%);
  --tab-face-active: #2b323b;
  --tab-face-hover: linear-gradient(180deg, #3e4b5b 0%, #303b4b 100%);
  --tab-radius: 4px;
  --tab-text: #c8cbd0;
  --tab-text-active: #82b0ed;
  --tabstrip-bg: linear-gradient(180deg, #28323e 0%, #1f2733 100%);
  --tb-border: #546883;
  --tb-border-hover: #6687b2;
  --tb-close-face: linear-gradient(180deg, #d2604f 0%, #a32b1c 100%);
  --tb-face: linear-gradient(180deg, #485565 0%, #36414f 100%);
  --tb-face-hover: linear-gradient(180deg, #59697d 0%, #425061 100%);
  --tb-glyph: #e9eaec;
  --text: #e9eaec;
  --them-name: #71aaf4;
  --title-bg: linear-gradient(180deg, #374e6d 0%, #273a53 48%, #223349 52%, #30445f 100%);
  --title-height: 26px;
  --title-shadow: 0 1px 1px rgba(0,0,0,.45);
  --title-text: #f4f5f5;
  --to-bg: #28323e;
  --to-border: #364354;
  --toast-bg: linear-gradient(180deg, #313c49 0%, #262f3b 100%);
  --toast-border: #557aaa;
  --toast-text: #e9eaec;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #2d3743 0%, #242d38 100%);
  --toolbar-border: #364354;
  --transcript-bg: #1c2027;
  --transcript-border: #3c4a5d;
  --transcript-radius: 3px;
  --win-bg: #212831;
  --win-border: #3c4a5d;
  --win-radius: 7px;
  --win-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.skin-midnight .line .who::after { content: ":"; }
.skin-midnight .line .said { margin-left: 4px; }
.skin-midnight .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-midnight .chat-tool .ct-ico { width: 22px; height: 22px; }
.skin-midnight .ct-ico { filter: brightness(1.15) saturate(1.1); }
.skin-midnight .emo, .skin-midnight .game-tile-art { filter: saturate(1.05); }

/* Carbon */
.skin-carbon {
  --accent: #7489b4;
  --accent-strong: #bac6de;
  --ad-bg: linear-gradient(180deg, #36373a 0%, #2c2d30 100%);
  --ad-text: #b1b2b4;
  --badge-bg: #5474b6;
  --badge-text: #ffffff;
  --brand-1: #8a9ec7;
  --brand-2: #8670c2;
  --btn-border: #5e6064;
  --btn-border-hover: #858a93;
  --btn-default-border: #5e7dba;
  --btn-default-glow: 0 0 0 1px #81889866;
  --btn-face: linear-gradient(180deg, #45474a 0%, #36373a 100%);
  --btn-face-hover: linear-gradient(180deg, #545659 0%, #424447 100%);
  --btn-radius: 3px;
  --btn-text: #eaebeb;
  --card-bg: #313235;
  --card-border: #494b50;
  --chat-bg: linear-gradient(180deg, #252628 0%, #1d1e20 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%23cbcccd'/%3E%3C/svg%3E");
  --compose-bar-bg: #2f3032;
  --desktop: linear-gradient(160deg, #222325 0%, #18191b 55%, #111113 100%);
  --desktop-pad: 14px;
  --dp-bg: #36383a;
  --dp-border: #62656a;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #3a1d1a;
  --error-border: #7a3a30;
  --error-text: #ff9c8c;
  --focus-ring: 0 0 0 2px #81889855;
  --font: Tahoma, "Segoe UI", Verdana, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #313235 0%, #27282a 100%);
  --footer-border: #45464a;
  --group-text: #95a5c6;
  --hover-bg: #3f4145;
  --hover-border: #5d5f65;
  --input-bg: #1e1e20;
  --input-border: #54565a;
  --input-radius: 2px;
  --label: #c6c7c8;
  --link: #91a4ca;
  --me-bg: linear-gradient(180deg, #3b3c40 0%, #2e3033 100%);
  --me-name-color: #cda198;
  --menu-bg: linear-gradient(180deg, #36373a 0%, #2c2d30 100%);
  --menu-border: #45464a;
  --menu-hover: #44464b;
  --menu-hover-border: #6d7178;
  --menu-text: #e0e0e1;
  --muted: #9d9ea0;
  --nudge-text: #ff8a7a;
  --pane-bg: linear-gradient(180deg, #2d2d2f 0%, #252628 100%);
  --pane-border: #424448;
  --popup-bg: #313235;
  --popup-border: #53565a;
  --popup-radius: 4px;
  --selected-bg: #4d5056;
  --selected-border: #737882;
  --signin-bg: linear-gradient(180deg, #2f3032 0%, #27282a 55%, #202122 100%);
  --tab-border: #53565a;
  --tab-face: linear-gradient(180deg, #3b3c3f 0%, #2f3032 100%);
  --tab-face-active: #313235;
  --tab-face-hover: linear-gradient(180deg, #4a4c4f 0%, #3b3c40 100%);
  --tab-radius: 4px;
  --tab-text: #cbcccd;
  --tab-text-active: #a2b0cd;
  --tabstrip-bg: linear-gradient(180deg, #313235 0%, #27282b 100%);
  --tb-border: #676a6f;
  --tb-border-hover: #858a93;
  --tb-close-face: linear-gradient(180deg, #d2604f 0%, #a32b1c 100%);
  --tb-face: linear-gradient(180deg, #545659 0%, #404245 100%);
  --tb-face-hover: linear-gradient(180deg, #686a6e 0%, #4f5154 100%);
  --tb-glyph: #eaebeb;
  --text: #eaeaeb;
  --them-name: #94a8d1;
  --title-bg: linear-gradient(180deg, #4d5056 0%, #393c41 48%, #323439 52%, #43464c 100%);
  --title-height: 26px;
  --title-shadow: 0 1px 1px rgba(0,0,0,.45);
  --title-text: #f5f5f5;
  --to-bg: #313235;
  --to-border: #424448;
  --toast-bg: linear-gradient(180deg, #3b3c3f 0%, #2f3032 100%);
  --toast-border: #787d87;
  --toast-text: #eaeaeb;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #36373a 0%, #2c2d30 100%);
  --toolbar-border: #424448;
  --transcript-bg: #202122;
  --transcript-border: #494b50;
  --transcript-radius: 3px;
  --win-bg: #27282a;
  --win-border: #494b50;
  --win-radius: 7px;
  --win-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.skin-carbon .line .who::after { content: ":"; }
.skin-carbon .line .said { margin-left: 4px; }
.skin-carbon .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-carbon .chat-tool .ct-ico { width: 22px; height: 22px; }
.skin-carbon .ct-ico { filter: brightness(1.15) saturate(1.1); }
.skin-carbon .emo, .skin-carbon .game-tile-art { filter: saturate(1.05); }

/* Neon Night */
.skin-neon {
  --accent: #f434c4;
  --accent-strong: #fc9ce4;
  --ad-bg: linear-gradient(180deg, #3d2848 0%, #331f3c 100%);
  --ad-text: #b6a8bd;
  --badge-bg: #ff0ac2;
  --badge-text: #ffffff;
  --brand-1: #fb56d1;
  --brand-2: #ff3352;
  --btn-border: #694979;
  --btn-border-hover: #bc5ca4;
  --btn-default-border: #ff1ac6;
  --btn-default-glow: 0 0 0 1px #dd3cb466;
  --btn-face: linear-gradient(180deg, #4c3856 0%, #3d2a46 100%);
  --btn-face-hover: linear-gradient(180deg, #5d4469 0%, #4a3456 100%);
  --btn-radius: 3px;
  --btn-text: #ebe9ec;
  --card-bg: #37273f;
  --card-border: #543762;
  --chat-bg: linear-gradient(180deg, #291d30 0%, #211627 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%23cec5d3'/%3E%3C/svg%3E");
  --compose-bar-bg: #34253c;
  --desktop: linear-gradient(160deg, #281730 0%, #1d1023 55%, #140a19 100%);
  --desktop-pad: 14px;
  --dp-bg: #3c2c44;
  --dp-border: #704983;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #3a1d1a;
  --error-border: #7a3a30;
  --error-text: #ff9c8c;
  --focus-ring: 0 0 0 2px #dd3cb455;
  --font: Tahoma, "Segoe UI", Verdana, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #37273f 0%, #2d1d34 100%);
  --footer-border: #4e335b;
  --group-text: #f764d2;
  --hover-bg: #492d57;
  --hover-border: #6b427f;
  --input-bg: #211825;
  --input-border: #5e416c;
  --input-radius: 2px;
  --label: #cabfcf;
  --link: #fb60d4;
  --me-bg: linear-gradient(180deg, #432c4e 0%, #362140 100%);
  --me-name-color: #8efb6a;
  --menu-bg: linear-gradient(180deg, #3d2a46 0%, #32213b 100%);
  --menu-border: #4e335b;
  --menu-hover: #4f315e;
  --menu-hover-border: #9b4b87;
  --menu-text: #e1dde4;
  --muted: #a194a8;
  --nudge-text: #ff8a7a;
  --pane-bg: linear-gradient(180deg, #312438 0%, #291d30 100%);
  --pane-border: #4b3258;
  --popup-bg: #37273f;
  --popup-border: #5f3e6f;
  --popup-radius: 4px;
  --selected-bg: #713261;
  --selected-border: #ae4794;
  --signin-bg: linear-gradient(180deg, #34263b 0%, #2c1f33 55%, #24182a 100%);
  --tab-border: #5f3e6f;
  --tab-face: linear-gradient(180deg, #422e4c 0%, #35233e 100%);
  --tab-face-active: #37283e;
  --tab-face-hover: linear-gradient(180deg, #533a5f 0%, #432c4e 100%);
  --tab-radius: 4px;
  --tab-text: #cec7d1;
  --tab-text-active: #f877d8;
  --tabstrip-bg: linear-gradient(180deg, #382541 0%, #2d1c36 100%);
  --tb-border: #754d89;
  --tb-border-hover: #bc5ca4;
  --tb-close-face: linear-gradient(180deg, #d2604f 0%, #a32b1c 100%);
  --tb-face: linear-gradient(180deg, #5d4469 0%, #483253 100%);
  --tb-face-hover: linear-gradient(180deg, #735582 0%, #583e66 100%);
  --tb-glyph: #ebe9ec;
  --text: #ebe8ed;
  --them-name: #ff66d9;
  --title-bg: linear-gradient(180deg, #5d2f74 0%, #462159 48%, #3e1d4e 52%, #512965 100%);
  --title-height: 26px;
  --title-shadow: 0 1px 1px rgba(0,0,0,.45);
  --title-text: #f5f4f6;
  --to-bg: #382541;
  --to-border: #4b3258;
  --toast-bg: linear-gradient(180deg, #422e4c 0%, #35233e 100%);
  --toast-border: #b54a9a;
  --toast-text: #ebe8ed;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #3d2a46 0%, #32213b 100%);
  --toolbar-border: #4b3258;
  --transcript-bg: #231a28;
  --transcript-border: #543762;
  --transcript-radius: 3px;
  --win-bg: #2c1f33;
  --win-border: #543762;
  --win-radius: 7px;
  --win-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.skin-neon .line .who::after { content: ":"; }
.skin-neon .line .said { margin-left: 4px; }
.skin-neon .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-neon .chat-tool .ct-ico { width: 22px; height: 22px; }
.skin-neon .ct-ico { filter: brightness(1.15) saturate(1.1); }
.skin-neon .emo, .skin-neon .game-tile-art { filter: saturate(1.05); }

/* Deep Forest */
.skin-forest {
  --accent: #4eda94;
  --accent-strong: #97edc2;
  --ad-bg: linear-gradient(180deg, #2e4238 0%, #25372e 100%);
  --ad-text: #acb9b3;
  --badge-bg: #29e085;
  --badge-text: #ffffff;
  --brand-1: #6ce5a8;
  --brand-2: #4cd6e6;
  --btn-border: #527061;
  --btn-border-hover: #6dab8c;
  --btn-default-border: #36e28c;
  --btn-default-glow: 0 0 0 1px #59c08c66;
  --btn-face: linear-gradient(180deg, #3e5147 0%, #2f4138 100%);
  --btn-face-hover: linear-gradient(180deg, #4b6257 0%, #3a5045 100%);
  --btn-radius: 3px;
  --btn-text: #eaeceb;
  --card-bg: #2b3b33;
  --card-border: #3f5a4d;
  --chat-bg: linear-gradient(180deg, #202c26 0%, #19241f 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%23c7d1cc'/%3E%3C/svg%3E");
  --compose-bar-bg: #293830;
  --desktop: linear-gradient(160deg, #1c2c24 0%, #13201a 55%, #0d1712 100%);
  --desktop-pad: 14px;
  --dp-bg: #314038;
  --dp-border: #547866;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #3a1d1a;
  --error-border: #7a3a30;
  --error-text: #ff9c8c;
  --focus-ring: 0 0 0 2px #59c08c55;
  --font: Tahoma, "Segoe UI", Verdana, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #2b3b33 0%, #213029 100%);
  --footer-border: #3b5447;
  --group-text: #78e2ad;
  --hover-bg: #355042;
  --hover-border: #4d7561;
  --input-bg: #1a231f;
  --input-border: #496457;
  --input-radius: 2px;
  --label: #c2ccc7;
  --link: #74e7ad;
  --me-bg: linear-gradient(180deg, #32483d 0%, #273a30 100%);
  --me-name-color: #e87de8;
  --menu-bg: linear-gradient(180deg, #2f4138 0%, #26362e 100%);
  --menu-border: #3b5447;
  --menu-hover: #395647;
  --menu-hover-border: #598d73;
  --menu-text: #dee2e0;
  --muted: #98a59e;
  --nudge-text: #ff8a7a;
  --pane-bg: linear-gradient(180deg, #28342e 0%, #202c26 100%);
  --pane-border: #385145;
  --popup-bg: #2b3b33;
  --popup-border: #476657;
  --popup-radius: 4px;
  --selected-bg: #3d6652;
  --selected-border: #599b7a;
  --signin-bg: linear-gradient(180deg, #2a3730 0%, #222f29 55%, #1b2721 100%);
  --tab-border: #476657;
  --tab-face: linear-gradient(180deg, #34473d 0%, #283930 100%);
  --tab-face-active: #2c3a33;
  --tab-face-hover: linear-gradient(180deg, #40594d 0%, #32483d 100%);
  --tab-radius: 4px;
  --tab-text: #c9cfcc;
  --tab-text-active: #89e6b8;
  --tabstrip-bg: linear-gradient(180deg, #2a3c33 0%, #213129 100%);
  --tb-border: #587e6b;
  --tb-border-hover: #6dab8c;
  --tb-close-face: linear-gradient(180deg, #d2604f 0%, #a32b1c 100%);
  --tb-face: linear-gradient(180deg, #4b6257 0%, #384d42 100%);
  --tb-face-hover: linear-gradient(180deg, #5d7a6b 0%, #455e52 100%);
  --tb-glyph: #eaeceb;
  --text: #e9eceb;
  --them-name: #79ecb3;
  --title-bg: linear-gradient(180deg, #3c6852 0%, #2b4f3d 48%, #264536 52%, #345b47 100%);
  --title-height: 26px;
  --title-shadow: 0 1px 1px rgba(0,0,0,.45);
  --title-text: #f4f5f5;
  --to-bg: #2a3c33;
  --to-border: #385145;
  --toast-bg: linear-gradient(180deg, #34473d 0%, #283930 100%);
  --toast-border: #5da280;
  --toast-text: #e9eceb;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #2f4138 0%, #26362e 100%);
  --toolbar-border: #385145;
  --transcript-bg: #1d2621;
  --transcript-border: #3f5a4d;
  --transcript-radius: 3px;
  --win-bg: #222f29;
  --win-border: #3f5a4d;
  --win-radius: 7px;
  --win-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.skin-forest .line .who::after { content: ":"; }
.skin-forest .line .said { margin-left: 4px; }
.skin-forest .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-forest .chat-tool .ct-ico { width: 22px; height: 22px; }
.skin-forest .ct-ico { filter: brightness(1.15) saturate(1.1); }
.skin-forest .emo, .skin-forest .game-tile-art { filter: saturate(1.05); }

/* Ember */
.skin-ember {
  --accent: #ea9a3e;
  --accent-strong: #f7ca97;
  --ad-bg: linear-gradient(180deg, #46332b 0%, #3a2922 100%);
  --ad-text: #bcafa9;
  --badge-bg: #f38c16;
  --badge-text: #ffffff;
  --brand-1: #f2ad5f;
  --brand-2: #dcf53d;
  --btn-border: #75594d;
  --btn-border-hover: #b68f63;
  --btn-default-border: #f49325;
  --btn-default-glow: 0 0 0 1px #d1914766;
  --btn-face: linear-gradient(180deg, #54423b 0%, #44332c 100%);
  --btn-face-hover: linear-gradient(180deg, #665047 0%, #533f36 100%);
  --btn-radius: 3px;
  --btn-text: #eceae9;
  --card-bg: #3e2f28;
  --card-border: #5f453a;
  --chat-bg: linear-gradient(180deg, #2e231e 0%, #261c17 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%23d2cac6'/%3E%3C/svg%3E");
  --compose-bar-bg: #3b2c26;
  --desktop: linear-gradient(160deg, #2e1f19 0%, #221611 55%, #180f0b 100%);
  --desktop-pad: 14px;
  --dp-bg: #42342e;
  --dp-border: #7e5c4e;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #3a1d1a;
  --error-border: #7a3a30;
  --error-text: #ff9c8c;
  --focus-ring: 0 0 0 2px #d1914755;
  --font: Tahoma, "Segoe UI", Verdana, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #3e2f28 0%, #33251f 100%);
  --footer-border: #594136;
  --group-text: #efb26c;
  --hover-bg: #543b30;
  --hover-border: #7b5647;
  --input-bg: #241c19;
  --input-border: #694f44;
  --input-radius: 2px;
  --label: #cec4c0;
  --link: #f3b268;
  --me-bg: linear-gradient(180deg, #4c372f 0%, #3e2b23 100%);
  --me-name-color: #71eff4;
  --menu-bg: linear-gradient(180deg, #44332c 0%, #392923 100%);
  --menu-border: #594136;
  --menu-hover: #5b4034;
  --menu-hover-border: #957550;
  --menu-text: #e3dfde;
  --muted: #a79b95;
  --nudge-text: #ff8a7a;
  --pane-bg: linear-gradient(180deg, #362b26 0%, #2e231e 100%);
  --pane-border: #553e34;
  --popup-bg: #3e2f28;
  --popup-border: #6c4e42;
  --popup-radius: 4px;
  --selected-bg: #6d5337;
  --selected-border: #a67d4e;
  --signin-bg: linear-gradient(180deg, #392d28 0%, #312520 55%, #291e19 100%);
  --tab-border: #6c4e42;
  --tab-face: linear-gradient(180deg, #4a3830 0%, #3c2c25 100%);
  --tab-face-active: #3c2f2a;
  --tab-face-hover: linear-gradient(180deg, #5d463c 0%, #4c372f 100%);
  --tab-radius: 4px;
  --tab-text: #d1cac7;
  --tab-text-active: #f1bb7e;
  --tabstrip-bg: linear-gradient(180deg, #3f2e27 0%, #34241e 100%);
  --tb-border: #856151;
  --tb-border-hover: #b68f63;
  --tb-close-face: linear-gradient(180deg, #d2604f 0%, #a32b1c 100%);
  --tb-face: linear-gradient(180deg, #665047 0%, #503d34 100%);
  --tb-face-hover: linear-gradient(180deg, #7e6358 0%, #634b40 100%);
  --tb-glyph: #eceae9;
  --text: #eceae9;
  --them-name: #f7b76e;
  --title-bg: linear-gradient(180deg, #6f4634 0%, #553425 48%, #4a2d21 52%, #613d2e 100%);
  --title-height: 26px;
  --title-shadow: 0 1px 1px rgba(0,0,0,.45);
  --title-text: #f5f5f4;
  --to-bg: #3f2e27;
  --to-border: #553e34;
  --toast-bg: linear-gradient(180deg, #4a3830 0%, #3c2c25 100%);
  --toast-border: #ad8352;
  --toast-text: #eceae9;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #44332c 0%, #392923 100%);
  --toolbar-border: #553e34;
  --transcript-bg: #271f1b;
  --transcript-border: #5f453a;
  --transcript-radius: 3px;
  --win-bg: #312520;
  --win-border: #5f453a;
  --win-radius: 7px;
  --win-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.skin-ember .line .who::after { content: ":"; }
.skin-ember .line .said { margin-left: 4px; }
.skin-ember .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-ember .chat-tool .ct-ico { width: 22px; height: 22px; }
.skin-ember .ct-ico { filter: brightness(1.15) saturate(1.1); }
.skin-ember .emo, .skin-ember .game-tile-art { filter: saturate(1.05); }

/* Rose */
.skin-rose {
  --accent: #db246d;
  --accent-strong: #a7114d;
  --ad-bg: linear-gradient(180deg, #fcece9 0%, #f3ccc4 100%);
  --ad-text: #773022;
  --badge-bg: #fb2109;
  --badge-text: #ffffff;
  --brand-1: #c11f60;
  --brand-2: #e9451c;
  --btn-border: #c090a3;
  --btn-border-hover: #db246d;
  --btn-default-border: #fb2109;
  --btn-default-glow: 0 0 0 1px #e9301c59;
  --btn-face: linear-gradient(180deg, #ffffff 0%, #f3e8ec 100%);
  --btn-face-hover: linear-gradient(180deg, #ffffff 0%, #edd9e1 100%);
  --btn-radius: 3px;
  --btn-text: #5f263d;
  --card-bg: #faf5f7;
  --card-border: #dcc1cc;
  --chat-bg: linear-gradient(180deg, #faf5f7 0%, #f3e8ec 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%235f263d'/%3E%3C/svg%3E");
  --compose-bar-bg: linear-gradient(180deg, #fdfcfc 0%, #f8f2f4 100%);
  --desktop: linear-gradient(160deg, #d09fb3 0%, #b36f8b 45%, #9a4c6b 100%);
  --desktop-pad: 14px;
  --dp-bg: #ffffff;
  --dp-border: #c090a3;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px #ffffff;
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #fdeceb;
  --error-border: #e3a9a3;
  --error-text: #a02618;
  --focus-ring: 0 0 0 2px #cf307044;
  --font: Tahoma, "Segoe UI", Verdana, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #faf5f7 0%, #f3e8ec 100%);
  --footer-border: #dcc1cc;
  --group-text: #ab1c55;
  --hover-bg: #f7eef1;
  --hover-border: #d8b6c3;
  --input-bg: #ffffff;
  --input-border: #c090a3;
  --input-radius: 2px;
  --label: #643548;
  --link: #a2104b;
  --me-bg: linear-gradient(180deg, #f7eef1 0%, #eedde4 100%);
  --me-name-color: #12871d;
  --menu-bg: linear-gradient(180deg, #ffffff 0%, #f5eaef 100%);
  --menu-border: #dcc1cc;
  --menu-hover: #f1e0e6;
  --menu-hover-border: #cea1b3;
  --menu-text: #5f263d;
  --muted: #846772;
  --nudge-text: #c0392b;
  --pane-bg: linear-gradient(180deg, #ffffff 0%, #faf5f7 100%);
  --pane-border: #dcc1cc;
  --popup-bg: #fdfcfc;
  --popup-border: #c090a3;
  --popup-radius: 4px;
  --selected-bg: #edd9e1;
  --selected-border: #c38da3;
  --signin-bg: linear-gradient(180deg, #ffffff 0%, #faf5f7 55%, #f1e4e9 100%);
  --tab-border: #c090a3;
  --tab-face: linear-gradient(180deg, #faf5f7 0%, #f1e4e9 100%);
  --tab-face-active: #ffffff;
  --tab-face-hover: linear-gradient(180deg, #ffffff 0%, #f6eef1 100%);
  --tab-radius: 4px;
  --tab-text: #693047;
  --tab-text-active: #740b35;
  --tabstrip-bg: linear-gradient(180deg, #f1e4e9 0%, #e8d4dc 100%);
  --tb-border: #7a294a;
  --tb-border-hover: #631c39;
  --tb-close-face: linear-gradient(180deg, #f6a89e 0%, #d2402c 100%);
  --tb-face: linear-gradient(180deg, #f7eef1 0%, #e5c7d3 100%);
  --tb-face-hover: linear-gradient(180deg, #ffffff 0%, #efdce4 100%);
  --tb-glyph: #5f263d;
  --text: #432330;
  --them-name: #ba1255;
  --title-bg: linear-gradient(180deg, #d85a8c 0%, #ba2c65 48%, #a52759 52%, #d03975 100%);
  --title-height: 26px;
  --title-shadow: 0 1px 1px rgba(0,0,0,.45);
  --title-text: #ffffff;
  --to-bg: #f7eef1;
  --to-border: #dcc1cc;
  --toast-bg: linear-gradient(180deg, #ffffff 0%, #f4ebef 100%);
  --toast-border: #ba2c65;
  --toast-text: #432330;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #fdfcfc 0%, #f3e8ec 100%);
  --toolbar-border: #dcc1cc;
  --transcript-bg: #ffffff;
  --transcript-border: #c090a3;
  --transcript-radius: 3px;
  --win-bg: #ffffff;
  --win-border: #8b3758;
  --win-radius: 7px;
  --win-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.skin-rose .line .who::after { content: ":"; }
.skin-rose .line .said { margin-left: 4px; }
.skin-rose .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-rose .chat-tool .ct-ico { width: 22px; height: 22px; }

/* Violet */
.skin-violet {
  --accent: #8530cf;
  --accent-strong: #601a9e;
  --ad-bg: linear-gradient(180deg, #fce9fa 0%, #f3c4ee 100%);
  --ad-text: #77226e;
  --badge-bg: #ef15e8;
  --badge-text: #ffffff;
  --brand-1: #752bb6;
  --brand-2: #dc28c4;
  --btn-border: #aa94bd;
  --btn-border-hover: #8530cf;
  --btn-default-border: #ef15e8;
  --btn-default-glow: 0 0 0 1px #dc28d659;
  --btn-face: linear-gradient(180deg, #ffffff 0%, #ede9f2 100%);
  --btn-face-hover: linear-gradient(180deg, #ffffff 0%, #e3dbeb 100%);
  --btn-radius: 3px;
  --btn-text: #442a5a;
  --card-bg: #f7f5f9;
  --card-border: #cfc3da;
  --chat-bg: linear-gradient(180deg, #f7f5f9 0%, #ede9f2 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%23442a5a'/%3E%3C/svg%3E");
  --compose-bar-bg: linear-gradient(180deg, #fcfcfd 0%, #f5f2f7 100%);
  --desktop: linear-gradient(160deg, #b9a3cc 0%, #9375ae 45%, #755294 100%);
  --desktop-pad: 14px;
  --dp-bg: #ffffff;
  --dp-border: #aa94bd;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px #ffffff;
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #fdeceb;
  --error-border: #e3a9a3;
  --error-text: #a02618;
  --focus-ring: 0 0 0 2px #843dc244;
  --font: Tahoma, "Segoe UI", Verdana, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #f7f5f9 0%, #ede9f2 100%);
  --footer-border: #cfc3da;
  --group-text: #6826a1;
  --hover-bg: #f2eff6;
  --hover-border: #c8b8d5;
  --input-bg: #ffffff;
  --input-border: #aa94bd;
  --input-radius: 2px;
  --label: #4e3960;
  --link: #5e199a;
  --me-bg: linear-gradient(180deg, #f2eff6 0%, #e6deed 100%);
  --me-name-color: #747718;
  --menu-bg: linear-gradient(180deg, #ffffff 0%, #f0ebf4 100%);
  --menu-border: #cfc3da;
  --menu-hover: #e9e1ef;
  --menu-hover-border: #b9a5ca;
  --menu-text: #442a5a;
  --muted: #766981;
  --nudge-text: #c0392b;
  --pane-bg: linear-gradient(180deg, #ffffff 0%, #f7f5f9 100%);
  --pane-border: #cfc3da;
  --popup-bg: #fcfcfd;
  --popup-border: #aa94bd;
  --popup-radius: 4px;
  --selected-bg: #e4daec;
  --selected-border: #aa92bf;
  --signin-bg: linear-gradient(180deg, #ffffff 0%, #f7f5f9 55%, #ebe5f0 100%);
  --tab-border: #aa94bd;
  --tab-face: linear-gradient(180deg, #f7f5f9 0%, #ebe5f0 100%);
  --tab-face-active: #ffffff;
  --tab-face-hover: linear-gradient(180deg, #ffffff 0%, #f2eff6 100%);
  --tab-radius: 4px;
  --tab-text: #4e3564;
  --tab-text-active: #43126e;
  --tabstrip-bg: linear-gradient(180deg, #ebe5f0 0%, #ded5e6 100%);
  --tb-border: #543074;
  --tb-border-hover: #42225e;
  --tb-close-face: linear-gradient(180deg, #f6a89e 0%, #d2402c 100%);
  --tb-face: linear-gradient(180deg, #f3eef6 0%, #d7c9e3 100%);
  --tb-face-hover: linear-gradient(180deg, #ffffff 0%, #e6deed 100%);
  --tb-glyph: #442a5a;
  --text: #342640;
  --them-name: #6b1daf;
  --title-bg: linear-gradient(180deg, #9d64ce 0%, #7737ae 48%, #6a319b 52%, #8945c4 100%);
  --title-height: 26px;
  --title-shadow: 0 1px 1px rgba(0,0,0,.45);
  --title-text: #ffffff;
  --to-bg: #f2eff6;
  --to-border: #cfc3da;
  --toast-bg: linear-gradient(180deg, #ffffff 0%, #f0ecf4 100%);
  --toast-border: #7737ae;
  --toast-text: #342640;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #fcfcfd 0%, #ede9f2 100%);
  --toolbar-border: #cfc3da;
  --transcript-bg: #ffffff;
  --transcript-border: #aa94bd;
  --transcript-radius: 3px;
  --win-bg: #ffffff;
  --win-border: #633e84;
  --win-radius: 7px;
  --win-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.skin-violet .line .who::after { content: ":"; }
.skin-violet .line .said { margin-left: 4px; }
.skin-violet .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-violet .chat-tool .ct-ico { width: 22px; height: 22px; }

/* Tangerine */
.skin-tangerine {
  --accent: #f0710f;
  --accent-strong: #a24702;
  --ad-bg: linear-gradient(180deg, #fcfce9 0%, #f3f3c4 100%);
  --ad-text: #6f6f20;
  --badge-bg: #ffee05;
  --badge-text: #ffffff;
  --brand-1: #d3630d;
  --brand-2: #f4fd08;
  --btn-border: #c7a48a;
  --btn-border-hover: #f0710f;
  --btn-default-border: #ffee05;
  --btn-default-glow: 0 0 0 1px #fdec0859;
  --btn-face: linear-gradient(180deg, #ffffff 0%, #f4ece6 100%);
  --btn-face-hover: linear-gradient(180deg, #ffffff 0%, #efe1d7 100%);
  --btn-radius: 3px;
  --btn-text: #663d1e;
  --card-bg: #faf7f4;
  --card-border: #e0ccbe;
  --chat-bg: linear-gradient(180deg, #faf7f4 0%, #f4ece6 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%23663d1e'/%3E%3C/svg%3E");
  --compose-bar-bg: linear-gradient(180deg, #fdfcfc 0%, #f9f4f1 100%);
  --desktop: linear-gradient(160deg, #d6b499 0%, #bc8c67 45%, #a46c42 100%);
  --desktop-pad: 14px;
  --dp-bg: #ffffff;
  --dp-border: #c7a48a;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px #ffffff;
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #fdeceb;
  --error-border: #e3a9a3;
  --error-text: #a02618;
  --focus-ring: 0 0 0 2px #e3721c44;
  --font: Tahoma, "Segoe UI", Verdana, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #faf7f4 0%, #f4ece6 100%);
  --footer-border: #e0ccbe;
  --group-text: #b1530b;
  --hover-bg: #f8f2ed;
  --hover-border: #ddc4b1;
  --input-bg: #ffffff;
  --input-border: #c7a48a;
  --input-radius: 2px;
  --label: #6a492f;
  --link: #b14e02;
  --me-bg: linear-gradient(180deg, #f8f2ed 0%, #f0e4db 100%);
  --me-name-color: #058078;
  --menu-bg: linear-gradient(180deg, #ffffff 0%, #f6efe9 100%);
  --menu-border: #e0ccbe;
  --menu-hover: #f3e7dd;
  --menu-hover-border: #d3b49c;
  --menu-text: #663d1e;
  --muted: #7c695a;
  --nudge-text: #c0392b;
  --pane-bg: linear-gradient(180deg, #ffffff 0%, #faf7f4 100%);
  --pane-border: #e0ccbe;
  --popup-bg: #fdfcfc;
  --popup-border: #c7a48a;
  --popup-radius: 4px;
  --selected-bg: #f0e1d6;
  --selected-border: #caa486;
  --signin-bg: linear-gradient(180deg, #ffffff 0%, #faf7f4 55%, #f3eae3 100%);
  --tab-border: #c7a48a;
  --tab-face: linear-gradient(180deg, #faf7f4 0%, #f3eae3 100%);
  --tab-face-active: #ffffff;
  --tab-face-hover: linear-gradient(180deg, #ffffff 0%, #f7f2ed 100%);
  --tab-radius: 4px;
  --tab-text: #704829;
  --tab-text-active: #7e3701;
  --tabstrip-bg: linear-gradient(180deg, #f3eae3 0%, #ebdcd1 100%);
  --tb-border: #854b1f;
  --tb-border-hover: #6d3a13;
  --tb-close-face: linear-gradient(180deg, #f6a89e 0%, #d2402c 100%);
  --tb-face: linear-gradient(180deg, #f8f1ec 0%, #e9d4c3 100%);
  --tb-face-hover: linear-gradient(180deg, #ffffff 0%, #f1e4da 100%);
  --tb-glyph: #663d1e;
  --text: #47301f;
  --them-name: #c05402;
  --title-bg: linear-gradient(180deg, #e98e49 0%, #cc6719 48%, #b65b16 52%, #e47825 100%);
  --title-height: 26px;
  --title-shadow: 0 1px 1px rgba(0,0,0,.45);
  --title-text: #ffffff;
  --to-bg: #f8f2ed;
  --to-border: #e0ccbe;
  --toast-bg: linear-gradient(180deg, #ffffff 0%, #f6efea 100%);
  --toast-border: #cc6719;
  --toast-text: #47301f;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #fdfcfc 0%, #f4ece6 100%);
  --toolbar-border: #e0ccbe;
  --transcript-bg: #ffffff;
  --transcript-border: #c7a48a;
  --transcript-radius: 3px;
  --win-bg: #ffffff;
  --win-border: #965a2c;
  --win-radius: 7px;
  --win-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.skin-tangerine .line .who::after { content: ":"; }
.skin-tangerine .line .said { margin-left: 4px; }
.skin-tangerine .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-tangerine .chat-tool .ct-ico { width: 22px; height: 22px; }

/* Crimson */
.skin-crimson {
  --accent: #db243c;
  --accent-strong: #a71125;
  --ad-bg: linear-gradient(180deg, #fcf1e9 0%, #f3d8c4 100%);
  --ad-text: #774722;
  --badge-bg: #fb6209;
  --badge-text: #ffffff;
  --brand-1: #c11f35;
  --brand-2: #e97b1c;
  --btn-border: #c09097;
  --btn-border-hover: #db243c;
  --btn-default-border: #fb6209;
  --btn-default-glow: 0 0 0 1px #e9671c59;
  --btn-face: linear-gradient(180deg, #ffffff 0%, #f3e8e9 100%);
  --btn-face-hover: linear-gradient(180deg, #ffffff 0%, #edd9dc 100%);
  --btn-radius: 3px;
  --btn-text: #5f262d;
  --card-bg: #faf5f6;
  --card-border: #dcc1c5;
  --chat-bg: linear-gradient(180deg, #faf5f6 0%, #f3e8e9 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%235f262d'/%3E%3C/svg%3E");
  --compose-bar-bg: linear-gradient(180deg, #fdfcfc 0%, #f8f2f2 100%);
  --desktop: linear-gradient(160deg, #d09fa6 0%, #b36f78 45%, #9a4c56 100%);
  --desktop-pad: 14px;
  --dp-bg: #ffffff;
  --dp-border: #c09097;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px #ffffff;
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #fdeceb;
  --error-border: #e3a9a3;
  --error-text: #a02618;
  --focus-ring: 0 0 0 2px #cf304644;
  --font: Tahoma, "Segoe UI", Verdana, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #faf5f6 0%, #f3e8e9 100%);
  --footer-border: #dcc1c5;
  --group-text: #ab1c2f;
  --hover-bg: #f7eeef;
  --hover-border: #d8b6ba;
  --input-bg: #ffffff;
  --input-border: #c09097;
  --input-radius: 2px;
  --label: #64353b;
  --link: #a21024;
  --me-bg: linear-gradient(180deg, #f7eeef 0%, #eedddf 100%);
  --me-name-color: #12873d;
  --menu-bg: linear-gradient(180deg, #ffffff 0%, #f5eaec 100%);
  --menu-border: #dcc1c5;
  --menu-hover: #f1e0e2;
  --menu-hover-border: #cea1a7;
  --menu-text: #5f262d;
  --muted: #84676b;
  --nudge-text: #c0392b;
  --pane-bg: linear-gradient(180deg, #ffffff 0%, #faf5f6 100%);
  --pane-border: #dcc1c5;
  --popup-bg: #fdfcfc;
  --popup-border: #c09097;
  --popup-radius: 4px;
  --selected-bg: #edd9db;
  --selected-border: #c38d95;
  --signin-bg: linear-gradient(180deg, #ffffff 0%, #faf5f6 55%, #f1e4e6 100%);
  --tab-border: #c09097;
  --tab-face: linear-gradient(180deg, #faf5f6 0%, #f1e4e6 100%);
  --tab-face-active: #ffffff;
  --tab-face-hover: linear-gradient(180deg, #ffffff 0%, #f6eeef 100%);
  --tab-radius: 4px;
  --tab-text: #693038;
  --tab-text-active: #740b19;
  --tabstrip-bg: linear-gradient(180deg, #f1e4e6 0%, #e8d4d6 100%);
  --tb-border: #7a2934;
  --tb-border-hover: #631c26;
  --tb-close-face: linear-gradient(180deg, #f6a89e 0%, #d2402c 100%);
  --tb-face: linear-gradient(180deg, #f7eeef 0%, #e5c7cb 100%);
  --tb-face-hover: linear-gradient(180deg, #ffffff 0%, #efdcdf 100%);
  --tb-glyph: #5f262d;
  --text: #432327;
  --them-name: #ba1229;
  --title-bg: linear-gradient(180deg, #d85a6b 0%, #ba2c3f 48%, #a52738 52%, #d0394d 100%);
  --title-height: 26px;
  --title-shadow: 0 1px 1px rgba(0,0,0,.45);
  --title-text: #ffffff;
  --to-bg: #f7eeef;
  --to-border: #dcc1c5;
  --toast-bg: linear-gradient(180deg, #ffffff 0%, #f4ebec 100%);
  --toast-border: #ba2c3f;
  --toast-text: #432327;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #fdfcfc 0%, #f3e8e9 100%);
  --toolbar-border: #dcc1c5;
  --transcript-bg: #ffffff;
  --transcript-border: #c09097;
  --transcript-radius: 3px;
  --win-bg: #ffffff;
  --win-border: #8b3742;
  --win-radius: 7px;
  --win-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.skin-crimson .line .who::after { content: ":"; }
.skin-crimson .line .said { margin-left: 4px; }
.skin-crimson .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-crimson .chat-tool .ct-ico { width: 22px; height: 22px; }

/* Teal */
.skin-teal {
  --accent: #24cfdb;
  --accent-strong: #0c7179;
  --ad-bg: linear-gradient(180deg, #e9f0fc 0%, #c4d5f3 100%);
  --ad-text: #224177;
  --badge-bg: #0972fb;
  --badge-text: #ffffff;
  --brand-1: #1fb6c1;
  --brand-2: #1c60e9;
  --btn-border: #90bdc0;
  --btn-border-hover: #24cfdb;
  --btn-default-border: #0972fb;
  --btn-default-glow: 0 0 0 1px #1c74e959;
  --btn-face: linear-gradient(180deg, #ffffff 0%, #e8f2f3 100%);
  --btn-face-hover: linear-gradient(180deg, #ffffff 0%, #d9ebed 100%);
  --btn-radius: 3px;
  --btn-text: #265b5f;
  --card-bg: #f5f9fa;
  --card-border: #c1dadc;
  --chat-bg: linear-gradient(180deg, #f5f9fa 0%, #e8f2f3 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%23265b5f'/%3E%3C/svg%3E");
  --compose-bar-bg: linear-gradient(180deg, #fcfdfd 0%, #f2f8f8 100%);
  --desktop: linear-gradient(160deg, #9fcdd0 0%, #6fafb3 45%, #4c959a 100%);
  --desktop-pad: 14px;
  --dp-bg: #ffffff;
  --dp-border: #90bdc0;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px #ffffff;
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #fdeceb;
  --error-border: #e3a9a3;
  --error-text: #a02618;
  --focus-ring: 0 0 0 2px #30c4cf44;
  --font: Tahoma, "Segoe UI", Verdana, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #f5f9fa 0%, #e8f2f3 100%);
  --footer-border: #c1dadc;
  --group-text: #15787f;
  --hover-bg: #eef6f7;
  --hover-border: #b6d6d8;
  --input-bg: #ffffff;
  --input-border: #90bdc0;
  --input-radius: 2px;
  --label: #356164;
  --link: #0c767d;
  --me-bg: linear-gradient(180deg, #eef6f7 0%, #ddedee 100%);
  --me-name-color: #c71a65;
  --menu-bg: linear-gradient(180deg, #ffffff 0%, #eaf4f5 100%);
  --menu-border: #c1dadc;
  --menu-hover: #e0eff1;
  --menu-hover-border: #a1cbce;
  --menu-text: #265b5f;
  --muted: #597173;
  --nudge-text: #c0392b;
  --pane-bg: linear-gradient(180deg, #ffffff 0%, #f5f9fa 100%);
  --pane-border: #c1dadc;
  --popup-bg: #fcfdfd;
  --popup-border: #90bdc0;
  --popup-radius: 4px;
  --selected-bg: #d9eced;
  --selected-border: #8dc0c3;
  --signin-bg: linear-gradient(180deg, #ffffff 0%, #f5f9fa 55%, #e4f0f1 100%);
  --tab-border: #90bdc0;
  --tab-face: linear-gradient(180deg, #f5f9fa 0%, #e4f0f1 100%);
  --tab-face-active: #ffffff;
  --tab-face-hover: linear-gradient(180deg, #ffffff 0%, #eef6f6 100%);
  --tab-radius: 4px;
  --tab-text: #306569;
  --tab-text-active: #0b6d74;
  --tabstrip-bg: linear-gradient(180deg, #e4f0f1 0%, #d4e7e8 100%);
  --tb-border: #29757a;
  --tb-border-hover: #1c5f63;
  --tb-close-face: linear-gradient(180deg, #f6a89e 0%, #d2402c 100%);
  --tb-face: linear-gradient(180deg, #eef6f7 0%, #c7e3e5 100%);
  --tb-face-hover: linear-gradient(180deg, #ffffff 0%, #dceeef 100%);
  --tb-glyph: #265b5f;
  --text: #234143;
  --them-name: #0d7a82;
  --title-bg: linear-gradient(180deg, #5ad0d8 0%, #2cb0ba 48%, #279da5 52%, #39c6d0 100%);
  --title-height: 26px;
  --title-shadow: 0 1px 1px rgba(0,0,0,.45);
  --title-text: #ffffff;
  --to-bg: #eef6f7;
  --to-border: #c1dadc;
  --toast-bg: linear-gradient(180deg, #ffffff 0%, #ebf4f4 100%);
  --toast-border: #2cb0ba;
  --toast-text: #234143;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #fcfdfd 0%, #e8f2f3 100%);
  --toolbar-border: #c1dadc;
  --transcript-bg: #ffffff;
  --transcript-border: #90bdc0;
  --transcript-radius: 3px;
  --win-bg: #ffffff;
  --win-border: #37858b;
  --win-radius: 7px;
  --win-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.skin-teal .line .who::after { content: ":"; }
.skin-teal .line .said { margin-left: 4px; }
.skin-teal .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-teal .chat-tool .ct-ico { width: 22px; height: 22px; }

/* Sage */
.skin-sage {
  --accent: #61c23d;
  --accent-strong: #33741b;
  --ad-bg: linear-gradient(180deg, #e9fcee 0%, #c4f3d2 100%);
  --ad-text: #206f38;
  --badge-bg: #22e24f;
  --badge-text: #ffffff;
  --brand-1: #55ab36;
  --brand-2: #35d068;
  --btn-border: #a1b998;
  --btn-border-hover: #61c23d;
  --btn-default-border: #22e24f;
  --btn-default-glow: 0 0 0 1px #35d05959;
  --btn-face: linear-gradient(180deg, #ffffff 0%, #ebf1e9 100%);
  --btn-face-hover: linear-gradient(180deg, #ffffff 0%, #e0e9dc 100%);
  --btn-radius: 3px;
  --btn-text: #39562f;
  --card-bg: #f7f9f6;
  --card-border: #cad8c5;
  --chat-bg: linear-gradient(180deg, #f7f9f6 0%, #ebf1e9 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%2339562f'/%3E%3C/svg%3E");
  --compose-bar-bg: linear-gradient(180deg, #fcfdfc 0%, #f4f7f3 100%);
  --desktop: linear-gradient(160deg, #b0c8a7 0%, #87a87a 45%, #668d58 100%);
  --desktop-pad: 14px;
  --dp-bg: #ffffff;
  --dp-border: #a1b998;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px #ffffff;
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #fdeceb;
  --error-border: #e3a9a3;
  --error-text: #a02618;
  --focus-ring: 0 0 0 2px #67b54a44;
  --font: Tahoma, "Segoe UI", Verdana, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #f7f9f6 0%, #ebf1e9 100%);
  --footer-border: #cad8c5;
  --group-text: #3c7826;
  --hover-bg: #f1f5ef;
  --hover-border: #c1d3bb;
  --input-bg: #ffffff;
  --input-border: #a1b998;
  --input-radius: 2px;
  --label: #455d3c;
  --link: #38801e;
  --me-bg: linear-gradient(180deg, #f1f5ef 0%, #e3ebe0 100%);
  --me-name-color: #4e30b0;
  --menu-bg: linear-gradient(180deg, #ffffff 0%, #eef3ec 100%);
  --menu-border: #cad8c5;
  --menu-hover: #e5eee2;
  --menu-hover-border: #b1c7a9;
  --menu-text: #39562f;
  --muted: #677462;
  --nudge-text: #c0392b;
  --pane-bg: linear-gradient(180deg, #ffffff 0%, #f7f9f6 100%);
  --pane-border: #cad8c5;
  --popup-bg: #fcfdfc;
  --popup-border: #a1b998;
  --popup-radius: 4px;
  --selected-bg: #e0eadc;
  --selected-border: #a0bb96;
  --signin-bg: linear-gradient(180deg, #ffffff 0%, #f7f9f6 55%, #e9efe6 100%);
  --tab-border: #a1b998;
  --tab-face: linear-gradient(180deg, #f7f9f6 0%, #e9efe6 100%);
  --tab-face-active: #ffffff;
  --tab-face-hover: linear-gradient(180deg, #ffffff 0%, #f1f5f0 100%);
  --tab-radius: 4px;
  --tab-text: #446039;
  --tab-text-active: #2d6718;
  --tabstrip-bg: linear-gradient(180deg, #e9efe6 0%, #dbe5d7 100%);
  --tb-border: #456d36;
  --tb-border-hover: #355828;
  --tb-close-face: linear-gradient(180deg, #f6a89e 0%, #d2402c 100%);
  --tb-face: linear-gradient(180deg, #f1f5ef 0%, #d1e0cc 100%);
  --tb-face-hover: linear-gradient(180deg, #ffffff 0%, #e3ecdf 100%);
  --tb-glyph: #39562f;
  --text: #2e3e28;
  --them-name: #3a841f;
  --title-bg: linear-gradient(180deg, #85c46e 0%, #5ca343 48%, #52913b 52%, #6db851 100%);
  --title-height: 26px;
  --title-shadow: 0 1px 1px rgba(0,0,0,.45);
  --title-text: #ffffff;
  --to-bg: #f1f5ef;
  --to-border: #cad8c5;
  --toast-bg: linear-gradient(180deg, #ffffff 0%, #eef3ec 100%);
  --toast-border: #5ca343;
  --toast-text: #2e3e28;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #fcfdfc 0%, #ebf1e9 100%);
  --toolbar-border: #cad8c5;
  --transcript-bg: #ffffff;
  --transcript-border: #a1b998;
  --transcript-radius: 3px;
  --win-bg: #ffffff;
  --win-border: #547d44;
  --win-radius: 7px;
  --win-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.skin-sage .line .who::after { content: ":"; }
.skin-sage .line .said { margin-left: 4px; }
.skin-sage .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-sage .chat-tool .ct-ico { width: 22px; height: 22px; }

/* Slate */
.skin-slate {
  --accent: #61809e;
  --accent-strong: #3d5c7b;
  --ad-bg: linear-gradient(180deg, #eae9fc 0%, #c7c4f3 100%);
  --ad-text: #282277;
  --badge-bg: #4545bf;
  --badge-text: #ffffff;
  --brand-1: #55708b;
  --brand-2: #6058ad;
  --btn-border: #a3a8ae;
  --btn-border-hover: #61809e;
  --btn-default-border: #4545bf;
  --btn-default-glow: 0 0 0 1px #5858ad59;
  --btn-face: linear-gradient(180deg, #ffffff 0%, #ecedee 100%);
  --btn-face-hover: linear-gradient(180deg, #ffffff 0%, #e1e3e5 100%);
  --btn-radius: 3px;
  --btn-text: #3c4249;
  --card-bg: #f7f7f8;
  --card-border: #cbcfd2;
  --chat-bg: linear-gradient(180deg, #f7f7f8 0%, #ecedee 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%233c4249'/%3E%3C/svg%3E");
  --compose-bar-bg: linear-gradient(180deg, #fcfcfd 0%, #f4f5f6 100%);
  --desktop: linear-gradient(160deg, #b2b8bd 0%, #8a9199 45%, #6a737c 100%);
  --desktop-pad: 14px;
  --dp-bg: #ffffff;
  --dp-border: #a3a8ae;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px #ffffff;
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #fdeceb;
  --error-border: #e3a9a3;
  --error-text: #a02618;
  --focus-ring: 0 0 0 2px #6e809144;
  --font: Tahoma, "Segoe UI", Verdana, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #f7f7f8 0%, #ecedee 100%);
  --footer-border: #cbcfd2;
  --group-text: #4c637b;
  --hover-bg: #f1f2f3;
  --hover-border: #c3c7cb;
  --input-bg: #ffffff;
  --input-border: #a3a8ae;
  --input-radius: 2px;
  --label: #474d52;
  --link: #3b5978;
  --me-bg: linear-gradient(180deg, #f1f2f3 0%, #e4e6e7 100%);
  --me-name-color: #915050;
  --menu-bg: linear-gradient(180deg, #ffffff 0%, #eff0f1 100%);
  --menu-border: #cbcfd2;
  --menu-hover: #e6e8ea;
  --menu-hover-border: #b3b8bd;
  --menu-text: #3c4249;
  --muted: #6d7073;
  --nudge-text: #c0392b;
  --pane-bg: linear-gradient(180deg, #ffffff 0%, #f7f7f8 100%);
  --pane-border: #cbcfd2;
  --popup-bg: #fcfcfd;
  --popup-border: #a3a8ae;
  --popup-radius: 4px;
  --selected-bg: #e1e3e5;
  --selected-border: #a2a8ae;
  --signin-bg: linear-gradient(180deg, #ffffff 0%, #f7f7f8 55%, #e9ebec 100%);
  --tab-border: #a3a8ae;
  --tab-face: linear-gradient(180deg, #f7f7f8 0%, #e9ebec 100%);
  --tab-face-active: #ffffff;
  --tab-face-hover: linear-gradient(180deg, #ffffff 0%, #f1f2f3 100%);
  --tab-radius: 4px;
  --tab-text: #464d53;
  --tab-text-active: #2a4055;
  --tabstrip-bg: linear-gradient(180deg, #e9ebec 0%, #dcdee0 100%);
  --tb-border: #48525b;
  --tb-border-hover: #384048;
  --tb-close-face: linear-gradient(180deg, #f6a89e 0%, #d2402c 100%);
  --tb-face: linear-gradient(180deg, #f1f2f3 0%, #d3d6da 100%);
  --tb-face-hover: linear-gradient(180deg, #ffffff 0%, #e3e6e8 100%);
  --tb-glyph: #3c4249;
  --text: #2f3337;
  --them-name: #436689;
  --title-bg: linear-gradient(180deg, #8b99a7 0%, #637383 48%, #586674 52%, #738596 100%);
  --title-height: 26px;
  --title-shadow: 0 1px 1px rgba(0,0,0,.45);
  --title-text: #ffffff;
  --to-bg: #f1f2f3;
  --to-border: #cbcfd2;
  --toast-bg: linear-gradient(180deg, #ffffff 0%, #eff0f1 100%);
  --toast-border: #637383;
  --toast-text: #2f3337;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #fcfcfd 0%, #ecedee 100%);
  --toolbar-border: #cbcfd2;
  --transcript-bg: #ffffff;
  --transcript-border: #a3a8ae;
  --transcript-radius: 3px;
  --win-bg: #ffffff;
  --win-border: #57616a;
  --win-radius: 7px;
  --win-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.skin-slate .line .who::after { content: ":"; }
.skin-slate .line .said { margin-left: 4px; }
.skin-slate .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-slate .chat-tool .ct-ico { width: 22px; height: 22px; }

/* Plum */
.skin-plum {
  --accent: #bf40aa;
  --accent-strong: #932581;
  --ad-bg: linear-gradient(180deg, #fce9ee 0%, #f3c4d0 100%);
  --ad-text: #772239;
  --badge-bg: #e02463;
  --badge-text: #ffffff;
  --brand-1: #a83896;
  --brand-2: #cd375a;
  --btn-border: #b899b3;
  --btn-border-hover: #bf40aa;
  --btn-default-border: #e02463;
  --btn-default-glow: 0 0 0 1px #cd376959;
  --btn-face: linear-gradient(180deg, #ffffff 0%, #f1eaf0 100%);
  --btn-face-hover: linear-gradient(180deg, #ffffff 0%, #e9dde7 100%);
  --btn-radius: 3px;
  --btn-text: #55304f;
  --card-bg: #f9f6f8;
  --card-border: #d7c6d4;
  --chat-bg: linear-gradient(180deg, #f9f6f8 0%, #f1eaf0 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%2355304f'/%3E%3C/svg%3E");
  --compose-bar-bg: linear-gradient(180deg, #fdfcfd 0%, #f7f3f6 100%);
  --desktop: linear-gradient(160deg, #c7a8c2 0%, #a77ba0 45%, #8c5a84 100%);
  --desktop-pad: 14px;
  --dp-bg: #ffffff;
  --dp-border: #b899b3;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px #ffffff;
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #fdeceb;
  --error-border: #e3a9a3;
  --error-text: #a02618;
  --focus-ring: 0 0 0 2px #b34da244;
  --font: Tahoma, "Segoe UI", Verdana, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #f9f6f8 0%, #f1eaf0 100%);
  --footer-border: #d7c6d4;
  --group-text: #953285;
  --hover-bg: #f5eff4;
  --hover-border: #d2bcce;
  --input-bg: #ffffff;
  --input-border: #b899b3;
  --input-radius: 2px;
  --label: #5c3d57;
  --link: #8f247d;
  --me-bg: linear-gradient(180deg, #f5eff4 0%, #ebe0e9 100%);
  --me-name-color: #437e25;
  --menu-bg: linear-gradient(180deg, #ffffff 0%, #f3ecf2 100%);
  --menu-border: #d7c6d4;
  --menu-hover: #eee3ec;
  --menu-hover-border: #c6a9c1;
  --menu-text: #55304f;
  --muted: #796776;
  --nudge-text: #c0392b;
  --pane-bg: linear-gradient(180deg, #ffffff 0%, #f9f6f8 100%);
  --pane-border: #d7c6d4;
  --popup-bg: #fdfcfd;
  --popup-border: #b899b3;
  --popup-radius: 4px;
  --selected-bg: #eadce7;
  --selected-border: #ba97b4;
  --signin-bg: linear-gradient(180deg, #ffffff 0%, #f9f6f8 55%, #efe7ed 100%);
  --tab-border: #b899b3;
  --tab-face: linear-gradient(180deg, #f9f6f8 0%, #efe7ed 100%);
  --tab-face-active: #ffffff;
  --tab-face-hover: linear-gradient(180deg, #ffffff 0%, #f5f0f4 100%);
  --tab-radius: 4px;
  --tab-text: #5f3a59;
  --tab-text-active: #661959;
  --tabstrip-bg: linear-gradient(180deg, #efe7ed 0%, #e4d7e2 100%);
  --tb-border: #6c3763;
  --tb-border-hover: #57294f;
  --tb-close-face: linear-gradient(180deg, #f6a89e 0%, #d2402c 100%);
  --tb-face: linear-gradient(180deg, #f5eff4 0%, #e0ccdd 100%);
  --tb-face-hover: linear-gradient(180deg, #ffffff 0%, #ecdfea 100%);
  --tb-glyph: #55304f;
  --text: #3d293a;
  --them-name: #a3298f;
  --title-bg: linear-gradient(180deg, #c270b4 0%, #a14591 48%, #8f3d81 52%, #b654a5 100%);
  --title-height: 26px;
  --title-shadow: 0 1px 1px rgba(0,0,0,.45);
  --title-text: #ffffff;
  --to-bg: #f5eff4;
  --to-border: #d7c6d4;
  --toast-bg: linear-gradient(180deg, #ffffff 0%, #f3edf2 100%);
  --toast-border: #a14591;
  --toast-text: #3d293a;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #fdfcfd 0%, #f1eaf0 100%);
  --toolbar-border: #d7c6d4;
  --transcript-bg: #ffffff;
  --transcript-border: #b899b3;
  --transcript-radius: 3px;
  --win-bg: #ffffff;
  --win-border: #7c4673;
  --win-radius: 7px;
  --win-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.skin-plum .line .who::after { content: ":"; }
.skin-plum .line .said { margin-left: 4px; }
.skin-plum .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-plum .chat-tool .ct-ico { width: 22px; height: 22px; }

/* Sand */
.skin-sand {
  --accent: #d2a12d;
  --accent-strong: #7d5d12;
  --ad-bg: linear-gradient(180deg, #f7fce9 0%, #e6f3c4 100%);
  --ad-text: #5a6f20;
  --badge-bg: #c6f312;
  --badge-text: #ffffff;
  --brand-1: #b98d27;
  --brand-2: #a8e024;
  --btn-border: #beb193;
  --btn-border-hover: #d2a12d;
  --btn-default-border: #c6f312;
  --btn-default-glow: 0 0 0 1px #bae02459;
  --btn-face: linear-gradient(180deg, #ffffff 0%, #f2efe8 100%);
  --btn-face-hover: linear-gradient(180deg, #ffffff 0%, #ebe6da 100%);
  --btn-radius: 3px;
  --btn-text: #5c4d29;
  --card-bg: #f9f8f5;
  --card-border: #dbd3c3;
  --chat-bg: linear-gradient(180deg, #f9f8f5 0%, #f2efe8 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%235c4d29'/%3E%3C/svg%3E");
  --compose-bar-bg: linear-gradient(180deg, #fdfdfc 0%, #f8f6f2 100%);
  --desktop: linear-gradient(160deg, #cdc0a2 0%, #b09d73 45%, #958150 100%);
  --desktop-pad: 14px;
  --dp-bg: #ffffff;
  --dp-border: #beb193;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px #ffffff;
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #fdeceb;
  --error-border: #e3a9a3;
  --error-text: #a02618;
  --focus-ring: 0 0 0 2px #c69c3944;
  --font: Tahoma, "Segoe UI", Verdana, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #f9f8f5 0%, #f2efe8 100%);
  --footer-border: #dbd3c3;
  --group-text: #8b6a1d;
  --hover-bg: #f6f4ee;
  --hover-border: #d6cdb7;
  --input-bg: #ffffff;
  --input-border: #beb193;
  --input-radius: 2px;
  --label: #625537;
  --link: #8a6714;
  --me-bg: linear-gradient(180deg, #f6f4ee 0%, #ede9de 100%);
  --me-name-color: #1a7b93;
  --menu-bg: linear-gradient(180deg, #ffffff 0%, #f4f2eb 100%);
  --menu-border: #dbd3c3;
  --menu-hover: #f0ebe0;
  --menu-hover-border: #cbbfa4;
  --menu-text: #5c4d29;
  --muted: #77705f;
  --nudge-text: #c0392b;
  --pane-bg: linear-gradient(180deg, #ffffff 0%, #f9f8f5 100%);
  --pane-border: #dbd3c3;
  --popup-bg: #fdfdfc;
  --popup-border: #beb193;
  --popup-radius: 4px;
  --selected-bg: #ece7da;
  --selected-border: #c0b290;
  --signin-bg: linear-gradient(180deg, #ffffff 0%, #f9f8f5 55%, #f0ede5 100%);
  --tab-border: #beb193;
  --tab-face: linear-gradient(180deg, #f9f8f5 0%, #f0ede5 100%);
  --tab-face-active: #ffffff;
  --tab-face-hover: linear-gradient(180deg, #ffffff 0%, #f6f4ef 100%);
  --tab-radius: 4px;
  --tab-text: #665733;
  --tab-text-active: #705310;
  --tabstrip-bg: linear-gradient(180deg, #f0ede5 0%, #e7e1d5 100%);
  --tb-border: #76602e;
  --tb-border-hover: #5f4c20;
  --tb-close-face: linear-gradient(180deg, #f6a89e 0%, #d2402c 100%);
  --tb-face: linear-gradient(180deg, #f6f4ee 0%, #e4dcc9 100%);
  --tb-face-hover: linear-gradient(180deg, #ffffff 0%, #eee9dd 100%);
  --tb-glyph: #5c4d29;
  --text: #413925;
  --them-name: #8f6a14;
  --title-bg: linear-gradient(180deg, #d1af61 0%, #b28c34 48%, #9e7c2e 52%, #c8a041 100%);
  --title-height: 26px;
  --title-shadow: 0 1px 1px rgba(0,0,0,.45);
  --title-text: #ffffff;
  --to-bg: #f6f4ee;
  --to-border: #dbd3c3;
  --toast-bg: linear-gradient(180deg, #ffffff 0%, #f4f1eb 100%);
  --toast-border: #b28c34;
  --toast-text: #413925;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #fdfdfc 0%, #f2efe8 100%);
  --toolbar-border: #dbd3c3;
  --transcript-bg: #ffffff;
  --transcript-border: #beb193;
  --transcript-radius: 3px;
  --win-bg: #ffffff;
  --win-border: #86703c;
  --win-radius: 7px;
  --win-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.skin-sand .line .who::after { content: ":"; }
.skin-sand .line .said { margin-left: 4px; }
.skin-sand .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-sand .chat-tool .ct-ico { width: 22px; height: 22px; }

/* Windows XP */
.skin-winxp {
  --accent: #2473db;
  --accent-strong: #1152a7;
  --ad-bg: linear-gradient(180deg, #ebe9fc 0%, #cac4f3 100%);
  --ad-text: #2e2277;
  --badge-bg: #1909fb;
  --badge-text: #ffffff;
  --brand-1: #1f65c1;
  --brand-2: #3e1ce9;
  --btn-border: #8c8878;
  --btn-border-hover: #2473db;
  --btn-default-border: #e8951f;
  --btn-default-glow: 0 0 0 1px #f7b64a;
  --btn-face: linear-gradient(180deg, #ffffff 0%, #ece9d8 100%);
  --btn-face-hover: linear-gradient(180deg, #ffffff 0%, #d9e2ed 100%);
  --btn-radius: 3px;
  --btn-text: #1a1a14;
  --card-bg: #f5f7fa;
  --card-border: #c1cddc;
  --chat-bg: linear-gradient(180deg, #f5f7fa 0%, #e8ecf3 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%23263e5f'/%3E%3C/svg%3E");
  --compose-bar-bg: linear-gradient(180deg, #fcfcfd 0%, #f2f4f8 100%);
  --desktop: linear-gradient(180deg, #5aa2e0 0%, #3c7fc4 45%, #2f6aa8 100%);
  --desktop-pad: 14px;
  --dp-bg: #ffffff;
  --dp-border: #90a5c0;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px #ffffff;
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #fdeceb;
  --error-border: #e3a9a3;
  --error-text: #a02618;
  --focus-ring: 0 0 0 2px #3075cf44;
  --font: Tahoma, "Segoe UI", Verdana, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #ffffff 0%, #ece9d8 100%);
  --footer-border: #aca899;
  --group-text: #1c5aab;
  --hover-bg: #eef2f7;
  --hover-border: #b6c5d8;
  --input-bg: #ffffff;
  --input-border: #90a5c0;
  --input-radius: 2px;
  --label: #354964;
  --link: #104fa2;
  --me-bg: linear-gradient(180deg, #eef2f7 0%, #dde4ee 100%);
  --me-name-color: #c7251a;
  --menu-bg: linear-gradient(180deg, #ffffff 0%, #ece9d8 100%);
  --menu-border: #aca899;
  --menu-hover: #e0e7f1;
  --menu-hover-border: #a1b5ce;
  --menu-text: #263e5f;
  --muted: #626e7e;
  --nudge-text: #c0392b;
  --pane-bg: linear-gradient(180deg, #ffffff 0%, #f4f3ee 100%);
  --pane-border: #aca899;
  --popup-bg: #fcfcfd;
  --popup-border: #90a5c0;
  --popup-radius: 4px;
  --selected-bg: #d9e2ed;
  --selected-border: #8da5c3;
  --signin-bg: linear-gradient(180deg, #ffffff 0%, #f5f7fa 55%, #e4eaf1 100%);
  --tab-border: #90a5c0;
  --tab-face: linear-gradient(180deg, #f5f7fa 0%, #e4eaf1 100%);
  --tab-face-active: #ffffff;
  --tab-face-hover: linear-gradient(180deg, #ffffff 0%, #eef2f6 100%);
  --tab-radius: 4px;
  --tab-text: #304969;
  --tab-text-active: #0b3974;
  --tabstrip-bg: linear-gradient(180deg, #e4eaf1 0%, #d4dce8 100%);
  --tb-border: #294c7a;
  --tb-border-hover: #1c3b63;
  --tb-close-face: linear-gradient(180deg, #f08a72 0%, #c33a1c 100%);
  --tb-face: linear-gradient(180deg, #eef2f7 0%, #c7d4e5 100%);
  --tb-face-hover: linear-gradient(180deg, #ffffff 0%, #dce4ef 100%);
  --tb-glyph: #263e5f;
  --text: #233143;
  --them-name: #125bba;
  --title-bg: linear-gradient(180deg, #0e5ecb 0%, #2f83e8 8%, #1c6fd8 40%, #0d55b8 88%, #2a7ae0 100%);
  --title-height: 28px;
  --title-shadow: 0 1px 1px rgba(0,0,0,.55);
  --title-text: #ffffff;
  --to-bg: #eef2f7;
  --to-border: #c1cddc;
  --toast-bg: linear-gradient(180deg, #ffffff 0%, #ebeff4 100%);
  --toast-border: #2c69ba;
  --toast-text: #233143;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #ffffff 0%, #ece9d8 100%);
  --toolbar-border: #aca899;
  --transcript-bg: #ffffff;
  --transcript-border: #90a5c0;
  --transcript-radius: 3px;
  --win-bg: #ffffff;
  --win-border: #0a4a9e;
  --win-radius: 8px 8px 0 0;
  --win-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.skin-winxp .line .who::after { content: ":"; }
.skin-winxp .line .said { margin-left: 4px; }
.skin-winxp .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-winxp .chat-tool .ct-ico { width: 22px; height: 22px; }

/* Windows 7 */
.skin-win7 {
  --accent: #2d96d2;
  --accent-strong: #166898;
  --ad-bg: linear-gradient(180deg, #e9eafc 0%, #c4c7f3 100%);
  --ad-text: #222877;
  --badge-bg: #1230f3;
  --badge-text: #ffffff;
  --brand-1: #2784b9;
  --brand-2: #242be0;
  --btn-border: #8bb4d0;
  --btn-border-hover: #2d96d2;
  --btn-default-border: #3c9ade;
  --btn-default-glow: 0 0 6px rgba(60,154,222,.65);
  --btn-face: linear-gradient(180deg, #ffffff 0%, #e2eff9 48%, #cfe6f6 52%, #eaf6fd 100%);
  --btn-face-hover: linear-gradient(180deg, #ffffff 0%, #dae5eb 100%);
  --btn-radius: 3px;
  --btn-text: #29495c;
  --card-bg: #f5f8f9;
  --card-border: #c3d2db;
  --chat-bg: linear-gradient(180deg, #f5f8f9 0%, #e8eef2 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%2329495c'/%3E%3C/svg%3E");
  --compose-bar-bg: linear-gradient(180deg, #fcfdfd 0%, #f2f6f8 100%);
  --desktop: linear-gradient(160deg, #2c6ea8 0%, #17456f 55%, #0d2c4a 100%);
  --desktop-pad: 14px;
  --dp-bg: #ffffff;
  --dp-border: #93aebe;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px #ffffff;
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #fdeceb;
  --error-border: #e3a9a3;
  --error-text: #a02618;
  --focus-ring: 0 0 0 2px #3992c644;
  --font: "Segoe UI", Tahoma, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #f5f8f9 0%, #e8eef2 100%);
  --footer-border: #c3d2db;
  --group-text: #2375a4;
  --hover-bg: #eef3f6;
  --hover-border: #b7cbd6;
  --input-bg: #ffffff;
  --input-border: #93aebe;
  --input-radius: 2px;
  --label: #375262;
  --link: #166b9c;
  --me-bg: linear-gradient(180deg, #eef3f6 0%, #dee8ed 100%);
  --me-name-color: #bf2237;
  --menu-bg: linear-gradient(180deg, #ffffff 0%, #ebf1f4 100%);
  --menu-border: #c3d2db;
  --menu-hover: #e0eaf0;
  --menu-hover-border: #a4bdcb;
  --menu-text: #29495c;
  --muted: #5f6e77;
  --nudge-text: #c0392b;
  --pane-bg: linear-gradient(180deg, #ffffff 0%, #f5f8f9 100%);
  --pane-border: #c3d2db;
  --popup-bg: #fcfdfd;
  --popup-border: #93aebe;
  --popup-radius: 4px;
  --selected-bg: #dae5ec;
  --selected-border: #90afc0;
  --signin-bg: linear-gradient(180deg, #ffffff 0%, #f5f8f9 55%, #e5ecf0 100%);
  --tab-border: #93aebe;
  --tab-face: linear-gradient(180deg, #f5f8f9 0%, #e5ecf0 100%);
  --tab-face-active: #ffffff;
  --tab-face-hover: linear-gradient(180deg, #ffffff 0%, #eff3f6 100%);
  --tab-radius: 4px;
  --tab-text: #335366;
  --tab-text-active: #104d70;
  --tabstrip-bg: linear-gradient(180deg, #e5ecf0 0%, #d5e0e7 100%);
  --tb-border: #2e5b76;
  --tb-border-hover: #20485f;
  --tb-close-face: linear-gradient(180deg, #f3907a 0%, #c33a1c 100%);
  --tb-face: linear-gradient(180deg, #eef3f6 0%, #c9dae4 100%);
  --tb-face-hover: linear-gradient(180deg, #ffffff 0%, #dde8ee 100%);
  --tb-glyph: #29495c;
  --text: #253741;
  --them-name: #197ab3;
  --title-bg: linear-gradient(180deg, rgba(232,245,253,.98) 0%, rgba(190,222,244,.96) 48%, rgba(160,203,233,.96) 52%, rgba(206,232,248,.98) 100%);
  --title-height: 30px;
  --title-shadow: 0 1px 0 rgba(255,255,255,.85);
  --title-text: #12354f;
  --to-bg: #eef3f6;
  --to-border: #c3d2db;
  --toast-bg: linear-gradient(180deg, #ffffff 0%, #ebf1f4 100%);
  --toast-border: #3484b2;
  --toast-text: #253741;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #fcfdfd 0%, #e8eef2 100%);
  --toolbar-border: #c3d2db;
  --transcript-bg: #ffffff;
  --transcript-border: #93aebe;
  --transcript-radius: 3px;
  --win-bg: #ffffff;
  --win-border: #7fa9c6;
  --win-radius: 8px 8px 3px 3px;
  --win-shadow: 0 12px 34px rgba(20,60,90,.45);
}
.skin-win7 .line .who::after { content: ":"; }
.skin-win7 .line .said { margin-left: 4px; }
.skin-win7 .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-win7 .chat-tool .ct-ico { width: 22px; height: 22px; }

/* Windows 10 */
.skin-win10 {
  --accent: #0078d7;
  --accent-strong: #005a9e;
  --ad-bg: linear-gradient(180deg, #e9e9fc 0%, #c4c4f3 100%);
  --ad-text: #222277;
  --badge-bg: #313cd3;
  --badge-text: #ffffff;
  --brand-1: #43769d;
  --brand-2: #4844c1;
  --btn-border: #adadad;
  --btn-border-hover: #4d86b3;
  --btn-default-border: #0078d7;
  --btn-default-glow: 0 0 0 1px #0078d7;
  --btn-face: #e1e1e1;
  --btn-face-hover: #cfcfcf;
  --btn-radius: 0;
  --btn-text: #1b1b1b;
  --card-bg: #f5f5f5;
  --card-border: #e2e2e2;
  --chat-bg: linear-gradient(180deg, #f6f8f8 0%, #eaeef0 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%23344450'/%3E%3C/svg%3E");
  --compose-bar-bg: linear-gradient(180deg, #fcfcfd 0%, #f3f5f6 100%);
  --desktop: linear-gradient(160deg, #0d3b63 0%, #10283f 60%, #0a1722 100%);
  --desktop-pad: 14px;
  --dp-bg: #ffffff;
  --dp-border: #9daab4;
  --dp-inner-radius: 0;
  --dp-radius: 0;
  --dp-shadow: inset 0 0 0 1px #ffffff;
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #fdeceb;
  --error-border: #e3a9a3;
  --error-text: #a02618;
  --focus-ring: 0 0 0 2px #5985a644;
  --font: "Segoe UI", Tahoma, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #f6f8f8 0%, #eaeef0 100%);
  --footer-border: #c8cfd5;
  --group-text: #3c698b;
  --hover-bg: #e5f1fb;
  --hover-border: #cce4f7;
  --input-bg: #ffffff;
  --input-border: #9daab4;
  --input-radius: 0;
  --label: #414e58;
  --link: #005a9e;
  --me-bg: linear-gradient(180deg, #f0f3f4 0%, #e1e6ea 100%);
  --me-name-color: #a33e44;
  --menu-bg: #f2f2f2;
  --menu-border: #d6d6d6;
  --menu-hover: #e5f1fb;
  --menu-hover-border: #cce4f7;
  --menu-text: #344450;
  --muted: #697177;
  --nudge-text: #c0392b;
  --pane-bg: #fafafa;
  --pane-border: #e2e2e2;
  --popup-bg: #ffffff;
  --popup-border: #d6d6d6;
  --popup-radius: 0;
  --selected-bg: #cce4f7;
  --selected-border: #99d1ff;
  --signin-bg: linear-gradient(180deg, #ffffff 0%, #f6f8f8 55%, #e8ebee 100%);
  --tab-border: #9daab4;
  --tab-face: linear-gradient(180deg, #f6f8f8 0%, #e8ebee 100%);
  --tab-face-active: #ffffff;
  --tab-face-hover: linear-gradient(180deg, #ffffff 0%, #f0f3f4 100%);
  --tab-radius: 0;
  --tab-text: #3f4e5a;
  --tab-text-active: #204460;
  --tabstrip-bg: linear-gradient(180deg, #e8ebee 0%, #d9dfe3 100%);
  --tb-border: #ffffff;
  --tb-border-hover: #2f4251;
  --tb-close-face: #e81123;
  --tb-face: #ffffff;
  --tb-face-hover: #e5e5e5;
  --tb-glyph: #1b1b1b;
  --text: #2b343b;
  --them-name: #336d99;
  --title-bg: #ffffff;
  --title-height: 32px;
  --title-shadow: none;
  --title-text: #1b1b1b;
  --to-bg: #f0f3f4;
  --to-border: #c8cfd5;
  --toast-bg: linear-gradient(180deg, #ffffff 0%, #edf0f2 100%);
  --toast-border: #507795;
  --toast-text: #2b343b;
  --tool-dir: row;
  --toolbar-bg: #f9f9f9;
  --toolbar-border: #e2e2e2;
  --transcript-bg: #ffffff;
  --transcript-border: #9daab4;
  --transcript-radius: 0;
  --win-bg: #ffffff;
  --win-border: #d6d6d6;
  --win-radius: 0;
  --win-shadow: 0 8px 24px rgba(0,0,0,.28);
}
.skin-win10 .line .who::after { content: ":"; }
.skin-win10 .line .said { margin-left: 4px; }
.skin-win10 .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-win10 .chat-tool .ct-ico { width: 22px; height: 22px; }

/* Windows 11 */
.skin-win11 {
  --accent: #0067c0;
  --accent-strong: #00548f;
  --ad-bg: linear-gradient(180deg, #eae9fc 0%, #c7c4f3 100%);
  --ad-text: #282277;
  --badge-bg: #3838cc;
  --badge-text: #ffffff;
  --brand-1: #4a7096;
  --brand-2: #564bb9;
  --btn-border: #dcdcdc;
  --btn-border-hover: #5480ab;
  --btn-default-border: #0067c0;
  --btn-default-glow: 0 1px 2px rgba(0,0,0,.10);
  --btn-face: linear-gradient(180deg, #fdfdfd 0%, #f6f6f6 100%);
  --btn-face-hover: linear-gradient(180deg, #f6f6f6 0%, #efefef 100%);
  --btn-radius: 5px;
  --btn-text: #1a1a1a;
  --card-bg: #f7f7f7;
  --card-border: #ededed;
  --chat-bg: linear-gradient(180deg, #f6f7f8 0%, #ebedef 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%2337424d'/%3E%3C/svg%3E");
  --compose-bar-bg: linear-gradient(180deg, #fcfcfd 0%, #f4f5f6 100%);
  --desktop: linear-gradient(150deg, #1e5aa8 0%, #2b3f7a 45%, #16233f 100%);
  --desktop-pad: 14px;
  --dp-bg: #ffffff;
  --dp-border: #9fa8b2;
  --dp-inner-radius: 4px;
  --dp-radius: 6px;
  --dp-shadow: inset 0 0 0 1px #ffffff;
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #fdeceb;
  --error-border: #e3a9a3;
  --error-text: #a02618;
  --focus-ring: 0 0 0 2px #61809e44;
  --font: "Segoe UI Variable Text", "Segoe UI", Tahoma, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #f6f7f8 0%, #ebedef 100%);
  --footer-border: #c9cfd4;
  --group-text: #426385;
  --hover-bg: #f2f2f2;
  --hover-border: #e5e5e5;
  --input-bg: #ffffff;
  --input-border: #9fa8b2;
  --input-radius: 5px;
  --label: #434d56;
  --link: #0067c0;
  --me-bg: linear-gradient(180deg, #f1f2f4 0%, #e2e6e9 100%);
  --me-name-color: #9c4444;
  --menu-bg: #f9f9f9;
  --menu-border: #e5e5e5;
  --menu-hover: #ededed;
  --menu-hover-border: #e0e0e0;
  --menu-text: #37424d;
  --muted: #6b7076;
  --nudge-text: #c0392b;
  --pane-bg: #fbfbfb;
  --pane-border: #ededed;
  --popup-bg: #fbfbfb;
  --popup-border: #e5e5e5;
  --popup-radius: 8px;
  --selected-bg: #e8f1fa;
  --selected-border: #cfe4f7;
  --signin-bg: linear-gradient(180deg, #ffffff 0%, #f6f7f8 55%, #e8ebed 100%);
  --tab-border: #9fa8b2;
  --tab-face: linear-gradient(180deg, #f6f7f8 0%, #e8ebed 100%);
  --tab-face-active: #ffffff;
  --tab-face-hover: linear-gradient(180deg, #ffffff 0%, #f1f2f4 100%);
  --tab-radius: 6px;
  --tab-text: #414d58;
  --tab-text-active: #24405c;
  --tabstrip-bg: linear-gradient(180deg, #e8ebed 0%, #dadee2 100%);
  --tb-border: #f3f3f3;
  --tb-border-hover: #32404e;
  --tb-close-face: #c42b1c;
  --tb-face: #f3f3f3;
  --tb-face-hover: #e9e9e9;
  --tb-glyph: #1a1a1a;
  --text: #2d3339;
  --them-name: #396693;
  --title-bg: #f3f3f3;
  --title-height: 34px;
  --title-shadow: none;
  --title-text: #1a1a1a;
  --to-bg: #f1f2f4;
  --to-border: #c9cfd4;
  --toast-bg: linear-gradient(180deg, #ffffff 0%, #eef0f2 100%);
  --toast-border: #57738e;
  --toast-text: #2d3339;
  --tool-dir: row;
  --toolbar-bg: #fafafa;
  --toolbar-border: #ededed;
  --transcript-bg: #ffffff;
  --transcript-border: #9fa8b2;
  --transcript-radius: 6px;
  --win-bg: #ffffff;
  --win-border: #e5e5e5;
  --win-radius: 10px;
  --win-shadow: 0 16px 40px rgba(0,0,0,.24);
}
.skin-win11 .line .who::after { content: ":"; }
.skin-win11 .line .said { margin-left: 4px; }
.skin-win11 .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-win11 .chat-tool .ct-ico { width: 22px; height: 22px; }

/* macOS */
.skin-macos {
  --accent: #007aff;
  --accent-strong: #0057b8;
  --ad-bg: linear-gradient(180deg, #ebe9fc 0%, #c9c4f3 100%);
  --ad-text: #2b2277;
  --badge-bg: #423dc7;
  --badge-text: #ffffff;
  --brand-1: #4f6e92;
  --brand-2: #5d50b4;
  --btn-border: #c9c9ce;
  --btn-border-hover: #597da6;
  --btn-default-border: #007aff;
  --btn-default-glow: 0 1px 2px rgba(0,0,0,.12);
  --btn-face: linear-gradient(180deg, #ffffff 0%, #f2f2f4 100%);
  --btn-face-hover: linear-gradient(180deg, #f7f7f9 0%, #e9e9ec 100%);
  --btn-radius: 6px;
  --btn-text: #1d1d1f;
  --card-bg: #f5f5f7;
  --card-border: #e4e4e8;
  --chat-bg: linear-gradient(180deg, #f7f7f8 0%, #ebedef 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%2339424c'/%3E%3C/svg%3E");
  --compose-bar-bg: linear-gradient(180deg, #fcfcfd 0%, #f4f5f6 100%);
  --desktop: linear-gradient(160deg, #3f6f9e 0%, #2a4a72 45%, #1b2b46 100%);
  --desktop-pad: 14px;
  --dp-bg: #ffffff;
  --dp-border: #a0a8b0;
  --dp-inner-radius: 6px;
  --dp-radius: 8px;
  --dp-shadow: inset 0 0 0 1px #ffffff;
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #fdeceb;
  --error-border: #e3a9a3;
  --error-text: #a02618;
  --focus-ring: 0 0 0 2px #667e9944;
  --font: -apple-system, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #f7f7f8 0%, #ebedef 100%);
  --footer-border: #caced3;
  --group-text: #466181;
  --hover-bg: #f0f0f3;
  --hover-border: #dcdce0;
  --input-bg: #ffffff;
  --input-border: #a0a8b0;
  --input-radius: 6px;
  --label: #454c54;
  --link: #0057b8;
  --me-bg: linear-gradient(180deg, #f1f2f4 0%, #e3e5e8 100%);
  --me-name-color: #974c49;
  --menu-bg: #f7f7f8;
  --menu-border: #d8d8dc;
  --menu-hover: #007aff;
  --menu-hover-border: #007aff;
  --menu-text: #39424c;
  --muted: #6c7075;
  --nudge-text: #c0392b;
  --pane-bg: #f7f7f9;
  --pane-border: #dcdce0;
  --popup-bg: #fbfbfd;
  --popup-border: #d0d0d6;
  --popup-radius: 9px;
  --selected-bg: #dbeafe;
  --selected-border: #93c5fd;
  --signin-bg: linear-gradient(180deg, #ffffff 0%, #f7f7f8 55%, #e9eaed 100%);
  --tab-border: #a0a8b0;
  --tab-face: linear-gradient(180deg, #f7f7f8 0%, #e9eaed 100%);
  --tab-face-active: #ffffff;
  --tab-face-hover: linear-gradient(180deg, #ffffff 0%, #f1f2f4 100%);
  --tab-radius: 7px;
  --tab-text: #434c56;
  --tab-text-active: #263e59;
  --tabstrip-bg: linear-gradient(180deg, #e9eaed 0%, #dbdee1 100%);
  --tb-border: #00000022;
  --tb-border-hover: #343f4b;
  --tb-close-face: #ff5f57;
  --tb-face: #febc2e;
  --tb-face-hover: #28c840;
  --tb-glyph: #00000000;
  --text: #2e3338;
  --them-name: #3d638f;
  --title-bg: linear-gradient(180deg, #f6f6f6 0%, #e8e8e8 100%);
  --title-height: 28px;
  --title-shadow: none;
  --title-text: #3a3a3c;
  --to-bg: #f1f2f4;
  --to-border: #caced3;
  --toast-bg: linear-gradient(180deg, #ffffff 0%, #eef0f1 100%);
  --toast-border: #5c718a;
  --toast-text: #2e3338;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #fafafa 0%, #f0f0f2 100%);
  --toolbar-border: #dcdce0;
  --transcript-bg: #ffffff;
  --transcript-border: #a0a8b0;
  --transcript-radius: 7px;
  --win-bg: #ffffff;
  --win-border: #c8c8cc;
  --win-radius: 11px;
  --win-shadow: 0 22px 50px rgba(0,0,0,.32);
}
.skin-macos .line .who::after { content: ":"; }
.skin-macos .line .said { margin-left: 4px; }
.skin-macos .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-macos .chat-tool .ct-ico { width: 22px; height: 22px; }
.skin-macos .titlebar-buttons { flex-direction: row-reverse; margin-right: auto; margin-left: 0; gap: 8px; }
.skin-macos .tb-btn { width: 12px; height: 12px; border-radius: 50%; padding: 0; border-width: 1px; }
.skin-macos .tb-btn::before { content: ""; }
.skin-macos .titlebar-text { position: absolute; left: 0; right: 0; text-align: center; pointer-events: none; font-weight: bold; }
.skin-macos .titlebar { position: relative; }
.skin-macos .titlebar-icon { display: none; }

/* Linux */
.skin-linux {
  --accent: #e95420;
  --accent-strong: #ff7a4d;
  --ad-bg: linear-gradient(180deg, #41352f 0%, #362b26 100%);
  --ad-text: #b9b0ac;
  --badge-bg: #da6e2f;
  --badge-text: #ffffff;
  --brand-1: #e19970;
  --brand-2: #e0dc52;
  --btn-border: #151515;
  --btn-border-hover: #a88571;
  --btn-default-border: #e95420;
  --btn-default-glow: 0 0 0 1px rgba(233,84,32,.55);
  --btn-face: linear-gradient(180deg, #3d3d3d 0%, #343434 100%);
  --btn-face-hover: linear-gradient(180deg, #474747 0%, #3d3d3d 100%);
  --btn-radius: 6px;
  --btn-text: #f2f2f2;
  --card-bg: #2f2f2f;
  --card-border: #1f1f1f;
  --chat-bg: linear-gradient(180deg, #2c2421 0%, #231d1a 100%);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%23d0cac8'/%3E%3C/svg%3E");
  --compose-bar-bg: #372e2a;
  --desktop: linear-gradient(160deg, #3d2a3a 0%, #2b1f2b 55%, #1a1419 100%);
  --desktop-pad: 14px;
  --dp-bg: #3f3531;
  --dp-border: #765f56;
  --dp-inner-radius: 2px;
  --dp-radius: 4px;
  --dp-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;
  --error-bg: #3a1d1a;
  --error-border: #7a3a30;
  --error-text: #ff9c8c;
  --focus-ring: 0 0 0 2px #ba805e55;
  --font: Ubuntu, Cantarell, "DejaVu Sans", "Segoe UI", sans-serif;
  --font-size: 12px;
  --footer-bg: linear-gradient(180deg, #3a302c 0%, #2f2622 100%);
  --footer-border: #53433c;
  --group-text: #dea07c;
  --hover-bg: #3a3a3a;
  --hover-border: #4a4a4a;
  --input-bg: #221d1b;
  --input-border: #63524b;
  --input-radius: 6px;
  --label: #cbc5c2;
  --link: #ff8a5c;
  --me-bg: linear-gradient(180deg, #473933 0%, #392d28 100%);
  --me-name-color: #81e4d7;
  --menu-bg: #333333;
  --menu-border: #1b1b1b;
  --menu-hover: #454545;
  --menu-hover-border: #565656;
  --menu-text: #e2e0df;
  --muted: #a49c98;
  --nudge-text: #ff8a7a;
  --pane-bg: #2a2a2a;
  --pane-border: #1b1b1b;
  --popup-bg: #2e2e2e;
  --popup-border: #1b1b1b;
  --popup-radius: 8px;
  --selected-bg: #5a2a15;
  --selected-border: #e95420;
  --signin-bg: linear-gradient(180deg, #362e2b 0%, #2f2723 55%, #261f1c 100%);
  --tab-border: #655149;
  --tab-face: linear-gradient(180deg, #463a35 0%, #382d29 100%);
  --tab-face-active: #39312d;
  --tab-face-hover: linear-gradient(180deg, #574842 0%, #473933 100%);
  --tab-radius: 6px;
  --tab-text: #cfcbc9;
  --tab-text-active: #e2ac8d;
  --tabstrip-bg: linear-gradient(180deg, #3b302b 0%, #302621 100%);
  --tb-border: #1b1b1b;
  --tb-border-hover: #a88571;
  --tb-close-face: linear-gradient(180deg, #4a4a4a 0%, #3a3a3a 100%);
  --tb-face: linear-gradient(180deg, #454545 0%, #3a3a3a 100%);
  --tb-face-hover: linear-gradient(180deg, #525252 0%, #454545 100%);
  --tb-glyph: #e6e6e6;
  --text: #eceae9;
  --them-name: #e8a47d;
  --title-bg: linear-gradient(180deg, #3b3b3b 0%, #303030 100%);
  --title-height: 36px;
  --title-shadow: none;
  --title-text: #ffffff;
  --to-bg: #3b302b;
  --to-border: #50403a;
  --toast-bg: linear-gradient(180deg, #463a35 0%, #382d29 100%);
  --toast-border: #9e7761;
  --toast-text: #eceae9;
  --tool-dir: row;
  --toolbar-bg: linear-gradient(180deg, #333333 0%, #2c2c2c 100%);
  --toolbar-border: #1b1b1b;
  --transcript-bg: #1f1f1f;
  --transcript-border: #151515;
  --transcript-radius: 6px;
  --win-bg: #242424;
  --win-border: #1b1b1b;
  --win-radius: 12px;
  --win-shadow: 0 18px 44px rgba(0,0,0,.55);
}
.skin-linux .line .who::after { content: ":"; }
.skin-linux .line .said { margin-left: 4px; }
.skin-linux .chat-tool { flex-direction: column; gap: 1px; min-width: 54px; }
.skin-linux .chat-tool .ct-ico { width: 22px; height: 22px; }
.skin-linux .ct-ico { filter: brightness(1.15) saturate(1.1); }
.skin-linux .emo, .skin-linux .game-tile-art { filter: saturate(1.05); }