{
    "name": "tfw midnite",
    "blur_strength": 0,
    "main_text_color": "rgba(255, 255, 255, 1)",
    "italics_text_color": "rgba(255, 255, 255, 1)",
    "underline_text_color": "rgba(188, 231, 207, 1)",
    "quote_text_color": "rgba(111, 133, 253, 1)",
    "blur_tint_color": "rgba(28, 0, 140, 0.61)",
    "chat_tint_color": "rgba(28, 0, 140, 1)",
    "user_mes_blur_tint_color": "rgba(36, 0, 181, 1)",
    "bot_mes_blur_tint_color": "rgba(118, 0, 172, 1)",
    "shadow_color": "rgba(0, 0, 0, 1)",
    "shadow_width": 5,
    "border_color": "rgba(28, 0, 140, 0.5)",
    "font_scale": 1.1,
    "fast_ui_mode": false,
    "waifuMode": false,
    "avatar_style": 3,
    "chat_display": 1,
    "toastr_position": "toast-top-center",
    "noShadows": false,
    "chat_width": 68,
    "timer_enabled": true,
    "timestamps_enabled": true,
    "timestamp_model_icon": false,
    "mesIDDisplay_enabled": true,
    "hideChatAvatars_enabled": false,
    "message_token_count_enabled": false,
    "expand_message_actions": false,
    "enableZenSliders": false,
    "enableLabMode": false,
    "hotswap_enabled": true,
    "custom_css": "/* ==========================================================================\n   SUNRISE THO THEME OVERRIDES (PLAIN CSS)\n========================================================================== */\n\n/* ==========================================================================\n   FONTS\n   ========================================================================== */\n\n@import url('https://fonts.googleapis.com/css2?family=Quantico:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');\n\nbody {\n    font-family: \"Roboto\";\n    BACKGROUND-COLOR: VAR(--stripe);\n}\n\n/* REMOVE THE BLOCK BELOW IF YOU WANT THE AVATARS TO BE NORMAL COLOR*/\n\n.avatar {\n    transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\n    filter: saturate(1.22) contrast(1.12) brightness(1.05);\n    opacity: 0.98;\n    transform: translateZ(0);\n    box-shadow: 0 8px 20px rgb(118 24 200 / 30%);\n}\n\n/* ==========================================================================\n   GLOBAL PAGE VALUES\n   ========================================================================== */\n:root {\n    --fontScale: 1.3;\n    --stripe: #141126;\n    --tfw-blur-multiplier: 2.4;\n    --tfw-blur-base: calc(var(--SmartThemeBlurStrength, 10px) * var(--tfw-blur-multiplier));\n    --tfw-blur-ui: calc(var(--tfw-blur-base) * 0.6);\n    --tfw-blur-chat: calc(var(--tfw-blur-base) * 1.4);\n    --tfw-blur-sheld: calc(var(--tfw-blur-base) * 1.6);\n    --tfw-blur-mes: calc(var(--tfw-blur-base) * 1.2);\n    --tfw-border: color-mix(in srgb, rgb(241 233 255 / 16%) 70%, var(--SmartThemeBorderColor, rgb(241 233 255 / 16%)) 30%);\n    --tfw-border-soft: color-mix(in srgb, rgb(241 233 255 / 12%) 70%, var(--SmartThemeBorderColor, rgb(241 233 255 / 12%)) 30%);\n    --tfw-panel-tint: color-mix(in srgb, rgb(14 10 30 / 76%) 82%, var(--SmartThemeBlurTintColor, rgb(14 10 30 / 76%)) 18%);\n    --tfw-chat-tint: color-mix(in srgb, rgb(8 6 18 / 22%) 80%, var(--SmartThemeChatTintColor, rgb(8 6 18 / 22%)) 20%);\n    --tfw-bot-tint: color-mix(in srgb, rgb(10 8 22 / 44%) 78%, var(--SmartThemeBotMesBlurTintColor, rgb(10 8 22 / 44%)) 22%);\n    --tfw-user-tint: color-mix(in srgb, rgb(20 10 38 / 48%) 78%, var(--SmartThemeUserMesBlurTintColor, rgb(20 10 38 / 48%)) 22%);\n    --tfw-shadow: color-mix(in srgb, rgba(8, 6, 16, 0.45) 72%, var(--SmartThemeShadowColor, rgba(8, 6, 16, 0.45)) 28%);\n    --tfw-text-shadow: color-mix(in srgb, rgb(0 0 0 / 60%) 65%, var(--SmartThemeShadowColor, rgb(0 0 0 / 60%)) 35%);\n    --tfw-avatar-glow-1: color-mix(in srgb, rgb(255 103 193 / 85%) 74%, var(--SmartThemeQuoteColor, rgb(255 103 193 / 85%)) 26%);\n    --tfw-avatar-glow-2: color-mix(in srgb, rgb(118 24 200 / 70%) 70%, var(--SmartThemeQuoteColor, rgb(118 24 200 / 70%)) 30%);\n    --tfw-avatar-glow-3: color-mix(in srgb, rgb(224 62 235 / 55%) 70%, var(--SmartThemeQuoteColor, rgb(224 62 235 / 55%)) 30%);\n    --tfw-avatar-ring: color-mix(in srgb, rgb(241 233 255 / 70%) 72%, var(--SmartThemeBodyColor, rgb(241 233 255 / 70%)) 28%);\n    --tfw-name-glow-1: color-mix(in srgb, rgb(255 103 193 / 85%) 74%, var(--SmartThemeQuoteColor, rgb(255 103 193 / 85%)) 26%);\n    --tfw-name-glow-2: color-mix(in srgb, rgb(118 24 200 / 70%) 70%, var(--SmartThemeQuoteColor, rgb(118 24 200 / 70%)) 30%);\n    --tfw-name-glow-3: color-mix(in srgb, rgb(224 62 235 / 55%) 70%, var(--SmartThemeQuoteColor, rgb(224 62 235 / 55%)) 30%);\n\n    --white30a: color-mix(in srgb, rgb(118 24 200 / 68%) 80%, var(--SmartThemeQuoteColor, rgb(118 24 200 / 68%)) 20%);\n    --white70a: color-mix(in srgb, rgb(224 62 235 / 78%) 75%, var(--SmartThemeQuoteColor, rgb(224 62 235 / 78%)) 25%);\n    --white100: color-mix(in srgb, rgb(27 22 51 / 66%) 80%, var(--SmartThemeBlurTintColor, rgb(27 22 51 / 66%)) 20%);\n    --black30a: rgb(58 45 102 / 58%);\n    --black50a: rgb(70 50 102 / 62%);\n    --black60a: rgb(82 56 115 / 64%);\n    --black70a: color-mix(in srgb, rgb(91 63 127 / 66%) 72%, var(--SmartThemeUserMesBlurTintColor, rgb(91 63 127 / 66%)) 28%);\n\n\n    --grey5020a: rgb(36 26 64 / 62%);\n    --paper: var(--tfw-panel-tint);\n    --ink-900: color-mix(in srgb, #f1e9ff 75%, var(--SmartThemeBodyColor, #f1e9ff) 25%);\n    --rose-250: color-mix(in srgb, #ff67c1 75%, var(--SmartThemeQuoteColor, #ff67c1) 25%);\n    --rose-350: color-mix(in srgb, #e03eeb 76%, var(--SmartThemeQuoteColor, #e03eeb) 24%);\n    --rose-400: color-mix(in srgb, #7618c8 80%, var(--SmartThemeQuoteColor, #7618c8) 20%);\n    --rose-400a: rgb(255 79 182 / 42%);\n    --rose-muted: color-mix(in srgb, #a06a9d 72%, var(--SmartThemeEmColor, #a06a9d) 28%);\n    --tfw-neon-ink: color-mix(in srgb, var(--rose-250) 68%, var(--ink-900) 32%);\n    --tfw-neon-ink-soft: color-mix(in srgb, var(--rose-350) 64%, var(--ink-900) 36%);\n    --tfw-neon-hover-bg: color-mix(in srgb, white 16%, var(--rose-250) 64%, var(--rose-400) 20%);\n    --tfw-neon-panel: color-mix(in srgb, var(--paper) 76%, var(--rose-400a) 24%);\n    --tfw-neon-tag-bg: color-mix(in srgb, var(--black70a) 58%, var(--rose-400a) 42%);\n    --tfw-neon-tag-fg: color-mix(in srgb, var(--ink-900) 52%, var(--rose-250) 48%);\n    --tfw-neon-contrast: color-mix(in srgb, var(--ink-900) 52%, white 48%);\n    --tfw-btn-bg: color-mix(in srgb, var(--paper) 48%, var(--rose-400) 52%);\n    --tfw-btn-border: color-mix(in srgb, white 12%, var(--rose-250) 72%, var(--tfw-border) 16%);\n    --tfw-btn-fg: color-mix(in srgb, white 18%, var(--tfw-neon-contrast) 82%);\n    --tfw-btn-hover-bg: color-mix(in srgb, white 28%, var(--rose-250) 58%, var(--rose-400) 14%);\n    --tfw-btn-hover-fg: white;\n    --tfw-btn-hover-border: color-mix(in srgb, white 58%, var(--rose-250) 42%);\n    --tfw-btn-glow: 0 0 0 1px color-mix(in srgb, var(--tfw-btn-border) 86%, transparent), 0 0 22px color-mix(in srgb, var(--rose-250) 58%, transparent);\n    --tfw-topbar-hover-bg: color-mix(in srgb, white 34%, var(--rose-250) 52%, var(--rose-400) 14%);\n    --tfw-topbar-hover-border: color-mix(in srgb, white 72%, var(--rose-250) 28%);\n    --tfw-topbar-hover-fg: white;\n    --tfw-topbar-hover-glow: 0 0 0 2px var(--tfw-topbar-hover-border), 0 0 34px color-mix(in srgb, var(--rose-250) 88%, transparent);\n    --tfw-topbar-active-icon: white;\n    --tfw-topbar-active-icon-glow: drop-shadow(0 0 10px color-mix(in srgb, white 70%, var(--rose-250) 30%)) drop-shadow(0 0 24px color-mix(in srgb, var(--rose-250) 92%, transparent)) drop-shadow(0 0 38px color-mix(in srgb, var(--rose-350) 86%, transparent));\n    --tfw-tab-active-icon: color-mix(in srgb, white 24%, var(--rose-250) 76%);\n    --tfw-tab-active-icon-glow: drop-shadow(0 0 6px color-mix(in srgb, var(--rose-250) 85%, transparent)) drop-shadow(0 0 14px color-mix(in srgb, var(--rose-350) 70%, transparent));\n    --brown-500: #86b8ff;\n    --ink-500a: rgb(192 176 220 / 80%);\n    --radius-xs: 0.1rem;\n    --radius-m: 0.4rem;\n\n    --avatar-scale: 4;\n    --tfw-avatar-chat-width: calc(var(--avatar-base-width, 50px) * var(--avatar-scale));\n    --tfw-avatar-chat-height: calc(var(--avatar-base-height, 50px) * var(--avatar-scale));\n    --tfw-avatar-chat-radius: var(--avatar-base-border-radius-round, 50%);\n\n    --stamp-pad: 6px;\n    --stamp-outer-radius: var(--radius-m);\n    --stamp-inner-radius: var(--radius-m);\n    --stamp-frame-bg: rgb(22 18 40 / 66%);\n    --stamp-ink: rgba(120, 210, 255, 0.55);\n    --stamp-paper-line: rgba(184, 126, 222, 0.7);\n    --stamp-shadow: var(--tfw-shadow);\n    --shadow-standard: 0 4px 12px var(--stamp-shadow);\n}\n\nbody.square-avatars {\n    --tfw-avatar-chat-radius: var(--avatar-base-border-radius, 2px);\n}\n\nbody.rounded-avatars {\n    --tfw-avatar-chat-radius: var(--avatar-base-border-radius-rounded, 10px);\n}\n\n\n#sheld,\n#left-nav-panel,\n#right-nav-panel,\n#options {\n    background-color: var(--paper);\n    backdrop-filter: blur(var(--tfw-blur-ui));\n    -webkit-backdrop-filter: blur(var(--tfw-blur-ui));\n    border: 1px solid var(--tfw-border);\n}\n\n.drawer-content,\n.options-content,\n.list-group {\n    background-color: var(--paper);\n    backdrop-filter: blur(var(--tfw-blur-ui));\n    -webkit-backdrop-filter: blur(var(--tfw-blur-ui));\n    border: 1px solid var(--tfw-border-soft);\n    z-index: 999999;\n}\n\n#sheld[style*=\"background\"],\n#sheld[style*=\"background-image\"],\n#sheld[style*=\"background-video\"],\nbody[style*=\"background\"],\nbody[style*=\"background-image\"] {\n    background-color: transparent;\n}\n\n/* ==========================================================================\n   BASE ELEMENTS (links, code, inputs, icons)\n   ========================================================================== */\na {\n    color: var(--SmartThemeQuoteColor);\n}\n\nh2,\nh3 {\n    font-family: \"Quantico\";\n    text-transform: uppercase;\n    letter-spacing: 4px;\n}\n\n\n\n.bg_tab_button.active a,\n.bg_tab_button a.active,\n.bg_tabs_list .active a,\n.bg_tab_button a[aria-selected=\"true\"] {\n    color: var(--SmartThemeQuoteColor);\n}\n\n.bg_tab_button.active i,\n.bg_tab_button.active i::before,\n.bg_tab_button.active .fa-solid,\n.bg_tab_button.active .fa-regular,\n.bg_tab_button a.active i,\n.bg_tab_button a.active i::before,\n.bg_tab_button a[aria-selected=\"true\"] i,\n.bg_tab_button a[aria-selected=\"true\"] i::before,\n.bg_tabs_list .active i,\n.bg_tabs_list .active i::before {\n    color: var(--tfw-tab-active-icon) !important;\n    filter: var(--tfw-tab-active-icon-glow);\n}\n\ncode {\n    background-color: var(--black70a);\n}\n\ncode i::before {\n    color: var(--white70a);\n}\n\n.hljs {\n    color: var(--paper);\n    background: var(--ink-900);\n}\n\ninput[type=\"range\"] {\n    box-shadow: var(--shadow-standard);\n}\n\n.note-link-span {\n    box-shadow: none;\n}\n\n.text_muted {\n    color: var(--tfw-neon-ink-soft);\n}\n\n.fa-undo:before {\n    color: var(--tfw-neon-ink);\n}\n\n.fa-circle-chevron-down::before {\n    color: var(--tfw-neon-ink-soft);\n}\n\n/* ==========================================================================\n   CHECKBOXES / FORM LAYOUT / SHELD GEOMETRY\n   ========================================================================== */\ninput[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button_panel_pin):not(#WI_panel_pin) {\n    border: 0;\n    box-shadow: none;\n    background-color: var(--rose-muted);\n}\n\n#form_sheld {\n    margin: 0;\n    position: relative;\n    z-index: 6000;\n}\n\n#sheld {\n    top: var(--bottomFormBlockSize);\n    height: calc(100svh - var(--bottomFormBlockSize));\n    max-height: calc(100svh - var(--bottomFormBlockSize));\n\n    box-shadow: var(--shadow-standard) !important;\n}\n\n#extensionTopBarChatName {\n    font-family: \"Quantico\";\n    font-size: 1.2em;\n    text-transform: uppercase;\n    letter-spacing: 6px;\n    border-radius: 0 !important;\n}\n\n/* ==========================================================================\n   TOP BAR / HEADERS / DRAWERS\n   ========================================================================== */\n#top-settings-holder {\n    margin-top: 0.5rem solid transparent !important;\n    border-radius: 0 !important;\n    position: relative;\n    z-index: 9999999 !important;\n}\n\n#top-bar {\n    box-shadow: none;\n    z-index: 60000 !important;\n}\n\n#top-bar .menu_button:hover,\n#top-settings-holder .menu_button:hover,\n#extensionsTopBar .menu_button:hover,\n#extensions-top-bar .menu_button:hover,\n#extensionsTopBarContainer .menu_button:hover,\n#extensionTopBar .menu_button:hover {\n    color: var(--tfw-btn-fg) !important;\n    border: 0 !important;\n    box-shadow: none !important;\n    filter: brightness(1.28) saturate(1.35) !important;\n    transform: translateY(-1px) scale(1.4);\n    transition: all ease-in-out;\n}\n\n.menu_button {\n    filter: none;\n    border: 1px solid var(--tfw-btn-border) !important;\n    background-color: transparent !important;\n    color: var(--tfw-btn-fg) !important;\n    box-shadow: var(--tfw-btn-glow);\n}\n\n.menu_button:hover {\n    border: 0 !important color: var(--tfw-neon-ink-soft) !important;\n}\n\n.drawer-icon.openIcon {\n    transition: all 0.275s;\n    color: var(--tfw-neon-ink);\n}\n\n#top-bar .drawer-icon.openIcon,\n#top-settings-holder .drawer-icon.openIcon,\n#extensionsTopBar .drawer-icon.openIcon,\n#extensions-top-bar .drawer-icon.openIcon,\n#extensionsTopBarContainer .drawer-icon.openIcon,\n#extensionTopBar .drawer-icon.openIcon {\n    color: var(--tfw-topbar-active-icon) !important;\n    filter: var(--tfw-topbar-active-icon-glow);\n}\n\n.drawer-icon.closedIcon {\n    color: var(--rose-250);\n    opacity: 1;\n    transition: all 0.275s;\n}\n\n.drawer-icon.closedIcon:hover {\n    color: var(--tfw-neon-ink);\n}\n\n#top-bar .drawer-icon:hover,\n#top-settings-holder .drawer-icon:hover,\n#extensionsTopBar .drawer-icon:hover,\n#extensions-top-bar .drawer-icon:hover,\n#extensionsTopBarContainer .drawer-icon:hover,\n#extensionTopBar .drawer-icon:hover {\n    color: var(--tfw-topbar-hover-fg) !important;\n    text-shadow: 0 0 22px color-mix(in srgb, var(--rose-250) 95%, transparent), 0 0 34px color-mix(in srgb, var(--rose-350) 90%, transparent);\n    filter: brightness(1.4) saturate(1.45);\n}\n\n.flex-container .drawer-content {\n    color: var(--rose-250);\n}\n\n.drawer .drawer-content {\n    border-radius: 0;\n    z-index: 4000 !important;\n}\n\n#extensions_settings .inline-drawer-toggle.inline-drawer-header,\n#extensions_settings2 .inline-drawer-toggle.inline-drawer-header,\n#user-settings-block h4,\n.standoutHeader {\n    background-image: linear-gradient(180deg,\n            var(--white30a) 2%,\n            var(--rose-250) 10%,\n            var(--rose-400) 100%,\n            var(--rose-350) 100%);\n    font-family: \"Quantico\";\n    font-size: 1.4em;\n    text-transform: uppercase;\n    letter-spacing: 8px;\n}\n\n#extensions_settings .inline-drawer-toggle.inline-drawer-header:hover,\n#extensions_settings2 .inline-drawer-toggle.inline-drawer-header:hover,\n.standoutHeader.inline-drawer-header:hover {\n    filter: brightness(105%);\n}\n\n.BGSampleTitle {\n    background-color: var(--black60a);\n    color: var(--tfw-neon-contrast);\n}\n\n#user-settings-block-content small {\n    opacity: 1;\n}\n\n.avatar-container.selected {\n    border-radius: var(--avatar-base-border-radius);\n}\n\n#world_popup_delete::before {\n    color: var(--tfw-neon-ink-soft);\n}\n\n#extensionsTopBar,\n#extensions-top-bar,\n.extensionsTopBar,\n#extensionsTopBarContainer,\n#extensionTopBar {\n    border-radius: 0 !important;\n    background-color: var(--tfw-neon-panel) !important;\n}\n\n\n\n/* ==========================================================================\n   CHAT CONTAINER / MESSAGE CONTROLS\n   ========================================================================== */\n#chat {\n    padding: 3px 1px 3px 12px;\n    background: var(--tfw-chat-tint);\n    backdrop-filter: blur(var(--tfw-blur-chat));\n    -webkit-backdrop-filter: blur(var(--tfw-blur-chat));\n}\n\n#sheld {\n    background-color: color-mix(in srgb, var(--paper) 35%, transparent);\n    backdrop-filter: blur(var(--tfw-blur-sheld));\n    -webkit-backdrop-filter: blur(var(--tfw-blur-sheld));\n    border-color: color-mix(in srgb, var(--tfw-border) 85%, transparent);\n}\n\n#chat .mes {\n    background: var(--tfw-bot-tint);\n    border: 1px solid color-mix(in srgb, var(--tfw-border) 78%, transparent);\n    backdrop-filter: blur(var(--tfw-blur-mes));\n    -webkit-backdrop-filter: blur(var(--tfw-blur-mes));\n    box-shadow: 0 7px 18px color-mix(in srgb, var(--tfw-shadow) 70%, transparent);\n    border-radius: var(--radius-m);\n    padding: 0.35rem 0.45rem;\n}\n\n#chat .mes[is_user=\"true\"] {\n    background: var(--tfw-user-tint);\n}\n\n#chat .mes .mes_text {\n    text-shadow: 0 1px 2px var(--tfw-text-shadow);\n}\n\n.mes_block .menu_button::before {\n    color: var(--tfw-neon-ink);\n}\n\n.mes_edit_buttons {\n    filter: none;\n}\n\n.mes_edit_buttons .menu_button,\n.mes_edit_buttons .menu_button::before,\n.mes_edit_buttons .fa-solid,\n.mes_edit_buttons .fa-solid::before,\ninteractable,\n.editor_maximize {\n    color: var(--tfw-btn-fg) !important;\n    background-color: var(--tfw-btn-bg) !important;\n    border: 1px solid var(--tfw-btn-border) !important;\n    box-shadow: var(--tfw-btn-glow);\n    border-radius: var(--radius-m) !important;\n}\n\n\n\n.mes_edit_delete:hover,\n.mes_edit_delete.active,\n.mes_edit_copy:hover,\n.mes_edit_copy.active,\n.mes_edit_up:hover,\n.mes_edit_up.active,\n.mes_edit_down:hover,\n.mes_edit_down.active {\n    background-color: var(--tfw-btn-hover-bg) !important;\n    color: var(--tfw-btn-fg) !important;\n    border-color: var(--tfw-btn-hover-border) !important;\n    box-shadow: 0 0 0 2px var(--tfw-btn-hover-border), 0 0 24px color-mix(in srgb, var(--rose-250) 76%, transparent) !important;\n    filter: brightness(1.18) saturate(1.2);\n}\n\n:not(.mes_edit_buttons)>.menu_button:hover,\n:not(.mes_edit_buttons)>.menu_button.active {\n    background-color: var(--tfw-btn-hover-bg) !important;\n    color: var(--tfw-btn-fg) !important;\n    border-color: var(--tfw-btn-hover-border) !important;\n    box-shadow: 0 0 0 2px var(--tfw-btn-hover-border), 0 0 28px color-mix(in srgb, var(--rose-250) 78%, transparent) !important;\n    filter: brightness(1.2) saturate(1.22);\n}\n\n.mes_buttons .mes_edit,\n.mes_buttons .mes_bookmark,\n.mes_buttons .mes_create_bookmark,\n.extraMesButtonsHint,\n.tagListHint,\n.extraMesButtons div {\n    filter: none;\n}\n\n.fa-chevron-right:before,\n.fa-chevron-left:before {\n    color: var(--tfw-neon-ink);\n}\n\n.swipe_left.fa-chevron-left::before {\n    font-family: \"Font Awesome 6 Free\";\n    font-weight: 900;\n    content: \"\\f060\";\n}\n\n.swipe_right.fa-chevron-right::before {\n    font-family: \"Font Awesome 6 Free\";\n    font-weight: 900;\n    content: \"\\f061\";\n}\n\n.swipes-counter {\n    color: var(--tfw-neon-ink)\n}\n\n.swipe_right,\n.swipe_left {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    opacity: 0.7 !important;\n    color: var(--tfw-neon-ink);\n    transition: color 0.2s, opacity 0.2s;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n.swipe_left {\n    margin-left: 0 !important;\n    left: auto !important;\n    right: 32px !important;\n}\n\n.swipe_right {\n    margin-right: 0 !important;\n    right: 6px !important;\n}\n\n.swipe_right:hover,\n.swipe_left:hover {\n    color: var(--tfw-neon-contrast);\n    opacity: 1 !important;\n}\n\n#chat .mes[is_user=\"true\"] .mes_text em,\n#chat .mes[is_system=\"true\"] .mes_text em {\n    filter: saturate(95.88%) brightness(94.83%);\n}\n\n.mesAvatarWrapper {\n    font-family: \"Quantico\";\n    text-align: center !important;\n    margin-bottom: 1rem;\n}\n\n.mes .mes_timer,\n.mes .mesIDDisplay,\n.mes .tokenCounterDisplay {\n    font-size: 1rem;\n    margin: 0 !important;\n    padding: 0 !important;\n    text-transform: uppercase;\n    margin-top: 1rem;\n    display: inline-block;\n    white-space: nowrap;\n}\n\n.mes[is_user=\"true\"] .mes_timer {\n    display: none;\n}\n\n.mes {\n    margin-top: 0.3rem !important;\n    margin-bottom: 0.3rem !important;\n}\n\n\n.mes .mes_timer+.mesIDDisplay::before,\n.mes .mesIDDisplay+.mes_timer::before,\n.mes .mes_timer+.mesIDDisplay+.tokenCounterDisplay::before,\n.mes .mesIDDisplay+.tokenCounterDisplay::before,\n.mes .mes_timer+.tokenCounterDisplay::before {\n    content: \"•\";\n    display: inline-block;\n    margin: 0 0.35rem;\n    opacity: 0.7;\n}\n\n\n\n\n/* ==========================================================================\n   AVATAR STYLING – STAMP CARD FRAME\nremove the first two lines (showing filter transition) if you don't want dimmed character portraits, and would prefer full-color.\n   ========================================================================== */\n\n.mes .avatar:hover {\n    filter: none !important;\n    opacity: 1;\n    transition: all 0.5s ease-in-out\n}\n\n.mes .avatar {\n    width: var(--tfw-avatar-chat-width) !important;\n    height: var(--tfw-avatar-chat-height) !important;\n    border: none !important;\n    outline: none !important;\n    padding: 4px !important;\n\n    transition: all 0.5s ease-in-out;\n    filter: saturate(1.8) contrast(1.6) brightness(1.04) !important;\n    background: transparent;\n    overflow: hidden !important;\n    box-shadow:\n        0 0 0 2px var(--tfw-avatar-glow-1),\n        0 0 14px var(--tfw-avatar-glow-2),\n        0 0 26px var(--tfw-avatar-glow-3),\n        var(--shadow-standard) !important;\n    margin-bottom: 1rem;\n    margin-right: .6rem;\n    position: relative;\n    isolation: isolate;\n    contain: paint;\n}\n\n.mes .avatar img {\n    width: 100% !important;\n\n    border: 1px inset var(--tfw-avatar-ring);\n    height: 100% !important;\n    object-fit: cover;\n    object-position: center;\n    image-rendering: auto;\n    border: none !important;\n    outline: none !important;\n    display: block;\n    opacity: 0.95;\n    transform: none !important;\n    will-change: auto;\n    backface-visibility: hidden;\n    -webkit-backface-visibility: hidden;\n}\n\n.avatar,\n.avatar img,\n.avatar-container,\n.avatar-container img,\nbody.charListGrid .avatar,\nbody.charListGrid .avatar img,\nbody.charListGrid .avatar_collage {\n    border: none !important;\n    outline: none !important;\n    background: transparent !important;\n}\n\n/* Keep avatar metadata on one line with separators */\n.avatar-container>.avatar,\n.avatar-container>img {\n    display: block;\n    margin: 0 auto 0.35rem;\n}\n\n.avatar-container> :not(.avatar):not(img) {\n    display: inline;\n    white-space: nowrap;\n}\n\n.avatar-container> :not(.avatar):not(img)+ :not(.avatar):not(img)::before {\n    content: \"•\";\n    display: inline-block;\n    margin: 0 0.35rem;\n    opacity: 0.7;\n}\n\n/* ==========================================================================\n   LEFT SIDE BAR / PROMPT MANAGER\n   ========================================================================== */\n#completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt span span span {\n    filter: none;\n}\n\n#completion_prompt_manager .completion_prompt_manager_header {\n    color: var(--tfw-neon-ink);\n}\n\n#completion_prompt_manager .completion_prompt_manager_header_advanced span {\n    filter: none;\n    font-weight: 700;\n}\n\n#completion_prompt_manager .fa-fw::before {\n    color: var(--tfw-neon-ink);\n}\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(--tfw-neon-ink-soft);\n    opacity: 0.7;\n}\n\n.toggle-description {\n    filter: saturate(110%) brightness(90%);\n}\n\n#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt.completion_prompt_manager_prompt_disabled {\n    border-color: var(--SmartThemeBorderColor);\n}\n\n/* ==========================================================================\n   RIGHT SIDE BAR / PANELS / SEND FORM\n   ========================================================================== */\n#right-nav-panel,\n#left-nav-panel {\n    width: calc((100svw - var(--sheldWidth)) / 2);\n    border-radius: 0;\n    height: calc(100svh);\n    max-height: calc(100svh);\n}\n\n#send_form {\n    border-radius: 0;\n    border: 0;\n    border-top: 1px solid var(--SmartThemeBorderColor) !important;\n}\n\n#send_form:has(#send_textarea:focus-visible) {\n    border: 0;\n}\n\n#right-nav-panel textarea {\n    font-size: calc(0.9 * var(--mainFontSize));\n}\n\n#rightSendForm>div:not(.mes_stop),\n#leftSendForm>div:not(.mes_stop) {\n    color: var(--tfw-btn-fg);\n    background-color: var(--tfw-btn-bg);\n    border: 1px solid var(--tfw-btn-border);\n    box-shadow: var(--tfw-btn-glow);\n    opacity: 1 !important;\n}\n\n#rightSendForm>div:not(.mes_stop):hover,\n#leftSendForm>div:not(.mes_stop):hover {\n    color: var(--tfw-btn-fg) !important;\n    background-color: var(--tfw-btn-hover-bg) !important;\n    border-color: var(--tfw-btn-hover-border) !important;\n    box-shadow: 0 0 0 2px var(--tfw-btn-hover-border), 0 0 26px color-mix(in srgb, var(--rose-250) 74%, transparent) !important;\n    filter: brightness(1.16) saturate(1.2);\n}\n\n.tag {\n    color: var(--tfw-neon-tag-fg);\n    background-color: var(--tfw-neon-tag-bg);\n}\n\n.tag.actionable {\n    background: var(--tfw-neon-tag-bg) !important;\n}\n\n.rm_tag_controls .tag_name::before {\n    color: var(--white100);\n}\n\n.rm_tag_filter .tag {\n    opacity: 0.7;\n    filter: brightness(1);\n}\n\n#delete_button {\n    color: var(--rose-250);\n}\n\n/* ==========================================================================\n   POPUPS / DIALOGS / CUSTOM CSS EDITOR\n   ========================================================================== */\n.select_chat_block {\n    background: color-mix(in srgb, var(--tfw-neon-panel) 78%, var(--tfw-shadow) 22%);\n}\n\n.select_chat_block[highlight] {\n    background-color: var(--SmartThemeUserMesBlurTintColor);\n}\n\n.select_chat_block_filename_item {\n    opacity: 1;\n    font-weight: 700;\n    color: var(--tfw-neon-ink);\n}\n\n#bulk_tag_popup_reset,\n#bulk_tag_popup_remove_mutual,\n#dialogue_popup_ok,\n.dialogue_popup_ok {\n    color: var(--tfw-neon-ink);\n}\n\n#CustomCSS-block .right_menu_button {\n    filter: none;\n}\n\n#CustomCSS-block .editor_maximize::before {\n    color: var(--white70a) !important;\n}\n\n/* ==========================================================================\n   SCROLLBARS\n   ========================================================================== */\n*::-webkit-scrollbar-thumb {\n    border: 2px solid var(--rose-250) !important;\n    background: var(--rose-400a) !important;\n}\n\n.scrollableInner::-webkit-scrollbar-thumb,\n#form_create::-webkit-scrollbar-thumb {\n    border-color: var(--rose-250) !important;\n}\n\n/* ==========================================================================\n   MISC UI CLEANUP\n   ========================================================================== */\n.options-content,\n.list-group {\n    border: 0;\n}\n\n#options {\n    border-top: 0;\n}\n\n\n.zoomed_avatar {\n    position: fixed;\n    top: 50% !important;\n    left: 50% !important;\n    right: auto !important;\n    bottom: auto !important;\n    margin: 0 !important;\n    transform: translate(-50%, -50%) !important;\n    z-index: 9999;\n    border-radius: var(--radius-m) !important;\n    max-width: calc(100vw - 8vmin);\n    max-height: calc(100vh - 8vmin);\n    width: auto !important;\n    height: auto !important;\n    display: block;\n    aspect-ratio: auto !important;\n    object-fit: contain !important;\n    overflow: visible !important;\n}\n\n.mes .avatar.zoomed_avatar {\n    width: auto !important;\n    height: auto !important;\n    padding: 0 !important;\n    border-radius: var(--radius-m) !important;\n    box-shadow: 0 10px 30px rgb(0 0 0 / 45%) !important;\n}\n\n.mes .avatar.zoomed_avatar::before {\n    display: none;\n}\n\n.mes .avatar.zoomed_avatar img,\nimg.zoomed_avatar {\n    width: auto !important;\n    height: auto !important;\n    max-width: calc(100vw - 8vmin) !important;\n    max-height: calc(100vh - 8vmin) !important;\n    margin: 0 auto !important;\n    border-radius: var(--radius-m) !important;\n    aspect-ratio: auto !important;\n    object-fit: contain !important;\n}\n\n/* ==========================================================================\n   TYPOGRAPHY / RobotoACTION\n   ========================================================================== */\n.name_text {\n    font-family: \"Quantico\";\n    font-size: 1.4em;\n    text-transform: uppercase;\n    letter-spacing: 8px;\n    text-shadow: 0 0 2px var(--tfw-name-glow-1), 0 0 14px var(--tfw-name-glow-2), 0 0 26px var(--tfw-name-glow-3), var(--shadow-standard) !important;\n}\n\n.Robotoactable,\n.Robotoactable a {\n    color: var(--brown-500);\n    opacity: 1;\n    transition: all 0.275s;\n}\n\n.Robotoactable:hover {\n    color: var(--tfw-neon-contrast);\n    opacity: 1 !important;\n}\n\n\n#gg-action-button-container {\n    padding: 0 !important\n}\n\n\n.bogus_folder_select .avatar img,\n.character_select .avatar img {\n    align-self: center;\n\n    border-radius: var(--radius-m) !important\n}\n\n.menu_button {\n    transition: all ease-in-out;\n}\n\n.menu_button:hover {\n    color: var(--tfw-neon-ink-soft) important;\n    transition: all ease-in-out;\n    filter: brightness(1.2) saturate(1.24);\n    transform: translateY(-1px);\n}\n\n.menu_button small:hover {\n    color: inherit !important;\n}\n\n#qr--bar {\n    background-color: var(--white100) !important;\n}\n\n.tag_name {\n    color: var(--tfw-neon-tag-fg) !important;\n}\n\n.tag:hover {\n    background-color: var(--tfw-neon-hover-bg) !important;\n    color: var(--tfw-neon-contrast) !important;\n    border-color: var(--tfw-btn-hover-border) !important;\n    box-shadow: 0 0 0 1px var(--tfw-btn-hover-border), 0 0 20px color-mix(in srgb, var(--rose-250) 72%, transparent) !important;\n    filter: brightness(1.18) saturate(1.2);\n}\n\n.qr--buttons {\n    margin: 0 !important;\n    background-color: color-mix(in srgb, var(--tfw-user-tint) 65%, var(--rose-400a) 35%) !important;\n}\n\n.qr--buttons .qr--button:hover {\n    background-color: var(--tfw-btn-hover-bg) !important;\n    color: var(--tfw-btn-fg) !important;\n    border-color: var(--tfw-btn-hover-border) !important;\n    box-shadow: 0 0 0 2px var(--tfw-btn-hover-border), 0 0 24px color-mix(in srgb, var(--rose-250) 75%, transparent) !important;\n    filter: brightness(1.2) saturate(1.2);\n}\n\n\n.panelControlBar .fa-solid {\n    color: var(--tfw-neon-ink) !important;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n.panelControlBar .fa-solid:hover {\n    transform: scale(1.3);\n}",
    "bogus_folders": false,
    "zoomed_avatar_magnification": false,
    "reduced_motion": true,
    "compact_input_area": false,
    "show_swipe_num_all_messages": false,
    "click_to_edit": false,
    "media_display": "list"
}