transformers safetensors mistral text-generation general-purpose roleplay storywriting chemistry biology code climate axolotl text-generation-inference finetune conversational en dataset:PocketDoc/Dans-MemoryCore-CoreCurriculum-Small dataset:AquaV/US-Army-Survival-Sharegpt dataset:AquaV/Multi-Environment-Operations-Sharegpt dataset:AquaV/Resistance-Sharegpt dataset:AquaV/Interrogation-Sharegpt dataset:AquaV/Chemical-Biological-Safety-Applications-Sharegpt dataset:AquaV/Energetic-Materials-Sharegpt dataset:PocketDoc/Dans-Mathmaxx dataset:PocketDoc/Dans-Mathmaxx-Numina-CoT dataset:PJMixers/Math-Multiturn-1K-ShareGPT dataset:PocketDoc/Dans-Benchmaxx-COT dataset:PocketDoc/Dans-Codemaxx-LeetCode dataset:PocketDoc/Dans-Codemaxx-CodeFeedback-Conversations dataset:PocketDoc/Dans-Codemaxx-CodeFeedback-SingleTurn dataset:PocketDoc/Dans-Codemaxx-Bigcode-SelfInstruct dataset:PocketDoc/Dans-Taskmaxx dataset:PocketDoc/Dans-Taskmaxx-DataPrepper dataset:PocketDoc/Dans-Taskmaxx-ConcurrentQA-Reworked dataset:PocketDoc/Dans-Taskmaxx-TableGPT dataset:PocketDoc/Dans-Taskmaxx-SciRIFF dataset:PocketDoc/Dans-Taskmaxx-Edit dataset:PocketDoc/Dans-Toolmaxx-Agent dataset:PocketDoc/Dans-Toolmaxx-ShellCommands dataset:PocketDoc/Dans-Toolmaxx-Functions-Toolbench dataset:PocketDoc/Dans-Toolmaxx-Functions-ToolACE dataset:PocketDoc/Dans-ASCIIMaxx-Wordart dataset:PocketDoc/Dans-Prosemaxx-Gutenberg dataset:PocketDoc/Dans-Prosemaxx-Cowriter-3-XL dataset:PocketDoc/Dans-Prosemaxx-Adventure dataset:PocketDoc/Dans-Failuremaxx-Adventure-3 dataset:PocketDoc/Dans-Prosemaxx-InstructWriter-ZeroShot-2 dataset:PocketDoc/Dans-Prosemaxx-InstructWriter-Continue-2 dataset:PocketDoc/Dans-Assistantmaxx-Sharegpt dataset:PocketDoc/Dans-Assistantmaxx-OpenAssistant2 dataset:PocketDoc/Dans-Assistantmaxx-Opus-Merge dataset:PocketDoc/Dans-Assistantmaxx-sonnetorca-subset dataset:PocketDoc/Dans-Assistantmaxx-sonnetorca-subset-2 dataset:PocketDoc/Dans-Assistantmaxx-NoRobots dataset:PocketDoc/Dans-Assistantmaxx-Synthia dataset:PocketDoc/Dans-Assistantmaxx-ASL dataset:PocketDoc/Dans-Assistantmaxx-PersonaLLM-Opus dataset:PocketDoc/Dans-Assistantmaxx-UnnaturalInstructions-GPT4 dataset:PocketDoc/Dans-Assistantmaxx-LongAlign dataset:PocketDoc/Dans-Assistantmaxx-EvolKit dataset:PocketDoc/Dans-Assistantmaxx-Camel-GPT4 dataset:PocketDoc/Dans-Assistantmaxx-OpenLeecher-Instruct dataset:PocketDoc/Dans-Assistantmaxx-Tulu3-IF dataset:PocketDoc/Dans-Systemmaxx dataset:PocketDoc/Dans-Logicmaxx-Skunkworks dataset:PocketDoc/Dans-Logicmaxx-FI-VeriMed dataset:PocketDoc/Dans-Logicmaxx-SAT-AP dataset:PocketDoc/Dans-Logicmaxx-Magpie-Ultra dataset:PJMixers/grimulkan_theory-of-mind-ShareGPT dataset:PJMixers/grimulkan_physical-reasoning-ShareGPT dataset:PocketDoc/Dans-Personamaxx dataset:PocketDoc/Dans-Personamaxx-Rainy dataset:PocketDoc/Dans-Personamaxx-C1 dataset:PocketDoc/Dans-Personamaxx-VN base_model:mistralai/Mistral-Small-24B-Base-2501 base_model:finetune:mistralai/Mistral-Small-24B-Base-2501 license:apache-2.0 autotrain_compatible endpoints_compatible region:us
---
base_model:
- mistralai/Mistral-Small-24B-Base-2501
datasets:
- PocketDoc/Dans-MemoryCore-CoreCurriculum-Small
- AquaV/US-Army-Survival-Sharegpt
- AquaV/Multi-Environment-Operations-Sharegpt
- AquaV/Resistance-Sharegpt
- AquaV/Interrogation-Sharegpt
- AquaV/Chemical-Biological-Safety-Applications-Sharegpt
- AquaV/Energetic-Materials-Sharegpt
- PocketDoc/Dans-Mathmaxx
- PocketDoc/Dans-Mathmaxx-Numina-CoT
- PJMixers/Math-Multiturn-1K-ShareGPT
- PocketDoc/Dans-Benchmaxx-COT
- PocketDoc/Dans-Codemaxx-LeetCode
- PocketDoc/Dans-Codemaxx-CodeFeedback-Conversations
- PocketDoc/Dans-Codemaxx-CodeFeedback-SingleTurn
- PocketDoc/Dans-Codemaxx-Bigcode-SelfInstruct
- PocketDoc/Dans-Taskmaxx
- PocketDoc/Dans-Taskmaxx-DataPrepper
- PocketDoc/Dans-Taskmaxx-ConcurrentQA-Reworked
- PocketDoc/Dans-Taskmaxx-TableGPT
- PocketDoc/Dans-Taskmaxx-SciRIFF
- PocketDoc/Dans-Taskmaxx-Edit
- PocketDoc/Dans-Toolmaxx-Agent
- PocketDoc/Dans-Toolmaxx-ShellCommands
- PocketDoc/Dans-Toolmaxx-Functions-Toolbench
- PocketDoc/Dans-Toolmaxx-Functions-ToolACE
- PocketDoc/Dans-ASCIIMaxx-Wordart
- PocketDoc/Dans-Prosemaxx-Gutenberg
- PocketDoc/Dans-Prosemaxx-Cowriter-3-XL
- PocketDoc/Dans-Prosemaxx-Adventure
- PocketDoc/Dans-Failuremaxx-Adventure-3
- PocketDoc/Dans-Prosemaxx-InstructWriter-ZeroShot-2
- PocketDoc/Dans-Prosemaxx-InstructWriter-Continue-2
- PocketDoc/Dans-Assistantmaxx-Sharegpt
- PocketDoc/Dans-Assistantmaxx-OpenAssistant2
- PocketDoc/Dans-Assistantmaxx-Opus-Merge
- PocketDoc/Dans-Assistantmaxx-sonnetorca-subset
- PocketDoc/Dans-Assistantmaxx-sonnetorca-subset-2
- PocketDoc/Dans-Assistantmaxx-NoRobots
- PocketDoc/Dans-Assistantmaxx-Synthia
- PocketDoc/Dans-Assistantmaxx-ASL
- PocketDoc/Dans-Assistantmaxx-PersonaLLM-Opus
- PocketDoc/Dans-Assistantmaxx-UnnaturalInstructions-GPT4
- PocketDoc/Dans-Assistantmaxx-LongAlign
- PocketDoc/Dans-Assistantmaxx-EvolKit
- PocketDoc/Dans-Assistantmaxx-Camel-GPT4
- PocketDoc/Dans-Assistantmaxx-OpenLeecher-Instruct
- PocketDoc/Dans-Assistantmaxx-Tulu3-IF
- PocketDoc/Dans-Systemmaxx
- PocketDoc/Dans-Logicmaxx-Skunkworks
- PocketDoc/Dans-Logicmaxx-FI-VeriMed
- PocketDoc/Dans-Logicmaxx-SAT-AP
- PocketDoc/Dans-Logicmaxx-Magpie-Ultra
- PJMixers/grimulkan_theory-of-mind-ShareGPT
- PJMixers/grimulkan_physical-reasoning-ShareGPT
- PocketDoc/Dans-Personamaxx
- PocketDoc/Dans-Personamaxx-Rainy
- PocketDoc/Dans-Personamaxx-C1
- PocketDoc/Dans-Personamaxx-VN
language:
- en
library_name: transformers
license: apache-2.0
pipeline_tag: text-generation
tags:
- general-purpose
- roleplay
- storywriting
- chemistry
- biology
- code
- climate
- axolotl
- text-generation-inference
- finetune
thumbnail: https://huggingface.co/PocketDoc/Dans-PersonalityEngine-V1.2.0-24b/resolve/main/resources/pe24.png
---
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<div class="crt-container">
  <div class="crt-case">
    <div class="crt-inner-case">
      <div class="crt-bezel">
