Upload README.md

README.md

@@ -18,131 +18,463 @@ tags:
 library_name: transformers
 ---
 
-<div align="center" style="max-width: 980px; margin: 0 auto 28px; padding: 46px 28px; border: 1px solid #34364a; border-radius: 22px; background: linear-gradient(145deg, #111218 0%, #18172a 58%, #111827 100%);">
-  <p style="margin: 0 0 10px; color: #9ca3af; font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;">Guilherme34 · Firefly series</p>
-  <h1 style="margin: 0; color: #f8fafc; font-size: 48px; line-height: 1.08; letter-spacing: -0.04em;">Firefly-V3.2</h1>
-  <p style="max-width: 720px; margin: 18px auto 0; color: #cbd5e1; font-size: 18px; line-height: 1.7;">
-    A 3.2B roleplay and creative-writing model built for character presence, natural dialogue, and scenes that keep moving.
-  </p>
-  <p style="max-width: 720px; margin: 12px auto 0; color: #a5b4fc; font-size: 15px; line-height: 1.7;">
-    This is my follow-up to Firefly-V3: same direction, another round of refinement, and fewer rough edges in my testing.
-  </p>
-  <p style="margin: 24px 0 0;">
-    <a href="https://huggingface.co/mradermacher/Firefly-V3.2-GGUF" style="display: inline-block; padding: 10px 16px; border: 1px solid #6366f1; border-radius: 10px; color: #c7d2fe; text-decoration: none; font-weight: 700;">Get the GGUF quantizations</a>
-  </p>
+<div align="center">
+
+<div style="max-width:1040px;margin:0 auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;">
+
+<div style="position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,#4a2f68 0%,#172033 45%,#070a12 100%);border:1px solid #3b2f55;border-radius:30px;padding:58px 30px 46px;text-align:center;box-shadow:0 18px 80px rgba(2,6,23,.58);">
+
+<svg width="104" height="104" viewBox="0 0 104 104" fill="none" style="margin-bottom:22px;">
+<defs>
+<linearGradient id="firefly_v3_gradient" x1="18" y1="10" x2="86" y2="94" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C084FC"/>
+<stop offset=".45" stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#F472B6"/>
+</linearGradient>
+<radialGradient id="firefly_v3_core" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(52 52) rotate(90) scale(40)">
+<stop stop-color="#F5D0FE"/>
+<stop offset=".55" stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#172033" stop-opacity="0"/>
+</radialGradient>
+</defs>
+
+<circle cx="52" cy="52" r="42" fill="url(#firefly_v3_core)" opacity=".36">
+<animate attributeName="opacity" values=".22;.50;.22" dur="3.8s" repeatCount="indefinite"/>
+</circle>
+
+<circle cx="52" cy="52" r="36" stroke="url(#firefly_v3_gradient)" stroke-width="2" opacity=".48">
+<animate attributeName="r" values="32;39;32" dur="4.5s" repeatCount="indefinite"/>
+<animate attributeName="opacity" values=".26;.62;.26" dur="4.5s" repeatCount="indefinite"/>
+</circle>
+
+<path d="M52 17L61.8 39.6L86 43L68.2 59.6L72.6 84L52 71.6L31.4 84L35.8 59.6L18 43L42.2 39.6L52 17Z" stroke="url(#firefly_v3_gradient)" stroke-width="3" stroke-linejoin="round">
+<animate attributeName="opacity" values=".72;1;.72" dur="2.6s" repeatCount="indefinite"/>
+</path>
+</path>
+</svg>
+
+<h1 style="margin:0;color:#ffffff;font-size:62px;line-height:1;font-weight:950;letter-spacing:-2px;">
+Firefly-V3.2
+</h1>
+
+<p style="margin:20px auto 0;max-width:820px;color:#d8d3e7;font-size:19px;line-height:1.8;">
+A heavily refined <strong>roleplay-first language model</strong>, built from a novel method(Sakana AI Text to Lora paper)
+<strong>additional training</strong>, <strong>EVERYTHING</strong> FROM <strong>Firefly-V3 but Better</strong>.
+<a href="https://huggingface.co/mradermacher/Firefly-V3.2-GGUF">(btw if you need the GGUF: https://huggingface.co/mradermacher/Firefly-V3.2-GGUF)</a>
+</p>
+
+<p style="margin:14px auto 0;max-width:780px;color:#f0abfc;font-size:16px;line-height:1.7;font-weight:800;">
+My personal strongest roleplay model to date now with improvements on roleplay, coherency and math, a literal BRAIN UPGRADE.
+</p>
+
+<div style="margin:32px auto 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:940px;">
+
+<span style="display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#24162e,#111827);border:1px solid #613574;color:#f0abfc;padding:10px 17px;border-radius:999px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);">
+<svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/>
+<animate attributeName="opacity" values=".65;1;.65" dur="2.6s" repeatCount="indefinite"/>
+</svg>
+Roleplay
+</span>
+
+<span style="display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#1f1b32,#111827);border:1px solid #4f46e5;color:#a5b4fc;padding:10px 17px;border-radius:999px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);">
+<svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<path d="M4 19.5A2.5 2.5 0 016.5 17H20"/>
+<path d="M4 4.5A2.5 2.5 0 016.5 2H20v20H6.5A2.5 2.5 0 014 19.5z"/>
+<animate attributeName="opacity" values=".6;1;.6" dur="3s" repeatCount="indefinite"/>
+</svg>
+Storytelling
+</span>
+
+<span style="display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#182335,#111827);border:1px solid #315d7a;color:#7dd3fc;padding:10px 17px;border-radius:999px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);">
+<svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<path d="M8 21h8"/>
+<path d="M12 17v4"/>
+<path d="M7 4h10"/>
+<path d="M17 4v5a5 5 0 01-10 0V4"/>
+<animateTransform attributeName="transform" type="translate" values="0 0;0 -1;0 0" dur="2s" repeatCount="indefinite"/>
+</svg>
+Character Acting
+</span>
+
+<span style="display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#1c2518,#111827);border:1px solid #315f42;color:#86efac;padding:10px 17px;border-radius:999px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);">
+<svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<path d="M3 12h18"/>
+<path d="M3 6h18"/>
+<path d="M3 18h18"/>
+<animate attributeName="opacity" values=".55;1;.55" dur="2.2s" repeatCount="indefinite"/>
+</svg>
+Long Chats
+</span>
+
+<span style="display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#332117,#111827);border:1px solid #7c4a22;color:#fdba74;padding:10px 17px;border-radius:999px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);">
+<svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<path d="M12 20h9"/>
+<path d="M16.5 3.5a2.1 2.1 0 013 3L7 19l-4 1 1-4 12.5-12.5z"/>
+<animateTransform attributeName="transform" type="rotate" values="0 12 12;4 12 12;0 12 12;-4 12 12;0 12 12" dur="3s" repeatCount="indefinite"/>
+</svg>
+Creative Writing
+</span>
+
+<span style="display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#171a35,#111827);border:1px solid #3f4a8a;color:#a5b4fc;padding:10px 17px;border-radius:999px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);">
+<svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<path d="M12 2v20"/>
+<path d="M5 8h14"/>
+<path d="M7 16h10"/>
+<animate attributeName="opacity" values=".58;1;.58" dur="2s" repeatCount="indefinite"/>
+</svg>
+Fine-Tuned + Brain Changing
+</span>
+
+<span style="display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#181c28,#111827);border:1px solid #475569;color:#cbd5e1;padding:10px 17px;border-radius:999px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);">
+<svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<path d="M8 3H5a2 2 0 00-2 2v3"/>
+<path d="M16 3h3a2 2 0 012 2v3"/>
+<path d="M8 21H5a2 2 0 01-2-2v-3"/>
+<path d="M16 21h3a2 2 0 002-2v-3"/>
+<path d="M9 9h6v6H9z"/>
+<animateTransform attributeName="transform" type="scale" values="1;1.08;1" dur="2.8s" repeatCount="indefinite"/>
+</svg>
+Merge Foundation
+</span>
+
 </div>
 
-<div align="center" style="max-width: 980px; margin: 0 auto 24px;">
-  <img src="https://cdn-uploads.huggingface.co/production/uploads/638fd4be2ddd69e70b8cd31c/kYgwK1ZAcFUo1R0djk9EQ.png" alt="Firefly-V3.2 roleplay preview" style="display: block; width: 100%; height: auto; border: 1px solid #34364a; border-radius: 18px;">
-  <p style="margin: 9px 0 0; color: #6b7280; font-size: 13px;">Logo of the model</p>
 </div>
 
-<div align="center" style="max-width: 980px; margin: 0 auto 34px;">
-  <video src="https://cdn-uploads.huggingface.co/production/uploads/638fd4be2ddd69e70b8cd31c/DyYIOCFJUqmld1-uw0bts.mp4" controls muted loop style="display: block; width: 100%; border: 1px solid #34364a; border-radius: 18px;"></video>
-  <p style="margin: 9px 0 0; color: #6b7280; font-size: 13px;">Trailer of the model</p>
 </div>
 
-<div style="max-width: 900px; margin: 0 auto;">
+</div>
+
+---
+
+<div align="center">
+
+<img src="https://cdn-uploads.huggingface.co/production/uploads/638fd4be2ddd69e70b8cd31c/kYgwK1ZAcFUo1R0djk9EQ.png" alt="Firefly-V3 preview" style="max-width:1040px;width:100%;border-radius:26px;border:1px solid #334155;box-shadow:0 18px 70px rgba(2,6,23,.45);">
+
+
+</div>
+
+
+<div align="center">
+
+
 
-## What this model is
+<video src="https://cdn-uploads.huggingface.co/production/uploads/638fd4be2ddd69e70b8cd31c/DyYIOCFJUqmld1-uw0bts.mp4" controls muted loop style="max-width:1040px;width:100%;border-radius:26px;border:1px solid #334155;box-shadow:0 18px 70px rgba(2,6,23,.45);">
+</video>
 
-Firefly-V3.2 is the current version of my small-model roleplay project. It started from the Firefly line, with Firefly-V2.5 as the base and Impish LLAMA 3B as part of the merge foundation. I then applied more roleplay-focused training and an additional refinement pass inspired by the Text-to-LoRA direction from Sakana AI's research.
+---
+
+<div style="max-width:1040px;margin:0 auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;">
+
+<div style="background:radial-gradient(circle at top,rgba(96,165,250,.18),transparent 38%),linear-gradient(180deg,#0f172a,#070a12);border:1px solid #334155;border-radius:26px;padding:32px;margin:26px auto;box-shadow:0 16px 60px rgba(2,6,23,.42);">
 
-The goal is not to turn a 3B model into something it is not. The goal is to make a compact model more enjoyable at the things I actually use it for: characters, dialogue, atmosphere, and long interactive scenes.
+<h2 style="margin:0 0 14px;color:#ffffff;display:flex;align-items:center;gap:12px;">
+<svg width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="#7dd3fc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<circle cx="11" cy="11" r="8"/>
+<path d="M21 21l-4.35-4.35"/>
+<path d="M8 11h6"/>
+<path d="M11 8v6"/>
+<animate attributeName="opacity" values=".55;1;.55" dur="2.6s" repeatCount="indefinite"/>
+</svg>
+J-Lens Observations
+</h2>
 
-<div style="margin: 26px 0; padding: 22px 24px; border-left: 4px solid #818cf8; border-radius: 0 14px 14px 0; background: #151721;">
-  <p style="margin: 0; color: #d1d5db; line-height: 1.75;"><strong style="color: #e0e7ff;">The short version:</strong> if you liked Firefly-V3, this is the version I would try first. In my own tests it is more coherent, steadier in character, and a little less likely to lose the scene.</p>
+<p style="color:#cbd5e1;line-height:1.8;font-size:16px;max-width:860px;margin:0 0 24px;">
+Early visual notes and behavior observations from testing Firefly-V3.2 made with J-Lens.
+</p>
+
+<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;">
+
+<div style="background:linear-gradient(180deg,#111827,#0b101b);border:1px solid rgba(125,211,252,.28);border-radius:22px;overflow:hidden;box-shadow:0 12px 42px rgba(2,6,23,.34);">
+<img src="https://cdn-uploads.huggingface.co/production/uploads/638fd4be2ddd69e70b8cd31c/PrkkQ9dm0Or4diepaDGsG.png" alt="J-Lens observation image 1" style="width:100%;height:auto;display:block;object-fit:contain;background:#020617;">
+<div style="padding:20px;">
+<h3 style="margin:0 0 10px;color:#7dd3fc;font-size:18px;">Observation 01 — Getting the Right Thing</h3>
+<p style="margin:0;color:#cbd5e1;line-height:1.75;font-size:15px;">
+The model can think about the entire response while generating the start of it.
+</p>
+</div>
 </div>
 
-## What changed in V3.2
+<div style="background:linear-gradient(180deg,#141629,#0b101b);border:1px solid rgba(192,132,252,.30);border-radius:22px;overflow:hidden;box-shadow:0 12px 42px rgba(2,6,23,.34);">
+<img src="https://cdn-uploads.huggingface.co/production/uploads/638fd4be2ddd69e70b8cd31c/FvVOQvv5SS5Tgp0m0Wx5-.png" alt="J-Lens observation image 2" style="width:100%;height:auto;display:block;object-fit:contain;background:#020617;">
+<div style="padding:20px;">
+<h3 style="margin:0 0 10px;color:#c084fc;font-size:18px;">Observation 02 — Thinking Silently</h3>
+<p style="margin:0;color:#cbd5e1;line-height:1.75;font-size:15px;">
+The model can focus on things without saying it, for example i asked what is his greatest fear without saying it, and he did.
+</p>
+</div>
+</div>
 
-I focused on behavior rather than chasing a benchmark headline:
+<div style="background:linear-gradient(180deg,#1b1728,#0b101b);border:1px solid rgba(244,114,182,.30);border-radius:22px;overflow:hidden;box-shadow:0 12px 42px rgba(2,6,23,.34);">
+<img src="https://cdn-uploads.huggingface.co/production/uploads/638fd4be2ddd69e70b8cd31c/RboXjNszcvP9s7IbKBcl2.png" alt="J-Lens observation image 3" style="width:100%;height:auto;display:block;object-fit:contain;background:#020617;">
+<div style="padding:20px;">
+<h3 style="margin:0 0 10px;color:#f472b6;font-size:18px;">Observation 03 — Internal Laugh and Joke</h3>
+<p style="margin:0;color:#cbd5e1;line-height:1.75;font-size:15px;">
+The model made a joke to itself and laughed internally.
+</p>
+</div>
+</div>
 
-- **Cleaner roleplay flow.** Replies tend to connect more naturally to what just happened instead of feeling like isolated blocks of prose.
-- **Stronger character presence.** Voices and reactions have been more distinct in my testing, especially when the character card gives the model something useful to work with.
-- **Better scene awareness.** It has been more reliable at tracking the immediate situation and carrying details into the next response.
-- **A modest reasoning pass.** I included material aimed at coherence and basic math. This is still a roleplay model, not a math specialist.
+</div>
 
-These are observations from my own prompts, not benchmark claims. Different frontends, character cards, samplers, and quantizations can change the result a lot.
+</div>
 
-## Where it works best
+</div>
 
-<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin: 20px 0 28px;">
-  <div style="padding: 18px; border: 1px solid #34364a; border-radius: 14px; background: #14151c;">
-    <h3 style="margin: 0 0 8px; color: #c4b5fd; font-size: 16px;">Roleplay chats</h3>
-    <p style="margin: 0; color: #9ca3af; line-height: 1.65;">Character-led conversations, emotional beats, and interactive scenes.</p>
-  </div>
-  <div style="padding: 18px; border: 1px solid #34364a; border-radius: 14px; background: #14151c;">
-    <h3 style="margin: 0 0 8px; color: #a5b4fc; font-size: 16px;">Creative writing</h3>
-    <p style="margin: 0; color: #9ca3af; line-height: 1.65;">Dialogue, prose, atmosphere, and continuing an existing scene.</p>
-  </div>
-  <div style="padding: 18px; border: 1px solid #34364a; border-radius: 14px; background: #14151c;">
-    <h3 style="margin: 0 0 8px; color: #93c5fd; font-size: 16px;">Character cards</h3>
-    <p style="margin: 0; color: #9ca3af; line-height: 1.65;">Detailed personas with a clear voice, situation, and relationship to the user.</p>
-  </div>
-  <div style="padding: 18px; border: 1px solid #34364a; border-radius: 14px; background: #14151c;">
-    <h3 style="margin: 0 0 8px; color: #67e8f9; font-size: 16px;">Local use</h3>
-    <p style="margin: 0; color: #9ca3af; line-height: 1.65;">A compact model for people who want fast iteration and accessible quantizations.</p>
-  </div>
 </div>
 
-## Limits and expectations
+---
+
+<div style="max-width:1040px;margin:0 auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;">
+
+<div style="background:linear-gradient(180deg,#101827,#0b101b);border:1px solid #334155;border-radius:24px;padding:30px;margin:26px auto;box-shadow:0 12px 48px rgba(2,6,23,.35);">
+
+<h2 style="margin:0 0 16px;color:#ffffff;display:flex;align-items:center;gap:12px;">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#c084fc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<path d="M4 19.5A2.5 2.5 0 016.5 17H20"/>
+<path d="M4 4.5A2.5 2.5 0 016.5 2H20v20H6.5A2.5 2.5 0 014 19.5z"/>
+<animate attributeName="opacity" values=".65;1;.65" dur="3s" repeatCount="indefinite"/>
+</svg>
+About Firefly-V3
+</h2>
+
+<p style="color:#cbd5e1;line-height:1.8;font-size:16px;">
+<strong>Firefly-V3</strong> is a heavily refined roleplay model created from a merge foundation and then improved through
+additional training, fine-tuning, and roleplay-focused behavioral shaping.
+</p>
 
-Firefly-V3.2 is a 3.2B model. It can still contradict earlier details, misread an ambiguous card, repeat a phrase, or confidently invent information. Long scenes are a strength I aimed for, not a guarantee of perfect memory.
+<p style="color:#cbd5e1;line-height:1.8;font-size:16px;">
+The model was built to deliver stronger character presence, more natural dialogue, better scene flow, and more enjoyable
+long-form roleplay conversations. The merge is only part of its origin. Firefly-V3's final behavior comes from the extra
+training and refinement applied after that foundation.
+</p>
 
-It is also not the model I would choose first for factual research, difficult math, production code, or anything where a plausible mistake could cause harm. Use it as a creative model and judge it on your own prompts.
+<p style="color:#f0abfc;line-height:1.8;font-size:16px;font-weight:800;margin-bottom:0;">
+I personally consider Firefly-V3 the best roleplay model I have made so far.
+</p>
 
-I am not publishing benchmark numbers for V3.2 here because I do not have a result set I am comfortable presenting as meaningful. I would rather be clear about that than dress up a few hand-picked examples as proof.
+</svg>
+<strong>About Firefly-V3.2</strong>
+</h2>
 
-## J-Lens observations
+<p style="color:#cbd5e1;line-height:1.8;font-size:16px;">
+<strong>Firefly-V3.2</strong> is a model that breaks alot of the concept of making an LLM, its more like finding harmony in Chaos of words.
+</p>
 
-The images below come from exploratory J-Lens sessions. They are interesting clues about how a response may be represented during generation; they are **not** evidence of consciousness, private thoughts, or a benchmark result.
+<p style="color:#cbd5e1;line-height:1.8;font-size:16px;">
+The model was built to do everything V3 could but better! 
+</p>
 
-<div style="margin: 22px 0; overflow: hidden; border: 1px solid #34364a; border-radius: 16px; background: #14151c;">
-  <img src="https://cdn-uploads.huggingface.co/production/uploads/638fd4be2ddd69e70b8cd31c/PrkkQ9dm0Or4diepaDGsG.png" alt="J-Lens observation showing information related to the later response" style="display: block; width: 100%; height: auto;">
-  <div style="padding: 17px 20px;">
-    <h3 style="margin: 0 0 6px; color: #a5b4fc; font-size: 17px;">01 · The response taking shape</h3>
-    <p style="margin: 0; color: #9ca3af; line-height: 1.65;">The visualization showed information related to the later response while the opening was still being generated. My reading is that the model had already formed part of the direction it was taking.</p>
-  </div>
+<p style="color:#f0abfc;line-height:1.8;font-size:16px;font-weight:800;margin-bottom:0;">
+I personally consider Firefly-V3 the best roleplay model I have made so far, but lets see if this is gonna change
+</p>
+
+
+</div>
+
+---
+
+<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;margin:26px auto;">
+
+<div style="background:linear-gradient(180deg,#24162e,#0b101b);border:1px solid #613574;border-radius:22px;padding:24px;box-shadow:0 10px 32px rgba(2,6,23,.25);">
+<h3 style="margin:0 0 12px;color:#f0abfc;display:flex;align-items:center;gap:10px;">
+<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#f0abfc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/>
+<animate attributeName="opacity" values=".65;1;.65" dur="2.6s" repeatCount="indefinite"/>
+</svg>
+Roleplay First
+</h3>
+<p style="margin:0;color:#cbd5e1;line-height:1.75;">
+Designed around immersive character interaction, emotional pacing, scene continuity, and expressive dialogue. - AWARENESS
+</p>
+</div>
+
+<div style="background:linear-gradient(180deg,#1f1b32,#0b101b);border:1px solid #4f46e5;border-radius:22px;padding:24px;box-shadow:0 10px 32px rgba(2,6,23,.25);">
+<h3 style="margin:0 0 12px;color:#a5b4fc;display:flex;align-items:center;gap:10px;">
+<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#a5b4fc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<path d="M4 19.5A2.5 2.5 0 016.5 17H20"/>
+<path d="M4 4.5A2.5 2.5 0 016.5 2H20v20H6.5A2.5 2.5 0 014 19.5z"/>
+<animate attributeName="opacity" values=".6;1;.6" dur="3s" repeatCount="indefinite"/>
+</svg>
+Further Trained
+</h3>
+<p style="margin:0;color:#cbd5e1;line-height:1.75;">
+Firefly-V3 was not released as a raw merge. It was further trained and refined to shape its final personality and RP behavior.
+</p>
+</div>
+
+<div style="background:linear-gradient(180deg,#182335,#0b101b);border:1px solid #315d7a;border-radius:22px;padding:24px;box-shadow:0 10px 32px rgba(2,6,23,.25);">
+<h3 style="margin:0 0 12px;color:#7dd3fc;display:flex;align-items:center;gap:10px;">
+<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#7dd3fc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<path d="M8 21h8"/>
+<path d="M12 17v4"/>
+<path d="M7 4h10"/>
+<path d="M17 4v5a5 5 0 01-10 0V4"/>
+<animateTransform attributeName="transform" type="translate" values="0 0;0 -1;0 0" dur="2s" repeatCount="indefinite"/>
+</svg>
+Character Presence
+</h3>
+<p style="margin:0;color:#cbd5e1;line-height:1.75;">
+Built to make characters feel more distinct, expressive, and consistent across longer chats.
+</p>
+</div>
+
+<div style="background:linear-gradient(180deg,#332117,#0b101b);border:1px solid #7c4a22;border-radius:22px;padding:24px;box-shadow:0 10px 32px rgba(2,6,23,.25);">
+<h3 style="margin:0 0 12px;color:#fdba74;display:flex;align-items:center;gap:10px;">
+<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#fdba74" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<path d="M12 20h9"/>
+<path d="M16.5 3.5a2.1 2.1 0 013 3L7 19l-4 1 1-4 12.5-12.5z"/>
+<animateTransform attributeName="transform" type="rotate" values="0 12 12;4 12 12;0 12 12;-4 12 12;0 12 12" dur="3s" repeatCount="indefinite"/>
+</svg>
+Creative Writing
+</h3>
+<p style="margin:0;color:#cbd5e1;line-height:1.75;">
+Strong for prose, atmosphere, dialogue, character descriptions, and interactive fiction.
+</p>
 </div>
 
-<div style="margin: 22px 0; overflow: hidden; border: 1px solid #34364a; border-radius: 16px; background: #14151c;">
-  <img src="https://cdn-uploads.huggingface.co/production/uploads/638fd4be2ddd69e70b8cd31c/FvVOQvv5SS5Tgp0m0Wx5-.png" alt="J-Lens observation from a prompt about an unspoken fear" style="display: block; width: 100%; height: auto;">
-  <div style="padding: 17px 20px;">
-    <h3 style="margin: 0 0 6px; color: #c4b5fd; font-size: 17px;">02 · An unspoken detail</h3>
-    <p style="margin: 0; color: #9ca3af; line-height: 1.65;">I asked a character about its greatest fear while instructing it not to say the fear directly. The visualization appeared to track that hidden constraint while the visible reply stayed in character.</p>
-  </div>
 </div>
 
-<div style="margin: 22px 0 32px; overflow: hidden; border: 1px solid #34364a; border-radius: 16px; background: #14151c;">
-  <img src="https://cdn-uploads.huggingface.co/production/uploads/638fd4be2ddd69e70b8cd31c/RboXjNszcvP9s7IbKBcl2.png" alt="J-Lens observation from a humorous response" style="display: block; width: 100%; height: auto;">
-  <div style="padding: 17px 20px;">
-    <h3 style="margin: 0 0 6px; color: #93c5fd; font-size: 17px;">03 · Humor in the generation</h3>
-    <p style="margin: 0; color: #9ca3af; line-height: 1.65;">This run surfaced a humorous association that did not appear verbatim in the final answer. I found it interesting, but I treat it as a visualization artifact to investigate—not as an inner monologue.</p>
-  </div>
+---
+
+<div style="background:radial-gradient(circle at top left,rgba(192,132,252,.18),transparent 36%),linear-gradient(135deg,#141b2b,#1e293b);border:1px solid #475569;border-radius:26px;padding:32px;margin:26px auto;box-shadow:0 16px 60px rgba(2,6,23,.38);">
+
+<h2 style="margin:0 0 16px;color:#ffffff;display:flex;align-items:center;gap:12px;">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#f0abfc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<path d="M12 20h9"/>
+<path d="M16.5 3.5a2.1 2.1 0 013 3L7 19l-4 1 1-4 12.5-12.5z"/>
+<animate attributeName="opacity" values=".58;1;.58" dur="2.4s" repeatCount="indefinite"/>
+</svg>
+Best For
+</h2>
+
+<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;">
+
+<div style="background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.22);border-radius:18px;padding:16px;">
+<div style="color:#ffffff;font-weight:900;">Roleplay chats</div>
+<div style="color:#94a3b8;line-height:1.6;margin-top:5px;">Character-driven conversations and interactive scenes.</div>
 </div>
 
-## Model lineage
+<div style="background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.22);border-radius:18px;padding:16px;">
+<div style="color:#ffffff;font-weight:900;">Character cards</div>
+<div style="color:#94a3b8;line-height:1.6;margin-top:5px;">Bots with personality, style, and scene memory.</div>
+</div>
 
-<div style="margin: 20px 0 28px; padding: 22px 24px; border: 1px solid #34364a; border-radius: 14px; background: #14151c;">
-  <p style="margin: 0 0 10px; color: #d1d5db;"><strong style="color: #f3f4f6;">Base:</strong> <a href="https://huggingface.co/Guilherme34/Firefly-V2.5">Guilherme34/Firefly-V2.5</a></p>
-  <p style="margin: 0 0 10px; color: #d1d5db;"><strong style="color: #f3f4f6;">Merge component:</strong> <a href="https://huggingface.co/SicariusSicariiStuff/Impish_LLAMA_3B">SicariusSicariiStuff/Impish_LLAMA_3B</a></p>
-  <p style="margin: 0; color: #d1d5db;"><strong style="color: #f3f4f6;">Author:</strong> <a href="https://huggingface.co/Guilherme34">Guilherme34</a></p>
+<div style="background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.22);border-radius:18px;padding:16px;">
+<div style="color:#ffffff;font-weight:900;">Creative writing</div>
+<div style="color:#94a3b8;line-height:1.6;margin-top:5px;">Narration, dialogue, atmosphere, and prose.</div>
 </div>
 
-The merge is the foundation, not the whole story. Firefly-V3 and V3.2 were further trained and refined around the behavior I wanted from roleplay: stronger voices, better dialogue, and more continuity from one turn to the next.
+<div style="background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.22);border-radius:18px;padding:16px;">
+<div style="color:#ffffff;font-weight:900;">Long scenes</div>
+<div style="color:#94a3b8;line-height:1.6;margin-top:5px;">Extended interactions that need pacing and continuity.</div>
+</div>
 
-## Use responsibly
+</div>
 
-<div style="margin: 20px 0 30px; padding: 20px 22px; border-left: 4px solid #f59e0b; border-radius: 0 14px 14px 0; background: #1c1812;">
-  <p style="margin: 0; color: #d6d3d1; line-height: 1.7;"><strong style="color: #fbbf24;">Uncensored model:</strong> Firefly-V3.2 may produce explicit or otherwise sensitive material and does not have reliable built-in refusals. It is intended for lawful creative fiction and roleplay between consenting adults. You are responsible for how you use its output and for following the laws that apply to you.</p>
 </div>
 
 ---
 
-<div align="center" style="margin: 30px 0 10px; padding: 26px; color: #9ca3af;">
-  <p style="margin: 0; line-height: 1.7;">I made V3.2 because I still thought there was more to get out of this little model. Try it with a character you know well—that is where the differences are easiest to notice.</p>
-  <p style="margin: 10px 0 0; color: #c4b5fd; font-weight: 700;">— Guilherme34</p>
+<div style="background:linear-gradient(180deg,#101827,#0b101b);border-left:5px solid #c084fc;border-radius:0 22px 22px 0;padding:28px;margin:26px auto;box-shadow:0 12px 48px rgba(2,6,23,.32);">
+
+<h2 style="margin:0 0 16px;color:#ffffff;display:flex;align-items:center;gap:12px;">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#c084fc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<path d="M8 3H5a2 2 0 00-2 2v3"/>
+<path d="M16 3h3a2 2 0 012 2v3"/>
+<path d="M8 21H5a2 2 0 01-2-2v-3"/>
+<path d="M16 21h3a2 2 0 002-2v-3"/>
+<path d="M9 9h6v6H9z"/>
+<animateTransform attributeName="transform" type="scale" values="1;1.08;1" dur="2.8s" repeatCount="indefinite"/>
+</svg>
+Training and Model Lineage
+</h2>
+
+<p style="color:#cbd5e1;line-height:1.8;font-size:16px;">
+Firefly-V3 began from <strong>Guilherme34/Firefly-V2.5</strong> and merge components including
+<strong>SicariusSicariiStuff/Impish_LLAMA_3B</strong>, but it did not stop there.
+</p>
+
+<p style="color:#cbd5e1;line-height:1.8;font-size:16px;">
+After the merge foundation, the model went through additional training and fine-tuning to improve roleplay behavior,
+character voice, response style, dialogue quality, and long-form scene handling.
+</p>
+
+<p style="color:#cbd5e1;line-height:1.8;font-size:16px;margin-bottom:0;">
+Then a method called Text-to-Lora was used for making it more creative, coherent and <strong>AWARE</strong> making now Firefly-V3.2
+</p>
+
+</div>
+
+---
+
+<div style="background:linear-gradient(180deg,#101827,#0b101b);border:1px solid #334155;border-radius:24px;padding:28px;margin:26px auto;box-shadow:0 12px 48px rgba(2,6,23,.32);">
+
+<h2 style="margin:0 0 16px;color:#ffffff;display:flex;align-items:center;gap:12px;">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#60a5fa" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<circle cx="12" cy="8" r="5"/>
+<path d="M20 21a8 8 0 00-16 0"/>
+<animate attributeName="opacity" values=".62;1;.62" dur="3s" repeatCount="indefinite"/>
+</svg>
+Attribution
+</h2>
+
+<p style="color:#cbd5e1;line-height:1.8;font-size:16px;">
+<strong>Model:</strong> Firefly-V3<br>
+<strong>Author:</strong> Guilherme34
+</p>
+
+<p style="color:#cbd5e1;line-height:1.8;font-size:16px;">
+<strong>Base:</strong> Guilherme34/Firefly-V2.5<br>
+<strong>Merge Component:</strong> SicariusSicariiStuff/Impish_LLAMA_3B
+</p>
+
+<p style="color:#cbd5e1;line-height:1.8;font-size:16px;margin-bottom:0;">
+This model is part of the Firefly family and was further trained and refined for users who want a stronger,
+more immersive roleplay experience.
+</p>
+
 </div>
 
+<div style="background: #111118; border-left: 3px solid #ff4500; border-radius: 0 12px 12px 0; padding: 20px 24px; margin-bottom: 24px;">
+  <strong>⚠️ Disclaimer</strong>
+  <p style="color: #8888a0; font-size: 14px; margin: 8px 0 0 0;">This model is <strong>uncensored</strong> and will generate content without built-in refusals. It is intended for <strong>creative fiction and roleplay between consenting adults.</strong> The creator is not responsible for how the model is used. Do not use it to produce content that is illegal in your jurisdiction.</p>
 </div>
+
+---
+
+<div align="center">
+
+<div style="background:radial-gradient(circle at 50% 0%,rgba(192,132,252,.24),transparent 40%),linear-gradient(135deg,#080b12,#111827 62%,#172033);border:1px solid #334155;border-radius:28px;padding:36px 28px;margin:26px auto 0;text-align:center;box-shadow:0 18px 70px rgba(2,6,23,.44);">
+
+<svg width="54" height="54" viewBox="0 0 54 54" fill="none" style="margin-bottom:14px;">
+<defs>
+<linearGradient id="firefly_v3_footer" x1="8" y1="6" x2="46" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C084FC"/>
+<stop offset=".55" stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#F472B6"/>
+</linearGradient>
+</defs>
+<circle cx="27" cy="27" r="20" stroke="url(#firefly_v3_footer)" stroke-width="2" opacity=".35">
+<animate attributeName="r" values="17;22;17" dur="3s" repeatCount="indefinite"/>
+<animate attributeName="opacity" values=".2;.55;.2" dur="3s" repeatCount="indefinite"/>
+</circle>
+<path d="M27 8L32 20L45 22L35.5 31L38 44L27 37L16 44L18.5 31L9 22L22 20L27 8Z" stroke="url(#firefly_v3_footer)" stroke-width="2.3" stroke-linejoin="round">
+<animate attributeName="opacity" values=".7;1;.7" dur="2.4s" repeatCount="indefinite"/>
+</path>
+</svg>
+
+<h3 style="color:#ffffff;margin:0;font-size:24px;">
+Firefly-V3.2
+</h3>
+
+<p style="color:#cbd5e1;line-height:1.8;max-width:720px;margin:14px auto 0;font-size:16px;">
+A further-improved Firefly-V3 for people who really enjoyed it!
+</p>
+
+</div>
+
+</div>
+
+</div>