{
"name": "ВКонтакте 2017 тёмная",
"blur_strength": 0,
"main_text_color": "rgba(225, 227, 230, 1)",
"italics_text_color": "rgba(147, 156, 166, 1)",
"underline_text_color": "rgba(113, 170, 235, 1)",
"quote_text_color": "rgba(225, 227, 230, 1)",
"blur_tint_color": "rgba(25, 25, 26, 1)",
"chat_tint_color": "rgba(15, 15, 16, 1)",
"user_mes_blur_tint_color": "rgba(43, 63, 87, 1)",
"bot_mes_blur_tint_color": "rgba(44, 45, 46, 1)",
"shadow_color": "rgba(0, 0, 0, 0)",
"shadow_width": 0,
"border_color": "rgba(44, 45, 46, 1)",
"font_scale": 0.9,
"fast_ui_mode": true,
"waifuMode": false,
"avatar_style": 0,
"chat_display": 0,
"toastr_position": "toast-top-center",
"noShadows": true,
"chat_width": 50,
"timer_enabled": false,
"timestamps_enabled": true,
"timestamp_model_icon": false,
"mesIDDisplay_enabled": false,
"hideChatAvatars_enabled": false,
"message_token_count_enabled": false,
"expand_message_actions": false,
"enableZenSliders": false,
"enableLabMode": false,
"hotswap_enabled": true,
"custom_css": "/* ===== ВКонтакте 2017 — тема SillyTavern ===== */\n/* Порт темы Tavo. Одна тема, две палитры: светлая по умолчанию, тёмная по пометке\n — её ставит расширение «ВКонтакте 2017 🌓».\n Цвета — переменные --vk-*, значения лежат в build.py. После правок: python3 build.py.\n В таверне этот CSS лежит в поле «Свой CSS» темы. */\n\n@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');\n\n:root {\n --vk-in: #2c2d2e;\n --vk-in-line: #1f2021;\n --vk-out: #2b3f57;\n --vk-out-line: #213247;\n --vk-bg: #0f0f10;\n --vk-text: #e1e3e6;\n --vk-tone: #939ca6;\n --vk-hr: rgba(255, 255, 255, 0.12);\n --vk-link: #71aaeb;\n --vk-line-accent: #71aaeb;\n --vk-accent: #4a7bb5;\n --vk-accent-active: #3d6697;\n --vk-surface: #19191a;\n --vk-border: #2c2d2e;\n --vk-placeholder: #76787a;\n --vk-muted: #76787a;\n --vk-check-border: #5d5f61;\n --vk-header: #2d4a6b;\n --vk-float-shadow: rgba(0, 0, 0, 0.5);\n --vk-menu-shadow: rgba(0, 0, 0, 0.6);\n --vk-soft: #232324;\n --vk-hover: #222223;\n --vk-selected: #2a2b2c;\n --vk-line: #2c2d2e;\n --vk-field-border: #3a3b3c;\n --vk-field-focus: #5d5f61;\n --vk-btn: #2c2d2e;\n --vk-btn-hover: #363738;\n --vk-btn-text: #c5d0db;\n --vk-track: #3a3b3c;\n --vk-card-shadow: 0 0 0 1px #2c2d2e;\n --vk-icon: #909499;\n}\n\n:root[data-vk-theme=\"dark\"] {\n --vk-in: #2c2d2e;\n --vk-in-line: #1f2021;\n --vk-out: #2b3f57;\n --vk-out-line: #213247;\n --vk-bg: #0f0f10;\n --vk-text: #e1e3e6;\n --vk-tone: #939ca6;\n --vk-hr: rgba(255, 255, 255, 0.12);\n --vk-link: #71aaeb;\n --vk-line-accent: #71aaeb;\n --vk-accent: #4a7bb5;\n --vk-accent-active: #3d6697;\n --vk-surface: #19191a;\n --vk-border: #2c2d2e;\n --vk-placeholder: #76787a;\n --vk-muted: #76787a;\n --vk-check-border: #5d5f61;\n --vk-header: #2d4a6b;\n --vk-float-shadow: rgba(0, 0, 0, 0.5);\n --vk-menu-shadow: rgba(0, 0, 0, 0.6);\n --vk-soft: #232324;\n --vk-hover: #222223;\n --vk-selected: #2a2b2c;\n --vk-line: #2c2d2e;\n --vk-field-border: #3a3b3c;\n --vk-field-focus: #5d5f61;\n --vk-btn: #2c2d2e;\n --vk-btn-hover: #363738;\n --vk-btn-text: #c5d0db;\n --vk-track: #3a3b3c;\n --vk-card-shadow: 0 0 0 1px #2c2d2e;\n --vk-icon: #909499;\n}\n\n:root { --vk-i-sliders: url(\"data:image/svg+xml;utf8,\"); }\n:root { --vk-i-plug: url(\"data:image/svg+xml;utf8,\"); }\n:root { --vk-i-font: url(\"data:image/svg+xml;utf8,\"); }\n:root { --vk-i-book: url(\"data:image/svg+xml;utf8,\"); }\n:root { --vk-i-gear: url(\"data:image/svg+xml;utf8,\"); }\n:root { --vk-i-photo: url(\"data:image/svg+xml;utf8,\"); }\n:root { --vk-i-apps: url(\"data:image/svg+xml;utf8,\"); }\n:root { --vk-i-home: url(\"data:image/svg+xml;utf8,\"); }\n:root { --vk-i-friends: url(\"data:image/svg+xml;utf8,\"); }\n:root { --vk-i-clip: url(\"data:image/svg+xml;utf8,\"); }\n:root { --vk-i-smile: url(\"data:image/svg+xml;utf8,\"); }\n:root { --vk-i-send: url(\"data:image/svg+xml;utf8,\"); }\n:root { --vk-i-dialogs: url(\"data:image/svg+xml;utf8,\"); }\n:root { --vk-i-dots: url(\"data:image/svg+xml;utf8,\"); }\n\n/* ---------- цвета самой таверны ---------- */\n/* Таверна пишет свои цвета прямо в . !important в таблице стилей\n бьёт такой стиль, поэтому панели, меню и поля тоже берут палитру ВК и\n переключаются вместе с тёмной. */\n:root {\n --SmartThemeBodyColor: var(--vk-text) !important;\n --SmartThemeEmColor: var(--vk-tone) !important;\n --SmartThemeUnderlineColor: var(--vk-link) !important;\n --SmartThemeQuoteColor: var(--vk-text) !important;\n --SmartThemeBlurTintColor: var(--vk-surface) !important;\n --SmartThemeChatTintColor: var(--vk-bg) !important;\n --SmartThemeUserMesBlurTintColor: var(--vk-out) !important;\n --SmartThemeBotMesBlurTintColor: var(--vk-in) !important;\n --SmartThemeShadowColor: transparent !important;\n --SmartThemeBorderColor: var(--vk-border) !important;\n --SmartThemeBlurStrength: 0px !important;\n --shadowWidth: 0 !important;\n --mainFontFamily: var(--vk-font) !important;\n --interactable-outline-color: var(--vk-accent) !important;\n}\n:root[data-vk-theme=\"dark\"] { color-scheme: dark; }\n\n/* Размеры и надписи — их меняет редактор темы (расширение 🌓 → «Настроить тему ВК») */\n:root {\n --vk-list-avatar: 72px;\n --vk-header-h: 42px;\n --vk-header-icon: 22px;\n --vk-bottom-icon: 24px;\n --vk-bubble-radius: 5px;\n --vk-bubble-width: 92%;\n --vk-line-height: 1.5;\n --vk-paragraph: 0.7em;\n /* как у ВК 2017: системный шрифт (на Mac/iPhone — San Francisco), Roboto — запасной */\n --vk-font: -apple-system, BlinkMacSystemFont, \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\n --vk-text-forwarded: \"1 пересланное сообщение\";\n}\n\n/* ---------- фон ---------- */\nbody {\n background-color: var(--vk-bg) !important;\n}\n/* картинки-фоны таверны прячем: у ВК фон ровный */\n#bg1,\n#bg_custom {\n opacity: 0 !important;\n}\n#chat {\n background-color: var(--vk-bg) !important;\n backdrop-filter: none !important;\n -webkit-backdrop-filter: none !important;\n text-shadow: none !important;\n}\n\n/* ---------- шапка — синяя полоса ВК ---------- */\n/* id удвоен: у таверны есть правила вида body.no-blur #top-bar с !important — они специфичнее */\nhtml body #top-bar#top-bar {\n background-color: var(--vk-header) !important;\n box-shadow: none !important;\n backdrop-filter: none !important;\n -webkit-backdrop-filter: none !important;\n}\nhtml body #top-settings-holder#top-settings-holder .drawer-icon {\n color: #ffffff !important;\n text-shadow: none !important;\n filter: none !important;\n}\n#top-settings-holder .drawer-icon.closedIcon {\n opacity: 0.7;\n}\n#top-settings-holder .drawer-icon.openIcon {\n opacity: 1;\n}\n\n/* ---------- сообщения ---------- */\n#chat .mes {\n background: transparent !important;\n border: none !important;\n box-shadow: none !important;\n padding: 3px 10px !important;\n margin: 0 !important;\n}\n/* в личке ВК не было аватарок (включаются в редакторе темы) */\nhtml:not(.vk-avatars) #chat .mes .mesAvatarWrapper {\n display: none !important;\n}\n#chat .mes[is_user=\"true\"] {\n justify-content: flex-end;\n}\n\n/* Пузырь — блок сообщения. Хвостик нарисован ФОНОМ внутри пузыря (прозрачная полоса\n 7px с треугольником в верхнем углу), поэтому его не обрежет overflow.\n Снизу у тела 1px темнее — еле заметная тень, как у ВК. */\n#chat .mes .mes_block {\n width: fit-content !important;\n max-width: var(--vk-bubble-width) !important;\n min-width: 90px;\n flex: 0 1 auto;\n box-sizing: border-box;\n padding: 5px 11px 6px 18px !important;\n overflow: visible !important;\n border-radius: 0 var(--vk-bubble-radius) var(--vk-bubble-radius) 0;\n background:\n linear-gradient(to bottom left, var(--vk-in) 50%, transparent 50%) left top / 7px 10px no-repeat,\n linear-gradient(to top, var(--vk-in-line) 0 1px, var(--vk-in) 1px) 7px 0 / calc(100% - 7px) 100% no-repeat;\n}\n#chat .mes[is_user=\"true\"] .mes_block {\n padding: 5px 18px 6px 11px !important;\n border-radius: var(--vk-bubble-radius) 0 0 var(--vk-bubble-radius);\n background:\n linear-gradient(to bottom right, var(--vk-out) 50%, transparent 50%) right top / 7px 10px no-repeat,\n linear-gradient(to top, var(--vk-out-line) 0 1px, var(--vk-out) 1px) 0 0 / calc(100% - 7px) 100% no-repeat;\n}\n/* пока сообщение редактируется — на всю ширину, чтобы было удобно */\n#chat .mes .mes_block:has(.edit_textarea) {\n width: 100% !important;\n max-width: calc(100% - 24px) !important;\n}\n\n/* Строка с именем, временем и кнопками стоит у таверны НАД текстом. У ВК над текстом\n ничего нет — переносим её под текст (order), мелко и серо, кнопки справа. */\n#chat .mes .mes_block {\n display: flex !important;\n flex-direction: column;\n}\n#chat .mes .ch_name {\n order: 10;\n min-height: 0 !important;\n margin-top: 1px;\n gap: 8px;\n font-weight: 400;\n line-height: 1;\n}\n#chat .mes .ch_name .mes_buttons,\n#chat .mes .ch_name .mes_edit_buttons {\n margin-left: auto;\n}\n/* в личке ВК имён не было (включаются в редакторе темы) */\nhtml:not(.vk-names) #chat .mes .name_text {\n display: none;\n}\n/* время у таверны длинное («14 сентября 2026 г. 21:40») — в пузыре ВК его не было */\nhtml:not(.vk-time) #chat .mes .timestamp {\n display: none !important;\n}\n#chat .mes .mes_button,\n#chat .mes .extraMesButtons > div {\n filter: none !important;\n color: var(--vk-muted) !important;\n font-size: 13px;\n opacity: 0.6;\n}\n#chat .mes .mes_button:hover,\n#chat .mes .extraMesButtons > div:hover {\n opacity: 1;\n}\n\n/* ---------- текст ---------- */\n/* Размер шрифта не задаём — его ведёт ползунок «Масштаб шрифта» таверны. */\n#chat .mes .mes_text {\n /* размер — ползунок «Размер текста сообщений» в редакторе темы; без него — как в таверне */\n font-size: var(--vk-text-size, inherit) !important;\n font-family: var(--vk-font);\n font-weight: 400 !important;\n line-height: var(--vk-line-height) !important;\n color: var(--vk-text) !important;\n padding: 1px 0 0 !important;\n text-shadow: none !important;\n}\n/* отступ между абзацами — чтобы текст не сливался (меняется в редакторе темы) */\n#chat .mes .mes_text p {\n margin: 0 0 var(--vk-paragraph) !important;\n}\n#chat .mes .mes_text p:last-child {\n margin-bottom: 0 !important;\n}\n#chat .mes .mes_text {\n letter-spacing: 0.01em;\n}\n#chat .mes .mes_text em,\n#chat .mes .mes_text i {\n font-style: italic;\n color: var(--vk-tone) !important;\n}\n/* значки Font Awesome — тоже , но им курсив и серый цвет не нужны (иначе кнопки «с наклоном») */\n#chat .mes .mes_text i[class*=\"fa-\"] {\n font-style: normal !important;\n color: inherit !important;\n}\n#chat .mes .mes_text strong,\n#chat .mes .mes_text b {\n font-weight: 500 !important;\n color: var(--vk-text) !important;\n}\n#chat .mes .mes_text q {\n color: var(--vk-text) !important;\n}\n#chat .mes .mes_text a {\n color: var(--vk-link) !important;\n text-decoration: none;\n}\n#chat .mes .mes_text h1,\n#chat .mes .mes_text h2,\n#chat .mes .mes_text h3,\n#chat .mes .mes_text h4,\n#chat .mes .mes_text h5,\n#chat .mes .mes_text h6 {\n font-size: 1em !important;\n font-weight: 500 !important;\n line-height: 1.35 !important;\n margin: 0.6em 0 0.3em !important;\n color: var(--vk-text) !important;\n}\n#chat .mes .mes_text hr {\n border: none !important;\n border-top: 1px solid var(--vk-hr) !important;\n margin: 10px 0 !important;\n height: 0 !important;\n opacity: 1 !important;\n background: none !important;\n}\n#chat .mes .mes_text blockquote {\n border-left: 2px solid var(--vk-line-accent) !important;\n margin: 4px 0 !important;\n padding-left: 10px !important;\n color: var(--vk-text) !important;\n}\n\n/* ---------- размышления — как пересланное сообщение ВК ---------- */\n#chat .mes .mes_reasoning_details {\n margin: 2px 0 4px !important;\n padding: 0 0 0 10px !important;\n border: none !important;\n border-left: 2px solid var(--vk-line-accent) !important;\n border-radius: 0 !important;\n background: transparent !important;\n box-shadow: none !important;\n}\n#chat .mes .mes_reasoning_summary,\n#chat .mes .mes_reasoning_header {\n background: transparent !important;\n border: none !important;\n padding: 0 !important;\n box-shadow: none !important;\n}\n#chat .mes .mes_reasoning_header_title {\n font-size: 0 !important;\n}\n#chat .mes .mes_reasoning_header_title::before {\n content: var(--vk-text-forwarded);\n font-family: var(--vk-font);\n font-size: 13px;\n font-weight: 500;\n line-height: 1.6;\n color: var(--vk-link);\n}\n/* стрелка у таверны висит поверх заголовка (position: absolute) — ставим её в строку */\n#chat .mes .mes_reasoning_arrow {\n position: static !important;\n margin-left: 6px;\n color: var(--vk-link) !important;\n font-size: 11px !important;\n}\n#chat .mes .mes_reasoning {\n color: var(--vk-tone) !important;\n font-size: 0.93em;\n padding: 2px 0 4px !important;\n border: none !important;\n background: transparent !important;\n}\n\n/* ---------- свайпы ---------- */\n#chat .mes .swipe_left,\n#chat .mes .swipe_right {\n color: var(--vk-accent) !important;\n opacity: 0.75;\n filter: none !important;\n text-shadow: none !important;\n}\n#chat .mes .swipes-counter {\n color: var(--vk-muted) !important;\n opacity: 1;\n}\n#chat .last_mes {\n padding-bottom: 20px !important;\n}\n#chat .mes .swipe_left {\n left: 6px !important;\n}\n\n/* ---------- поле ввода ---------- */\n#send_form {\n background-color: var(--vk-surface) !important;\n border: none !important;\n border-top: 1px solid var(--vk-border) !important;\n border-radius: 0 !important;\n backdrop-filter: none !important;\n -webkit-backdrop-filter: none !important;\n box-shadow: none !important;\n}\n/* 16px оставлен специально: iPhone приближает поле ввода, если шрифт меньше */\n#send_textarea {\n font-family: var(--vk-font) !important;\n font-size: var(--vk-input-size, 16px) !important;\n color: var(--vk-text) !important;\n background: transparent !important;\n border: none !important;\n caret-color: var(--vk-line-accent);\n text-shadow: none !important;\n}\n#send_textarea::placeholder {\n color: var(--vk-placeholder) !important;\n opacity: 1;\n}\n/* иконки слева и справа от поля — в одну строку (иначе переносились столбиком) */\n#leftSendForm,\n#rightSendForm {\n flex-wrap: nowrap !important;\n flex-shrink: 0;\n /* на телефоне таверна сужает блок до одного значка (width: 1.15em) — второй налезал на подсказку */\n width: auto !important;\n}\n/* серые иконки, синяя — только отправка */\n#leftSendForm > div,\n#rightSendForm > div {\n color: var(--vk-muted) !important;\n filter: none !important;\n text-shadow: none !important;\n}\n#rightSendForm > #send_but {\n color: var(--vk-accent) !important;\n opacity: 1 !important;\n}\n\n/* ---------- «печатает» ---------- */\n/* Полоску рисует расширение «ВКонтакте 2017 🌓» над полем ввода, пока идёт ответ. */\n#vk2017-typing {\n display: flex;\n align-items: center;\n gap: 6px;\n height: 22px;\n padding: 0 14px;\n font-family: var(--vk-font);\n font-size: 13px;\n line-height: 1;\n white-space: nowrap;\n color: var(--vk-muted);\n background: transparent;\n text-shadow: none;\n}\n#vk2017-typing[hidden] {\n display: none !important;\n}\n#vk2017-typing .vk2017-dots {\n display: inline-flex;\n gap: 3px;\n}\n#vk2017-typing .vk2017-dots i {\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background: var(--vk-accent);\n animation: vk2017-dot 1.2s ease-in-out infinite;\n}\n#vk2017-typing .vk2017-dots i:nth-child(2) { animation-delay: 0.2s; }\n#vk2017-typing .vk2017-dots i:nth-child(3) { animation-delay: 0.4s; }\n@keyframes vk2017-dot {\n 0%, 60%, 100% { opacity: 0.25; transform: translateY(0); }\n 30% { opacity: 1; transform: translateY(-2px); }\n}\n\n/* ---------- меню ---------- */\n#options,\n#extensionsMenu,\n.popup .popper-modal {\n background-color: var(--vk-surface) !important;\n border-radius: 4px !important;\n box-shadow: 0 2px 12px var(--vk-menu-shadow) !important;\n backdrop-filter: none !important;\n -webkit-backdrop-filter: none !important;\n}\n#options .options-content,\n#extensionsMenu .list-group,\n.list-group {\n border: none !important;\n border-radius: 4px !important;\n}\n#options .options-content a,\n#extensionsMenu > .extension_container > div,\n#extensionsMenu > div:not(.extension_container),\n.list-group-item {\n color: var(--vk-text) !important;\n opacity: 0.85;\n text-shadow: none !important;\n}\n\n/* ---------- выбор сообщений для удаления ---------- */\n/* синий кружок ВК с белой галочкой вместо системного квадрата */\n#chat .mes input[type=\"checkbox\"].del_checkbox {\n -webkit-appearance: none !important;\n appearance: none !important;\n width: 22px !important;\n height: 22px !important;\n min-width: 22px;\n box-sizing: border-box !important;\n border-radius: 50% !important;\n border: 2px solid var(--vk-check-border) !important;\n background: var(--vk-surface) !important;\n opacity: 1 !important;\n flex: none;\n align-self: center;\n margin: 0 8px 0 0 !important;\n}\n#chat .mes input[type=\"checkbox\"].del_checkbox:checked {\n border-color: var(--vk-accent) !important;\n background: var(--vk-accent) url(\"data:image/svg+xml;utf8,\") center / 14px no-repeat !important;\n}\n#chat .mes input[type=\"checkbox\"].del_checkbox::before,\n#chat .mes input[type=\"checkbox\"].del_checkbox::after {\n display: none !important;\n}\n\n/* ---------- плашки через Tavern Helper (код в iframe) ---------- */\n#chat .mes .mes_text iframe {\n border: none !important;\n background: transparent !important;\n}\n\n/* =====================================================================\n ИНТЕРФЕЙС ТАВЕРНЫ ЦЕЛИКОМ — панели, поля, кнопки, списки как во ВК 2017\n ===================================================================== */\n\n/* Полупрозрачные чёрные подложки таверны на белом превращались в грязно-серые поля.\n Подменяем её «затемнения» на мягкие цвета ВК — сразу по всему интерфейсу. */\n:root {\n --black30a: var(--vk-soft) !important;\n --grey30a: var(--vk-soft) !important;\n --white20a: var(--vk-line) !important;\n --grey5020a: var(--vk-line) !important;\n --SmartThemeCheckboxTickColor: #ffffff !important;\n --topBarBlockSize: var(--vk-header-h) !important;\n --topBarIconSize: var(--vk-header-icon) !important;\n}\n\n/* ---------- шапка: высота и иконки ВК ---------- */\nhtml body #top-bar#top-bar {\n height: var(--topBarBlockSize) !important;\n}\nhtml body #top-settings-holder#top-settings-holder {\n height: var(--topBarBlockSize) !important;\n}\nhtml body #top-settings-holder#top-settings-holder .drawer-icon {\n font-size: 0 !important;\n width: 100% !important;\n max-width: calc(var(--vk-header-icon) * 2.1);\n min-width: 0 !important;\n height: var(--topBarBlockSize) !important;\n padding: 0 !important;\n display: flex !important;\n align-items: center;\n justify-content: center;\n border-radius: 0;\n opacity: 0.78;\n position: relative;\n}\n/* 9 иконок делят ширину поровну — на телефоне не вылезают за край */\nhtml body #top-settings-holder#top-settings-holder > .drawer {\n flex: 1 1 0;\n min-width: 0;\n}\nhtml body #top-settings-holder#top-settings-holder .drawer-icon.openIcon {\n opacity: 1;\n background-color: rgba(255, 255, 255, 0.14);\n}\nhtml body #top-settings-holder#top-settings-holder .drawer-icon:hover {\n opacity: 1;\n}\nhtml body #top-settings-holder#top-settings-holder .drawer-icon::before {\n content: \"\" !important;\n display: block;\n width: var(--vk-header-icon);\n height: var(--vk-header-icon);\n background-color: currentColor;\n -webkit-mask: var(--vk-i) center / contain no-repeat;\n mask: var(--vk-i) center / contain no-repeat;\n}\n#top-settings-holder .drawer-icon.fa-sliders { --vk-i: var(--vk-i-sliders); }\n#top-settings-holder .drawer-icon.fa-plug,\n#top-settings-holder .drawer-icon.fa-plug-circle-exclamation,\n#top-settings-holder #API-status-top { --vk-i: var(--vk-i-plug); }\n#top-settings-holder .drawer-icon.fa-font { --vk-i: var(--vk-i-font); }\n#top-settings-holder .drawer-icon.fa-book-atlas { --vk-i: var(--vk-i-book); }\n#top-settings-holder .drawer-icon.fa-user-cog,\n#top-settings-holder .drawer-icon.fa-user-gear { --vk-i: var(--vk-i-gear); }\n#top-settings-holder .drawer-icon.fa-panorama { --vk-i: var(--vk-i-photo); }\n#top-settings-holder .drawer-icon.fa-cubes { --vk-i: var(--vk-i-apps); }\n#top-settings-holder .drawer-icon.fa-face-smile { --vk-i: var(--vk-i-home); }\n#top-settings-holder .drawer-icon.fa-address-card { --vk-i: var(--vk-i-friends); }\n/* нет подключения к модели — красная точка, как счётчик ВК */\n#top-settings-holder #API-status-top.fa-plug-circle-exclamation::after {\n content: \"\";\n position: absolute;\n top: 9px;\n right: 11px;\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: #ff5c5c;\n box-shadow: 0 0 0 2px var(--vk-header);\n}\n\n/* ---------- иконки у поля ввода ---------- */\n/* ≡ → скрепка, волшебная палочка → смайлик, самолётик → стрелка ВК */\n#leftSendForm > #options_button,\n#leftSendForm > #extensionsMenuButton,\n#rightSendForm > #send_but {\n font-size: 0 !important;\n}\n#leftSendForm > #options_button::before,\n#leftSendForm > #extensionsMenuButton::before,\n#rightSendForm > #send_but::before {\n content: \"\" !important;\n display: block;\n width: var(--vk-bottom-icon);\n height: var(--vk-bottom-icon);\n background-color: currentColor;\n -webkit-mask: var(--vk-i) center / contain no-repeat;\n mask: var(--vk-i) center / contain no-repeat;\n}\n#leftSendForm > #options_button { --vk-i: var(--vk-i-clip); }\n#leftSendForm > #extensionsMenuButton { --vk-i: var(--vk-i-smile); }\n#rightSendForm > #send_but { --vk-i: var(--vk-i-send); }\n#leftSendForm > div,\n#rightSendForm > div:not(#send_but) {\n color: var(--vk-icon) !important;\n font-size: 19px !important;\n opacity: 1 !important;\n}\n#leftSendForm > div:hover,\n#rightSendForm > div:hover {\n color: var(--vk-accent) !important;\n filter: none !important;\n}\n\n/* ---------- панели (настройки, персонажи, расширения…) ---------- */\n.drawer-content,\n#right-nav-panel,\n#left-nav-panel {\n background-color: var(--vk-surface) !important;\n color: var(--vk-text) !important;\n border: none !important;\n border-radius: 4px !important;\n box-shadow: var(--vk-card-shadow), 0 4px 16px var(--vk-float-shadow) !important;\n backdrop-filter: none !important;\n -webkit-backdrop-filter: none !important;\n text-shadow: none !important;\n}\n.fillLeft,\n.fillRight {\n border-radius: 0 !important;\n}\n.drawer-content h3,\n.drawer-content h4,\n.drawer-content h5,\n.drawer-content b,\n.drawer-content strong {\n font-weight: 500 !important;\n color: var(--vk-text);\n}\n.drawer-content h3 {\n font-size: 15px;\n}\n.drawer-content small,\n.drawer-content .toggle-description,\n.drawer-content .notes-link {\n color: var(--vk-muted);\n}\n.drawer-content hr,\n.sysHR {\n border: none !important;\n border-top: 1px solid var(--vk-line) !important;\n background: none !important;\n opacity: 1 !important;\n}\n.drawer-content .fa-circle-info,\n.drawer-content .note-link-span {\n color: var(--vk-icon) !important;\n opacity: 1;\n}\n\n/* заголовки-плашки таверны (градиент) — плоские, как шапки блоков ВК */\n/* заголовки разделов: .standoutHeader и h4 в «Настройках пользователя» (у таверны там свой градиент) */\n#user-settings-block h4,\n.standoutHeader {\n background: var(--vk-soft) !important;\n border: none !important;\n border-radius: 4px !important;\n color: var(--vk-text) !important;\n text-shadow: none !important;\n}\n.standoutHeader ~ .inline-drawer-content {\n background: transparent !important;\n border: 1px solid var(--vk-line) !important;\n border-radius: 4px !important;\n}\n.inline-drawer-header b,\n.inline-drawer-header strong {\n font-weight: 500 !important;\n}\n.inline-drawer-icon {\n color: var(--vk-icon) !important;\n}\n\n/* ---------- поля ввода и списки ---------- */\n.text_pole,\nselect,\ntextarea:not(#send_textarea),\ninput[type=\"text\"],\ninput[type=\"number\"],\ninput[type=\"search\"],\ninput[type=\"password\"],\ninput[type=\"url\"],\n.neo-range-input {\n background-color: var(--vk-surface) !important;\n color: var(--vk-text) !important;\n border: 1px solid var(--vk-field-border) !important;\n border-radius: 4px !important;\n box-shadow: none !important;\n text-shadow: none !important;\n font-family: var(--vk-font);\n}\n.text_pole:focus,\nselect:focus,\ntextarea:not(#send_textarea):focus,\ninput[type=\"text\"]:focus,\ninput[type=\"number\"]:focus,\ninput[type=\"search\"]:focus,\ninput[type=\"password\"]:focus,\n.neo-range-input:focus {\n border-color: var(--vk-field-focus) !important;\n outline: none !important;\n}\n.text_pole::placeholder,\ntextarea::placeholder,\ninput::placeholder {\n color: var(--vk-placeholder) !important;\n opacity: 1;\n}\n.text_pole:disabled,\ninput:disabled,\nselect:disabled {\n background-color: var(--vk-soft) !important;\n color: var(--vk-muted) !important;\n}\n/* поиск в select2 и выпадающих списках */\n.select2-container .select2-selection,\n.select2-dropdown {\n background-color: var(--vk-surface) !important;\n border: 1px solid var(--vk-field-border) !important;\n border-radius: 4px !important;\n color: var(--vk-text) !important;\n}\n.select2-results__option--highlighted {\n background-color: var(--vk-selected) !important;\n color: var(--vk-text) !important;\n}\n\n/* ---------- кнопки ---------- */\n/* обычные — светло-голубые с серо-синим текстом, как «Отмена» у ВК */\n.menu_button {\n background-color: var(--vk-btn) !important;\n color: var(--vk-btn-text) !important;\n border: none !important;\n border-radius: 4px !important;\n filter: none !important;\n box-shadow: none !important;\n text-shadow: none !important;\n}\n.menu_button:not(.disabled):not([disabled]):hover,\n.menu_button:not(.disabled):not([disabled]).active,\n.menu_button.toggleEnabled {\n background-color: var(--vk-btn-hover) !important;\n}\n/* главные кнопки окон (Да, Сохранить…) — синие */\n.popup .popup-button-ok,\n.menu_button.menu_button_icon.accent,\n#dialogue_popup_ok {\n background-color: var(--vk-accent) !important;\n color: #ffffff !important;\n}\n.popup .popup-button-ok:hover,\n#dialogue_popup_ok:hover {\n background-color: var(--vk-accent-active) !important;\n}\n.menu_button.caution,\n.redWarningBG {\n background-color: #e64646 !important;\n color: #ffffff !important;\n}\n\n/* ---------- галочки ---------- */\n/* квадратик ВК: светлая рамка, при выборе — синий с белой галочкой */\ninput[type=\"checkbox\"]:not(.del_checkbox) {\n background-color: var(--vk-surface) !important;\n border: 1px solid var(--vk-check-border) !important;\n border-radius: 3px !important;\n outline: none !important;\n box-shadow: none !important;\n filter: none !important;\n}\ninput[type=\"checkbox\"]:not(.del_checkbox):checked {\n background-color: var(--vk-accent) !important;\n border-color: var(--vk-accent) !important;\n}\ninput[type=\"checkbox\"]:not(.del_checkbox)::before {\n box-shadow: inset 1em 1em #ffffff !important;\n}\n\n/* ---------- ползунки ---------- */\n/* тонкая серая дорожка и белый кружок (заливку таверна не пересчитывает по значению — без неё) */\ninput[type=\"range\"],\n.neo-range-slider {\n height: 4px !important;\n border-radius: 2px !important;\n background: var(--vk-track) !important;\n box-shadow: none !important;\n filter: none !important;\n}\ninput[type=\"range\"]::-webkit-slider-thumb,\n.neo-range-slider::-webkit-slider-thumb {\n width: 14px !important;\n height: 14px !important;\n border-radius: 50% !important;\n background: #ffffff !important;\n border: 1px solid var(--vk-check-border) !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;\n}\ninput[type=\"range\"]::-moz-range-thumb,\n.neo-range-slider::-moz-range-thumb {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #ffffff;\n border: 1px solid var(--vk-check-border);\n}\n.neo-range-input {\n border-top: none !important;\n border-radius: 0 0 4px 4px !important;\n}\n\n/* ---------- окна ---------- */\n.popup,\ndialog.popup {\n background-color: var(--vk-surface) !important;\n color: var(--vk-text) !important;\n border: none !important;\n border-radius: 4px !important;\n box-shadow: 0 8px 30px var(--vk-menu-shadow) !important;\n backdrop-filter: none !important;\n text-shadow: none !important;\n}\ndialog.popup::backdrop {\n background: rgba(0, 0, 0, 0.45) !important;\n backdrop-filter: none !important;\n}\n#toast-container > div {\n text-shadow: none !important;\n}\n\n/* ---------- теги ---------- */\n.tag {\n background-color: var(--vk-btn) !important;\n color: var(--vk-btn-text) !important;\n border: none !important;\n border-radius: 4px !important;\n text-shadow: none !important;\n opacity: 1 !important;\n}\n.tag.selected,\n.tag.excluded {\n background-color: var(--vk-accent) !important;\n color: #ffffff !important;\n}\n\n/* ---------- список персонажей — как список диалогов ВК ---------- */\n#right-nav-panel .character_select,\n#right-nav-panel .group_select,\n#right-nav-panel .bogus_folder_select {\n border-radius: 0 !important;\n margin: 0 !important;\n padding: 8px 12px !important;\n border-bottom: 1px solid var(--vk-line) !important;\n background: transparent !important;\n gap: 12px;\n}\n#right-nav-panel .character_select:hover,\n#right-nav-panel .group_select:hover,\n#right-nav-panel .bogus_folder_select:hover {\n background-color: var(--vk-hover) !important;\n}\n#right-nav-panel .character_select.is_fav,\n#right-nav-panel .group_select.is_fav {\n background: transparent !important;\n border-left: none !important;\n}\n/* избранные — без жёлтой обводки; звёздочка синяя */\n#right-nav-panel .is_fav .avatar,\n#right-nav-panel .avatar.is_fav {\n outline: none !important;\n}\n#right-nav-panel .is_fav .ch_name {\n color: var(--vk-text) !important;\n}\n#right-nav-panel .character_select .character_select_container,\n#right-nav-panel .character_select .flex-container {\n align-self: center;\n}\n#right-nav-panel .character_select .avatar,\n#right-nav-panel .group_select .avatar,\n#right-nav-panel .bogus_folder_select .avatar {\n width: 50px !important;\n height: 50px !important;\n flex: none;\n border-radius: 50% !important;\n overflow: hidden;\n box-shadow: none !important;\n border: none !important;\n}\n#right-nav-panel .character_select .avatar img,\n#right-nav-panel .group_select .avatar img {\n width: 100% !important;\n height: 100% !important;\n border-radius: 50% !important;\n object-fit: cover;\n border: none !important;\n}\n#right-nav-panel .character_select .ch_name,\n#right-nav-panel .group_select .ch_name {\n font-size: 13px;\n font-weight: 500 !important;\n color: var(--vk-text) !important;\n}\n#right-nav-panel .ch_description,\n#right-nav-panel .character_select .ch_additional_info,\n#right-nav-panel .group_select_block_list {\n font-size: 12.5px;\n color: var(--vk-muted) !important;\n opacity: 1 !important;\n}\n#right-nav-panel .ch_fav_icon {\n color: var(--vk-accent) !important;\n}\n#rm_button_selected_ch h2,\n#rm_ch_create_block h2 {\n font-weight: 500 !important;\n color: var(--vk-text) !important;\n}\n#right-nav-panel .right_menu_button,\n#right-nav-panel #rm_button_characters,\n#right-nav-panel #rm_button_panel_pin_div {\n color: var(--vk-icon) !important;\n filter: none !important;\n}\n#right-nav-panel .right_menu_button:hover {\n color: var(--vk-accent) !important;\n}\n\n/* ---------- расширение Chat Top Bar (полоса над чатом и список чатов) ---------- */\n#extensionTopBar {\n background-color: var(--vk-surface) !important;\n border: none !important;\n border-bottom: 1px solid var(--vk-line) !important;\n box-shadow: none !important;\n backdrop-filter: none !important;\n color: var(--vk-text) !important;\n text-shadow: none !important;\n}\n#extensionTopBar .fa-solid,\n#extensionTopBar .fa-regular,\n#extensionTopBar i,\n#extensionTopBar .menu_button {\n color: var(--vk-icon) !important;\n background: transparent !important;\n}\n#extensionTopBarChatName {\n font-weight: 500 !important;\n color: var(--vk-text) !important;\n}\n#extensionTopBarSearchInput {\n background-color: var(--vk-soft) !important;\n border: none !important;\n}\n#extensionSideBar {\n background-color: var(--vk-surface) !important;\n border: none !important;\n box-shadow: var(--vk-card-shadow) !important;\n backdrop-filter: none !important;\n text-shadow: none !important;\n}\n#extensionSideBar #extensionSideBarContainer .sideBarItem {\n border: none !important;\n border-bottom: 1px solid var(--vk-line) !important;\n border-radius: 0 !important;\n background: transparent !important;\n}\n#extensionSideBar #extensionSideBarContainer .sideBarItem:hover {\n background-color: var(--vk-hover) !important;\n}\n#extensionSideBar #extensionSideBarContainer .sideBarItem.selected {\n background-color: var(--vk-selected) !important;\n}\n#extensionSideBar .chatName {\n font-weight: 500 !important;\n color: var(--vk-text) !important;\n}\n#extensionSideBar .chatMessage,\n#extensionSideBar .chatStats {\n color: var(--vk-muted) !important;\n}\n\n/* ---------- полосы прокрутки ---------- */\n::-webkit-scrollbar-thumb {\n background-color: var(--vk-check-border) !important;\n border-radius: 3px !important;\n box-shadow: none !important;\n}\n::-webkit-scrollbar-track {\n background: transparent !important;\n}\n\n\n/* =====================================================================\n ПЕРЕКЛЮЧАТЕЛИ РЕДАКТОРА ТЕМЫ (классы на )\n ===================================================================== */\n\n/* без хвостиков — обычные прямоугольники со скруглением */\nhtml.vk-tails-off #chat .mes .mes_block {\n background: var(--vk-in) !important;\n border-radius: var(--vk-bubble-radius) !important;\n padding: 5px 11px 6px !important;\n box-shadow: inset 0 -1px 0 var(--vk-in-line);\n}\nhtml.vk-tails-off #chat .mes[is_user=\"true\"] .mes_block {\n background: var(--vk-out) !important;\n box-shadow: inset 0 -1px 0 var(--vk-out-line);\n}\n/* имена и время — строку с ними возвращаем наверх */\nhtml.vk-names #chat .mes .ch_name,\nhtml.vk-time #chat .mes .ch_name {\n order: 0;\n margin: 0 0 2px;\n}\nhtml.vk-names #chat .mes .name_text {\n font-family: var(--vk-font);\n font-size: 13px;\n font-weight: 500;\n color: var(--vk-link) !important;\n}\nhtml.vk-time #chat .mes .timestamp {\n font-family: var(--vk-font);\n font-size: 12px !important;\n color: var(--vk-muted) !important;\n opacity: 1;\n}\nhtml.vk-avatars #chat .mes .mesAvatarWrapper .avatar {\n display: block !important;\n}\nhtml.vk-avatars #chat .mes .mesAvatarWrapper .avatar img {\n border-radius: 50% !important;\n}\nhtml.vk-mes-buttons-hover #chat .mes:not(:hover) .ch_name .mes_buttons {\n opacity: 0;\n}\nhtml:not(.vk-hotswap) #HotSwapWrapper {\n display: none !important;\n}\nhtml.vk-list-buttons-off #rm_button_bar > .menu_button,\nhtml.vk-list-buttons-off #rm_buttons_container,\nhtml.vk-list-buttons-off #right-nav-panel .rm_tag_controls,\nhtml.vk-list-buttons-off #rm_print_characters_pagination > .menu_button {\n display: none !important;\n}\nhtml.vk-list-tags-off #rm_print_characters_block .tags {\n display: none !important;\n}\n\n/* =====================================================================\n СПИСОК ПЕРСОНАЖЕЙ: компактный верх, крупные аватарки\n ===================================================================== */\n#rm_button_bar {\n gap: 2px !important;\n align-items: center !important;\n}\n#rm_button_bar > .menu_button,\n#rm_buttons_container > .menu_button,\n#rm_print_characters_pagination > .menu_button:not(.bulkEditOptionElement),\n#right-nav-panel .rm_tag_controls .tag.actionable {\n background: transparent !important;\n color: var(--vk-icon) !important;\n width: 30px !important;\n min-width: 30px !important;\n height: 30px !important;\n padding: 0 !important;\n margin: 0 !important;\n font-size: 15px !important;\n display: flex !important;\n align-items: center;\n justify-content: center;\n border-radius: 4px !important;\n box-shadow: none !important;\n}\n#rm_button_bar > .menu_button:hover,\n#rm_print_characters_pagination > .menu_button:hover,\n#right-nav-panel .rm_tag_controls .tag.actionable:hover {\n background: var(--vk-soft) !important;\n color: var(--vk-accent) !important;\n}\n#right-nav-panel .rm_tag_controls .tag.actionable.selected {\n background: var(--vk-btn) !important;\n color: var(--vk-accent) !important;\n}\n#right-nav-panel .rm_tag_controls .tag.actionable .tag_name {\n color: inherit !important;\n}\n#right-nav-panel .rm_tag_controls .tags {\n gap: 2px !important;\n margin: 0 !important;\n}\n#character_sort_order {\n height: 30px;\n margin: 0 4px !important;\n font-size: 13px !important;\n}\n#rm_print_characters_pagination {\n font-size: 12px;\n gap: 2px;\n margin: 2px 0 !important;\n}\n#rm_print_characters_pagination .paginationjs-pages li > a,\n#rm_print_characters_pagination .paginationjs-size-changer select {\n background: transparent !important;\n color: var(--vk-icon) !important;\n border: none !important;\n}\n#right-nav-panel .right_menu_button {\n font-size: 17px !important;\n}\n#right-nav-panel .character_select .avatar,\n#right-nav-panel .group_select .avatar,\n#right-nav-panel .bogus_folder_select .avatar {\n width: var(--vk-list-avatar) !important;\n height: var(--vk-list-avatar) !important;\n min-width: var(--vk-list-avatar) !important;\n flex: none;\n}\n#right-nav-panel .character_select .ch_name,\n#right-nav-panel .group_select .ch_name {\n font-size: 14px !important;\n}\n#right-nav-panel #rm_print_characters_block .tags .tag {\n font-size: 11px !important;\n padding: 1px 6px !important;\n}\n\n/* =====================================================================\n МЕНЕДЖЕР ПРОМПТОВ: выключенные читаются, без подсветки\n ===================================================================== */\n#completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt {\n background: var(--vk-surface) !important;\n border: none !important;\n border-bottom: 1px solid var(--vk-line) !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n}\n#completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt:hover {\n background: var(--vk-hover) !important;\n}\n#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_name,\n#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_name .prompt-manager-inspect-action {\n color: var(--vk-text) !important;\n text-shadow: none !important;\n}\n#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_disabled .completion_prompt_manager_prompt_name,\n#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_disabled .completion_prompt_manager_prompt_name .prompt-manager-inspect-action {\n color: var(--vk-placeholder) !important;\n opacity: 1 !important;\n}\n#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt.completion_prompt_manager_prompt_disabled {\n border-color: var(--vk-line) !important;\n opacity: 1 !important;\n}\n#completion_prompt_manager #completion_prompt_manager_list .prompt-manager-toggle-action,\n#completion_prompt_manager #completion_prompt_manager_list .prompt-manager-edit-action,\n#completion_prompt_manager #completion_prompt_manager_list .prompt-manager-detach-action {\n filter: none !important;\n}\n#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt:not(.completion_prompt_manager_prompt_disabled) .prompt-manager-toggle-action {\n color: var(--vk-accent) !important;\n}\n#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_disabled .prompt-manager-toggle-action {\n color: var(--vk-check-border) !important;\n}\n#completion_prompt_manager .completion_prompt_manager_list_head,\n#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_list_separator {\n color: var(--vk-muted) !important;\n border-color: var(--vk-line) !important;\n background: transparent !important;\n}\n\n/* =====================================================================\n ЗАГОЛОВКИ В «РАСШИРЕНИЯХ» — у таверны там свой градиент\n ===================================================================== */\n#extensions_settings .inline-drawer-toggle.inline-drawer-header,\n#extensions_settings2 .inline-drawer-toggle.inline-drawer-header {\n background: var(--vk-soft) !important;\n background-image: none !important;\n border: none !important;\n border-radius: 4px !important;\n box-shadow: none !important;\n color: var(--vk-text) !important;\n text-shadow: none !important;\n}\n#extensions_settings .inline-drawer-toggle.inline-drawer-header:hover,\n#extensions_settings2 .inline-drawer-toggle.inline-drawer-header:hover {\n background: var(--vk-btn) !important;\n}\n#extensions_settings .inline-drawer-content,\n#extensions_settings2 .inline-drawer-content {\n background: transparent !important;\n border: none !important;\n}\n\n/* строка персонажа: аватарка слева, имя и описание справа (у таверны блок текста шириной «100% − 70px» —\n с крупной аватаркой он переносился под неё) */\n#right-nav-panel .character_select,\n#right-nav-panel .group_select {\n flex-wrap: nowrap !important;\n align-items: center !important;\n}\n#right-nav-panel .character_select .character_select_container,\n#right-nav-panel .group_select .group_select_container {\n width: auto !important;\n flex: 1 1 auto;\n min-width: 0;\n}\n/* замок и кнопка списка — в одну строку, а не столбиком */\n#CharListButtonAndHotSwaps > .flexFlowColumn {\n flex-direction: row !important;\n align-items: center;\n gap: 8px;\n}\n#right-nav-panel #rm_button_panel_pin_div label,\n#right-nav-panel #rm_button_panel_pin_div .right_menu_button {\n font-size: 16px !important;\n}\n\n/* =====================================================================\n ПОЛЕ ВВОДА, ЭКРАН ПРИВЕТСТВИЯ И СПИСОК ЧАТОВ\n ===================================================================== */\n\n/* таверна центрует подсказку в пустом поле (#send_textarea::placeholder) — у ВК она слева */\n#send_textarea:placeholder-shown {\n text-align: left !important;\n}\n#send_textarea::placeholder {\n text-align: left !important;\n color: var(--vk-placeholder) !important;\n opacity: 1 !important;\n}\n\n/* Лого SillyTavern, версия и ссылки (Документация/GitHub/Discord) на стартовом экране.\n Включаются в редакторе темы: Элементы → «Шапка приветствия таверны». */\nhtml:not(.vk-welcome) .welcomePanel .welcomeHeaderTitle,\nhtml:not(.vk-welcome) .welcomePanel .welcomeShortcuts,\nhtml:not(.vk-welcome) .welcomePanel .welcomeShortcutsSeparator {\n display: none !important;\n}\n.welcomePanel {\n background: transparent !important;\n border: none !important;\n box-shadow: none !important;\n}\n.welcomePanel .recentChatsTitle {\n font-size: 15px !important;\n font-weight: 500 !important;\n color: var(--vk-text) !important;\n}\n/* недавние чаты — строками, как диалоги ВК */\n.welcomeRecent .recentChatList .recentChat {\n border: none !important;\n border-bottom: 1px solid var(--vk-line) !important;\n border-radius: 0 !important;\n background: var(--vk-surface) !important;\n padding: 8px 12px !important;\n}\n.welcomeRecent .recentChatList .recentChat:hover {\n background: var(--vk-hover) !important;\n}\n.welcomeRecent .recentChatList .recentChat .avatar img {\n border-radius: 50% !important;\n}\n.welcomeRecent .recentChatList .recentChat .chatName {\n font-weight: 500 !important;\n color: var(--vk-text) !important;\n}\n.welcomeRecent .recentChatList .recentChat .chatMessage,\n.welcomeRecent .recentChatList .recentChat .chatStats {\n color: var(--vk-muted) !important;\n}\n\n/* высота поля ввода — ползунок в редакторе темы (без него как у таверны) */\nhtml:root #send_textarea {\n min-height: var(--vk-input-height, calc(var(--bottomFormBlockSize) + 2px)) !important;\n}\n\n/* СПИСОК ДИАЛОГОВ НА СТАРТОВОМ ЭКРАНЕ — карточкой, как «Сообщения» ВК.\n Если когда-то нажали «скрыть недавние чаты», таверна прячет список, а кнопка «показать»\n спрятана у нас вместе с шапкой. Поэтому показываем всегда; выключается в редакторе: Элементы. */\nhtml.vk-welcome-chats .welcomePanel.recentHidden .recentChatsTitle,\nhtml.vk-welcome-chats .welcomePanel.recentHidden .welcomeRecent {\n display: block !important;\n}\nhtml:not(.vk-welcome-chats) .welcomePanel .recentChatsTitle,\nhtml:not(.vk-welcome-chats) .welcomePanel .welcomeRecent,\nhtml:not(.vk-welcome-chats):not(.vk-welcome) #chat .welcomePanel {\n display: none !important;\n}\nhtml.vk-welcome-chats #chat .welcomePanel {\n width: calc(100% - 16px) !important;\n max-width: 440px !important;\n margin: 28px auto 0 !important;\n padding: 0 !important;\n border-radius: 6px !important;\n background: var(--vk-surface) !important;\n box-shadow: var(--vk-card-shadow) !important;\n overflow: hidden;\n}\nhtml.vk-welcome-chats #chat .welcomePanel ~ .mes[type=\"welcome_prompt\"] .mes_block {\n margin-top: 12px !important;\n}\nhtml.vk-welcome-chats .welcomePanel .welcomeHeader {\n margin: 0 !important;\n padding: 12px 16px 10px !important;\n border-bottom: 1px solid var(--vk-line) !important;\n}\nhtml.vk-welcome-chats .welcomePanel .recentChatsTitle {\n font-size: 14px !important;\n text-align: left !important;\n}\nhtml.vk-welcome-chats .welcomeRecent,\nhtml.vk-welcome-chats .welcomeRecent .recentChatList {\n margin: 0 !important;\n padding: 0 !important;\n gap: 0 !important;\n max-height: none !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .recentChatList .recentChat {\n display: flex !important;\n align-items: center !important;\n gap: 12px !important;\n margin: 0 !important;\n padding: 9px 16px !important;\n background: transparent !important;\n border: none !important;\n border-bottom: 1px solid var(--vk-line) !important;\n border-radius: 0 !important;\n cursor: pointer;\n}\nhtml.vk-welcome-chats .welcomeRecent .recentChatList .recentChat.hidden {\n display: none !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .recentChatList .recentChat:hover {\n background: var(--vk-hover) !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .recentChat .avatar {\n flex: none !important;\n width: 50px !important;\n height: 50px !important;\n margin: 0 !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .recentChat .avatar img {\n width: 50px !important;\n height: 50px !important;\n object-fit: cover !important;\n border-radius: 50% !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .recentChat .recentChatInfo {\n flex: 1 !important;\n min-width: 0 !important;\n gap: 2px !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .recentChat .chatNameContainer {\n display: flex !important;\n align-items: center !important;\n gap: 6px !important;\n}\n/* только имя персонажа, без «– имя файла чата» */\nhtml.vk-welcome-chats .welcomeRecent .recentChat .chatName {\n flex: 1 !important;\n min-width: 0 !important;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 13.5px !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .recentChat .chatName > span {\n display: none !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .recentChat .chatDate {\n flex: none;\n margin-left: auto;\n font-size: 12px !important;\n color: var(--vk-muted) !important;\n opacity: 1 !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .recentChat:not(:hover) .chatActions {\n display: none !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .recentChat .chatActions .menu_button {\n width: 24px !important;\n height: 24px !important;\n min-width: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n font-size: 12px !important;\n background: transparent !important;\n color: var(--vk-icon) !important;\n box-shadow: none !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .recentChat .chatActions .menu_button.active {\n color: var(--vk-accent) !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .recentChat .chatMessageContainer {\n display: flex !important;\n align-items: center !important;\n gap: 8px !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .recentChat .chatMessage {\n flex: 1 !important;\n min-width: 0 !important;\n display: -webkit-box !important;\n -webkit-line-clamp: 1 !important;\n line-clamp: 1 !important;\n -webkit-box-orient: vertical !important;\n max-height: 1.5em !important;\n overflow: hidden !important;\n white-space: normal !important;\n font-size: 13px !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .recentChat .chatStats {\n flex: none;\n font-size: 11px !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .recentChat .recentChatPinned {\n display: none !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .showMoreChats {\n width: 100% !important;\n margin: 0 !important;\n border-radius: 0 !important;\n background: transparent !important;\n color: var(--vk-link) !important;\n box-shadow: none !important;\n}\nhtml.vk-welcome-chats .welcomeRecent .noRecentChat {\n padding: 16px !important;\n color: var(--vk-muted) !important;\n}\n\n/* список файлов чата: дата, размер и число сообщений — читаемо, а не бледно */\n#select_chat_popup .select_chat_block {\n border: none !important;\n border-bottom: 1px solid var(--vk-line) !important;\n border-radius: 0 !important;\n margin: 0 !important;\n padding: 8px 10px !important;\n}\n#select_chat_popup .select_chat_block:hover {\n background: var(--vk-hover) !important;\n}\n#select_chat_popup .select_chat_block[highlight] {\n background: var(--vk-selected) !important;\n}\n#select_chat_popup .select_chat_block_filename {\n font-size: 13px !important;\n font-weight: 500 !important;\n color: var(--vk-text) !important;\n opacity: 1 !important;\n}\n#select_chat_popup .select_chat_block_filename_item:not(.select_chat_block_filename) {\n opacity: 1 !important;\n color: var(--vk-muted) !important;\n}\n#select_chat_popup .select_chat_block_mes {\n color: var(--vk-muted) !important;\n}\n\n/* =====================================================================\n ЭКРАН ЗАГРУЗКИ — сплошной фон ВК и синий логотип\n ===================================================================== */\n/* Загрузка у таверны — всплывающее окно (.popup) с #loader внутри: белый прямоугольник\n на сером затемнении. Растягиваем окно на весь экран и красим фоном ВК. */\ndialog.popup:has(#loader),\n.popup:has(#loader) {\n width: 100vw !important;\n height: 100dvh !important;\n max-width: none !important;\n max-height: none !important;\n margin: 0 !important;\n inset: 0 !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n background: var(--vk-bg) !important;\n}\ndialog.popup:has(#loader)::backdrop {\n background: var(--vk-bg) !important;\n}\n/* красный логотип ST → синий ВК (буквы ST остаются белыми) */\n#loader .splash-logo {\n filter: hue-rotate(212deg) saturate(0.5) brightness(1.35) !important;\n transition: none !important;\n}\n#loader.splash-screen,\ndialog.popup:has(#loader) {\n transition: none !important;\n}\n#loader #load-spinner {\n color: var(--vk-accent) !important;\n}\n#loader .splash-message {\n font-family: var(--vk-font);\n font-size: 15px !important;\n color: var(--vk-muted) !important;\n}\n\n/* =====================================================================\n СТАРТОВЫЙ ЭКРАН — как пустой раздел «Сообщения» ВК\n ===================================================================== */\n/* сообщение ассистента «Есть соединение с API?..» скрыто (возвращается в редакторе темы) */\nhtml:not(.vk-welcome-assistant) #chat .mes[type=\"assistant_message\"] {\n display: none !important;\n}\n/* панели других расширений без открытого чата не нужны */\n#chat:has(> .welcomePanel) > :not(.welcomePanel):not(.mes) {\n display: none !important;\n}\n/* кнопки «Соединение с API / Персонажи / Расширения» — карточка по центру */\n#chat .mes[type=\"welcome_prompt\"] {\n justify-content: center !important;\n}\n#chat .mes[type=\"welcome_prompt\"] .mes_block {\n width: 100% !important;\n max-width: 440px !important;\n margin: 28px auto 0 !important;\n padding: 30px 20px 24px !important;\n border-radius: 6px !important;\n background: var(--vk-surface) !important;\n box-shadow: var(--vk-card-shadow) !important;\n align-items: center;\n text-align: center;\n}\n#chat .mes[type=\"welcome_prompt\"] .ch_name,\n#chat .mes[type=\"welcome_prompt\"] .mesAvatarWrapper {\n display: none !important;\n}\n#chat .mes[type=\"welcome_prompt\"] .mes_block::before {\n content: \"\";\n display: block;\n width: 64px;\n height: 64px;\n margin: 0 auto 14px;\n background-color: var(--vk-check-border);\n -webkit-mask: var(--vk-i-dialogs) center / contain no-repeat;\n mask: var(--vk-i-dialogs) center / contain no-repeat;\n}\n#chat .mes[type=\"welcome_prompt\"] .mes_text {\n width: 100%;\n padding: 0 !important;\n}\n#chat .mes[type=\"welcome_prompt\"] .mes_text::before {\n content: \"Выберите диалог\\A или начните новый с персонажем\";\n display: block;\n white-space: pre-line;\n margin-bottom: 16px;\n font-size: 14px;\n line-height: 1.5;\n color: var(--vk-muted);\n}\n#chat .mes[type=\"welcome_prompt\"] .mes_text .flex-container {\n flex-direction: column !important;\n align-items: center !important;\n flex-wrap: nowrap !important;\n gap: 10px !important;\n}\n#chat .mes[type=\"welcome_prompt\"] .mes_text .menu_button {\n width: 260px !important;\n max-width: 100%;\n margin: 0 0 10px !important;\n padding: 9px 14px !important;\n gap: 8px;\n justify-content: center;\n font-size: 13px !important;\n font-style: normal !important;\n}\n/* главная кнопка — персонажи, синяя */\n#chat .mes[type=\"welcome_prompt\"] .mes_text .menu_button:last-of-type {\n margin-bottom: 0 !important;\n}\n#chat .mes[type=\"welcome_prompt\"] .mes_text .menu_button[data-target=\"rightNavHolder\"] {\n background-color: var(--vk-accent) !important;\n color: #ffffff !important;\n}\n\n/* =====================================================================\n ЧИСЛО СООБЩЕНИЙ У ПЕРСОНАЖЕЙ В СПИСКЕ (ставит расширение)\n ===================================================================== */\n#right-nav-panel .character_select .vk2017-count {\n margin-left: auto;\n padding-left: 8px;\n flex: none;\n white-space: nowrap;\n font-size: 12px !important;\n font-weight: 400 !important;\n color: var(--vk-muted) !important;\n opacity: 1 !important;\n}\n#right-nav-panel .character_select.vk2017-has-count .character_version {\n display: none !important;\n}\n#right-nav-panel .character_select .character_name_block {\n display: flex !important;\n align-items: baseline;\n flex-wrap: nowrap;\n min-width: 0;\n}\n#right-nav-panel .character_select .character_name_block .ch_name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* у заголовков таверна при наведении выкручивает яркость на 150% — у ВК такого нет */\n#user-settings-block h4,\n.standoutHeader.inline-drawer-header:hover,\n#extensions_settings .inline-drawer-toggle.inline-drawer-header:hover,\n#extensions_settings2 .inline-drawer-toggle.inline-drawer-header:hover {\n filter: none !important;\n}\n#user-settings-block h4 {\n font-size: 14px !important;\n font-weight: 500 !important;\n padding: 6px 10px !important;\n}\n\n/* =====================================================================\n ПОЛОСА CHAT TOP BAR И ОЖИДАНИЕ ОТВЕТА\n ===================================================================== */\n/* Полоса расширения «Chat Top Bar» (выбор чата, поиск, кнопки) — у ВК её нет,\n шапка диалога уже показывает имя. Возвращается в редакторе темы: Элементы. */\nhtml:not(.vk-topbar) #extensionTopBar,\nhtml:not(.vk-topbar) #extensionConnectionProfiles {\n display: none !important;\n}\n\n/* Пока ответ не пришёл, таверна пишет в пузырь «...» — рисуем прыгающие точки ВК */\n#chat .mes .mes_text.vk2017-waiting {\n font-size: 0 !important;\n min-height: 20px;\n display: flex !important;\n align-items: center;\n}\n#chat .mes .mes_text.vk2017-waiting > * {\n display: none !important;\n}\n#chat .mes .mes_text.vk2017-waiting::after {\n content: \"\";\n display: block;\n width: 30px;\n height: 14px;\n background-image:\n radial-gradient(circle at center, var(--vk-accent) 3px, transparent 3.6px),\n radial-gradient(circle at center, var(--vk-accent) 3px, transparent 3.6px),\n radial-gradient(circle at center, var(--vk-accent) 3px, transparent 3.6px);\n background-size: 8px 8px;\n background-repeat: no-repeat;\n background-position: 0 6px, 11px 6px, 22px 6px;\n animation: vk2017-wave 1.2s ease-in-out infinite;\n}\n@keyframes vk2017-wave {\n 0%, 100% { background-position: 0 6px, 11px 6px, 22px 6px; opacity: 0.6; }\n 20% { background-position: 0 1px, 11px 6px, 22px 6px; opacity: 1; }\n 40% { background-position: 0 6px, 11px 1px, 22px 6px; }\n 60% { background-position: 0 6px, 11px 6px, 22px 1px; }\n}\n\n\n/* =====================================================================\n КНОПКИ РЕДАКТИРОВАНИЯ СООБЩЕНИЯ — мелкие синие значки без тени\n ===================================================================== */\n#chat .mes .mes_edit_buttons {\n filter: none !important;\n column-gap: 2px !important;\n padding-bottom: 2px !important;\n}\n#chat .mes .mes_edit_buttons .menu_button {\n width: 26px !important;\n height: 26px !important;\n min-width: 26px !important;\n padding: 0 !important;\n margin: 0 !important;\n font-size: 13px !important;\n opacity: 1 !important;\n background: transparent !important;\n color: var(--vk-accent) !important;\n border: none !important;\n border-radius: 4px !important;\n box-shadow: none !important;\n filter: none !important;\n}\n#chat .mes .mes_edit_buttons .menu_button:hover {\n background: var(--vk-soft) !important;\n}\n#chat .mes .mes_edit_buttons .mes_edit_delete {\n color: #e64646 !important;\n}\n#chat .mes .edit_textarea {\n font-family: var(--vk-font) !important;\n font-size: inherit !important;\n line-height: var(--vk-line-height) !important;\n background: var(--vk-surface) !important;\n color: var(--vk-text) !important;\n border: 1px solid var(--vk-field-border) !important;\n border-radius: 4px !important;\n}\n/* счётчик свайпов «5/5» — ближе к сообщению */\n#chat .mes .swipes-counter {\n font-size: 11px !important;\n margin-bottom: 2px !important;\n}\n",
"bogus_folders": false,
"zoomed_avatar_magnification": false,
"reduced_motion": false,
"compact_input_area": false,
"show_swipe_num_all_messages": false,
"click_to_edit": false,
"media_display": "list"
}