{
  "avatar_style": 3,
  "blur_strength": 3,
  "blur_tint_color": "rgba(248, 241, 232, 0.97)",
  "bogus_folders": true,
  "border_color": "rgba(84, 44, 46, 0.68)",
  "bot_mes_blur_tint_color": "rgba(255, 250, 243, 0.92)",
  "chat_display": 1,
  "chat_tint_color": "rgba(248, 241, 232, 0.18)",
  "chat_width": 50,
  "click_to_edit": false,
  "compact_input_area": false,
  "custom_css": "/* =========================================================\n   MANIC PIXIE DREAM GIRL — SILLYTAVERN LIGHT THEME\n   Cleaned and consolidated from Vintage Planner v1.2.\n   ========================================================= */\n\n:root {\n    --vp-paper: #f8f1e8;\n    --vp-paper-2: #f2e7da;\n    --vp-paper-3: #eadccc;\n    --vp-paper-light: #fffaf3;\n\n    --vp-ink: #542c2e;\n    --vp-ink-soft: #79585a;\n    --vp-line: rgba(84, 44, 46, 0.34);\n    --vp-line-soft: rgba(84, 44, 46, 0.16);\n\n    --vp-yellow: #eac955;\n    --vp-pink: #dfa2bd;\n    --vp-orange: #eeae4f;\n    --vp-lilac: #b59bd8;\n    --vp-blue: #9fbfd0;\n    --vp-green: #a9be67;\n    --vp-coral: #e78677;\n\n    --vp-serif: Georgia, \"Times New Roman\", serif;\n    --vp-mono: ui-monospace, \"Cascadia Mono\", \"Courier New\", monospace;\n    --vp-sans: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n\n    --vp-shadow-small: 2px 3px 0 rgba(84, 44, 46, 0.13);\n    --vp-shadow-medium: 4px 6px 0 rgba(84, 44, 46, 0.13);\n    --vp-shadow-float: 0 18px 55px rgba(51, 29, 30, 0.25);\n\n    --top-bar-bg: rgba(248, 241, 232, 0.96);\n\n    /* Paper-craft icon palette */\n    --craft-brown: #754b4e;\n    --craft-rose: #b96f7d;\n    --craft-sage: #738c70;\n    --craft-blue: #6b8996;\n    --craft-mustard: #b28a49;\n    --craft-icon-size: 1.08em;\n    --craft-icon-shadow: rgba(84, 44, 46, 0.18);\n}\n\n/* =========================================================\n   BACKGROUND + GLOBAL TYPE\n   ========================================================= */\n\nhtml,\nbody {\n    color: var(--vp-ink) !important;\n    font-family: var(--vp-serif);\n}\n\nbody {\n    background-color: var(--vp-paper) !important;\n}\n\n#bg1,\n#bg_custom {\n    position: fixed !important;\n    inset: 0 !important;\n    overflow: hidden !important;\n}\n\n#bg1::after,\n#bg_custom::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    pointer-events: none;\n\n    background:\n        radial-gradient(circle at 14% 18%, rgba(223, 162, 189, 0.11) 0 1px, transparent 1.7px) 0 0 / 17px 17px,\n        radial-gradient(circle at 85% 78%, rgba(159, 191, 208, 0.15), transparent 33%),\n        linear-gradient(rgba(248, 241, 232, 0.28), rgba(239, 227, 213, 0.48));\n}\n\n::selection {\n    color: var(--vp-ink);\n    background: rgba(234, 201, 85, 0.62);\n}\n\na,\n.link,\n.textLink {\n    color: #557e8f !important;\n    text-decoration-color: rgba(85, 126, 143, 0.5);\n    text-underline-offset: 3px;\n}\n\na:hover,\n.link:hover,\n.textLink:hover {\n    color: var(--vp-ink) !important;\n    text-decoration-color: var(--vp-coral);\n}\n\nem,\ni {\n    color: var(--vp-ink-soft);\n}\n\nblockquote {\n    margin: 0.8em 0;\n    padding: 0.55em 0.9em;\n    color: var(--vp-ink-soft);\n    background: rgba(255, 255, 255, 0.28);\n    border-left: 5px solid var(--vp-blue);\n    border-radius: 0 7px 7px 0;\n}\n\nhr {\n    height: 1px;\n    border: 0;\n    background: var(--vp-line);\n}\n\n/* WELCOME PAGE */\n\n.welcomeHeaderLogo{\n  content: url(\"https://files.catbox.moe/9b2wt9.png\");\n  width: auto !important;\n  height: clamp(7em, 15vw, 11em) !important;\n  object-fit: contain;\n  margin: 12px auto;\n  display: block;\n}\n\n.welcomeHeaderVersionDisplay {\n  display: none !important;\n}\n\n/* =========================================================\n   TOP BAR + DRAWERS — LAYOUT-SAFE\n   ========================================================= */\n\n/*\n   IMPORTANT:\n   SillyTavern calculates the top bar and side-drawer geometry from its own\n   responsive variables and .fillLeft/.fillRight rules. This theme deliberately\n   does not set height, width, position, top, left, right, margin, padding,\n   overflow, transform, min/max size, or box-sizing on those elements.\n*/\n\n#top-bar,\n#top-settings-holder,\n#extensionTopBar,\n#extensionConnectionProfiles {\n    color: var(--vp-ink) !important;\n    background-color: rgba(248, 241, 232, 0.96) !important;\n    border-color: var(--vp-line) !important;\n}\n\n/* Only colors are themed on the actual panels. Native ST rules retain complete\n   control of normal, pinned, maximized, movable, and mobile drawer layouts. */\n#left-nav-panel,\n#right-nav-panel {\n    color: var(--vp-ink) !important;\n    background-color: rgba(248, 241, 232, 0.98) !important;\n}\n\n/* Drawer icons are fully visible at rest and soften on hover. */\n\n#top-bar .drawer-icon,\n#top-settings-holder .drawer-icon,\n#extensionTopBar .drawer-icon,\n#extensionConnectionProfiles .drawer-icon,\n.drawer-icon.closedIcon,\n.drawer-icon.openIcon {\n    color: var(--vp-ink) !important;\n    opacity: 1 !important;\n    filter: none !important;\n    transition:\n        opacity 0.12s ease,\n        filter 0.12s ease,\n        color 0.12s ease,\n        background-color 0.12s ease !important;\n}\n\n/* Reverse the normal SillyTavern emphasis:\n   hover is a little quieter than the resting state. */\n#top-bar .drawer-icon:hover,\n#top-settings-holder .drawer-icon:hover,\n#extensionTopBar .drawer-icon:hover,\n#extensionConnectionProfiles .drawer-icon:hover,\n.drawer-icon.closedIcon:hover,\n.drawer-icon.openIcon:hover {\n    color: var(--vp-ink-soft) !important;\n    opacity: 0.82 !important;\n    filter: saturate(0.72) brightness(0.96) !important;\n}\n\n/* Keep currently open/active drawers fully legible. */\n#top-bar .drawer-icon.openIcon,\n#top-settings-holder .drawer-icon.openIcon,\n#extensionTopBar .drawer-icon.openIcon,\n#extensionConnectionProfiles .drawer-icon.openIcon {\n    color: var(--vp-ink) !important;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n/* Preserve an obvious disabled state where one is explicitly supplied. */\n#top-bar .drawer-icon:is(.disabled, [disabled], [aria-disabled=\"true\"]),\n#top-settings-holder .drawer-icon:is(.disabled, [disabled], [aria-disabled=\"true\"]),\n#extensionTopBar .drawer-icon:is(.disabled, [disabled], [aria-disabled=\"true\"]),\n#extensionConnectionProfiles .drawer-icon:is(.disabled, [disabled], [aria-disabled=\"true\"]) {\n    color: var(--vp-ink-soft) !important;\n    opacity: 0.42 !important;\n    filter: saturate(0.35) !important;\n    cursor: default !important;\n}\n\n/* =========================================================\n   SUBTLE SECONDARY DROPDOWN HEADERS\n   A quiet fallback for extension and secondary collapsible sections.\n   The more specific main-UI rules below keep their bold treatment.\n   ========================================================= */\n\n:where(.inline-drawer-toggle.inline-drawer-header) {\n    color: var(--vp-ink-soft) !important;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(159, 191, 208, 0.14),\n            rgba(255, 250, 243, 0.30) 58%,\n            rgba(223, 162, 189, 0.09)\n        ) !important;\n    border: 1px solid var(--vp-line-soft) !important;\n    border-left-color: rgba(85, 126, 143, 0.48) !important;\n    border-left-width: 3px !important;\n    border-radius: 6px !important;\n    box-shadow: 0 1px 0 rgba(84, 44, 46, 0.08);\n    font-family: var(--vp-serif);\n    font-size: 0.88rem;\n    font-weight: 650;\n    letter-spacing: 0.015em;\n    text-transform: none;\n    opacity: 0.96;\n}\n\n:where(.inline-drawer-toggle.inline-drawer-header):hover {\n    color: var(--vp-ink) !important;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(159, 191, 208, 0.20),\n            rgba(255, 250, 243, 0.38) 56%,\n            rgba(223, 162, 189, 0.14)\n        ) !important;\n    border-left-color: var(--vp-pink) !important;\n}\n\n/* =========================================================\n   SUBTLE RESTORABLE SECTION HEADERS\n   Used by preset titles and User Settings labels such as UI Theme and\n   Custom CSS. These are section dividers, not collapsible controls.\n   ========================================================= */\n\n:where(.title_restorable),\n#user-settings-block :is(\n    [name=\"CharacterHandlingToggles\"],\n    [name=\"MiscellaneousToggles\"],\n    [name=\"ChatMessageHandlingToggles\"],\n    [name=\"STscriptToggles\"]\n) > h4 {\n    color: var(--vp-ink) !important;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(234, 201, 85, 0.15),\n            rgba(255, 250, 243, 0.18) 58%,\n            transparent 100%\n        ) !important;\n    border: 0 !important;\n    border-left: 3px solid rgba(223, 162, 189, 0.62) !important;\n    border-bottom: 1px solid var(--vp-line-soft) !important;\n    border-radius: 3px 0 0 3px !important;\n    box-shadow: none !important;\n    padding: 0.28em 0.45em 0.28em 0.55em !important;\n    font-family: var(--vp-serif) !important;\n    font-size: 0.90rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.025em !important;\n    text-transform: none !important;\n    opacity: 1 !important;\n}\n\n/* =========================================================\n   MAIN-UI CONTROL SCOPE\n   Keep the paper-craft treatment on native SillyTavern controls without\n   overriding extension settings or independently mounted extension panels.\n   ========================================================= */\n\n@scope (\n    #top-settings-holder > .drawer > .drawer-content:not(#rm_extensions_block),\n    #floatingPrompt,\n    #cfgConfig,\n    #logprobsViewer,\n    #form_sheld,\n    #character_popup,\n    #shadow_popup,\n    dialog.popup,\n    #character_context_menu,\n    #completion_prompt_manager_popup\n) {\n\n/* =========================================================\n   HEADERS + INLINE DRAWERS\n   ========================================================= */\n\n.inline-drawer,\n.inline-drawer-content,\n#user-settings-block {\n    border-color: var(--vp-line-soft) !important;\n}\n\n.inline-drawer-content {\n    background: rgba(255, 250, 243, 0.42) !important;\n    border: 1px solid var(--vp-line-soft) !important;\n    border-top: 0 !important;\n    border-radius: 0 0 8px 8px !important;\n}\n\n.inline-drawer-toggle,\n.inline-drawer-header,\n#user-settings-block h4:not(.title_restorable),\n.standoutHeader:not(.title_restorable),\nh3.standoutHeader:not(.title_restorable) {\n    color: var(--vp-ink) !important;\n    background:\n        linear-gradient(90deg, rgba(234, 201, 85, 0.22), rgba(255, 255, 255, 0.16) 38%, rgba(223, 162, 189, 0.12)) !important;\n    border: 1.5px solid var(--vp-line) !important;\n    border-radius: 8px !important;\n    box-shadow: var(--vp-shadow-small);\n    font-family: var(--vp-mono);\n    font-size: 0.78rem;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    opacity: 1;\n}\n\n.inline-drawer-toggle:hover,\n.inline-drawer-header:hover {\n    background:\n        linear-gradient(90deg, rgba(234, 201, 85, 0.32), rgba(255, 255, 255, 0.22) 38%, rgba(223, 162, 189, 0.2)) !important;\n}\n\n/* =========================================================\n   INPUTS + SELECTS\n   ========================================================= */\n\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]),\ntextarea,\nselect,\n.text_pole,\n.select2-container .select2-selection,\n.select2-dropdown {\n    color: var(--vp-ink) !important;\n    background:\n        linear-gradient(transparent 94%, rgba(84, 44, 46, 0.08) 94%) 0 0 / 100% 1.65em,\n        rgba(255, 250, 243, 0.76) !important;\n    border: 1.5px solid var(--vp-line) !important;\n    border-radius: 7px !important;\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);\n    font-family: var(--vp-serif);\n}\n\ninput::placeholder,\ntextarea::placeholder {\n    color: rgba(121, 88, 90, 0.62) !important;\n    font-style: italic;\n}\n\ninput:focus,\ntextarea:focus,\nselect:focus,\n.text_pole:focus,\n.select2-container--focus .select2-selection {\n    outline: none !important;\n    border-color: var(--vp-ink) !important;\n    box-shadow:\n        0 0 0 3px rgba(234, 201, 85, 0.24),\n        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;\n}\n\nselect option {\n    color: var(--vp-ink);\n    background: var(--vp-paper-light);\n}\n\n/* Range controls */\n\ninput[type=\"range\"],\ninput.neo-range-slider[type=\"range\"] {\n    background: rgba(255, 250, 243, 0.78) !important;\n    border-color: rgba(84, 44, 46, 0.25) !important;\n    box-shadow: inset 0 1px 2px rgba(84, 44, 46, 0.06) !important;\n    filter: none !important;\n    opacity: 1 !important;\n    transition:\n        background-color 0.14s ease,\n        border-color 0.14s ease,\n        box-shadow 0.14s ease !important;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb,\ninput.neo-range-slider[type=\"range\"]::-webkit-slider-thumb {\n    background: #efd3df !important;\n    border-color: rgba(84, 44, 46, 0.48) !important;\n    box-shadow: 1px 2px 0 rgba(84, 44, 46, 0.11) !important;\n    transition:\n        background-color 0.14s ease,\n        border-color 0.14s ease,\n        box-shadow 0.14s ease,\n        transform 0.14s ease !important;\n}\n\ninput[type=\"range\"]::-moz-range-thumb,\ninput.neo-range-slider[type=\"range\"]::-moz-range-thumb {\n    background: #efd3df !important;\n    border-color: rgba(84, 44, 46, 0.48) !important;\n    box-shadow: 1px 2px 0 rgba(84, 44, 46, 0.11) !important;\n    transition:\n        background-color 0.14s ease,\n        border-color 0.14s ease,\n        box-shadow 0.14s ease,\n        transform 0.14s ease !important;\n}\n\n/* Darker, richer hover state. */\ninput[type=\"range\"]:not(:disabled):hover,\ninput.neo-range-slider[type=\"range\"]:not(:disabled):hover {\n    background: var(--vp-paper-3) !important;\n    border-color: rgba(84, 44, 46, 0.52) !important;\n    box-shadow: inset 0 1px 3px rgba(84, 44, 46, 0.12) !important;\n}\n\ninput[type=\"range\"]:not(:disabled):hover::-webkit-slider-thumb,\ninput.neo-range-slider[type=\"range\"]:not(:disabled):hover::-webkit-slider-thumb {\n    background: var(--vp-pink) !important;\n    border-color: var(--vp-ink) !important;\n    box-shadow: 2px 3px 0 rgba(84, 44, 46, 0.18) !important;\n    transform: scale(1.06);\n}\n\ninput[type=\"range\"]:not(:disabled):hover::-moz-range-thumb,\ninput.neo-range-slider[type=\"range\"]:not(:disabled):hover::-moz-range-thumb {\n    background: var(--vp-pink) !important;\n    border-color: var(--vp-ink) !important;\n    box-shadow: 2px 3px 0 rgba(84, 44, 46, 0.18) !important;\n    transform: scale(1.06);\n}\n\n/* Slightly stronger while dragging. */\ninput[type=\"range\"]:not(:disabled):active::-webkit-slider-thumb,\ninput.neo-range-slider[type=\"range\"]:not(:disabled):active::-webkit-slider-thumb {\n    background: var(--vp-coral) !important;\n    transform: scale(1.1);\n}\n\ninput[type=\"range\"]:not(:disabled):active::-moz-range-thumb,\ninput.neo-range-slider[type=\"range\"]:not(:disabled):active::-moz-range-thumb {\n    background: var(--vp-coral) !important;\n    transform: scale(1.1);\n}\n\n/* Disabled sliders remain intentionally faded. */\ninput[type=\"range\"]:disabled,\ninput.neo-range-slider[type=\"range\"]:disabled {\n    opacity: 0.46 !important;\n    filter: saturate(0.35) !important;\n    cursor: default !important;\n}\n\n/* Select2 multiselect chips */\n\n.select2-container .select2-selection--multiple .select2-selection__choice,\n.select2-selection__choice {\n    color: var(--vp-ink) !important;\n    background: rgba(159, 191, 208, 0.24) !important;\n    border: 1px solid rgba(84, 44, 46, 0.34) !important;\n    border-radius: 999px !important;\n    box-shadow: 1px 2px 0 rgba(84, 44, 46, 0.10) !important;\n    font-family: var(--vp-mono);\n    font-size: 0.68rem !important;\n    letter-spacing: 0.035em;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n/* The visible label inside the chip. */\n.select2-selection__choice__display {\n    color: var(--vp-ink) !important;\n    background: transparent !important;\n    opacity: 1 !important;\n    filter: none !important;\n    text-shadow: none !important;\n}\n\n/* Remove button on multi-select chips. */\n.select2-selection__choice__remove {\n    color: var(--vp-ink-soft) !important;\n    background: transparent !important;\n    border: 0 !important;\n    opacity: 0.78 !important;\n    filter: none !important;\n}\n\n.select2-selection__choice__remove:hover {\n    color: var(--vp-ink) !important;\n    background: rgba(223, 162, 189, 0.20) !important;\n    opacity: 1 !important;\n}\n\n/* Slightly richer hover state for the whole chip. */\n.select2-container .select2-selection--multiple .select2-selection__choice:hover,\n.select2-selection__choice:hover {\n    color: var(--vp-ink) !important;\n    background: rgba(159, 191, 208, 0.36) !important;\n    border-color: rgba(84, 44, 46, 0.52) !important;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n/* =========================================================\n   CHECKBOXES + RADIO BUTTONS\n   ========================================================= */\n\n/* Keep SillyTavern's functional/icon-controlled checkboxes hidden. */\ninput[type=\"checkbox\"].displayNone,\ninput[type=\"radio\"].displayNone,\n#rm_button_panel_pin {\n    display: none !important;\n}\n\n/* Style only ordinary visible checkboxes and radio buttons. */\ninput[type=\"checkbox\"]:not(.del_checkbox):not(.displayNone):not(#rm_button_panel_pin),\ninput[type=\"radio\"]:not(.displayNone) {\n    -webkit-appearance: none !important;\n    appearance: none !important;\n\n    display: inline-grid !important;\n    place-content: center !important;\n    flex: 0 0 auto !important;\n\n    width: 1.15rem !important;\n    height: 1.15rem !important;\n    min-width: 1.15rem !important;\n    min-height: 1.15rem !important;\n\n    margin: 0 0.35rem 0 0 !important;\n    padding: 0 !important;\n\n    background: var(--vp-paper-light) !important;\n    border: 1.5px solid var(--vp-ink) !important;\n    border-radius: 4px !important;\n\n    box-shadow:\n        inset 0 1px 0 rgba(255, 255, 255, 0.65),\n        1px 2px 0 rgba(84, 44, 46, 0.13) !important;\n\n    vertical-align: middle !important;\n    cursor: pointer !important;\n\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n/* Checkbox checkmark. */\ninput[type=\"checkbox\"]:not(.del_checkbox):not(.displayNone):not(#rm_button_panel_pin)::before {\n    content: \"\" !important;\n\n    width: 0.32rem !important;\n    height: 0.62rem !important;\n\n    background: transparent !important;\n    box-shadow: none !important;\n\n    clip-path: none !important;\n    -webkit-clip-path: none !important;\n\n    border: solid var(--vp-ink) !important;\n    border-width: 0 2px 2px 0 !important;\n\n    transform: rotate(45deg) scale(0) !important;\n    transform-origin: center !important;\n    transition: transform 120ms ease !important;\n}\n\ninput[type=\"checkbox\"]:not(.del_checkbox):not(.displayNone):not(#rm_button_panel_pin):checked::before {\n    transform: rotate(45deg) scale(1) !important;\n}\n\n/* Checked checkbox. */\ninput[type=\"checkbox\"]:not(.del_checkbox):not(.displayNone):not(#rm_button_panel_pin):checked {\n    background: var(--vp-yellow) !important;\n}\n\n/* Radio-button shape. */\ninput[type=\"radio\"]:not(.displayNone) {\n    border-radius: 50% !important;\n}\n\ninput[type=\"radio\"]:not(.displayNone)::before {\n    content: \"\" !important;\n\n    width: 0.52rem !important;\n    height: 0.52rem !important;\n\n    background: var(--vp-coral) !important;\n    border-radius: 50% !important;\n\n    transform: scale(0) !important;\n    transition: transform 120ms ease !important;\n}\n\ninput[type=\"radio\"]:not(.displayNone):checked::before {\n    transform: scale(1) !important;\n}\n\n/* Hover. */\ninput[type=\"checkbox\"]:not(.del_checkbox):not(.displayNone):not(#rm_button_panel_pin):not(:disabled):hover,\ninput[type=\"radio\"]:not(.displayNone):not(:disabled):hover {\n    background: var(--vp-paper-2) !important;\n    border-color: var(--vp-coral) !important;\n}\n\n/* Keep checked checkboxes yellow on hover. */\ninput[type=\"checkbox\"]:not(.del_checkbox):not(.displayNone):not(#rm_button_panel_pin):checked:not(:disabled):hover {\n    background: var(--vp-yellow) !important;\n}\n\n/* Keyboard focus. */\ninput[type=\"checkbox\"]:not(.del_checkbox):not(.displayNone):not(#rm_button_panel_pin):focus-visible,\ninput[type=\"radio\"]:not(.displayNone):focus-visible {\n    outline: 3px solid rgba(234, 201, 85, 0.32) !important;\n    outline-offset: 2px !important;\n}\n\n/* Disabled controls. */\ninput[type=\"checkbox\"]:not(.del_checkbox):not(.displayNone):not(#rm_button_panel_pin):disabled,\ninput[type=\"radio\"]:not(.displayNone):disabled {\n    opacity: 0.45 !important;\n    filter: saturate(0.4) !important;\n    cursor: default !important;\n}\n\n/* =========================================================\n   HIDE ICON-CONTROLLED SILLYTAVERN CHECKBOXES\n   Keep this at the very end of the CSS.\n   ========================================================= */\n\n#rm_button_panel_pin_div > #rm_button_panel_pin,\n#WI_panel_pin_div > #WI_panel_pin,\n#lm_button_panel_pin_div > #lm_button_panel_pin,\nlabel.menu_button > input[type=\"checkbox\"].displayNone {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n\n    position: absolute !important;\n    width: 0 !important;\n    height: 0 !important;\n    min-width: 0 !important;\n    min-height: 0 !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n    box-shadow: none !important;\n\n    pointer-events: none !important;\n}\n\n/* =========================================================\n   BUTTONS\n   ========================================================= */\n\n.menu_button,\n.buttons_block .menu_button,\n.popup-button,\n.popup-button-ok,\n.popup-button-cancel,\nbutton:not(.mes_button):not(.drawer-icon):not(.fa-solid):not([class*=\"icon\"]):not(.sm-page-playlist-play):not(.wl-pl-tab),\ninput[type=\"button\"],\ninput[type=\"submit\"] {\n    color: var(--vp-ink) !important;\n    background: var(--vp-yellow) !important;\n    border: 1.5px solid var(--vp-ink) !important;\n    border-radius: 999px !important;\n    box-shadow: 2px 3px 0 rgba(84, 44, 46, 0.2) !important;\n    font-size: 0.74rem;\n    font-weight: 800;\n    letter-spacing: 0.055em;\n\n    transition:\n        transform 0.12s ease,\n        box-shadow 0.12s ease,\n        background-color 0.12s ease;\n}\n\n/* SillyTavern normally applies grayscale(0.5) to menu buttons until hover.\n   Keep active buttons fully colored; disabled buttons retain their native muted state. */\n.menu_button:not([disabled]):not(.disabled) {\n    filter: none !important;\n    opacity: 1 !important;\n}\n\n.menu_button:hover,\n.buttons_block .menu_button:hover,\n.popup-button:hover,\n.popup-button-ok:hover,\n.popup-button-cancel:hover,\nbutton:not(.mes_button):not(.drawer-icon):not(.fa-solid):not([class*=\"icon\"]):not(.sm-page-playlist-play):not(.wl-pl-tab):hover,\ninput[type=\"button\"]:hover,\ninput[type=\"submit\"]:hover {\n    filter: none !important;\n    transform: translate(-1px, -1px);\n    box-shadow: 3px 4px 0 rgba(84, 44, 46, 0.21) !important;\n}\n\n.menu_button:active,\n.popup-button:active,\nbutton:not(.mes_button):not(.drawer-icon):not(.fa-solid):not([class*=\"icon\"]):not(.sm-page-playlist-play):not(.wl-pl-tab):active {\n    transform: translate(1px, 1px);\n    box-shadow: 1px 1px 0 rgba(84, 44, 46, 0.18) !important;\n}\n\n.menu_button.redWarningBG,\n.redWarningBG,\n.danger_button {\n    background: var(--vp-coral) !important;\n}\n\n.menu_button.greenBG,\n.greenBG,\n.success_button {\n    background: var(--vp-green) !important;\n}\n\n.menu_button.secondary,\n.popup-button-cancel {\n    background: var(--vp-blue) !important;\n}\n\n/* Icon-only UI buttons stay compact and paper-like. */\n.drawer-icon,\n.mes_button,\n.extraMesButtons > div,\n#send_but,\n#options_button,\n#mes_continue,\n#mes_stop,\n#mes_impersonate,\n#extensionsMenuButton {\n    border-radius: 50% !important;\n}\n\n/* Message action buttons are fully visible normally. */\n.mes_button,\n.extraMesButtons > div {\n    color: var(--vp-ink) !important;\n    background: transparent !important;\n    border: 0 !important;\n    box-shadow: none !important;\n    opacity: 1 !important;\n    filter: none !important;\n\n    transition:\n        color 0.12s ease,\n        opacity 0.12s ease,\n        filter 0.12s ease,\n        transform 0.12s ease;\n}\n\n/* Hover becomes slightly softer instead of stronger. */\n.mes_button:hover,\n.extraMesButtons > div:hover {\n    color: var(--vp-ink-soft) !important;\n    opacity: 0.82 !important;\n    filter: saturate(0.78) !important;\n    transform: rotate(-3deg);\n}\n\n/* Small pressed effect. */\n.mes_button:active,\n.extraMesButtons > div:active {\n    color: var(--vp-ink) !important;\n    opacity: 1 !important;\n    filter: none !important;\n    transform: scale(0.94);\n}\n\n/* Playlist play button should not receive the yellow pill-button styling. */\n.sm-page-playlist-play,\n.sm-page-playlist-play:hover,\n.sm-page-playlist-play:active {\n    background: transparent !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n    transform: none !important;\n    padding: 0 !important;\n}\n\n} /* end main-UI control scope */\n\n/* =========================================================\n   CHAT + MESSAGE CARDS\n   ========================================================= */\n\n#chat {\n    background: transparent !important;\n    scrollbar-gutter: stable;\n}\n\n.mes {\n    position: relative;\n    margin: 10px 8px !important;\n    padding: 15px 16px 16px !important;\n\n    color: var(--vp-ink) !important;\n    background:\n        linear-gradient(transparent 96%, rgba(84, 44, 46, 0.055) 96%) 0 0 / 100% 1.72em,\n        rgba(255, 250, 243, 0.91) !important;\n    border: 1.5px solid var(--vp-line) !important;\n    border-top: 7px solid var(--vp-blue) !important;\n    border-radius: 9px !important;\n    box-shadow: var(--vp-shadow-medium) !important;\n}\n\n.mes[is_user=\"true\"],\n.mes.user_mes {\n    background:\n        linear-gradient(transparent 96%, rgba(84, 44, 46, 0.055) 96%) 0 0 / 100% 1.72em,\n        rgba(248, 239, 230, 0.94) !important;\n    border-top-color: var(--vp-pink) !important;\n}\n\n.mes[is_system=\"true\"],\n.mes.system_mes {\n    background: rgba(242, 231, 218, 0.9) !important;\n    border-top-color: var(--vp-lilac) !important;\n}\n\n.mes::after {\n    content: \"\";\n    position: absolute;\n    top: 12px;\n    right: 13px;\n    width: 25px;\n    height: 7px;\n    pointer-events: none;\n\n    background:\n        radial-gradient(ellipse at center, var(--vp-ink) 0 2px, transparent 2.5px) 0 0 / 8px 7px repeat-x;\n    opacity: 0.14;\n    transform: rotate(-4deg);\n}\n\n.mes .avatar,\n.mesAvatarWrapper .avatar {\n    border: 1.5px solid var(--vp-ink) !important;\n    border-radius: 8px !important;\n    box-shadow: 2px 3px 0 rgba(84, 44, 46, 0.16) !important;\n    overflow: hidden;\n}\n\n\n.mes_text {\n    color: var(--vp-ink) !important;\n    font-family: var(--vp-serif);\n    line-height: 1.62;\n    text-wrap: pretty;\n}\n\n.mes_text code,\n.mes_text pre,\ncode,\npre {\n    color: var(--vp-ink) !important;\n    background: rgba(159, 191, 208, 0.16) !important;\n    border: 1px solid rgba(84, 44, 46, 0.18);\n    border-radius: 6px;\n    font-family: var(--vp-mono);\n}\n\n.mes_text code,\ncode {\n    padding: 0.1em 0.34em;\n}\n\n.mes_text pre,\npre {\n    padding: 0.8em 0.95em;\n}\n\n.mes_bias,\n.mes_timer,\n.tokenCounterDisplay,\n.mesIDDisplay,\n.timestamp {\n    color: var(--vp-ink-soft) !important;\n    font-family: var(--vp-mono);\n    font-size: 0.68rem !important;\n    letter-spacing: 0.04em;\n    opacity: 0.7;\n}\n\n/* =========================================================\n   SEND FORM\n   ========================================================= */\n\n#send_form {\n    margin: 8px !important;\n    padding: 8px !important;\n    background:\n        linear-gradient(90deg, rgba(234, 201, 85, 0.14), transparent 30%, rgba(223, 162, 189, 0.12)),\n        rgba(248, 241, 232, 0.96) !important;\n    border: 1.5px solid var(--vp-ink) !important;\n    border-radius: 12px !important;\n    box-shadow: 4px 5px 0 rgba(84, 44, 46, 0.15) !important;\n}\n\n#send_textarea {\n    min-height: 44px;\n    color: var(--vp-ink) !important;\n    background:\n        linear-gradient(transparent 94%, rgba(84, 44, 46, 0.1) 94%) 0 0 / 100% 1.7em,\n        rgba(255, 250, 243, 0.78) !important;\n    border: 0 !important;\n    border-radius: 7px !important;\n    box-shadow: none !important;\n    font-family: var(--vp-serif);\n    line-height: 1.55;\n}\n\n#send_but,\n#options_button,\n#mes_continue,\n#mes_stop,\n#mes_impersonate {\n    color: var(--vp-ink) !important;\n    background: transparent !important;\n    border: 0 !important;\n    box-shadow: none !important;\n}\n\n#send_but:hover,\n#options_button:hover,\n#mes_continue:hover,\n#mes_stop:hover,\n#mes_impersonate:hover {\n    background: rgba(234, 201, 85, 0.25) !important;\n}\n\n/* =========================================================\n   CHARACTERS, PERSONAS, FOLDERS + RECENT CHATS\n   ========================================================= */\n\n.character_select,\n.bogus_folder_select,\n.avatar-container,\n.recentChat,\n.persona-card {\n    position: relative;\n    color: var(--vp-ink) !important;\n    background: rgba(255, 250, 243, 0.54) !important;\n    border: 1.5px solid var(--vp-line) !important;\n    border-radius: 9px !important;\n    box-shadow: 2px 3px 0 rgba(84, 44, 46, 0.11) !important;\n    transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease !important;\n}\n\n.character_select:hover,\n.bogus_folder_select:hover,\n.avatar-container:hover,\n.recentChat:hover,\n.persona-card:hover {\n    background: rgba(255, 250, 243, 0.83) !important;\n    border-color: var(--vp-ink) !important;\n    box-shadow: 3px 4px 0 rgba(84, 44, 46, 0.16) !important;\n    transform: translateY(-1px) rotate(-0.15deg);\n}\n\n.character_select:nth-child(4n + 1),\n.recentChat:nth-child(4n + 1) {\n    border-top: 5px solid var(--vp-pink) !important;\n}\n\n.character_select:nth-child(4n + 2),\n.recentChat:nth-child(4n + 2) {\n    border-top: 5px solid var(--vp-blue) !important;\n}\n\n.character_select:nth-child(4n + 3),\n.recentChat:nth-child(4n + 3) {\n    border-top: 5px solid var(--vp-green) !important;\n}\n\n.character_select:nth-child(4n),\n.recentChat:nth-child(4n) {\n    border-top: 5px solid var(--vp-yellow) !important;\n}\n\n.character_select .avatar,\n.avatar-container .avatar,\n.persona-card .avatar {\n    border: 1.5px solid var(--vp-ink) !important;\n    border-radius: 8px !important;\n    box-shadow: 2px 2px 0 rgba(84, 44, 46, 0.13);\n}\n\n.character_select.is_fav .avatar {\n    outline: 3px solid var(--vp-yellow) !important;\n    outline-offset: 2px;\n}\n\n.character_select.is_fav .ch_name,\n.character_select.is_fav:hover .ch_name {\n    color: var(--vp-ink) !important;\n    text-decoration-color: var(--vp-yellow);\n}\n\n/* Right character drawer: strong color states and frameless rows. */\n\n/* Character-drawer toolbar and icon controls: full color at rest. */\n#right-nav-panel .right_menu_button,\n#rm_characters_block .right_menu_button,\n#rm_characters_topbar .right_menu_button {\n    color: var(--vp-ink) !important;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n/* Hover should be the quieter state, not the more colorful state. */\n#right-nav-panel .right_menu_button:hover,\n#right-nav-panel .right_menu_button.active:hover,\n#rm_characters_block .right_menu_button:hover,\n#rm_characters_topbar .right_menu_button:hover {\n    color: var(--vp-ink) !important;\n    opacity: 0.88 !important;\n    filter: brightness(0.94) saturate(0.82) !important;\n}\n\n/* Keep active drawer controls fully visible when not hovered. */\n#right-nav-panel .right_menu_button.active,\n#rm_characters_block .right_menu_button.active,\n#rm_characters_topbar .right_menu_button.active {\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n/* Character-list tags and their containing rows are not faded. */\n#right-nav-panel #bulkTagsList,\n#right-nav-panel #tagList .tag:not(.excluded),\n#right-nav-panel #groupTagList .tag:not(.excluded),\n#right-nav-panel .tags.tags_inline,\n#right-nav-panel .rm_tag_filter .tag:not(.excluded) {\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n/* Slightly mute ordinary tags only while hovering them. */\n#right-nav-panel #tagList .tag:not(.selected):not(.excluded):hover,\n#right-nav-panel #groupTagList .tag:not(.selected):not(.excluded):hover,\n#right-nav-panel .rm_tag_filter .tag:not(.selected):not(.excluded):hover,\n#right-nav-panel .tags.tags_inline .tag:not(.selected):not(.excluded):hover {\n    opacity: 0.88 !important;\n    filter: brightness(0.96) saturate(0.82) !important;\n}\n\n/* Selected tags remain fully colored and clearly active. */\n#right-nav-panel .tag.selected,\n#right-nav-panel .tag.selected:hover {\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n/* Preserve the meaning of explicitly excluded tags. */\n#right-nav-panel .tag.excluded,\n#right-nav-panel .tag.excluded:hover {\n    opacity: 1 !important;\n    filter: saturate(0.4) !important;\n}\n\n/* Folder-assignment icon: colored when available, visibly subdued only\n   when SillyTavern marks it as having no folder. */\n#right-nav-panel .tag_as_folder.right_menu_button:not(.no_folder) {\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n#right-nav-panel .tag_as_folder.right_menu_button:not(.no_folder):hover {\n    opacity: 0.88 !important;\n    filter: brightness(0.94) saturate(0.82) !important;\n}\n\n#right-nav-panel .tag_as_folder.right_menu_button.no_folder {\n    opacity: 0.72 !important;\n    filter: brightness(0.78) saturate(0.5) !important;\n}\n\n#rm_print_characters_block .character_select,\n#rm_print_characters_block .group_select,\n#rm_print_characters_block .bogus_folder_select,\n#right-nav-panel .character_select,\n#right-nav-panel .group_select,\n#right-nav-panel .bogus_folder_select,\n#right-nav-panel .avatar-container {\n    background: transparent !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n    outline: none !important;\n}\n\n/* Keep navigation feedback without recreating a visible card frame. */\n#rm_print_characters_block .character_select:hover,\n#rm_print_characters_block .group_select:hover,\n#rm_print_characters_block .bogus_folder_select:hover,\n#right-nav-panel .character_select:hover,\n#right-nav-panel .group_select:hover,\n#right-nav-panel .bogus_folder_select:hover,\n#right-nav-panel .avatar-container:hover {\n    background: rgba(234, 201, 85, 0.11) !important;\n    border: 0 !important;\n    box-shadow: none !important;\n    transform: none !important;\n}\n\n/* =========================================================\n   TAGS\n   ========================================================= */\n\n.tag,\n.tag_name {\n    box-shadow: 1px 2px 0 rgba(84, 44, 46, 0.16);\n    font-family: var(--vp-mono);\n    font-size: 0.68rem !important;\n    letter-spacing: 0.035em;\n}\n\n/* =========================================================\n   WORLD INFO / LOREBOOK CARDS\n   ========================================================= */\n\n.world_entry {\n    margin-bottom: 8px;\n}\n\n.world_entry .wi-card-entry {\n    position: relative;\n    overflow: hidden !important;\n    color: var(--vp-ink) !important;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(234, 201, 85, 0.15),\n            transparent 46%,\n            rgba(223, 162, 189, 0.12)\n        ),\n        linear-gradient(\n            transparent 96%,\n            rgba(84, 44, 46, 0.055) 96%\n        ) 0 0 / 100% 1.72em,\n        rgba(255, 250, 243, 0.72) !important;\n    border: 1.5px solid var(--vp-ink) !important;\n    border-radius: 8px !important;\n    box-shadow: 3px 4px 0 rgba(84, 44, 46, 0.12) !important;\n}\n\n.world_entry .wi-card-entry::before {\n    content: \"\";\n    display: block;\n    height: 7px;\n    margin: 0 !important;\n    background: linear-gradient(\n        90deg,\n        var(--vp-yellow),\n        var(--vp-pink),\n        var(--vp-blue),\n        var(--vp-green)\n    );\n    border-bottom: 1px solid rgba(84, 44, 46, 0.28);\n    border-radius: 0 !important;\n}\n\n.world_entry .wi-card-entry:hover {\n    border-color: var(--vp-ink) !important;\n    box-shadow: 4px 5px 0 rgba(84, 44, 46, 0.16) !important;\n}\n\n/* The nested drawer is structural; the outer lorebook card supplies the frame. */\n.world_entry .wi-card-entry > .inline-drawer,\n.world_entry .wi-card-entry > .inline-drawer > .inline-drawer-header {\n    background: transparent !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n}\n\n.world_entry .wi-card-entry > .inline-drawer > .inline-drawer-content {\n    background: rgba(255, 250, 243, 0.34) !important;\n    border: 0 !important;\n    border-top: 1px dashed var(--vp-line-soft) !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n}\n\n.WIEntryTitleAndStatus textarea.text_pole {\n    color: var(--vp-ink) !important;\n    background: transparent !important;\n    border: 0 !important;\n    border-bottom: 1px solid var(--vp-line-soft) !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n    font-family: var(--vp-serif);\n    font-size: 0.94rem;\n    font-weight: 700;\n}\n\n.WIEntryTitleAndStatus textarea.text_pole:focus {\n    border-bottom-color: var(--vp-coral) !important;\n}\n\n/* =========================================================\n   REASONING BLOCK\n   ========================================================= */\n\n.mes_reasoning_header {\n    color: var(--vp-ink) !important;\n    background:\n        linear-gradient(90deg, rgba(181, 155, 216, 0.22), rgba(255, 255, 255, 0.18)) !important;\n    border: 1.5px solid var(--vp-line) !important;\n    border-radius: 8px !important;\n    box-shadow: 2px 3px 0 rgba(84, 44, 46, 0.11);\n    font-family: var(--vp-mono);\n    font-size: 0.72rem;\n    font-weight: 800;\n    letter-spacing: 0.075em;\n    text-transform: uppercase;\n    padding: 7px 14px;\n}\n\n.mes_reasoning {\n    color: var(--vp-ink-soft) !important;\n    background:\n        linear-gradient(90deg, transparent 27px, rgba(220, 122, 122, 0.23) 28px, transparent 29px),\n        repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.3) 26px, rgba(84, 44, 46, 0.09) 27px, rgba(255, 255, 255, 0.3) 28px) !important;\n    border: 1.5px solid var(--vp-line) !important;\n    border-top: 0 !important;\n    border-radius: 0 0 8px 8px !important;\n    padding: 12px 14px 12px 41px;\n    font-family: var(--vp-mono);\n    font-size: 0.86em;\n    line-height: 1.52;\n}\n\n.mes_reasoning_header + .mes_reasoning {\n    margin-top: -1px;\n}\n\n.mes_reasoning code {\n    background: rgba(181, 155, 216, 0.14) !important;\n}\n\n/* =========================================================\n   POPUPS + MENUS\n   ========================================================= */\n\n.popup[open],\n.popup,\n.dialogue_popup {\n    color: var(--vp-ink) !important;\n    background:\n        radial-gradient(circle at 15% 18%, rgba(223, 162, 189, 0.09) 0 1px, transparent 1.5px) 0 0 / 15px 15px,\n        var(--vp-paper) !important;\n    border: 1.5px solid rgba(84, 44, 46, 0.7) !important;\n    border-radius: 12px !important;\n    box-shadow:\n        var(--vp-shadow-float),\n        inset 0 0 0 4px rgba(255, 255, 255, 0.28) !important;\n}\n\n.popup-title,\n.popup h3,\n.dialogue_popup h3 {\n    color: var(--vp-ink) !important;\n    font-family: var(--vp-serif);\n    font-style: italic;\n    text-decoration: underline;\n    text-decoration-color: rgba(234, 201, 85, 0.75);\n    text-decoration-thickness: 6px;\n    text-underline-offset: -3px;\n    text-decoration-skip-ink: none;\n}\n\n.popup-controls {\n    background: transparent !important;\n    border-top: 1px solid var(--vp-line-soft) !important;\n    box-shadow: none !important;\n    backdrop-filter: none !important;\n}\n\n.list-group,\n.options-content,\n.context-menu,\n.ui-menu,\n#floatingPrompt,\n#slashCommandBrowser {\n    color: var(--vp-ink) !important;\n    background: rgba(248, 241, 232, 0.98) !important;\n    border: 1.5px solid var(--vp-ink) !important;\n    border-radius: 8px !important;\n    box-shadow: var(--vp-shadow-float) !important;\n}\n\n.list-group-item,\n.context-menu-item,\n.ui-menu-item {\n    border-bottom: 1px dashed var(--vp-line-soft);\n}\n\n.list-group-item:hover,\n.context-menu-item:hover,\n.ui-menu-item:hover {\n    background: rgba(234, 201, 85, 0.22) !important;\n}\n\n/* The specialized relationship-analysis popup has its own stronger rules. */\n.popup:has(.relationship-analysis) {\n    font-family: var(--vp-serif);\n}\n\n/* Keep the SillyTavern initializing/loading screen transparent. */\n.popup:has(#loader),\n.popup:has(.splash-screen),\n.popup-content:has(#loader),\n.popup-content:has(.splash-screen),\n#loader.splash-screen {\n    background: transparent !important;\n    background-color: transparent !important;\n    background-image: none !important;\n    border: 0 !important;\n    box-shadow: none !important;\n    backdrop-filter: none !important;\n}\n\n/* Menu links remain strong at rest; hover is the quieter state. */\n\n/* Text links inside drawers, popups, menus, and option lists. */\n#left-nav-panel :is(a, .link, .textLink, .text_link, [role=\"link\"]),\n#right-nav-panel :is(a, .link, .textLink, .text_link, [role=\"link\"]),\n.popup :is(a, .link, .textLink, .text_link, [role=\"link\"]),\n.dialogue_popup :is(a, .link, .textLink, .text_link, [role=\"link\"]),\n.options-content :is(a, .link, .textLink, .text_link, [role=\"link\"]),\n.context-menu :is(a, .link, .textLink, .text_link, [role=\"link\"]),\n.list-group :is(a, .link, .textLink, .text_link, [role=\"link\"]),\n.ui-menu :is(a, .link, .textLink, .text_link, [role=\"link\"]) {\n    color: var(--vp-ink) !important;\n    opacity: 1 !important;\n    filter: none !important;\n    text-decoration-color: rgba(84, 44, 46, 0.46) !important;\n    transition:\n        color 0.12s ease,\n        opacity 0.12s ease,\n        filter 0.12s ease,\n        text-decoration-color 0.12s ease !important;\n}\n\n/* Text-based menu rows that are not necessarily anchor elements. */\n.list-group-item,\n.context-menu-item,\n.ui-menu-item,\n.options-content [role=\"menuitem\"],\n.popup [role=\"menuitem\"],\n.dialogue_popup [role=\"menuitem\"] {\n    color: var(--vp-ink) !important;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n/* Hover is intentionally the quieter state. Existing hover backgrounds\n   still provide a clear interaction cue. */\n#left-nav-panel :is(a, .link, .textLink, .text_link, [role=\"link\"]):hover,\n#right-nav-panel :is(a, .link, .textLink, .text_link, [role=\"link\"]):hover,\n.popup :is(a, .link, .textLink, .text_link, [role=\"link\"]):hover,\n.dialogue_popup :is(a, .link, .textLink, .text_link, [role=\"link\"]):hover,\n.options-content :is(a, .link, .textLink, .text_link, [role=\"link\"]):hover,\n.context-menu :is(a, .link, .textLink, .text_link, [role=\"link\"]):hover,\n.list-group :is(a, .link, .textLink, .text_link, [role=\"link\"]):hover,\n.ui-menu :is(a, .link, .textLink, .text_link, [role=\"link\"]):hover,\n.list-group-item:hover,\n.context-menu-item:hover,\n.ui-menu-item:hover,\n.options-content [role=\"menuitem\"]:hover,\n.popup [role=\"menuitem\"]:hover,\n.dialogue_popup [role=\"menuitem\"]:hover {\n    color: var(--vp-ink-soft) !important;\n    opacity: 0.84 !important;\n    filter: saturate(0.72) !important;\n    text-decoration-color: rgba(85, 126, 143, 0.5) !important;\n}\n\n/* Active/current choices should remain strong even when hovered. */\n#left-nav-panel :is(a, .link, .textLink, .text_link, [role=\"link\"]).active,\n#right-nav-panel :is(a, .link, .textLink, .text_link, [role=\"link\"]).active,\n.popup :is(a, .link, .textLink, .text_link, [role=\"link\"]).active,\n.dialogue_popup :is(a, .link, .textLink, .text_link, [role=\"link\"]).active,\n.list-group-item.active,\n.context-menu-item.active,\n.ui-menu-item.active,\n[role=\"menuitem\"][aria-current=\"true\"],\n[role=\"menuitem\"][aria-selected=\"true\"] {\n    color: var(--vp-ink) !important;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n/* Preserve genuinely disabled states. */\n#left-nav-panel :is(a, .link, .textLink, .text_link, [role=\"link\"]):is(.disabled, [disabled], [aria-disabled=\"true\"]),\n#right-nav-panel :is(a, .link, .textLink, .text_link, [role=\"link\"]):is(.disabled, [disabled], [aria-disabled=\"true\"]),\n.popup :is(a, .link, .textLink, .text_link, [role=\"link\"]):is(.disabled, [disabled], [aria-disabled=\"true\"]),\n.dialogue_popup :is(a, .link, .textLink, .text_link, [role=\"link\"]):is(.disabled, [disabled], [aria-disabled=\"true\"]),\n.list-group-item:is(.disabled, [aria-disabled=\"true\"]),\n.context-menu-item:is(.disabled, [aria-disabled=\"true\"]),\n.ui-menu-item:is(.disabled, [aria-disabled=\"true\"]),\n[role=\"menuitem\"][aria-disabled=\"true\"] {\n    color: var(--vp-ink-soft) !important;\n    opacity: 0.48 !important;\n    filter: saturate(0.35) !important;\n    cursor: default !important;\n}\n\n/* =========================================================\n   TOASTS\n   ========================================================= */\n\n.toast {\n    position: relative;\n    overflow: hidden;\n    color: var(--vp-ink) !important;\n    background:\n        linear-gradient(transparent 94%, rgba(84, 44, 46, 0.07) 94%) 0 0 / 100% 1.55em,\n        rgba(255, 250, 243, 0.98) !important;\n    border: 1.5px solid var(--vp-ink) !important;\n    border-left: 8px solid var(--vp-blue) !important;\n    border-radius: 8px !important;\n    padding: 11px 13px !important;\n    box-shadow: 4px 5px 0 rgba(84, 44, 46, 0.18) !important;\n    opacity: 1 !important;\n}\n\n.toast::after {\n    content: \"\";\n    position: absolute;\n    top: 9px;\n    right: 10px;\n    width: 28px;\n    height: 7px;\n    background: radial-gradient(ellipse at center, var(--vp-ink) 0 2px, transparent 2.5px) 0 0 / 9px 7px repeat-x;\n    opacity: 0.15;\n    transform: rotate(-4deg);\n}\n\n.toast-title {\n    color: var(--vp-ink) !important;\n    margin: 0 0 6px !important;\n    padding: 0 0 6px !important;\n    border-bottom: 1px dashed var(--vp-line) !important;\n    font-family: var(--vp-mono);\n    font-size: 0.72rem !important;\n    font-weight: 900 !important;\n    letter-spacing: 0.08em !important;\n    text-transform: uppercase !important;\n}\n\n.toast-message {\n    color: var(--vp-ink-soft) !important;\n    font-family: var(--vp-serif);\n    font-size: 0.92rem !important;\n    line-height: 1.42 !important;\n}\n\n.toast.toast-success {\n    border-left-color: var(--vp-green) !important;\n}\n\n.toast.toast-warning {\n    border-left-color: var(--vp-yellow) !important;\n}\n\n.toast.toast-error {\n    border-left-color: var(--vp-coral) !important;\n}\n\n.toast.toast-info {\n    border-left-color: var(--vp-blue) !important;\n}\n\n/* =========================================================\n   QUICK REPLIES + SMALL TOOLBARS\n   ========================================================= */\n\n#qr--bar > .qr--buttons.qr--color,\n.qr--buttons,\n.quick-reply-button {\n    color: var(--vp-ink) !important;\n    background: rgba(255, 250, 243, 0.55) !important;\n    border: 1.5px solid var(--vp-line) !important;\n    border-radius: 999px !important;\n    box-shadow: 1px 2px 0 rgba(84, 44, 46, 0.13);\n    font-family: var(--vp-mono);\n    font-size: 0.7rem;\n}\n\n#qr--bar > .qr--buttons.qr--color:hover,\n.qr--buttons:hover,\n.quick-reply-button:hover {\n    background: var(--vp-yellow) !important;\n    border-color: var(--vp-ink) !important;\n}\n\n/* =========================================================\n   SCROLLBARS\n   ========================================================= */\n\n@-moz-document url-prefix() {\n    * {\n        scrollbar-width: thin;\n        scrollbar-color: var(--vp-pink) var(--vp-paper-2);\n    }\n}\n\n::-webkit-scrollbar {\n    width: 9px;\n    height: 9px;\n    background: transparent;\n}\n\n::-webkit-scrollbar-track {\n    background: var(--vp-paper-2);\n    border-left: 1px solid var(--vp-line-soft);\n}\n\n::-webkit-scrollbar-thumb {\n    background: var(--vp-pink);\n    border: 2px solid var(--vp-paper-2);\n    border-radius: 999px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n    background: var(--vp-coral);\n}\n\n::-webkit-scrollbar-button,\n::-webkit-scrollbar-corner {\n    display: none;\n    background: transparent;\n}\n\n/* =========================================================\n   PAPER-CRAFT ICON SET\n   Monochrome SVG masks with a muted stationery palette.\n   ========================================================= */\n\n/* Shared icon behavior */\n#leftNavDrawerIcon::before,\n#API-status-top.fa-plug-circle-exclamation::before,\n#API-status-top.fa-plug::before,\n.drawer-icon[title=\"AI Response Formatting\"]::before,\n#WIDrawerIcon::before,\n.drawer-icon[title=\"User Settings\"]::before,\n#backgrounds-drawer-toggle .drawer-icon::before,\n.drawer-icon[title=\"Extensions\"]::before,\n.drawer-icon[title=\"Persona Management\"]::before,\n#rightNavDrawerIcon::before,\n#options_button::before,\n#extensionsMenuButton::before,\n#group_member_picker_button::before,\n#mes_impersonate::before,\n#mes_continue::before,\n#send_but::before {\n    content: \"\" !important;\n    display: block;\n    width: var(--craft-icon-size);\n    height: var(--craft-icon-size);\n    margin: auto;\n    background-color: currentColor;\n    -webkit-mask-image: var(--craft-mask);\n    mask-image: var(--craft-mask);\n    -webkit-mask-size: contain;\n    mask-size: contain;\n    -webkit-mask-repeat: no-repeat;\n    mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n    mask-position: center;\n\n    /* Full color at rest; hover becomes slightly softer instead. */\n    opacity: 1 !important;\n    filter: drop-shadow(0 1px 0 var(--craft-icon-shadow)) !important;\n    transform-origin: center;\n    transition:\n        transform 150ms ease,\n        opacity 150ms ease;\n}\n\n#leftNavDrawerIcon:hover::before,\n#API-status-top.fa-plug-circle-exclamation:hover::before,\n#API-status-top.fa-plug:hover::before,\n.drawer-icon[title=\"AI Response Formatting\"]:hover::before,\n#WIDrawerIcon:hover::before,\n.drawer-icon[title=\"User Settings\"]:hover::before,\n#backgrounds-drawer-toggle .drawer-icon:hover::before,\n.drawer-icon[title=\"Extensions\"]:hover::before,\n.drawer-icon[title=\"Persona Management\"]:hover::before,\n#rightNavDrawerIcon:hover::before,\n#options_button:hover::before,\n#extensionsMenuButton:hover::before,\n#group_member_picker_button:hover::before,\n#mes_impersonate:hover::before,\n#mes_continue:hover::before,\n#send_but:hover::before {\n    opacity: 0.82 !important;\n    transform: translateY(-1px) rotate(-1.5deg);\n}\n\n#leftNavDrawerIcon:active::before,\n#API-status-top.fa-plug-circle-exclamation:active::before,\n#API-status-top.fa-plug:active::before,\n.drawer-icon[title=\"AI Response Formatting\"]:active::before,\n#WIDrawerIcon:active::before,\n.drawer-icon[title=\"User Settings\"]:active::before,\n#backgrounds-drawer-toggle .drawer-icon:active::before,\n.drawer-icon[title=\"Extensions\"]:active::before,\n.drawer-icon[title=\"Persona Management\"]:active::before,\n#rightNavDrawerIcon:active::before,\n#options_button:active::before,\n#extensionsMenuButton:active::before,\n#group_member_picker_button:active::before,\n#mes_impersonate:active::before,\n#mes_continue:active::before,\n#send_but:active::before {\n    opacity: 0.72 !important;\n    transform: translateY(1px) scale(0.94);\n}\n\n/* Remove the stock red glow from the disconnected API icon. */\n.redOverlayGlow {\n    text-shadow: none !important;\n    opacity: 1 !important;\n}\n\n#leftNavDrawerIcon::before {\n    --craft-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.28%22%20d%3D%22M3%205.2C3%204%204%203%205.2%203h9.6C16%203%2017%204%2017%205.2v13.6C17%2020%2016%2021%2014.8%2021H5.2C4%2021%203%2020%203%2018.8z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.42%22%20d%3D%22M6%203.2C6%202%207%201%208.2%201h9.6C19%201%2020%202%2020%203.2v13.6C20%2018%2019%2019%2017.8%2019H8.2C7%2019%206%2018%206%2016.8z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M9%205h7.5v1.5H9zm0%203.3h5.7v1.5H9zm0%203.3h7.5v1.5H9z%22%2F%3E%3Ccircle%20cx%3D%2218.2%22%20cy%3D%223.6%22%20r%3D%221.25%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E\");\n    color: var(--craft-rose) !important;\n}\n\n#API-status-top.fa-plug-circle-exclamation::before {\n    --craft-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.35%22%20d%3D%22M5%202h14v20l-2-1.5L15%2022l-3-1.5L9%2022l-2-1.5L5%2022z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M8.3%207.2%2012%2010.9l3.7-3.7%201.1%201.1-3.7%203.7%203.7%203.7-1.1%201.1-3.7-3.7-3.7%203.7-1.1-1.1%203.7-3.7-3.7-3.7z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.45%22%20d%3D%22M8%204h8v1.4H8z%22%2F%3E%3C%2Fsvg%3E\");\n    color: var(--craft-rose) !important;\n}\n\n#API-status-top.fa-plug::before {\n    --craft-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.35%22%20d%3D%22M5%202h14v20l-2-1.5L15%2022l-3-1.5L9%2022l-2-1.5L5%2022z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m8%2012.2%202.5%202.5%205.5-6%201.2%201.1-6.6%207.2L6.8%2013.3z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.45%22%20d%3D%22M8%204h8v1.4H8z%22%2F%3E%3C%2Fsvg%3E\");\n    color: var(--craft-sage) !important;\n}\n\n.drawer-icon[title=\"AI Response Formatting\"]::before {\n    --craft-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.32%22%20d%3D%22M4%202h11l5%205v15H4z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M15%202v5h5z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m7.3%2016.8.7-3.1%207.7-7.7%202.3%202.3-7.7%207.7zm9.1-9.5%201-1%201.3%201.3-1%201z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.45%22%20d%3D%22M7%206h5v1.4H7zm0%203h4v1.4H7z%22%2F%3E%3C%2Fsvg%3E\");\n    color: var(--craft-blue) !important;\n}\n\n#WIDrawerIcon::before {\n    --craft-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.26%22%20d%3D%22M3%204.5C3%203.12%204.12%202%205.5%202H19v17H6a3%203%200%200%200-3%203z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.42%22%20d%3D%22M6%204h10.5v12H6z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M8%206.2h6.5v1.4H8zm0%203h5v1.4H8z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M10%2016h4v6l-2-1.25L10%2022z%22%2F%3E%3Ccircle%20cx%3D%2216.8%22%20cy%3D%225.2%22%20r%3D%221.2%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E\");\n    color: var(--craft-mustard) !important;\n}\n\n.drawer-icon[title=\"User Settings\"]::before {\n    --craft-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%224.3%22%20r%3D%222.15%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%2217.45%22%20cy%3D%226.55%22%20r%3D%222.15%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%2219.7%22%20cy%3D%2212%22%20r%3D%222.15%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%2217.45%22%20cy%3D%2217.45%22%20r%3D%222.15%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2219.7%22%20r%3D%222.15%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%226.55%22%20cy%3D%2217.45%22%20r%3D%222.15%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%224.3%22%20cy%3D%2212%22%20r%3D%222.15%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%226.55%22%20cy%3D%226.55%22%20r%3D%222.15%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%205.4a6.6%206.6%200%201%201%200%2013.2a6.6%206.6%200%200%201%200-13.2m0%204a2.6%202.6%200%201%200%200%205.2a2.6%202.6%200%200%200%200-5.2%22%2F%3E%3C%2Fsvg%3E\");\n    color: var(--craft-rose) !important;\n}\n\n#backgrounds-drawer-toggle .drawer-icon::before {\n    --craft-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.25%22%20d%3D%22m4%203%2014%201.5-1.5%2014L2.5%2017z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.38%22%20d%3D%22M6%205h15v15H6z%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%229.2%22%20r%3D%221.35%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m8%2015%203.2-3%202.2%202%201.7-1.4L19%2015z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M9%2017h9v1.3H9z%22%2F%3E%3C%2Fsvg%3E\");\n    color: var(--craft-rose) !important;\n}\n\n.drawer-icon[title=\"Extensions\"]::before {\n    --craft-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.34%22%20d%3D%22M3%203h8v8H3zm10%2010h8v8h-8zM13%203h8v8h-8zM3%2013h8v8H3z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m4.5%206.5%203-2%202%203-3%202zm10%209.5%203-2%202%203-3%202z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M16.1%204.5h1.8v2.1H20v1.8h-2.1v2.1h-1.8V8.4H14V6.6h2.1z%22%2F%3E%3C%2Fsvg%3E\");\n    color: var(--craft-sage) !important;\n}\n\n.drawer-icon[title=\"Persona Management\"]::before,\n#mes_impersonate::before {\n    --craft-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12%203.3a3.9%203.9%200%200%200-1.35%207.56v1.18C7.35%2012.6%204.9%2015.4%204.7%2019.25a1.15%201.15%200%200%200%201.15%201.22h12.3a1.15%201.15%200%200%200%201.15-1.22c-.2-3.85-2.65-6.65-5.95-7.21v-1.18A3.9%203.9%200%200%200%2012%203.3%22%2F%3E%3C%2Fsvg%3E\");\n    color: var(--craft-blue) !important;\n}\n\n#rightNavDrawerIcon::before {\n    --craft-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.35%22%20d%3D%22M3%203h18v14H10l-5%204v-4H3z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12%2014.6c-3-1.9-5-3.8-5-6A2.7%202.7%200%200%201%2012%207a2.7%202.7%200%200%201%205%201.6c0%202.2-2%204.1-5%206%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.45%22%20d%3D%22M7%204.5h10V6H7z%22%2F%3E%3C%2Fsvg%3E\");\n    color: var(--craft-mustard) !important;\n}\n\n#options_button::before {\n    --craft-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.38%22%20d%3D%22M3%204h15l3%202-3%202H3zM3%2016h15l3%202-3%202H3z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M5%2010h16v4H5l-2-2z%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%226%22%20r%3D%221%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2212%22%20r%3D%221%22%20fill%3D%22%23000%22%20opacity%3D%22.35%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%221%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E\");\n    color: var(--craft-brown) !important;\n}\n\n#extensionsMenuButton::before {\n    --craft-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M4.35%2018.15L14.7%207.8l2.5%202.5L6.85%2020.65a1.77%201.77%200%200%201-2.5-2.5%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m18.2%202.2.75%202.05L21%205l-2.05.75L18.2%207.8l-.75-2.05L15.4%205l2.05-.75zM20.25%209.3l.48%201.32l1.32.48-1.32.48-.48%201.32-.48-1.32-1.32-.48%201.32-.48zM13.1%202.7l.4%201.1%201.1.4-1.1.4-.4%201.1-.4-1.1-1.1-.4%201.1-.4z%22%2F%3E%3C%2Fsvg%3E\");\n    color: var(--craft-rose) !important;\n}\n\n#group_member_picker_button::before {\n    --craft-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%227%22%20r%3D%223%22%20fill%3D%22%23000%22%20opacity%3D%22.42%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%226%22%20r%3D%223.4%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%227%22%20r%3D%223%22%20fill%3D%22%23000%22%20opacity%3D%22.42%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.38%22%20d%3D%22M1.5%2020c.2-4%201.7-6.5%204.5-6.5s4.3%202.5%204.5%206.5zM13.5%2020c.2-4%201.7-6.5%204.5-6.5s4.3%202.5%204.5%206.5z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M6%2021c.3-5%202.3-8%206-8s5.7%203%206%208z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m9.2%2013.8%202.8%202.1%202.8-2.1-.6%203.3-2.2%201.5-2.2-1.5z%22%2F%3E%3C%2Fsvg%3E\");\n    color: var(--craft-sage) !important;\n}\n\n#mes_continue::before {\n    --craft-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M4.5%207.5h7.35V5.2c0-.82.95-1.27%201.58-.75l6.8%205.8a2.3%202.3%200%200%201%200%203.5l-6.8%205.8c-.63.52-1.58.07-1.58-.75v-2.3H4.5A1.5%201.5%200%200%201%203%2015v-6a1.5%201.5%200%200%201%201.5-1.5%22%2F%3E%3C%2Fsvg%3E\");\n    color: var(--craft-mustard) !important;\n}\n\n#send_but::before {\n    --craft-mask: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.34%22%20d%3D%22m2%2010%2020-8-7%2020-4-8z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M2%2010%2022%202%2011%2014z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M5%2018.2c0-1.7%202.1-2.4%203-.9.9-1.5%203-.8%203%20.9%200%201.2-1.3%202.4-3%203.5-1.7-1.1-3-2.3-3-3.5%22%2F%3E%3C%2Fsvg%3E\");\n    color: var(--craft-brown) !important;\n}\n\n/* =========================================================\n   MOBILE + REDUCED MOTION\n   ========================================================= */\n\n@media screen and (max-width: 800px) {\n    .mes {\n        margin: 7px 4px !important;\n        padding: 12px 11px 13px !important;\n        border-radius: 7px !important;\n        box-shadow: 2px 3px 0 rgba(84, 44, 46, 0.12) !important;\n    }\n\n    #send_form {\n        margin: 5px !important;\n        border-radius: 9px !important;\n        box-shadow: 2px 3px 0 rgba(84, 44, 46, 0.13) !important;\n    }\n\n    .recentChat,\n    .persona-card {\n        border-radius: 7px !important;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    *,\n    *::before,\n    *::after {\n        scroll-behavior: auto !important;\n        transition-duration: 0.01ms !important;\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n    }\n}\n\n/* =========================================================\n   CHARACTER DRAWER — OVERSIZED POSTAGE STAMP ROWS\n   hide name, stamp-shaped avatar, custom highlight\n   ========================================================= */\n\n/* ---------- shared row ---------- */\n\n#rm_print_characters_block .character_select,\n#right-nav-panel .character_select {\n    position: relative;\n    display: flex !important;\n    align-items: flex-start !important;\n    gap: 12px;\n    padding: 10px 10px 10px 8px !important;\n    border-radius: 16px !important;\n    overflow: visible !important;\n    background: transparent !important;\n    border: 0 !important;\n    box-shadow: none !important;\n    transition:\n        transform 0.15s ease,\n        background-color 0.15s ease;\n}\n\n/* keep contents above decorative layers */\n#rm_print_characters_block .character_select > *,\n#right-nav-panel .character_select > * {\n    position: relative;\n    z-index: 2;\n}\n\n/* soft hover/active swash behind row */\n#rm_print_characters_block .character_select::before,\n#right-nav-panel .character_select::before {\n    content: \"\";\n    position: absolute;\n    left: 2px;\n    right: 6px;\n    top: 4px;\n    bottom: 4px;\n    border-radius: 14px;\n    opacity: 0;\n    pointer-events: none;\n    z-index: 0;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(234, 201, 85, 0.18) 0%,\n            rgba(234, 201, 85, 0.10) 18%,\n            rgba(223, 162, 189, 0.12) 48%,\n            rgba(159, 191, 208, 0.10) 100%\n        );\n\n    transform: rotate(-0.5deg) scale(0.985);\n    transition:\n        opacity 0.15s ease,\n        transform 0.15s ease;\n}\n\n/* a couple faint \"postal cancellation\" lines */\n#rm_print_characters_block .character_select::after,\n#right-nav-panel .character_select::after {\n    content: \"\";\n    position: absolute;\n    left: 48px;\n    right: 20px;\n    top: 16px;\n    height: 24px;\n    opacity: 0;\n    pointer-events: none;\n    z-index: 1;\n\n    background:\n        repeating-linear-gradient(\n            -8deg,\n            rgba(84, 44, 46, 0.00) 0 8px,\n            rgba(84, 44, 46, 0.08) 8px 10px,\n            rgba(84, 44, 46, 0.00) 10px 18px\n        );\n\n    transition: opacity 0.15s ease;\n}\n\n#rm_print_characters_block .character_select:hover::before,\n#rm_print_characters_block .character_select:focus-within::before,\n#right-nav-panel .character_select:hover::before,\n#right-nav-panel .character_select:focus-within::before {\n    opacity: 1;\n    transform: rotate(0deg) scale(1);\n}\n\n#rm_print_characters_block .character_select:hover::after,\n#rm_print_characters_block .character_select:focus-within::after,\n#right-nav-panel .character_select:hover::after,\n#right-nav-panel .character_select:focus-within::after {\n    opacity: 1;\n}\n\n#rm_print_characters_block .character_select:hover,\n#rm_print_characters_block .character_select:focus-within,\n#right-nav-panel .character_select:hover,\n#right-nav-panel .character_select:focus-within {\n    background: transparent !important;\n    transform: translateY(-1px);\n}\n\n/* ---------- avatar as oversized faux stamp ---------- */\n\n#rm_print_characters_block .character_select .avatar,\n#right-nav-panel .character_select .avatar {\n    position: relative;\n    width: 68px !important;\n    min-width: 68px !important;\n    height: 68px !important;\n    margin-top: 1px;\n    border: 0 !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n    overflow: visible !important;\n    background: transparent !important;\n    padding: 0 !important;\n}\n\n/* back paper layer */\n#rm_print_characters_block .character_select .avatar::before,\n#right-nav-panel .character_select .avatar::before {\n    content: \"\";\n    position: absolute;\n    inset: -4px;\n    background: var(--vp-pink);\n    opacity: 0.72;\n    z-index: 0;\n    transform: rotate(-4deg);\n    transition:\n        transform 0.15s ease,\n        background-color 0.15s ease,\n        opacity 0.15s ease;\n\n    clip-path: polygon(\n        8% 0%, 18% 4%, 28% 0%, 38% 4%, 50% 0%, 62% 4%, 72% 0%, 82% 4%, 92% 0%,\n        100% 8%, 96% 18%, 100% 28%, 96% 38%, 100% 50%, 96% 62%, 100% 72%, 96% 82%, 100% 92%,\n        92% 100%, 82% 96%, 72% 100%, 62% 96%, 50% 100%, 38% 96%, 28% 100%, 18% 96%, 8% 100%,\n        0% 92%, 4% 82%, 0% 72%, 4% 62%, 0% 50%, 4% 38%, 0% 28%, 4% 18%, 0% 8%\n    );\n}\n\n/* little second backing for layered paper look */\n#rm_print_characters_block .character_select .avatar::after,\n#right-nav-panel .character_select .avatar::after {\n    content: \"\";\n    position: absolute;\n    inset: -2px;\n    background: var(--vp-yellow);\n    opacity: 0.5;\n    z-index: 1;\n    transform: rotate(2.5deg);\n\n    clip-path: polygon(\n        8% 0%, 18% 4%, 28% 0%, 38% 4%, 50% 0%, 62% 4%, 72% 0%, 82% 4%, 92% 0%,\n        100% 8%, 96% 18%, 100% 28%, 96% 38%, 100% 50%, 96% 62%, 100% 72%, 96% 82%, 100% 92%,\n        92% 100%, 82% 96%, 72% 100%, 62% 96%, 50% 100%, 38% 96%, 28% 100%, 18% 96%, 8% 100%,\n        0% 92%, 4% 82%, 0% 72%, 4% 62%, 0% 50%, 4% 38%, 0% 28%, 4% 18%, 0% 8%\n    );\n}\n\n/* actual image */\n#rm_print_characters_block .character_select .avatar img,\n#right-nav-panel .character_select .avatar img {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    background: var(--vp-paper-light);\n\n    border: 1.5px solid var(--vp-ink) !important;\n    box-shadow: 2px 3px 0 rgba(84, 44, 46, 0.16) !important;\n\n    clip-path: polygon(\n        8% 0%, 18% 4%, 28% 0%, 38% 4%, 50% 0%, 62% 4%, 72% 0%, 82% 4%, 92% 0%,\n        100% 8%, 96% 18%, 100% 28%, 96% 38%, 100% 50%, 96% 62%, 100% 72%, 96% 82%, 100% 92%,\n        92% 100%, 82% 96%, 72% 100%, 62% 96%, 50% 100%, 38% 96%, 28% 100%, 18% 96%, 8% 100%,\n        0% 92%, 4% 82%, 0% 72%, 4% 62%, 0% 50%, 4% 38%, 0% 28%, 4% 18%, 0% 8%\n    );\n\n    transition:\n        transform 0.15s ease,\n        box-shadow 0.15s ease,\n        border-color 0.15s ease;\n}\n\n#rm_print_characters_block .character_select:hover .avatar::before,\n#right-nav-panel .character_select:hover .avatar::before {\n    transform: rotate(-6deg) translateY(-1px);\n    opacity: 0.82;\n}\n\n#rm_print_characters_block .character_select:hover .avatar::after,\n#right-nav-panel .character_select:hover .avatar::after {\n    transform: rotate(3.5deg) translateY(-1px);\n    opacity: 0.62;\n}\n\n#rm_print_characters_block .character_select:hover .avatar img,\n#right-nav-panel .character_select:hover .avatar img {\n    transform: rotate(-1.5deg) translateY(-1px);\n    box-shadow: 3px 5px 0 rgba(84, 44, 46, 0.18) !important;\n}\n\n/* ---------- names ---------- */\n\n/* Hide the name/details header on actual character rows only.\n   Folder rows use .bogus_folder_select, so their names and counters remain visible. */\n#rm_print_characters_block .character_select .character_name_block,\n#right-nav-panel .character_select .character_name_block {\n    display: none !important;\n}\n\n/* Explicitly preserve folder names and character counts. */\n#rm_print_characters_block .bogus_folder_select .character_name_block,\n#right-nav-panel .bogus_folder_select .character_name_block {\n    display: flex !important;\n    flex-wrap: wrap;\n    align-items: baseline;\n    gap: 4px 8px;\n}\n\n#rm_print_characters_block .ch_fav_icon,\n#rm_print_characters_block .ch_avatar_url,\n#rm_print_characters_block .character_version,\n#right-nav-panel .ch_fav_icon,\n#right-nav-panel .ch_avatar_url,\n#right-nav-panel .character_version {\n    display: none !important;\n}\n\n/* ---------- content ---------- */\n\n#rm_print_characters_block .character_select_container,\n#right-nav-panel .character_select_container {\n    min-width: 0;\n    gap: 4px;\n}\n\n#rm_print_characters_block .ch_description,\n#right-nav-panel .ch_description {\n    color: var(--vp-ink) !important;\n    font-family: var(--vp-serif);\n    font-size: 0.84rem;\n    line-height: 1.34;\n    margin-top: 1px;\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    text-wrap: pretty;\n}\n\n/* tags */\n#rm_print_characters_block .tags.tags_inline,\n#right-nav-panel .tags.tags_inline {\n    margin-top: 5px;\n    gap: 5px;\n}\n\n#rm_print_characters_block .tags.tags_inline .tag,\n#right-nav-panel .tags.tags_inline .tag {\n    border-radius: 999px !important;\n    border: 1px solid rgba(84, 44, 46, 0.24) !important;\n    box-shadow: 1px 2px 0 rgba(84, 44, 46, 0.10) !important;\n}\n\n/* ---------- selected / active row ---------- */\n\n#rm_print_characters_block .character_select.selected::before,\n#rm_print_characters_block .character_select.active::before,\n#rm_print_characters_block .character_select.character_selected::before,\n#right-nav-panel .character_select.selected::before,\n#right-nav-panel .character_select.active::before,\n#right-nav-panel .character_select.character_selected::before {\n    opacity: 1;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(234, 201, 85, 0.25) 0%,\n            rgba(234, 201, 85, 0.15) 22%,\n            rgba(223, 162, 189, 0.15) 56%,\n            rgba(159, 191, 208, 0.14) 100%\n        );\n    transform: rotate(0deg) scale(1);\n}\n\n#rm_print_characters_block .character_select.selected::after,\n#rm_print_characters_block .character_select.active::after,\n#rm_print_characters_block .character_select.character_selected::after,\n#right-nav-panel .character_select.selected::after,\n#right-nav-panel .character_select.active::after,\n#right-nav-panel .character_select.character_selected::after {\n    opacity: 1;\n}\n\n/* selected stamp gets warmer / stronger */\n#rm_print_characters_block .character_select.selected .avatar::before,\n#rm_print_characters_block .character_select.active .avatar::before,\n#rm_print_characters_block .character_select.character_selected .avatar::before,\n#right-nav-panel .character_select.selected .avatar::before,\n#right-nav-panel .character_select.active .avatar::before,\n#right-nav-panel .character_select.character_selected .avatar::before {\n    background: var(--vp-yellow);\n    opacity: 0.82;\n}\n\n#rm_print_characters_block .character_select.selected .avatar::after,\n#rm_print_characters_block .character_select.active .avatar::after,\n#rm_print_characters_block .character_select.character_selected .avatar::after,\n#right-nav-panel .character_select.selected .avatar::after,\n#right-nav-panel .character_select.active .avatar::after,\n#right-nav-panel .character_select.character_selected .avatar::after {\n    background: var(--vp-blue);\n    opacity: 0.45;\n}\n\n#rm_print_characters_block .character_select.selected .avatar img,\n#rm_print_characters_block .character_select.active .avatar img,\n#rm_print_characters_block .character_select.character_selected .avatar img,\n#right-nav-panel .character_select.selected .avatar img,\n#right-nav-panel .character_select.active .avatar img,\n#right-nav-panel .character_select.character_selected .avatar img {\n    border-color: var(--vp-coral) !important;\n    box-shadow: 3px 4px 0 rgba(84, 44, 46, 0.18) !important;\n}\n\n/* ---------- mobile ---------- */\n\n@media screen and (max-width: 800px) {\n    #rm_print_characters_block .character_select .avatar,\n    #right-nav-panel .character_select .avatar {\n        width: 58px !important;\n        min-width: 58px !important;\n        height: 58px !important;\n    }\n\n    #rm_print_characters_block .ch_description,\n    #right-nav-panel .ch_description {\n        font-size: 0.8rem;\n        -webkit-line-clamp: 2;\n    }\n}\n\n/* =========================================================\n   POSTAGE STAMP — ALTERNATING PAPER COLORS\n   Keeps the stamp design, but varies both backing layers\n   and the row highlight across the character list.\n   ========================================================= */\n\n/* Pink + mustard */\n#rm_print_characters_block .character_select:nth-child(3n + 1),\n#right-nav-panel .character_select:nth-child(3n + 1) {\n    --stamp-back-1: rgba(223, 162, 189, 0.78);\n    --stamp-back-2: rgba(234, 201, 85, 0.58);\n\n    --stamp-highlight-1: rgba(234, 201, 85, 0.18);\n    --stamp-highlight-2: rgba(223, 162, 189, 0.14);\n    --stamp-highlight-3: rgba(159, 191, 208, 0.10);\n}\n\n/* Dusty blue + pink */\n#rm_print_characters_block .character_select:nth-child(3n + 2),\n#right-nav-panel .character_select:nth-child(3n + 2) {\n    --stamp-back-1: rgba(159, 191, 208, 0.78);\n    --stamp-back-2: rgba(223, 162, 189, 0.56);\n\n    --stamp-highlight-1: rgba(159, 191, 208, 0.18);\n    --stamp-highlight-2: rgba(223, 162, 189, 0.14);\n    --stamp-highlight-3: rgba(181, 155, 216, 0.10);\n}\n\n/* Sage green + mustard */\n#rm_print_characters_block .character_select:nth-child(3n),\n#right-nav-panel .character_select:nth-child(3n) {\n    --stamp-back-1: rgba(169, 190, 103, 0.76);\n    --stamp-back-2: rgba(234, 201, 85, 0.56);\n\n    --stamp-highlight-1: rgba(169, 190, 103, 0.17);\n    --stamp-highlight-2: rgba(234, 201, 85, 0.14);\n    --stamp-highlight-3: rgba(159, 191, 208, 0.10);\n}\n\n/* First offset stamp layer */\n#rm_print_characters_block .character_select .avatar::before,\n#right-nav-panel .character_select .avatar::before {\n    background: var(\n        --stamp-back-1,\n        rgba(223, 162, 189, 0.78)\n    ) !important;\n}\n\n/* Second offset stamp layer */\n#rm_print_characters_block .character_select .avatar::after,\n#right-nav-panel .character_select .avatar::after {\n    background: var(\n        --stamp-back-2,\n        rgba(234, 201, 85, 0.58)\n    ) !important;\n}\n\n/* Let the hover swash coordinate with each stamp */\n#rm_print_characters_block .character_select::before,\n#right-nav-panel .character_select::before {\n    background:\n        linear-gradient(\n            90deg,\n            var(--stamp-highlight-1, rgba(234, 201, 85, 0.18)) 0%,\n            var(--stamp-highlight-2, rgba(223, 162, 189, 0.14)) 52%,\n            var(--stamp-highlight-3, rgba(159, 191, 208, 0.10)) 100%\n        ) !important;\n}\n\n/* Selected rows keep their own assigned colors instead of\n   changing every stamp to the same yellow-and-blue palette. */\n#rm_print_characters_block .character_select.selected .avatar::before,\n#rm_print_characters_block .character_select.active .avatar::before,\n#rm_print_characters_block .character_select.character_selected .avatar::before,\n#rm_print_characters_block .character_select[aria-selected=\"true\"] .avatar::before,\n#right-nav-panel .character_select.selected .avatar::before,\n#right-nav-panel .character_select.active .avatar::before,\n#right-nav-panel .character_select.character_selected .avatar::before,\n#right-nav-panel .character_select[aria-selected=\"true\"] .avatar::before {\n    background: var(\n        --stamp-back-1,\n        rgba(223, 162, 189, 0.78)\n    ) !important;\n    opacity: 0.95 !important;\n}\n\n#rm_print_characters_block .character_select.selected .avatar::after,\n#rm_print_characters_block .character_select.active .avatar::after,\n#rm_print_characters_block .character_select.character_selected .avatar::after,\n#rm_print_characters_block .character_select[aria-selected=\"true\"] .avatar::after,\n#right-nav-panel .character_select.selected .avatar::after,\n#right-nav-panel .character_select.active .avatar::after,\n#right-nav-panel .character_select.character_selected .avatar::after,\n#right-nav-panel .character_select[aria-selected=\"true\"] .avatar::after {\n    background: var(\n        --stamp-back-2,\n        rgba(234, 201, 85, 0.58)\n    ) !important;\n    opacity: 0.78 !important;\n}\n\n/* Stronger but still coordinated selected-row highlight */\n#rm_print_characters_block .character_select.selected::before,\n#rm_print_characters_block .character_select.active::before,\n#rm_print_characters_block .character_select.character_selected::before,\n#rm_print_characters_block .character_select[aria-selected=\"true\"]::before,\n#right-nav-panel .character_select.selected::before,\n#right-nav-panel .character_select.active::before,\n#right-nav-panel .character_select.character_selected::before,\n#right-nav-panel .character_select[aria-selected=\"true\"]::before {\n    background:\n        linear-gradient(\n            90deg,\n            var(--stamp-highlight-1, rgba(234, 201, 85, 0.18)) 0%,\n            var(--stamp-highlight-2, rgba(223, 162, 189, 0.14)) 50%,\n            var(--stamp-highlight-3, rgba(159, 191, 208, 0.10)) 100%\n        ) !important;\n\n    opacity: 1 !important;\n}\n\n/* =========================================================\n   FAVORITED CHARACTER — SPECIAL POSTAGE STAMP\n   Removes native square outline, recolors the stamp,\n   and adds a raised star/sparkle cluster.\n   ========================================================= */\n\n/* ---------- favorite palette and native-outline removal ---------- */\n\n#rm_print_characters_block .character_select.is_fav,\n#right-nav-panel .character_select.is_fav {\n    /* Change this to any favorite color you like */\n    --fav-stamp-color: var(--vp-coral, #d9877e);\n\n    /* Favorite rows override the alternating stamp colors */\n    --stamp-back-1: var(--fav-stamp-color);\n\n    --stamp-back-2: color-mix(\n        in srgb,\n        var(--fav-stamp-color) 56%,\n        var(--vp-paper-light, #fff8ed) 44%\n    );\n\n    --stamp-highlight-1: color-mix(\n        in srgb,\n        var(--fav-stamp-color) 22%,\n        transparent\n    );\n\n    --stamp-highlight-2: color-mix(\n        in srgb,\n        var(--fav-stamp-color) 14%,\n        transparent\n    );\n\n    --stamp-highlight-3: rgba(234, 201, 85, 0.09);\n\n    --fav-avatar-size: 68px;\n\n    /* Remove SillyTavern's square favorite treatment */\n    border: 0 !important;\n    border-color: transparent !important;\n    outline: 0 !important;\n    box-shadow: none !important;\n    background: transparent !important;\n\n    overflow: visible !important;\n}\n\n/* Remove any favorite outline applied around the avatar container */\n#rm_print_characters_block .character_select.is_fav .avatar,\n#right-nav-panel .character_select.is_fav .avatar {\n    border: 0 !important;\n    outline: 0 !important;\n    box-shadow: none !important;\n    overflow: visible !important;\n}\n\n/* Keep the normal dark border around the actual portrait */\n#rm_print_characters_block .character_select.is_fav .avatar img,\n#right-nav-panel .character_select.is_fav .avatar img {\n    border: 1.5px solid var(--vp-ink) !important;\n    outline: 0 !important;\n\n    box-shadow:\n        2px 3px 0 rgba(84, 44, 46, 0.16) !important;\n}\n\n/* ---------- favorite postage-stamp colors ---------- */\n\n#rm_print_characters_block .character_select.is_fav .avatar::before,\n#right-nav-panel .character_select.is_fav .avatar::before {\n    background: var(--stamp-back-1) !important;\n    opacity: 0.92 !important;\n}\n\n#rm_print_characters_block .character_select.is_fav .avatar::after,\n#right-nav-panel .character_select.is_fav .avatar::after {\n    background: var(--stamp-back-2) !important;\n    opacity: 0.72 !important;\n}\n\n/* Coordinated row swash */\n#rm_print_characters_block .character_select.is_fav::before,\n#right-nav-panel .character_select.is_fav::before {\n    background:\n        linear-gradient(\n            90deg,\n            var(--stamp-highlight-1) 0%,\n            var(--stamp-highlight-2) 55%,\n            var(--stamp-highlight-3) 100%\n        ) !important;\n}\n\n/* Keep favorite colors when the character is selected */\n#rm_print_characters_block .character_select.is_fav.selected .avatar::before,\n#rm_print_characters_block .character_select.is_fav.active .avatar::before,\n#rm_print_characters_block .character_select.is_fav.character_selected .avatar::before,\n#rm_print_characters_block .character_select.is_fav[aria-selected=\"true\"] .avatar::before,\n#right-nav-panel .character_select.is_fav.selected .avatar::before,\n#right-nav-panel .character_select.is_fav.active .avatar::before,\n#right-nav-panel .character_select.is_fav.character_selected .avatar::before,\n#right-nav-panel .character_select.is_fav[aria-selected=\"true\"] .avatar::before {\n    background: var(--stamp-back-1) !important;\n    opacity: 0.98 !important;\n}\n\n#rm_print_characters_block .character_select.is_fav.selected .avatar::after,\n#rm_print_characters_block .character_select.is_fav.active .avatar::after,\n#rm_print_characters_block .character_select.is_fav.character_selected .avatar::after,\n#rm_print_characters_block .character_select.is_fav[aria-selected=\"true\"] .avatar::after,\n#right-nav-panel .character_select.is_fav.selected .avatar::after,\n#right-nav-panel .character_select.is_fav.active .avatar::after,\n#right-nav-panel .character_select.is_fav.character_selected .avatar::after,\n#right-nav-panel .character_select.is_fav[aria-selected=\"true\"] .avatar::after {\n    background: var(--stamp-back-2) !important;\n    opacity: 0.82 !important;\n}\n\n/* ---------- star pinned above the stamp corner ---------- */\n\n#rm_print_characters_block .character_select.is_fav .ch_fav_icon,\n#right-nav-panel .character_select.is_fav .ch_fav_icon {\n    display: grid !important;\n    place-items: center;\n\n    position: absolute !important;\n\n    /* Anchored to the avatar's upper-right edge */\n    left: calc(8px + var(--fav-avatar-size) - 3px);\n    top: -14px;\n\n    z-index: 10 !important;\n\n    width: 17px !important;\n    height: 17px !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color: var(--vp-yellow, #eac955) !important;\n    background: transparent !important;\n\n    border: 0 !important;\n    outline: 0 !important;\n    box-shadow: none !important;\n\n    font-size: 15px !important;\n    line-height: 1 !important;\n    text-align: center !important;\n\n    /* Light paper edge around the star */\n    text-shadow:\n        -1px -1px 0 var(--vp-paper-light, #fff8ed),\n         1px -1px 0 var(--vp-paper-light, #fff8ed),\n        -1px  1px 0 var(--vp-paper-light, #fff8ed),\n         1px  1px 0 var(--vp-paper-light, #fff8ed),\n         2px  2px 0 rgba(84, 44, 46, 0.18) !important;\n\n    filter: none !important;\n\n    transform:\n        translateX(-50%)\n        rotate(10deg);\n\n    pointer-events: none;\n\n    transition:\n        transform 0.16s ease,\n        color 0.16s ease;\n}\n\n/* Little extra sparkle beside the main star */\n#rm_print_characters_block .character_select.is_fav .ch_fav_icon::after,\n#right-nav-panel .character_select.is_fav .ch_fav_icon::after {\n    content: \"✦\";\n\n    position: absolute;\n    top: -7px;\n    right: -5px;\n\n    color: var(--fav-stamp-color);\n\n    font-family: serif;\n    font-size: 8px;\n    line-height: 1;\n\n    text-shadow:\n        -15px 15px 0 color-mix(\n            in srgb,\n            var(--fav-stamp-color) 70%,\n            var(--vp-yellow, #eac955) 30%\n        );\n\n    transform: rotate(-12deg);\n}\n\n/* Cute little movement on hover */\n#rm_print_characters_block .character_select.is_fav:hover .ch_fav_icon,\n#right-nav-panel .character_select.is_fav:hover .ch_fav_icon {\n    transform:\n        translateX(-50%)\n        translateY(-1px)\n        rotate(-5deg)\n        scale(1.08);\n}\n\n/* ---------- mobile ---------- */\n\n@media screen and (max-width: 800px) {\n    #rm_print_characters_block .character_select.is_fav,\n    #right-nav-panel .character_select.is_fav {\n        --fav-avatar-size: 58px;\n    }\n\n    #rm_print_characters_block .character_select.is_fav .ch_fav_icon,\n    #right-nav-panel .character_select.is_fav .ch_fav_icon {\n        top: -6px;\n\n        width: 16px !important;\n        height: 16px !important;\n\n        font-size: 14px !important;\n    }\n}\n\n/* =========================================================\n   HOTSWAP CHARACTER CAROUSEL\n   Compact scrapbook photo cards\n   ========================================================= */\n\n#HotSwapWrapper {\n    --hotswap-photo-size: 54px;\n\n    position: relative !important;\n\n    width: 100% !important;\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n\n    margin: 1px auto !important;\n    padding: 0 !important;\n    box-sizing: border-box !important;\n\n    background: transparent !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n\n    overflow: visible !important;\n}\n\n/* Remove any decorative wrapper pieces from older versions */\n\n#HotSwapWrapper::before,\n#HotSwapWrapper::after {\n    content: none !important;\n    display: none !important;\n}\n\n/* =========================================================\n   CAROUSEL ROW\n   ========================================================= */\n\n#HotSwapWrapper .hotswap.avatars_inline,\n#HotSwapWrapper .hotswap.avatars_inline.expander {\n    position: relative !important;\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: flex-start !important;\n\n    gap: 8px !important;\n\n    width: 100% !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n\n    height: auto !important;\n    min-height: calc(var(--hotswap-photo-size) + 20px) !important;\n    max-height: none !important;\n\n    margin: 0 !important;\n    padding: 5px 3px 6px !important;\n    box-sizing: border-box !important;\n\n    background: transparent !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n\n    overflow-x: auto !important;\n    overflow-y: hidden !important;\n\n    scrollbar-width: none !important;\n    scroll-padding-inline: 3px;\n}\n\n#HotSwapWrapper .hotswap.avatars_inline::-webkit-scrollbar {\n    display: none !important;\n}\n\n/* =========================================================\n   INDIVIDUAL PHOTO CARDS\n   ========================================================= */\n\n#HotSwapWrapper .avatar.inline_avatar.character_select {\n    --hotswap-accent: var(--vp-pink);\n\n    position: relative !important;\n    isolation: isolate;\n\n    display: flex !important;\n    align-items: flex-start !important;\n    justify-content: center !important;\n\n    flex: 0 0 auto !important;\n\n    width: calc(var(--hotswap-photo-size) + 10px) !important;\n    min-width: calc(var(--hotswap-photo-size) + 10px) !important;\n    max-width: calc(var(--hotswap-photo-size) + 10px) !important;\n\n    height: calc(var(--hotswap-photo-size) + 15px) !important;\n    min-height: calc(var(--hotswap-photo-size) + 15px) !important;\n    max-height: calc(var(--hotswap-photo-size) + 15px) !important;\n\n    aspect-ratio: auto !important;\n\n    margin: 0 !important;\n    padding: 4px 4px 9px !important;\n    box-sizing: border-box !important;\n\n    color: var(--vp-ink) !important;\n    background: var(--vp-paper-light) !important;\n\n    border: 1px solid rgba(84, 44, 46, 0.58) !important;\n    border-radius: 3px !important;\n\n    outline: none !important;\n\n    box-shadow:\n        2px 3px 0 color-mix(\n            in srgb,\n            var(--hotswap-accent) 44%,\n            rgba(84, 44, 46, 0.13)\n        ) !important;\n\n    overflow: visible !important;\n\n    clip-path: none !important;\n    -webkit-clip-path: none !important;\n\n    filter: none !important;\n    opacity: 1 !important;\n\n    transform: rotate(-1.4deg);\n    transform-origin: center center;\n\n    transition:\n        transform 140ms ease,\n        box-shadow 140ms ease,\n        background-color 140ms ease,\n        border-color 140ms ease !important;\n}\n\n/* Override the normal character-card colored top borders */\n\n#HotSwapWrapper .avatar.inline_avatar.character_select:nth-child(4n + 1),\n#HotSwapWrapper .avatar.inline_avatar.character_select:nth-child(4n + 2),\n#HotSwapWrapper .avatar.inline_avatar.character_select:nth-child(4n + 3),\n#HotSwapWrapper .avatar.inline_avatar.character_select:nth-child(4n) {\n    border-top: 1px solid rgba(84, 44, 46, 0.58) !important;\n}\n\n/* Alternating accent colors and tiny rotations */\n\n#HotSwapWrapper .character_select:nth-child(5n + 1) {\n    --hotswap-accent: var(--vp-pink);\n    transform: rotate(-1.4deg);\n}\n\n#HotSwapWrapper .character_select:nth-child(5n + 2) {\n    --hotswap-accent: var(--vp-blue);\n    transform: rotate(1.2deg);\n}\n\n#HotSwapWrapper .character_select:nth-child(5n + 3) {\n    --hotswap-accent: var(--vp-green);\n    transform: rotate(-0.7deg);\n}\n\n#HotSwapWrapper .character_select:nth-child(5n + 4) {\n    --hotswap-accent: var(--vp-yellow);\n    transform: rotate(1.5deg);\n}\n\n#HotSwapWrapper .character_select:nth-child(5n) {\n    --hotswap-accent: var(--vp-lilac);\n    transform: rotate(-1deg);\n}\n\n/* Remove any tape left over from the earlier version */\n\n#HotSwapWrapper .avatar.inline_avatar.character_select::before {\n    content: none !important;\n    display: none !important;\n}\n\n/* Tiny sparkle in the Polaroid-style bottom edge */\n\n#HotSwapWrapper .avatar.inline_avatar.character_select::after {\n    content: \"✦\";\n\n    position: absolute;\n    z-index: 5;\n\n    right: 3px;\n    bottom: 0;\n\n    color: var(--hotswap-accent);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 0.64rem;\n    line-height: 1;\n\n    text-shadow: 1px 1px 0 rgba(84, 44, 46, 0.12);\n\n    pointer-events: none;\n}\n\n/* =========================================================\n   CHARACTER IMAGE\n   ========================================================= */\n\n#HotSwapWrapper .avatar.inline_avatar.character_select > img {\n    position: relative !important;\n    inset: auto !important;\n    z-index: 2;\n\n    display: block !important;\n    flex: 0 0 auto !important;\n\n    width: var(--hotswap-photo-size) !important;\n    min-width: var(--hotswap-photo-size) !important;\n    max-width: var(--hotswap-photo-size) !important;\n\n    height: var(--hotswap-photo-size) !important;\n    min-height: var(--hotswap-photo-size) !important;\n    max-height: var(--hotswap-photo-size) !important;\n\n    aspect-ratio: 1 / 1 !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n    box-sizing: border-box !important;\n\n    object-fit: contain !important;\n    object-position: center center !important;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(223, 162, 189, 0.07),\n            rgba(159, 191, 208, 0.08)\n        ),\n        var(--vp-paper) !important;\n\n    border: 1px solid rgba(84, 44, 46, 0.34) !important;\n    border-radius: 1px !important;\n\n    outline: none !important;\n    box-shadow: none !important;\n\n    overflow: hidden !important;\n\n    clip-path: none !important;\n    -webkit-clip-path: none !important;\n\n    transform: none !important;\n    scale: 1 !important;\n\n    filter: none !important;\n    opacity: 1 !important;\n}\n\n/* =========================================================\n   HOVER / FOCUS\n   No scaling or lifting, so nothing gets clipped.\n   ========================================================= */\n\n#HotSwapWrapper .avatar.inline_avatar.character_select:hover,\n#HotSwapWrapper .avatar.inline_avatar.character_select:focus-visible {\n    color: var(--vp-ink) !important;\n    background: #fffdf8 !important;\n\n    border: 1px solid var(--vp-ink) !important;\n    border-top: 1px solid var(--vp-ink) !important;\n\n    outline: none !important;\n\n    box-shadow:\n        3px 4px 0 color-mix(\n            in srgb,\n            var(--hotswap-accent) 55%,\n            rgba(84, 44, 46, 0.15)\n        ) !important;\n\n    transform: rotate(0deg) !important;\n\n    filter: none !important;\n    opacity: 1 !important;\n}\n\n#HotSwapWrapper .avatar.inline_avatar.character_select:hover > img,\n#HotSwapWrapper .avatar.inline_avatar.character_select:focus-visible > img {\n    object-fit: contain !important;\n    object-position: center center !important;\n\n    transform: none !important;\n    scale: 1 !important;\n\n    filter: none !important;\n    opacity: 1 !important;\n}\n\n#HotSwapWrapper .avatar.inline_avatar.character_select:active {\n    transform: rotate(0deg) translateY(1px) !important;\n\n    box-shadow:\n        1px 2px 0 color-mix(\n            in srgb,\n            var(--hotswap-accent) 44%,\n            rgba(84, 44, 46, 0.13)\n        ) !important;\n}\n\n/* =========================================================\n   SMALL SCREENS\n   ========================================================= */\n\n@media screen and (max-width: 600px) {\n    #HotSwapWrapper {\n        --hotswap-photo-size: 49px;\n    }\n\n    #HotSwapWrapper .hotswap.avatars_inline,\n    #HotSwapWrapper .hotswap.avatars_inline.expander {\n        gap: 7px !important;\n        padding: 4px 2px 5px !important;\n    }\n}",
  "enableLabMode": false,
  "enableZenSliders": false,
  "expand_message_actions": false,
  "fast_ui_mode": true,
  "font_scale": 1.05,
  "hideChatAvatars_enabled": false,
  "hotswap_enabled": true,
  "italics_text_color": "rgba(121, 88, 90, 1)",
  "main_text_color": "rgba(84, 44, 46, 1)",
  "media_display": "gallery",
  "mesIDDisplay_enabled": true,
  "message_token_count_enabled": true,
  "name": "Manic Pixie Dream Girl",
  "noShadows": false,
  "quote_text_color": "rgba(85, 126, 143, 1)",
  "reduced_motion": true,
  "shadow_color": "rgba(51, 29, 30, 0.28)",
  "shadow_width": 2,
  "show_swipe_num_all_messages": false,
  "timer_enabled": true,
  "timestamp_model_icon": false,
  "timestamps_enabled": false,
  "toastr_position": "toast-top-center",
  "underline_text_color": "rgba(223, 162, 189, 1)",
  "user_mes_blur_tint_color": "rgba(248, 239, 230, 0.94)",
  "waifuMode": false,
  "zoomed_avatar_magnification": true
}