<div class="terminal-screen">
  <div style="text-align: center;">
    <h2>Dans-PersonalityEngine-V1.2.0-24b</h2>
    <pre class="code-block" style="display: inline-block; text-align: left; font-size: clamp(2px, 0.8vw, 14px); line-height: 1.2; max-width: 100%; overflow: hidden; white-space: pre;">  
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠀⠄⠀⡂⠀⠁⡄⢀⠁⢀⣈⡄⠌⠐⠠⠤⠄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⡄⠆⠀⢠⠀⠛⣸⣄⣶⣾⡷⡾⠘⠃⢀⠀⣴⠀⡄⠰⢆⣠⠘⠰⠀⡀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠃⠀⡋⢀⣤⡿⠟⠋⠁⠀⡠⠤⢇⠋⠀⠈⠃⢀⠀⠈⡡⠤⠀⠀⠁⢄⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠁⡂⠀⠀⣀⣔⣧⠟⠋⠀⢀⡄⠀⠪⣀⡂⢁⠛⢆⠀⠀⠀⢎⢀⠄⢡⠢⠛⠠⡀⠀⠄⠀⠀
⠀⠀⡀⠡⢑⠌⠈⣧⣮⢾⢏⠁⠀⠀⡀⠠⠦⠈⠀⠞⠑⠁⠀⠀⢧⡄⠈⡜⠷⠒⢸⡇⠐⠇⠿⠈⣖⠂⠀
⠀⢌⠀⠤⠀⢠⣞⣾⡗⠁⠀⠈⠁⢨⡼⠀⠀⠀⢀⠀⣀⡤⣄⠄⠈⢻⡇⠀⠐⣠⠜⠑⠁⠀⣀⡔⡿⠨⡄
⠈⠂⠀⠆⠀⣼⣾⠟⠀⠑⠀⡐⠗⠉⠀⠐⠶⣤⡵⠋⠀⠠⠹⡌⡀⠘⠇⢠⣾⡣⣀⡴⠋⠅⠈⢊⠠⡱⡀
⠪⠑⢌⠂⣼⣿⡟⠀⠀⠙⠀⠀⠀⡀⠀⠀⠐⡞⡐⠀⠀⡧⠀⢀⠠⠀⣁⠾⡇⠀⠙⡁⠀⠀⢀⣨⣄⡠⢱
⣸⠈⠊⠙⣛⣿⡧⠔⠚⠛⠳⣄⣀⡬⠤⠬⠼⡣⠃⠀⢀⡗⠀⡤⠞⠙⠄⠂⠃⢀⣠⣤⠶⠙⠅⠁⠃⠋⠈
⢋⠼⣀⠰⢯⢿⠁⠀⢢⠀⠀⢐⠋⡀⠀⠈⠁⠀⣀⣰⠏⠒⠙⠈⠀⣀⡤⠞⢁⣼⠏⠘⢀⣀⢤⢤⡐⢈⠂
⠀⠢⠀⠀⠸⣿⡄⠲⠚⠘⠚⠃⢀⠀⠈⢋⠶⠛⠉⠉⢃⣀⢤⢾⠋⣁⡤⡚⠁⢹⠁⠠⢛⠠⠬⠁⢬⠀⠀
⠀⠈⢳⣒⠋⠉⣿⢐⠠⣀⣃⠀⠀⠉⠂⢁⣀⣀⡤⢞⠩⢑⡨⠰⡞⠁⠁⢀⡠⠾⠎⡈⡌⡈⡓⡀⠄⠀⠀
⠀⠀⠀⠉⠘⠃⢻⡒⠦⢼⣿⣛⣻⣿⡷⢄⣀⣀⣠⣴⢾⣿⣆⣡⡄⣠⣪⡿⣷⣾⣷⣧⡡⠅⣇⠍⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠙⠒⠒⠛⠛⠓⠉⢹⠀⣷⠴⣻⣽⡻⢧⢻⡿⡏⣼⢿⣻⢾⣿⣿⣿⡿⢠ ⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠂⠻⠨⠰⢋⡅⠉⣑⡇⡗⣿⢂⣸⡿⣿⣛⠿⠃⠁ ⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠳⣌⣙⣸⢧⣿⣕⣼⣇⢹⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣸⢧⢟⢟⡟⣾⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⢰⠙⣾⡟⣻⡕⣹⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⢸⢰⡏⢠⡿⠾⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⢸⠸⡇⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⢸⢸⡇⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⠇⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
    </pre>
  </div>
  <p>This model series is intended to be multifarious in its capabilities and should be quite capable at both co-writing and roleplay as well as find itself quite at home performing sentiment analysis or summarization as part of a pipeline.</p>
  <p>It has been trained on a wide array of one shot instructions, multi turn instructions, tool use, role playing scenarios, text adventure games, co-writing, and much more.</p>
  <h3>Key Details</h3>
  <pre class="code-block">
BASE MODEL: mistralai/Mistral-Small-24B-Base-2501
LICENSE: apache-2.0
LANGUAGE: English
CONTEXT LENGTH: 32768 tokens</pre>
<a href="https://chub.ai/">
    <img src="./resources/chub-black.gif" alt="Sponsored by Chub.AI" class="sponsor-image-small">
</a>
  <h3>Recommended Settings</h3>
  <pre class="code-block">
TEMPERATURE: 1.0
TOP_P: 0.95
MIN_P: 0.05</pre>
  <h3>Prompting Format</h3>
  <p>The model uses standard "ChatML" format:</p>
  <pre class="code-block">
<|im_start|>system
system prompt<|im_end|>
<|im_start|>user
Hi there!<|im_end|>
<|im_start|>assistant
Nice to meet you!<|im_end|></pre>
  A word of caution: As of Feb 19 2025 backends can't seem to agree on automatically addind a "bos" token to the start, which they should! I'm investigating if there is a way I can change the config to mitigate this but for now if you have incoherent outputs not typical of a 24b model (verbatim repeating what you said back to you for instance) then try adding "&lt;s&gt;" to the very beginning of your context.
  <h3>SillyTavern Templates</h3>
  <details>
    <summary>Context Template</summary>
    <pre class="code-block">
{
    "story_string": "<|im_start|>system\n{{#if system}}{{system}}\n{{/if}}{{#if wiBefore}}{{wiBefore}}\n{{/if}}{{#if description}}{{description}}\n{{/if}}{{#if personality}}{{char}}'s personality: {{personality}}\n{{/if}}{{#if scenario}}Scenario: {{scenario}}\n{{/if}}{{#if wiAfter}}{{wiAfter}}\n{{/if}}{{#if persona}}{{persona}}\n{{/if}}{{trim}}<|im_end|>\n",
    "example_separator": "",
    "chat_start": "",
    "use_stop_strings": false,
    "allow_jailbreak": false,
    "always_force_name2": false,
    "trim_sentences": false,
    "include_newline": false,
    "single_line": false,
    "name": "Dan-ChatML"
}</pre>
  </details>
  <details>
    <summary>Instruct Template</summary>
    <pre class="code-block">
{
    "system_prompt": "Write {{char}}'s actions and dialogue, user will write {{user}}'s.",
    "input_sequence": "<|im_start|>user\n",
    "output_sequence": "<|im_start|>assistant\n",
    "first_output_sequence": "",
    "last_output_sequence": "",
    "system_sequence_prefix": "",
    "system_sequence_suffix": "",
    "stop_sequence": "<|im_end|>",
    "wrap": false,
    "macro": true,
    "names": false,
    "names_force_groups": false,
    "activation_regex": "",
    "skip_examples": false,
    "output_suffix": "<|im_end|>\n",
    "input_suffix": "<|im_end|>\n",
    "system_sequence": "<|im_start|>system\n",
    "system_suffix": "<|im_end|>\n",
    "user_alignment_message": "",
    "last_system_sequence": "",
    "system_same_as_user": false,
    "first_input_sequence": "",
    "last_input_sequence": "",
    "name": "Dan-ChatML"
}</pre>
  </details>
  <h3>A Chub.AI Sponsored Model</h3>
  <div>
    <a href="https://chub.ai/">
      <img src="./resources/chub-black.gif" alt="Sponsored by Chub.AI" class="sponsor-image">
    </a>
  </div>
  <div>
    <p>Character Hub supported this model with 65 hours on a 4x H200 144GB system. This is only some of what they've provided me for training and I am very grateful for their contributions, this model especially would have been difficult without it.</p>
    <p>Character Hub has been supporting model development for quite a while now and they may be interested in your projects! Contact them through <a href="https://forms.gle/GSEZ388EkyYoe2Kz6">this google form</a>.</p>
  </div>
  <h3>Support Development</h3>
  <p>Development is limited by funding and resources. To help support:</p>
  <p>- Contact on HF</p>
  <p>- Email: visuallyadequate@gmail.com</p>
  <p class="coffee-container">
  <a href="https://www.buymeacoffee.com/visually" target="_blank" rel="noopener noreferrer">
    <img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" height="45" width="162">
  </a>
</p>
</div>
      </div>
    </div>
  </div>
</div>
<style>
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
.crt-container {
  padding: 10px;
  max-width: 1000px;
  margin: 0 auto;
  width: 95%;
}
.crt-case {
  background: #e8d7c3;
  border-radius: 10px;
  padding: 15px;
  box-shadow: inset -2px -2px 5px rgba(0,0,0,0.3), 2px 2px 5px rgba(0,0,0,0.2);
}
.crt-inner-case {
  background: #e8d7c3;
  border-radius: 8px;
  padding: 3px;
  box-shadow: inset -1px -1px 4px rgba(0,0,0,0.3), 1px 1px 4px rgba(0,0,0,0.2);
}
.crt-bezel {
  background: linear-gradient(145deg, #1a1a1a, #2a2a2a);
  padding: 15px;
  border-radius: 5px;
  border: 3px solid #0a0a0a;
  position: relative;
  box-shadow: 
    inset 0 0 20px rgba(0,0,0,0.5),
    inset 0 0 4px rgba(0,0,0,0.4),
    inset 2px 2px 4px rgba(255,255,255,0.05),
    inset -2px -2px 4px rgba(0,0,0,0.8),
    0 0 2px rgba(0,0,0,0.6),
    -1px -1px 4px rgba(255,255,255,0.1),
    1px 1px 4px rgba(0,0,0,0.3);
}
.crt-bezel::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg,
    rgba(255,255,255,0.03) 0%,
    rgba(255,255,255,0) 40%,
    rgba(0,0,0,0.1) 60%,
    rgba(0,0,0,0.2) 100%);
  border-radius: 3px;
  pointer-events: none;
}
.terminal-screen {
  background: #111112;
  padding: 20px;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  font-family: 'VT323', monospace;
  font-size: clamp(12px, 1.5vw, 16px);
  color: #e49b3e;
  line-height: 1.4;
  text-shadow: 0 0 2px #e49b3e;
  animation: flicker 0.15s infinite;
  filter: brightness(1.1) contrast(1.1);
  box-shadow: 
    inset 0 0 30px rgba(0,0,0,0.9),
    inset 0 0 8px rgba(0,0,0,0.8),
    0 0 5px rgba(0,0,0,0.6);
  max-width: 80ch;
  margin: 0 auto;
}
.terminal-screen h2, .terminal-screen h3 {
  font-size: clamp(16px, 2vw, 20px);
  margin-bottom: 1em;
  color: #e49b3e;
}
.terminal-screen pre.code-block {
  font-size: clamp(10px, 1.3vw, 14px);
  white-space: pre;  /* Changed from pre-wrap to pre */
  margin: 1em 0;
  background-color: #1a1a1a;
  padding: 1em;
  border-radius: 4px;
  color: #e49b3e;
  overflow-x: auto;  /* Added to enable horizontal scrolling */
}
.terminal-screen::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4o8JoAAAAB3RSTlMAGwQIEQMYADcPzwAAACJJREFUKM9jYBgFo2AU0Beg+A8YMCLxGYZCbNQEo4BaAAD5TQiR5wU9vAAAAABJRU5ErkJggg==');
  background-size: 100% 2.5px;
  animation: scan 1s linear infinite;
  pointer-events: none;
  z-index: 2;
}
.terminal-screen::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at center, 
    rgba(17, 17, 18, 0) 0%, 
    rgba(17, 17, 18, 0.2) 50%, 
    rgba(17, 17, 18, 0.15) 100%
  );
  border-radius: 20px;
  animation: vignette-pulse 3s infinite;
  pointer-events: none;
  z-index: 1;
}
.terminal-screen details {
  margin: 1em 0;
  padding: 0.5em;
  border: 1px solid #e49b3e;
  border-radius: 4px;
}
.terminal-screen summary {
  cursor: pointer;
  font-weight: bold;
  margin: -0.5em;
  padding: 0.5em;
  border-bottom: 1px solid #e49b3e;
  color: #e49b3e;
}
.terminal-screen details[open] summary {
  margin-bottom: 0.5em;
}
.badge-container, .coffee-container {
  text-align: center;
  margin: 1em 0;
}
.badge-container img, .coffee-container img {
  max-width: 100%;
  height: auto;
}
.terminal-screen a {
  color: #e49b3e;
  text-decoration: underline;
  transition: opacity 0.2s;
}
.terminal-screen a:hover {
  opacity: 0.8;
}
.terminal-screen strong, .terminal-screen em {
  color: #f0f0f0;  /* off-white color for user/system messages */
}
.terminal-screen p {
  color: #f0f0f0;  /* off-white color for assistant responses */
}
.terminal-screen p, .terminal-screen li {
  color: #e49b3e;
}
.terminal-screen code,
.terminal-screen kbd,
.terminal-screen samp {
  color: #e49b3e;
  font-family: 'VT323', monospace;
  text-shadow: 0 0 2px #e49b3e;
  background-color: #1a1a1a;
  padding: 0.2em 0.4em;
  border-radius: 4px;
}
.terminal-screen pre.code-block,
.terminal-screen pre {
  font-size: clamp(10px, 1.3vw, 14px);
  white-space: pre;  /* Changed from pre-wrap to pre */
  margin: 1em 0;
  background-color: #1a1a1a;
  padding: 1em;
  border-radius: 4px;
  color: #e49b3e;
  overflow-x: auto;  /* Added to enable horizontal scrolling */
}
.sponsor-image {
  width: 360px;
  height: auto;
  border: 2px solid #e49b3e;
  border-radius: 10px;
  filter: brightness(0.9) sepia(0.2);
  transition: all 0.3s ease;
}
.sponsor-image-small {
  width: 180px;
  height: auto;
  border: 2px solid #e49b3e;
  border-radius: 5px;
  filter: brightness(0.9) sepia(0.2);
  transition: all 0.3s ease;
}
.sponsor-image:hover {
  filter: brightness(1) sepia(0);
  box-shadow: 0 0 10px rgba(228, 155, 62, 0.5);
}
</style>