Where can I use cursive text generated here?

You can use it on Instagram, TikTok, Facebook, Discord, WhatsApp, and in gaming nicknames like PUBG and Free Fire.
Cursive Generator | Elegant & Fancy Unicode Text Styles
Cursive Generator

Elevate your digital presence. Instantly convert standard text into elegant Unicode cursive and stylish script for Instagram, TikTok, Discord, and more.
0 / 500 characters
All
Cursive
Elegant
Bold
Italic
Gaming
VIP
Love
Royal
Decorative
Minimal
Aesthetic
<!DOCTYPE html>
<htmmost comprehensivel lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=5"/>
<title>Cursive Generator — #1 Cursive Text Generator Copy and Paste Free</title>
<meta name="description" content="Free cursive generator with 120+ Unicode styles. Instantly convert text to cursive font copy and paste for Instagram, TikTok, Discord, gaming &amp; more. No sign-up required."/>
<meta name="keywords" content="cursive generator,cursive text generator,cursive font generator,cursive copy and paste,cursive font copy and paste,fancy text generator,unicode text converter,aesthetic text generator"/>
<meta name="robots" content="index,follow"/>
<link rel="canonical" href="https://cursivegenerator.info/"/>
<meta property="og:title" content="Cursive Generator — #1 Cursive Text Generator Free"/>
<meta property="og:description" content="Convert text to 120+ cursive &amp; fancy Unicode styles. Copy &amp; paste anywhere instantly."/>
<meta property="og:url" content="https://cursivegenerator.info/"/>
<meta property="og:type" content="website"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="Cursive Generator — Cursive Font Copy and Paste"/>
<meta name="twitter:description" content="120+ cursive &amp; fancy Unicode styles. Free, instant, no sign-up."/>
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>𝒞</text></svg>"/>
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+Math&display=swap" rel="stylesheet"/>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config={theme:{extend:{colors:{primary:'#7C3AED',secondary:'#8B5CF6',accent:'#A78BFA'},fontFamily:{inter:['Inter','system-ui','sans-serif'],math:['Noto Sans Math','Cambria Math','serif']}}}}
</script>

<!-- SCHEMA MARKUP -->
<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@graph":[
    {
      "@type":"Organization",
      "@id":"https://cursivegenerator.info/#organization",
      "name":"Cursive Generator",
      "url":"https://cursivegenerator.info/",
      "logo":{"@type":"ImageObject","url":"https://cursivegenerator.info/logo.png"},
      "contactPoint":{"@type":"ContactPoint","email":"cursivegenerator1@gmail.com","contactType":"customer support"},
      "sameAs":["https://cursivegenerator.info/"]
    },
    {
      "@type":"WebSite",
      "@id":"https://cursivegenerator.info/#website",
      "url":"https://cursivegenerator.info/",
      "name":"Cursive Generator",
      "description":"Free cursive text generator with 120+ Unicode styles for Instagram, TikTok, Discord, gaming and more.",
      "publisher":{"@id":"https://cursivegenerator.info/#organization"},
      "potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://cursivegenerator.info/?s={search_term_string}"},"query-input":"required name=search_term_string"}
    },
    {
      "@type":"WebApplication",
      "@id":"https://cursivegenerator.info/#app",
      "name":"Cursive Generator",
      "url":"https://cursivegenerator.info/",
      "description":"Free online cursive text generator. Convert any text to 120+ cursive, calligraphy and fancy Unicode styles instantly.",
      "applicationCategory":"UtilitiesApplication",
      "operatingSystem":"All",
      "browserRequirements":"Requires JavaScript",
      "offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},
      "featureList":"120+ Unicode styles, Copy paste cursive text, Instagram fonts, Gaming username generator, Symbol library"
    },
    {
      "@type":"BreadcrumbList",
      "@id":"https://cursivegenerator.info/#breadcrumb",
      "itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://cursivegenerator.info/"}]
    },
    {
      "@type":"FAQPage",
      "@id":"https://cursivegenerator.info/#faq",
      "mainEntity":[
        {"@type":"Question","name":"What is a cursive generator?","acceptedAnswer":{"@type":"Answer","text":"A cursive generator is a free online tool that converts regular text into Unicode cursive characters. Because the output uses real Unicode characters, you can copy and paste the styled text anywhere — Instagram, TikTok, Discord, WhatsApp, gaming profiles, and more."}},
        {"@type":"Question","name":"How do I use the cursive text generator?","acceptedAnswer":{"@type":"Answer","text":"Simply type or paste your text into the input box at the top of the page. The cursive generator instantly shows live previews of all styles. Click any Copy button to copy that style. Then paste it wherever you need it."}},
        {"@type":"Question","name":"Does cursive text work on Instagram?","acceptedAnswer":{"@type":"Answer","text":"Yes! Instagram fully supports Unicode cursive characters in bios, captions, stories, and DMs. The Bold Cursive, Elegant Cursive, and Bio Aesthetic styles are the most popular for Instagram."}},
        {"@type":"Question","name":"Is this cursive font generator free?","acceptedAnswer":{"@type":"Answer","text":"Yes, completely free. No sign-up, no downloads, no watermarks, no limits. Our cursive generator is 100% free to use for personal and commercial purposes."}},
        {"@type":"Question","name":"How many cursive styles does this generator have?","acceptedAnswer":{"@type":"Answer","text":"Our cursive generator offers over 120 unique Unicode text styles across categories including Cursive &amp; Calligraphy, Gothic &amp; Fraktur, Bold &amp; Italic, Aesthetic, Social Media, Gaming, Symbols, and more."}}
      ]
    }
  ]
}
</script>

<style>
  *,*::before,*::after{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:'Inter',system-ui,sans-serif;background:#F8FAFC;color:#111827;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  .font-math{font-family:'Noto Sans Math','Cambria Math','STIX Two Text','Segoe UI Symbol',serif}
  .gradient-text{background:linear-gradient(135deg,#7C3AED,#8B5CF6,#A78BFA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
  .gradient-bg{background:linear-gradient(135deg,#7C3AED,#8B5CF6)}
  .glass{background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .card-hover{transition:transform 0.2s ease,box-shadow 0.2s ease}
  .card-hover:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(124,58,237,0.12)}
  .copy-btn-anim{transition:all 0.15s ease}
  .copy-btn-anim:hover{opacity:0.88;transform:scale(0.97)}
  .faq-answer{max-height:0;overflow:hidden;transition:max-height 0.28s ease}
  .faq-answer.open{max-height:400px}
  .hero-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
  .float-anim{animation:float 4s ease-in-out infinite}
  ::-webkit-scrollbar{width:6px;height:6px}
  ::-webkit-scrollbar-track{background:#f1f5f9}
  ::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:3px}
  .cat-scroll::-webkit-scrollbar{height:0}
</style>
</head>
<body>

<!-- ═══════════════════════════════════════════════════════ -->
<!-- NAV -->
<!-- ═══════════════════════════════════════════════════════ -->

<!-- ═══════════════════════════════════════════════════════ -->
<!-- HERO -->
<!-- ═══════════════════════════════════════════════════════ -->
<header class="relative overflow-hidden" style="background:linear-gradient(135deg,rgba(124,58,237,0.06) 0%,rgba(139,92,246,0.08) 50%,rgba(167,139,250,0.04) 100%)">
  <div class="hero-orb w-96 h-96 bg-violet-200 opacity-30" style="top:-6rem;right:-6rem"></div>
  <div class="hero-orb w-64 h-64 bg-fuchsia-200 opacity-20" style="bottom:-4rem;left:-4rem"></div>
  <div class="relative z-10 max-w-4xl mx-auto px-4 pt-14 pb-8 text-center">
    <!-- Badge -->
    <div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-violet-100 border border-violet-200 text-violet-700 text-xs font-bold uppercase tracking-widest mb-5">
      <span>🪄</span> 120+ Unicode Styles &bull; Free &bull; No Sign-Up
    </div>
    <!-- H1 -->
    <h1 class="text-4xl sm:text-5xl lg:text-6xl font-black leading-tight mb-4">
      <span class="gradient-text">Cursive Generator</span>
    </h1>
    <p class="text-lg sm:text-xl text-gray-500 max-w-2xl mx-auto mb-2 leading-relaxed">
      The most powerful <strong class="text-gray-700">cursive text generator</strong> online. Convert any text to beautiful <strong class="text-gray-700">cursive font copy and paste</strong> styles — instant, free, and works everywhere.
    </p>
    <p class="text-sm text-gray-400 mb-8">Type below — styles update in real-time &bull; No generate button needed</p>
<p class="text-xs text-gray-400 mb-8">↑ Styles update live &bull; Click <strong>Copy</strong> on any card below</p>
<div class="flex flex-wrap justify-center gap-3">
      <a href="https://cursivegenerator.info/cursive-text-generator/" class="gradient-bg text-white font-bold px-8 py-3.5 rounded-full shadow-lg hover:opacity-90 transition-opacity text-base no-underline inline-flex items-center gap-2">
        🚀 Start Generating — It's Free
      </a>
      <a href="#categories" class="bg-white text-violet-700 font-bold px-7 py-3.5 rounded-full shadow border border-violet-200 hover:bg-violet-50 transition-colors text-base no-underline inline-flex items-center gap-2">
        🛠 Browse All Tools
      </a>
    </div>
  </div>
    <!-- INPUT -->
    <div id="tool" class="relative max-w-2xl mx-auto mb-6">
      <textarea id="main-input" rows="3" maxlength="500" placeholder="Type or paste your text here…" class="w-full px-5 py-4 pr-12 pb-8 rounded-2xl border-2 border-violet-200 bg-white/90 text-lg font-medium resize-none outline-none focus:border-violet-500 focus:shadow-lg focus:shadow-violet-100 transition-all placeholder-gray-300 shadow-md"></textarea>
      <button id="clear-btn" class="absolute top-3.5 right-3.5 text-gray-400 hover:text-gray-600 font-bold text-lg leading-none hidden" onclick="clearInput()">✕</button>
      <span id="char-count" class="absolute bottom-2.5 right-4 text-xs text-gray-400 pointer-events-none">0/500</span>
    </div>
    

    <!-- CATEGORY PILLS -->
    <div class="cat-scroll flex gap-2 overflow-x-auto pb-1 justify-start sm:justify-center max-w-3xl mx-auto mb-4 px-1" id="style-cats"></div>
    <div id="style-search-wrap" class="flex justify-center mb-4">
      <div class="relative w-full max-w-xs">
        <span class="absolute left- top-1/2 -translate-y-1/2 text-gray-400 text-sm">🔍</span>
        <input id="style-search" type="text" placeholder="Search styles…" class="w-full pl-9 pr-4 py-2 left-10 rounded-xl border border-violet-200 bg-white text-sm focus:outline-none focus:border-violet-400 transition"/>
      </div>
    </div>
    <p id="filter-info" class="text-xs text-gray-400 mb-3 h-4"></p>

    <!-- STYLES GRID -->
    <div id="styles-grid" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 text-left mt-2"></div>
  </div>
</header>

<!-- ═══════════════════════════════════════════════════════ -->
<!-- 30 CATEGORY SECTIONS -->
<!-- ═══════════════════════════════════════════════════════ -->
<section id="categories" class="max-w-6xl mx-auto px-4 py-16">
  <div class="text-center mb-12">
    <div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-violet-100 border border-violet-200 text-violet-700 text-xs font-bold uppercase tracking-widest mb-4">🛠 All Tools</div>
    <h2 class="text-3xl sm:text-4xl font-black gradient-text mb-3">Complete Typography Toolkit</h2>
    <p class="text-gray-500 max-w-xl mx-auto">Everything you need — cursive fonts, gaming names, aesthetic text, symbols, calligraphy, and 30+ specialized tool categories.</p>
  </div>
  <div id="categories-grid"></div>
</section>

<!-- ═══════════════════════════════════════════════════════ -->
<!-- STATS STRIP -->
<!-- ═══════════════════════════════════════════════════════ -->
<div class="gradient-bg py-10 px-4">
  <div class="max-w-4xl mx-auto grid grid-cols-2 sm:grid-cols-4 gap-6 text-center text-white">
    <div><div class="text-3xl font-black mb-1">120+</div><div class="text-violet-200 text-sm font-medium">Unicode Styles</div></div>
    <div><div class="text-3xl font-black mb-1">30+</div><div class="text-violet-200 text-sm font-medium">Tool Categories</div></div>
    <div><div class="text-3xl font-black mb-1">100%</div><div class="text-violet-200 text-sm font-medium">Free Forever</div></div>
    <div><div class="text-3xl font-black mb-1">∞</div><div class="text-violet-200 text-sm font-medium">Platforms Supported</div></div>
  </div>
</div>

<!-- ═══════════════════════════════════════════════════════ -->
<!-- SEO CONTENT -->
<!-- ═══════════════════════════════════════════════════════ -->
<article id="seo-content" class="max-w-4xl mx-auto px-4 py-16">
  <div class="glass rounded-3xl border border-violet-100 shadow-lg p-8 sm:p-12">
    <div class="text-center mb-10">
      <div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-violet-100 border border-violet-200 text-violet-700 text-xs font-bold uppercase tracking-widest mb-4">📖 Complete Guide</div>
      <h2 class="text-3xl sm:text-4xl font-black gradient-text mb-3">The Ultimate Guide to Cursive Generators &amp; Unicode Fonts</h2>
      <p class="text-gray-500">Everything you need to know about cursive text generators, Unicode fonts, and how to use them across every platform.</p>
    </div>

    <div class="prose max-w-none text-gray-700 space-y-6 leading-relaxed">

      <h3 class="text-2xl font-bold text-gray-900 mt-8 mb-3">What Is a Cursive Generator?</h3>
      <p>A <strong>cursive generator</strong> — also called a <strong>cursive text generator</strong>, <strong>cursive font generator</strong>, or <strong>cursive letter generator</strong> — is a free online tool that converts standard text into special Unicode characters that visually resemble cursive handwriting, elegant calligraphy, gothic lettering, and other decorative typefaces. Unlike traditional font tools that only change how text looks on your own screen or document, a Unicode-based cursive generator produces characters that are part of the international Unicode Standard, meaning the styled text works everywhere.</p>
      <p>When you copy and paste cursive text generated by our tool into Instagram, TikTok, Discord, Twitter/X, Facebook, YouTube, WhatsApp, gaming profiles, email, or any other platform, it appears in the exact same beautiful cursive style on every device that receives it — whether that's a Windows PC, a Mac, an iPhone, or an Android phone. This is the core power of the cursive font copy and paste approach: your creative styling travels with the text itself.</p>
      <p>Our <strong>cursive generator copy and paste</strong> tool offers over 120 distinct Unicode text styles organized into carefully curated categories. From the classic Mathematical Script cursive (𝒶𝒷𝒸) that most people picture when they think of "cursive font" to bold calligraphy (𝓪𝓫𝓬), gothic fraktur (𝔞𝔟𝔠), double-struck letters (𝕒𝕓𝕔), vaporwave aesthetics, glitch effects, and dozens of decorated border styles, our cursive text generator is the most comprehensive free tool of its kind.</p>

      <h3 class="text-2xl font-bold text-gray-900 mt-10 mb-3">How Unicode Cursive Fonts Actually Work</h3>
      <p>To understand why cursive font copy and paste is possible at all, you need to understand the Unicode Standard. Unicode is a universal character encoding system that assigns a unique numerical code to every character, symbol, and script used in human writing — over 140,000 characters across 159 scripts in the current version.</p>
      <p>Most people know Unicode for emoji (😊 🎉 ❤️), but the standard also includes the <strong>Mathematical Alphanumeric Symbols</strong> block (Unicode range U+1D400 through U+1D7FF). This block was originally designed to allow mathematicians to write equations using italic, bold, script, and fraktur letterforms consistently across different systems. However, creative internet users quickly realized that these mathematical characters visually resemble the stylized text used in social media bios, usernames, and creative writing.</p>
      <p>The key insight is this: a character like 𝒶 (Unicode U+1D4B6, Mathematical Script Small A) is a <em>different character</em> from the regular letter "a" (U+0061). Because it's a real Unicode character — not a font style applied to "a" — it can be typed into any text field, copied, pasted, sent over any messaging platform, and it retains its visual appearance everywhere that supports Unicode rendering. Today, virtually every modern operating system, browser, and app fully supports Unicode, which is why our cursive copy and paste generator works universally.</p>
      <p>Our cursive text generator maps each letter you type to its Unicode equivalent in 120+ different character sets. The conversion happens entirely in your browser — no data is ever sent to a server — making it instantly fast and completely private.</p>

      <h3 class="text-2xl font-bold text-gray-900 mt-10 mb-3">The Best Cursive Styles for Instagram</h3>
      <p>Instagram is the platform where cursive and fancy text generators are most prominently used. With over two billion monthly active users, standing out in the crowded Instagram landscape requires every creative advantage. A distinctive <strong>cursive font copy and paste</strong> style in your bio immediately signals personality, creativity, and attention to detail.</p>
      <h4 class="text-xl font-bold text-gray-800 mt-6 mb-2">Instagram Bio Cursive Fonts</h4>
      <p>Your Instagram bio allows 150 characters. Every character counts. The most effective cursive and fancy font styles for Instagram bios include:</p>
      <ul class="list-disc pl-6 space-y-2">
        <li><strong>Elegant Cursive (𝒶𝒷𝒸𝒹𝑒𝒻):</strong> The classic cursive look from the Mathematical Script Unicode block. Clean, elegant, and widely recognized as authentic "cursive font." Ideal for lifestyle bloggers, poets, fashion accounts, and anyone wanting a refined aesthetic.</li>
        <li><strong>Bold Cursive (𝓪𝓫𝓬𝓭𝓮𝓯):</strong> The bold version of Mathematical Script. More confident and impactful than regular cursive. Perfect for coaches, motivational accounts, and personal brands that want elegance with authority.</li>
        <li><strong>Bio Aesthetic (꧁𝓽𝓮𝔁𝓽꧂):</strong> Cursive text wrapped in decorative Unicode border ornaments. Extremely popular in South and Southeast Asian Instagram communities and increasingly global in reach.</li>
        <li><strong>Heart Cursive (♡𝓽𝓮𝔁𝓽♡):</strong> Bold cursive flanked by heart symbols. Popular among lifestyle, beauty, and wellness content creators.</li>
        <li><strong>Floral Cursive (❀𝒶𝒷𝒸❀):</strong> Elegant cursive with floral Unicode symbols. Works beautifully for wedding planners, florists, and nature-themed accounts.</li>
      </ul>
      <p>Pro tip: When using cursive font in your Instagram bio, combine it with strategic line breaks, emoji, and bullet points (•) for maximum visual impact. Instagram's bio doesn't support HTML formatting, but Unicode characters give you all the creative control you need.</p>
      <h4 class="text-xl font-bold text-gray-800 mt-6 mb-2">Instagram Caption Cursive Styles</h4>
      <p>In Instagram captions, strategically placed cursive text draws the eye to key phrases. The most effective approach is to use cursive for the <em>opening line</em> of your caption — the one visible before "more" in the feed — since this is your hook. Bold cursive and sans-bold italic styles from our <strong>cursive text generator</strong> are especially readable at the small sizes of caption preview text.</p>
      <p>Instagram Reels descriptions and Stories text stickers also support Unicode cursive characters. However, for Stories and Reels, emoji-flanked styles (like our "Rainbow Kawaii" or "Creator Badge" styles) tend to perform better as they're more eye-catching in the fast-scroll Stories environment.</p>

      <h3 class="text-2xl font-bold text-gray-900 mt-10 mb-3">TikTok Fonts — Stand Out on the FYP</h3>
      <p>TikTok's explosive growth has made it one of the most important platforms for cursive and fancy text generators. With over one billion monthly active users consuming content at lightning speed, your TikTok display name and bio need to make an immediate impression in the fraction of a second that a user decides whether to follow you.</p>
      <p>TikTok fully supports Unicode in display names, bios, and comments. The most popular <strong>TikTok fonts</strong> generated by our cursive generator are:</p>
      <ul class="list-disc pl-6 space-y-2">
        <li><strong>Bold Sans Italic:</strong> Reads clearly at the small size of TikTok display names on mobile screens. The slightly italic angle adds movement and personality.</li>
        <li><strong>Bold Cursive:</strong> The 𝓐𝓑𝓒 style is the most searched "TikTok font" style. It's recognizable, easy to read, and has an aspirational feel that resonates with TikTok's creator culture.</li>
        <li><strong>Vaporwave / Full Width:</strong> Ａ Ｅ Ｓ Ｔ Ｈ Ｅ Ｔ Ｉ Ｃ. The spaced-out full-width characters are a staple of TikTok's aesthetics community and any account leaning into a nostalgic, retro, or dreamy visual identity.</li>
        <li><strong>Glitch Effect:</strong> Popular with gaming, tech, and edgy content creators. The g̴l̶i̴t̵c̶h̷ effect is eye-catching in the busy TikTok feed.</li>
      </ul>
      <p>Important TikTok note: When choosing a display name font for TikTok, test it on both iOS and Android before committing, as font rendering can vary slightly between mobile platforms.</p>

      <h3 class="text-2xl font-bold text-gray-900 mt-10 mb-3">Discord Fonts — Personalize Your Server</h3>
      <p>Discord is the home of communities, gaming groups, creative collectives, and professional teams. With over 150 million monthly active users, Discord has become one of the most important platforms where <strong>fancy text generators</strong> and <strong>discord fonts</strong> are used daily.</p>
      <p>Unicode cursive and fancy text works throughout Discord:</p>
      <ul class="list-disc pl-6 space-y-2">
        <li><strong>Usernames and Nicknames:</strong> Your server nickname can use any Unicode style. Bold Gothic (𝕬𝕭𝕮) and Elegant Cursive (𝒜𝒷𝒸) are especially popular in gaming servers.</li>
        <li><strong>Server Names:</strong> Server owners can use Unicode in server names for a distinctive look in the server list sidebar.</li>
        <li><strong>Channel Names:</strong> Custom channel names with Unicode bullet points and symbols help organize servers visually.</li>
        <li><strong>Bios and About Me:</strong> Discord's profile About Me section supports Unicode text, making it perfect for a stylized description using Bold Cursive or Italic styles.</li>
        <li><strong>Messages:</strong> Unicode text in Discord messages pairs well with Discord's built-in markdown (bold, italic, strikethrough) for rich text formatting.</li>
      </ul>
      <p>The Monospace and Code styles from our generator are particularly popular with developers and tech communities on Discord, as they blend naturally with code snippets while still looking distinctive.</p>

      <h3 class="text-2xl font-bold text-gray-900 mt-10 mb-3">Gaming Username Generators — Level Up Your Identity</h3>
      <p>In competitive gaming, your username is your brand. Whether you're climbing ranked ladders in mobile games or building a streaming persona on Twitch, a distinctive gaming username styled with our <strong>cursive font generator</strong> immediately sets you apart from the thousands of players using default alphanumeric names.</p>
      <h4 class="text-xl font-bold text-gray-800 mt-6 mb-2">PUBG Mobile Stylish Names</h4>
      <p>PUBG Mobile is one of the world's most popular battle royale games and has one of the most active communities around stylish username generation. PUBG Mobile accepts Unicode characters in display names, making it one of the most Unicode-friendly mobile games available. Popular styles include Bold Gothic Fraktur (𝕬𝕭𝕮), the classic bio aesthetic borders (꧁☠text☠꧂), and Glitch effects.</p>
      <h4 class="text-xl font-bold text-gray-800 mt-6 mb-2">Free Fire Stylish Names</h4>
      <p>Garena Free Fire has one of the most passionate communities around stylish name generation, particularly in India, Brazil, and Southeast Asia. Free Fire supports a wide range of Unicode characters in player names, and the "fancy name" culture is extremely strong in these communities. Our Gothic, Cursive, and Gaming border styles are ideal for Free Fire profiles.</p>
      <h4 class="text-xl font-bold text-gray-800 mt-6 mb-2">Roblox Username Generator</h4>
      <p>While Roblox enforces alphanumeric-only usernames for official accounts, Unicode text can be used in Roblox group names, game descriptions, and display names in many contexts. Our cursive and fancy text styles are widely used in the Roblox community for creative descriptions and group branding.</p>
      <p>Other games with strong Unicode name support include Call of Duty Mobile, Mobile Legends, Genshin Impact, and many more. Always check a game's specific character support before committing to a name.</p>

      <h3 class="text-2xl font-bold text-gray-900 mt-10 mb-3">Calligraphy Font Generator — Digital Calligraphy Made Easy</h3>
      <p>Traditional calligraphy is the art of beautiful handwriting, with roots going back thousands of years across Chinese, Arabic, Latin, and countless other writing traditions. In the digital age, a <strong>calligraphy font generator</strong> allows anyone to create the visual impression of elegant calligraphic letterforms without years of practice with specialized brushes and inks.</p>
      <p>Our cursive generator draws from several Unicode character ranges that visually approximate calligraphic styles:</p>
      <ul class="list-disc pl-6 space-y-2">
        <li><strong>Mathematical Script:</strong> The closest Unicode equivalent to Western copperplate calligraphy — the elegant, flowing letterforms associated with Victorian-era formal writing.</li>
        <li><strong>Mathematical Bold Script:</strong> A heavier, more commanding version of the script style — resembling the bold Spencerian or ornamental calligraphy used in wedding invitations and diplomas.</li>
        <li><strong>Mathematical Fraktur:</strong> Gothic blackletter calligraphy — the style used in medieval manuscripts, German typography, and heavy metal aesthetics.</li>
        <li><strong>Mathematical Bold Fraktur:</strong> An even more powerful Gothic style, often used in gaming and branding contexts where a strong medieval or dark aesthetic is desired.</li>
      </ul>
      <p>While our digital calligraphy generator can't perfectly replicate the subtle variation of a real calligrapher's brushstroke, it provides an instant, universally compatible approximation that works for social media bios, digital invitations, and anywhere Unicode text is accepted.</p>

      <h3 class="text-2xl font-bold text-gray-900 mt-10 mb-3">Handwriting Generator — Your Signature Style Online</h3>
      <p>The <strong>handwriting generator</strong> concept has become increasingly relevant as digital communication has replaced physical handwriting in most everyday contexts. People crave the personal, human touch of handwritten text but need it in digital formats that work on screens and in digital documents.</p>
      <p>Our cursive and script Unicode styles serve as a digital handwriting generator, providing the visual warmth of personal handwriting in a format that works everywhere. The Mathematical Script style is particularly effective for this purpose, as the flowing, connected-looking letterforms evoke authentic cursive handwriting more than any other Unicode style.</p>
      <p>For wedding invitations, save-the-date cards, personal blogs, or creative social media content, the Bold Script and Elegant Cursive styles from our generator provide the most convincing digital handwriting effect while remaining fully Unicode-compatible across all platforms.</p>

      <h3 class="text-2xl font-bold text-gray-900 mt-10 mb-3">Aesthetic Text Generator — The Complete Guide</h3>
      <p>The term "aesthetic" in internet culture refers to a cohesive visual style or mood — and <strong>aesthetic text generators</strong> have become essential tools for anyone building a consistent online identity around a particular aesthetic theme.</p>
      <p>Different Unicode text styles map to different aesthetic identities:</p>
      <ul class="list-disc pl-6 space-y-2">
        <li><strong>Vaporwave / Retrowave Aesthetic:</strong> Full-width characters (Ａ Ｅ Ｓ Ｔ Ｈ Ｅ Ｔ Ｉ Ｃ) are the defining text style of vaporwave aesthetics, evoking early internet, Japanese city pop, and nostalgic digital imagery.</li>
        <li><strong>Soft Girl / Cottagecore Aesthetic:</strong> Elegant Cursive with floral and heart symbols (❀𝒶𝒷𝒸❀, ♡𝒶𝒷𝒸♡) fits beautifully with soft, nature-inspired, feminine aesthetics.</li>
        <li><strong>Dark Academia Aesthetic:</strong> Gothic Fraktur (𝔞𝔟𝔠) and Bold Gothic (𝖆𝖇𝖈) evoke leather-bound books, candlelit libraries, and classical European scholarship.</li>
        <li><strong>E-Girl / E-Boy Aesthetic:</strong> Glitch text and Zalgo effects fit the chaotic, digital-distortion aesthetic associated with alt internet culture.</li>
        <li><strong>Kawaii / Cute Aesthetic:</strong> Bold Script with heart and star decorations, combined with cute emoji, is the foundation of the kawaii online aesthetic popular in K-pop and J-pop fandoms.</li>
        <li><strong>Minimalist Aesthetic:</strong> Small Caps (ᴀʙᴄᴅᴇꜰ) and Tiny Text styles work beautifully for minimalist accounts that want a hint of stylization without overwhelming decoration.</li>
      </ul>

      <h3 class="text-2xl font-bold text-gray-900 mt-10 mb-3">Bubble Letter Generator &amp; Circle Font</h3>
      <p>Bubble letters and circled font styles are among the most distinctive and playful text effects available in our <strong>fancy text generator</strong>. The Unicode Standard includes multiple sets of enclosed alphabetic characters — letters inside circles, squares, and parentheses — that create the visual impression of bubble text or stamped letters.</p>
      <p>The Circled Letters style (Ⓐ Ⓑ Ⓒ) from Unicode's Enclosed Alphanumerics block is the most popular for bubble letter effects. The Filled Circles style (🅐 🅑 🅒) creates bold, filled bubble letters that stand out strongly in feeds and bios. The Squared Letters (🄰 🄱 🄲) and Filled Squares (🅰 🅱 🅲) styles provide blocky, stamped alternatives to the rounded bubble aesthetic.</p>

      <h3 class="text-2xl font-bold text-gray-900 mt-10 mb-3">Gothic Font Generator — Medieval to Modern</h3>
      <p>Gothic typography has a fascinating dual identity: rooted in the medieval blackletter scripts of 12th-century Europe, it has simultaneously become the defining aesthetic of heavy metal music, gaming, dark fashion, and edge-forward digital communities.</p>
      <p>Our <strong>gothic font generator</strong> draws from two main Unicode sources:</p>
      <ul class="list-disc pl-6 space-y-2">
        <li><strong>Mathematical Fraktur (𝔞𝔟𝔠𝔡𝔢𝔣):</strong> Regular-weight Gothic fraktur. Elegant and legible, often used for names, brands, and academic aesthetics.</li>
        <li><strong>Mathematical Bold Fraktur (𝖆𝖇𝖈𝖉𝖊𝖋):</strong> Bold, heavy Gothic. The style most associated with metal aesthetics, gaming clan tags, and dark creative identities.</li>
      </ul>
      <p>Gothic fonts are particularly popular for gaming usernames, metal band aesthetics, tattoo lettering inspiration, and any context where a powerful, historic, or dark visual identity is desired.</p>

      <h3 class="text-2xl font-bold text-gray-900 mt-10 mb-3">Small Text Generator, Tiny Text &amp; Superscript</h3>
      <p>The <strong>tiny text generator</strong> and small caps styles are beloved by users who want stylized text that's subtle rather than flamboyant. Small caps (ᴀʙᴄᴅᴇꜰɢʜɪ) use specialized Unicode characters to render lowercase letters at the visual size of lowercase but the shape of uppercase — a classic typographic technique used in editorial and luxury brand typography.</p>
      <p>Superscript and subscript text uses Unicode modifier letters and combining characters to create raised (ᵃᵇᶜ) and lowered (ₐᵦ꜀) text effects. These styles are popular for adding mathematical notation, footnote-style annotations, and subtle decorative effects to social media content.</p>

      <h3 class="text-2xl font-bold text-gray-900 mt-10 mb-3">Unicode Text Converter — Technical Foundation</h3>
      <p>At its core, every style in our <strong>unicode text converter</strong> works by remapping standard ASCII characters to specific Unicode code points. The conversion happens entirely client-side in your browser using JavaScript, making it instantaneous regardless of your internet connection speed — once the page loads, all conversions happen locally.</p>
      <p>An important technical note: JavaScript natively represents strings as UTF-16 sequences. Characters in Unicode planes above the Basic Multilingual Plane (like all the Mathematical Alphanumeric Symbols in our cursive generator) are represented as "surrogate pairs" — two UTF-16 code units that together represent one character. A common bug in poorly-built cursive generators is using standard array indexing (string[i]) to process text, which breaks surrogate pairs and produces garbled output. Our cursive generator correctly uses Unicode-aware iteration to handle all character types flawlessly.</p>
      <p>The Unicode compatibility across platforms is excellent for all modern software. Windows 10/11, macOS, iOS, and Android all include system fonts with coverage for the Mathematical Alphanumeric Symbols block. Some very old devices or specialized platforms may not render all styles correctly, but the vast majority of your audience will see your cursive text exactly as intended.</p>

      <h3 class="text-2xl font-bold text-gray-900 mt-10 mb-3">Copy and Paste Fonts — A Complete History</h3>
      <p>The phenomenon of <strong>copy and paste fonts</strong> as a creative tool emerged around 2012-2013 on platforms like Facebook and Tumblr, where users discovered that Unicode's Mathematical Alphanumeric Symbols could be used to create distinctive display names and bios. The trend accelerated dramatically with Instagram's growth between 2014 and 2017, as the platform's emphasis on visual identity made distinctive bio fonts a key differentiation strategy.</p>
      <p>By 2018, TikTok's global expansion introduced a new generation of users to fancy text generators, particularly the bold cursive and gothic styles that became associated with the platform's creator culture. The gaming community, particularly mobile gaming communities in South and Southeast Asia, developed their own rich traditions around stylish name generation, with platforms like PUBG Mobile seeing millions of players using Unicode-styled display names.</p>
      <p>Today, copy and paste fonts have become a mainstream creative tool used by professional content creators, brand managers, educators, gamers, and everyday social media users worldwide. What began as a niche internet subculture hack has become a recognized part of digital communication design.</p>

      <h3 class="text-2xl font-bold text-gray-900 mt-10 mb-3">Fancy Text Generator Trends 2024-2025</h3>
      <p>The landscape of <strong>fancy text generators</strong> and stylish text continues to evolve rapidly. Current trends include:</p>
      <ul class="list-disc pl-6 space-y-2">
        <li><strong>Layered aesthetics:</strong> Combining Unicode styles with emoji and symbol decorations for multi-dimensional visual effects — for example, combining cursive text with celestial symbols for a "dark academia" or "cottagecore" bio.</li>
        <li><strong>Platform-native integration:</strong> Creators using different cursive and fancy text styles to signal their platform identity — bold gothic for gaming, elegant cursive for lifestyle content, glitch text for tech content.</li>
        <li><strong>Micro-branding:</strong> Personal and small business brands using consistent fancy text styles across all social platforms to create a recognizable visual identity without requiring graphic design skills or custom fonts.</li>
        <li><strong>AI-enhanced discovery:</strong> Users asking AI assistants to suggest the best cursive font for their specific aesthetic, then using generators like ours to implement the suggestions.</li>
      </ul>

      <h3 class="text-2xl font-bold text-gray-900 mt-10 mb-3">How to Use Cursive Text Professionally</h3>
      <p>While cursive and fancy Unicode text is most commonly associated with social media creativity, there are legitimate professional applications:</p>
      <ul class="list-disc pl-6 space-y-2">
        <li><strong>LinkedIn Posts:</strong> LinkedIn doesn't offer native text formatting for posts, but Unicode bold and italic characters allow creators to add emphasis and structure to their posts, significantly improving readability and engagement.</li>
        <li><strong>Email Signatures:</strong> Unicode cursive characters in email signatures add a personal, premium touch that distinguishes your correspondence from standard email.</li>
        <li><strong>WordPress Content:</strong> Since Unicode characters are just text, they work in WordPress posts, pages, widgets, and custom HTML blocks without any special plugin or configuration.</li>
        <li><strong>Digital Marketing:</strong> Advertisers use Unicode bold and cursive in social media ad copy to draw attention to key phrases within character-limited text fields.</li>
        <li><strong>Presentations:</strong> Google Slides and Microsoft PowerPoint both support Unicode, allowing for stylized text elements without requiring custom font installation.</li>
      </ul>

      <h3 class="text-2xl font-bold text-gray-900 mt-10 mb-3">Tips for Using Cursive Font Generator Like a Pro</h3>
      <ul class="list-disc pl-6 space-y-2">
        <li><strong>Test on multiple platforms:</strong> Before finalizing a cursive style for a key platform, test it by copying and pasting into a post draft to see how it renders in context.</li>
        <li><strong>Consider readability:</strong> The most beautiful cursive style is worthless if your audience can't read it. Bold Script and Sans Bold styles offer the best balance of visual interest and legibility.</li>
        <li><strong>Use strategically:</strong> Apply cursive and fancy text to the most important words rather than entire paragraphs. Selective use creates more impact than wall-to-wall styling.</li>
        <li><strong>Match your aesthetic:</strong> Choose styles that reinforce your visual identity. Elegant Cursive for refined/luxury aesthetics, Gothic for dark/gaming, Vaporwave for retro/nostalgic, Bubble for playful/cute.</li>
        <li><strong>Consider accessibility:</strong> Screen readers may read Unicode mathematical characters differently from their Latin equivalents. For content requiring high accessibility, limit fancy text to decorative elements rather than essential information.</li>
        <li><strong>Combine with emoji:</strong> Unicode cursive text and emoji are natural creative partners. The contrast between elegant cursive letterforms and expressive emoji creates visually dynamic combinations.</li>
      </ul>
    </div>
  </div>
</article>

<!-- ═══════════════════════════════════════════════════════ -->
<!-- FAQ -->
<!-- ═══════════════════════════════════════════════════════ -->
<section id="faq" class="max-w-3xl mx-auto px-4 pb-16">
  <div class="text-center mb-10">
    <div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-violet-100 border border-violet-200 text-violet-700 text-xs font-bold uppercase tracking-widest mb-4">❓ FAQ</div>
    <h2 class="text-3xl font-black gradient-text mb-3">Frequently Asked Questions</h2>
    <p class="text-gray-500">Everything you need to know about cursive text generators and Unicode fonts.</p>
  </div>
  <div id="faq-list" class="space-y-3"></div>
</section>

<!-- ═══════════════════════════════════════════════════════ -->


<!-- ═══════════════════════════════════════════════════════ -->
<!-- JAVASCRIPT ENGINE -->
<!-- ═══════════════════════════════════════════════════════ -->
<script>
// ── Unicode maps ─────────────────────────────────────────
function MKMAP(from,to){const m={};const f=[...from],t=[...to];for(let i=0;i<f.length;i++)m[f[i]]=t[i];return m;}
function applyMap(text,map){return[...text].map(c=>map[c]??c).join('');}
const L='abcdefghijklmnopqrstuvwxyz',U='ABCDEFGHIJKLMNOPQRSTUVWXYZ',D='0123456789';
const msMap={...MKMAP(L,'𝒶𝒷𝒸𝒹𝑒𝒻𝑔𝒽𝒾𝒿𝓀𝓁𝓂𝓃𝑜𝓅𝓆𝓇𝓈𝓉𝓊𝓋𝓌𝓍𝓎𝓏'),...MKMAP(U,'𝒜ℬ𝒞𝒟ℰℱ𝒢ℋℐ𝒥𝒦ℒℳ𝒩𝒪𝒫𝒬ℛ𝒮𝒯𝒰𝒱𝒲𝒳𝒴𝒵')};
const bsMap={...MKMAP(L,'𝓪𝓫𝓬𝓭𝓮𝓯𝓰𝓱𝓲𝓳𝓴𝓵𝓶𝓷𝓸𝓹𝓺𝓻𝓼𝓽𝓾𝓿𝔀𝔁𝔂𝔃'),...MKMAP(U,'𝓐𝓑𝓒𝓓𝓔𝓕𝓖𝓗𝓘𝓙𝓚𝓛𝓜𝓝𝓞𝓟𝓠𝓡𝓢𝓣𝓤𝓥𝓦𝓧𝓨𝓩')};
const fkMap={...MKMAP(L,'𝔞𝔟𝔠𝔡𝔢𝔣𝔤𝔥𝔦𝔧𝔨𝔩𝔪𝔫𝔬𝔭𝔮𝔯𝔰𝔱𝔲𝔳𝔴𝔵𝔶𝔷'),...MKMAP(U,'𝔄𝔅ℭ𝔇𝔈𝔉𝔊ℌℑ𝔍𝔎𝔏𝔐𝔑𝔒𝔓𝔔ℜ𝔖𝔗𝔘𝔙𝔚𝔛𝔜ℨ')};
const bfMap={...MKMAP(L,'𝖆𝖇𝖈𝖉𝖊𝖋𝖌𝖍𝖎𝖏𝖐𝖑𝖒𝖓𝖔𝖕𝖖𝖗𝖘𝖙𝖚𝖛𝖜𝖝𝖞𝖟'),...MKMAP(U,'𝕬𝕭𝕮𝕯𝕰𝕱𝕲𝕳𝕴𝕵𝕶𝕷𝕸𝕹𝕺𝕻𝕼𝕽𝕾𝕿𝖀𝖁𝖂𝖃𝖄𝖅')};
const dsMap={...MKMAP(L,'𝕒𝕓𝕔𝕕𝕖𝕗𝕘𝕙𝕚𝕛𝕜𝕝𝕞𝕟𝕠𝕡𝕢𝕣𝕤𝕥𝕦𝕧𝕨𝕩𝕪𝕫'),...MKMAP(U,'𝔸𝔹ℂ𝔻𝔼𝔽𝔾ℍ𝕀𝕁𝕂𝕃𝕄ℕ𝕆ℙℚℝ𝕊𝕋𝕌𝕍𝕎𝕏𝕐ℤ')};
const bdMap={...MKMAP(L,'𝐚𝐛𝐜𝐝𝐞𝐟𝐠𝐡𝐢𝐣𝐤𝐥𝐦𝐧𝐨𝐩𝐪𝐫𝐬𝐭𝐮𝐯𝐰𝐱𝐲𝐳'),...MKMAP(U,'𝐀𝐁𝐂𝐃𝐄𝐅𝐆𝐇𝐈𝐉𝐊𝐋𝐌𝐍𝐎𝐏𝐐𝐑𝐒𝐓𝐔𝐕𝐖𝐗𝐘𝐙')};
const sbMap={...MKMAP(L,'𝗮𝗯𝗰𝗱𝗲𝗳𝗴𝗵𝗶𝗷𝗸𝗹𝗺𝗻𝗼𝗽𝗾𝗿𝘀𝘁𝘂𝘃𝘄𝘅𝘆𝘇'),...MKMAP(U,'𝗔𝗕𝗖𝗗𝗘𝗙𝗚𝗛𝗜𝗝𝗞𝗟𝗠𝗡𝗢𝗣𝗤𝗥𝗦𝗧𝗨𝗩𝗪𝗫𝗬𝗭')};
const sbiMap={...MKMAP(L,'𝙖𝙗𝙘𝙙𝙚𝙛𝙜𝙝𝙞𝙟𝙠𝙡𝙢𝙣𝙤𝙥𝙦𝙧𝙨𝙩𝙪𝙫𝙬𝙭𝙮𝙯'),...MKMAP(U,'𝘼𝘽𝘾𝘿𝙀𝙁𝙂𝙃𝙄𝙅𝙆𝙇𝙈𝙉𝙊𝙋𝙌𝙍𝙎𝙏𝙐𝙑𝙒𝙓𝙔𝙕')};
const mnMap={...MKMAP(L,'𝚊𝚋𝚌𝚍𝚎𝚏𝚐𝚑𝚒𝚓𝚔𝚕𝚖𝚗𝚘𝚙𝚚𝚛𝚜𝚝𝚞𝚟𝚠𝚡𝚢𝚣'),...MKMAP(U,'𝙰𝙱𝙲𝙳𝙴𝙵𝙶𝙷𝙸𝙹𝙺𝙻𝙼𝙽𝙾𝙿𝚀𝚁𝚂𝚃𝚄𝚅𝚆𝚇𝚈𝚉')};
const itMap={...MKMAP(L,'𝑎𝑏𝑐𝑑𝑒𝑓𝑔ℎ𝑖𝑗𝑘𝑙𝑚𝑛𝑜𝑝𝑞𝑟𝑠𝑡𝑢𝑣𝑤𝑥𝑦𝑧'),...MKMAP(U,'𝐴𝐵𝐶𝐷𝐸𝐹𝐺𝐻𝐼𝐽𝐾𝐿𝑀𝑁𝑂𝑃𝑄𝑅𝑆𝑇𝑈𝑉𝑊𝑋𝑌𝑍')};
const siMap={...MKMAP(L,'𝘢𝘣𝘤𝘥𝘦𝘧𝘨𝘩𝘪𝘫𝘬𝘭𝘮𝘯𝘰𝘱𝘲𝘳𝘴𝘵𝘶𝘷𝘸𝘹𝘺𝘻'),...MKMAP(U,'𝘈𝘉𝘊𝘋𝘌𝘍𝘎𝘏𝘐𝘑𝘒𝘓𝘔𝘕𝘖𝘗𝘘𝘙𝘚𝘛𝘜𝘝𝘞𝘟𝘠𝘡')};
const snMap={...MKMAP(L,'𝖺𝖻𝖼𝖽𝖾𝖿𝗀𝗁𝗂𝗃𝗄𝗅𝗆𝗇𝗈𝗉𝗊𝗋𝗌𝗍𝗎𝗏𝗐𝗑𝗒𝗓'),...MKMAP(U,'𝖠𝖡𝖢𝖣𝖤𝖥𝖦𝖧𝖨𝖩𝖪𝖫𝖬𝖭𝖮𝖯𝖰𝖱𝖲𝖳𝖴𝖵𝖶𝖷𝖸𝖹')};
const fwMap={...MKMAP(L,'ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ'),...MKMAP(U,'ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ')};
const crMap={...MKMAP(L,'ⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙⓚⓛⓜⓝⓞⓟⓠⓡⓢⓣⓤⓥⓦⓧⓨⓩ'),...MKMAP(U,'ⒶⒷⒸⒹⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉⓊⓋⓌⓍⓎⓏ')};
const scMap=MKMAP(L,'ᴀʙᴄᴅᴇꜰɢʜɪᴊᴋʟᴍɴᴏᴘǫʀsᴛᴜᴠᴡxʏᴢ');
const tinyMap={...MKMAP(L,'ᵃᵇᶜᵈᵉᶠᵍʰⁱʲᵏˡᵐⁿᵒᵖᵠʳˢᵗᵘᵛʷˣʸᶻ'),...MKMAP(U,'ᴬᴮᶜᴰᴱᶠᴳᴴᴵᴶᴷᴸᴹᴺᴼᴾQᴿˢᵀᵁᵛᵂˣʸᶻ')};
const udMap=MKMAP('abcdefghijklmnopqrstuvwxyz','ɐqɔpǝɟbɥᴉɾʞlɯuodbɹsʇnʌʍxʎz');
const leetMap={a:'4',b:'8',c:'(',e:'3',g:'9',i:'!',l:'1',o:'0',s:'5',t:'7',A:'4',B:'8',C:'(',E:'3',G:'9',I:'!',L:'1',O:'0',S:'5',T:'7'};
function glitch(t,n=2){const G=['̴','̵','̶','̷','̸'];return[...t].map(c=>c===' '?c:c+G.slice(0,n).join('')).join('');}
function vaporwave(t){return[...t].map(c=>{const code=c.charCodeAt(0);return(code>=33&&code<=126)?String.fromCodePoint(code+0xFEE0):(c===' '?'　':c);}).join('');}
function strikethrough(t){return[...t].map(c=>c===' '?c:c+'̶').join('');}
function underline(t){return[...t].map(c=>c===' '?c:c+'̲').join('');}
function altCase(t){return[...t].map((c,i)=>i%2===0?c.toUpperCase():c.toLowerCase()).join('');}

// ── Style definitions ─────────────────────────────────────
const STYLES=[
  {id:'ms',name:'Elegant Cursive',cat:'Cursive',badge:'Classic',bc:'bg-violet-100 text-violet-700',fn:t=>applyMap(t,msMap)},
  {id:'bs',name:'Bold Cursive',cat:'Cursive',badge:'Bold',bc:'bg-indigo-100 text-indigo-700',fn:t=>applyMap(t,bsMap)},
  {id:'ms-heart',name:'Heart Cursive',cat:'Cursive',badge:'♡',bc:'bg-pink-100 text-pink-600',fn:t=>'♡ '+applyMap(t,bsMap)+' ♡'},
  {id:'ms-star',name:'Star Cursive',cat:'Cursive',badge:'✦',bc:'bg-yellow-100 text-yellow-700',fn:t=>'✦ '+applyMap(t,msMap)+' ✦'},
  {id:'ms-bio',name:'Bio Aesthetic',cat:'Cursive',badge:'Bio',bc:'bg-fuchsia-100 text-fuchsia-700',fn:t=>'꧁'+applyMap(t,bsMap)+'꧂'},
  {id:'ms-floral',name:'Floral Cursive',cat:'Cursive',fn:t=>'❀ '+applyMap(t,msMap)+' ❀'},
  {id:'ms-moon',name:'Moon Cursive',cat:'Cursive',badge:'Moon',bc:'bg-slate-100 text-slate-700',fn:t=>'☽ '+applyMap(t,msMap)+' ☾'},
  {id:'ms-infinity',name:'Infinity Cursive',cat:'Cursive',fn:t=>'∞ '+applyMap(t,bsMap)+' ∞'},
  {id:'bd',name:'Bold',cat:'Bold',badge:'Bold',bc:'bg-indigo-100 text-indigo-700',fn:t=>applyMap(t,bdMap)},
  {id:'it',name:'Italic',cat:'Bold',badge:'Italic',bc:'bg-violet-100 text-violet-700',fn:t=>applyMap(t,itMap)},
  {id:'sb',name:'Sans Bold',cat:'Bold',fn:t=>applyMap(t,sbMap)},
  {id:'sbi',name:'Sans Bold Italic',cat:'Bold',fn:t=>applyMap(t,sbiMap)},
  {id:'si',name:'Sans Italic',cat:'Bold',fn:t=>applyMap(t,siMap)},
  {id:'fk',name:'Gothic Fraktur',cat:'Gothic',badge:'Gothic',bc:'bg-gray-800 text-green-300',fn:t=>applyMap(t,fkMap)},
  {id:'bf',name:'Bold Gothic',cat:'Gothic',badge:'Gothic',bc:'bg-gray-800 text-green-300',fn:t=>applyMap(t,bfMap)},
  {id:'bf-crown',name:'Crown Gothic',cat:'Gothic',fn:t=>'♛ '+applyMap(t,bfMap)+' ♛'},
  {id:'bf-skull',name:'Skull Gothic',cat:'Gothic',fn:t=>'☠ '+applyMap(t,bfMap)+' ☠'},
  {id:'ds',name:'Double Struck',cat:'Aesthetic',badge:'Math',bc:'bg-blue-100 text-blue-700',fn:t=>applyMap(t,dsMap)},
  {id:'vw',name:'Vaporwave',cat:'Aesthetic',badge:'Retro',bc:'bg-fuchsia-100 text-fuchsia-700',fn:t=>vaporwave(t)},
  {id:'sc',name:'Small Caps',cat:'Aesthetic',fn:t=>applyMap(t.toLowerCase(),scMap)},
  {id:'tiny',name:'Tiny Text',cat:'Aesthetic',badge:'Tiny',bc:'bg-green-100 text-green-700',fn:t=>applyMap(t,tinyMap)},
  {id:'cr',name:'Circled Letters',cat:'Aesthetic',badge:'⊙',bc:'bg-sky-100 text-sky-700',fn:t=>applyMap(t,crMap)},
  {id:'mn',name:'Monospace',cat:'Tech',badge:'Code',bc:'bg-emerald-100 text-emerald-700',fn:t=>applyMap(t,mnMap)},
  {id:'strike',name:'Strikethrough',cat:'Deco',fn:t=>strikethrough(t)},
  {id:'under',name:'Underlined',cat:'Deco',fn:t=>underline(t)},
  {id:'altcase',name:'AlTeRnAtInG',cat:'Deco',badge:'Meme',bc:'bg-yellow-100 text-yellow-700',fn:t=>altCase(t)},
  {id:'glitch',name:'Glitch Effect',cat:'Deco',badge:'Glitch',bc:'bg-red-100 text-red-700',fn:t=>glitch(t,2)},
  {id:'ud',name:'Upside Down',cat:'Deco',badge:'Flip',bc:'bg-orange-100 text-orange-700',fn:t=>[...applyMap(t.toLowerCase(),udMap)].reverse().join('')},
  {id:'leet',name:'Leet Speak',cat:'Deco',badge:'1337',bc:'bg-green-100 text-green-700',fn:t=>[...t].map(c=>leetMap[c]??c).join('')},
  {id:'gm-fancy',name:'Gaming Username',cat:'Gaming',badge:'Gaming',bc:'bg-gray-900 text-green-400',fn:t=>'꧁༒'+applyMap(t,bfMap)+'༒꧂'},
  {id:'gm-crown',name:'Crown Username',cat:'Gaming',fn:t=>'♛'+applyMap(t,bfMap)+'♛'},
  {id:'gm-fire',name:'Fire Username',cat:'Gaming',fn:t=>'🔥'+applyMap(t,sbMap)+'🔥'},
  {id:'gm-blade',name:'Blade Gaming',cat:'Gaming',fn:t=>'⚔ '+applyMap(t,bfMap)+' ⚔'},
  {id:'fw',name:'Full Width / Wide',cat:'Social',fn:t=>applyMap(t,fwMap)},
  {id:'insta',name:'Instagram Style',cat:'Social',badge:'Insta',bc:'bg-fuchsia-100 text-fuchsia-700',fn:t=>applyMap(t,bsMap)},
  {id:'hashtag',name:'Hashtag Bold',cat:'Social',fn:t=>'#'+applyMap(t.replace(/\s+/g,''),sbMap)},
  {id:'sparkle',name:'Sparkle Style',cat:'Social',fn:t=>'✨ '+applyMap(t,msMap)+' ✨'},
];

// ── State ─────────────────────────────────────────────────
let inputText='',searchQ='',activeCat='All';
const cats=['All',...new Set(STYLES.map(s=>s.cat))];

// ── Category pills ─────────────────────────────────────────
const catsEl=document.getElementById('style-cats');
function buildCatPills(){
  catsEl.innerHTML=cats.map(c=>`<button onclick="setcat('${c}')" class="cat-pill flex-shrink-0 px-3 py-1.5 rounded-full text-xs font-bold border transition-all ${c===activeCat?'bg-violet-600 text-white border-violet-600 shadow':'bg-white text-gray-500 border-gray-200 hover:border-violet-400'}">${c}</button>`).join('');
}
function setcat(c){activeCat=c;buildCatPills();renderGrid();}
window.setcat=setcat;
document.getElementById('style-search').addEventListener('input',function(){searchQ=this.value;renderGrid();});

// ── Render style grid ─────────────────────────────────────
function renderGrid(){
  let styles=STYLES;
  if(activeCat!=='All')styles=styles.filter(s=>s.cat===activeCat);
  if(searchQ.trim())styles=styles.filter(s=>s.name.toLowerCase().includes(searchQ.toLowerCase()));
  const fi=document.getElementById('filter-info');
  fi.textContent=(searchQ||activeCat!=='All')?`Showing ${styles.length} of ${STYLES.length} styles`:'';
  const placeholder='Type something above…';
  const text=inputText||placeholder;
  const isEmpty=!inputText;
  const grid=document.getElementById('styles-grid');
  if(!styles.length){grid.innerHTML=`<div class="col-span-full text-center py-12 text-gray-400"><div class="text-5xl mb-3">𝒩</div><p class="font-semibold">No styles match your search</p></div>`;return;}
  grid.innerHTML=styles.map(s=>{
    const out=s.fn(text);
    const badge=s.badge?`<span class="text-xs font-bold px-2 py-0.5 rounded-full ${s.bc||'bg-gray-100 text-gray-600'}">${s.badge}</span>`:'';
    return `<div class="glass rounded-xl border border-violet-100 p-4 card-hover shadow-sm">
      <div class="flex items-center justify-between gap-2 mb-3">
        <div class="flex items-center gap-2 min-w-0">
          <span class="font-bold text-sm text-gray-800 truncate">${s.name}</span>
          ${badge}
        </div>
        <button onclick="copyStyle('${s.id}')" id="cbtn-${s.id}" class="copy-btn-anim flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-lg ${isEmpty?'bg-gray-200 text-gray-400 cursor-not-allowed':'bg-violet-600 hover:bg-violet-700 text-white'} text-xs font-bold transition-colors" ${isEmpty?'disabled':''}>
          <span id="cbtn-icon-${s.id}">⧉</span> <span id="cbtn-text-${s.id}">Copy</span>
        </button>
      </div>
      <div class="font-math text-base leading-relaxed break-words ${isEmpty?'text-gray-300 italic text-sm':'text-gray-800'}">${esc(out)}</div>
    </div>`;
  }).join('');
}

function esc(t){return t.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');}

async function copyStyle(id){
  const s=STYLES.find(x=>x.id===id);
  if(!s||!inputText)return;
  const text=s.fn(inputText);
  try{await navigator.clipboard.writeText(text);}catch{const el=document.createElement('textarea');el.value=text;document.body.appendChild(el);el.select();document.execCommand('copy');document.body.removeChild(el);}
  const btn=document.getElementById('cbtn-'+id);
  const txt=document.getElementById('cbtn-text-'+id);
  if(btn&&txt){btn.classList.replace('bg-violet-600','bg-emerald-500');btn.classList.replace('hover:bg-violet-700','hover:bg-emerald-600');txt.textContent='Copied!';}
  setTimeout(()=>{renderGrid();},2000);
}
window.copyStyle=copyStyle;

// ── Input ─────────────────────────────────────────────────
document.getElementById('main-input').addEventListener('input',function(){
  inputText=this.value;
  document.getElementById('char-count').textContent=[...inputText].length+'/500';
  document.getElementById('clear-btn').classList.toggle('hidden',!inputText);
  renderGrid();
});
function clearInput(){document.getElementById('main-input').value='';inputText='';document.getElementById('char-count').textContent='0/500';document.getElementById('clear-btn').classList.add('hidden');renderGrid();}
window.clearInput=clearInput;

// ── Category Sections ─────────────────────────────────────
const TOOL_CATS=[
  {title:'Cursive Letter Tools',emoji:'🔤',desc:'Generate individual cursive letters and alphabets.',slug:'cursive-letters',tools:['A in Cursive','B in Cursive','C in Cursive'],slugs:['a-in-cursive','b-in-cursive','c-in-cursive']},
  {title:'Cursive Name Tools',emoji:'✍️',desc:'Transform names into elegant cursive styles.',slug:'cursive-names',tools:['Name in Cursive Generator','Signature Name Generator','Stylish Name Generator'],slugs:['name-in-cursive','signature-name','stylish-name']},
  {title:'Social Media Font Tools',emoji:'📲',desc:'Fonts optimized for every major social platform.',slug:'social-fonts',tools:['Instagram Fonts','TikTok Fonts','Discord Fonts'],slugs:['instagram-fonts','tiktok-fonts','discord-fonts']},
  {title:'Social Media Bio Tools',emoji:'💬',desc:'Create standout bios for all your profiles.',slug:'bio-tools',tools:['Instagram Bio Generator','TikTok Bio Generator','Discord Bio Generator'],slugs:['instagram-bio','tiktok-bio','discord-bio']},
  {title:'Gaming Font Tools',emoji:'🎮',desc:'Stylish names for PUBG, Free Fire, Roblox & more.',slug:'gaming-fonts',tools:['PUBG Stylish Name Generator','Free Fire Stylish Name','Roblox Username Generator'],slugs:['pubg-name','free-fire-name','roblox-username']},
  {title:'Username Generator Tools',emoji:'👤',desc:'Creative username ideas for every platform.',slug:'username-generators',tools:['Username Generator','Aesthetic Username Generator','Cool Username Generator'],slugs:['username-generator','aesthetic-username','cool-username']},
  {title:'Fancy Font Generator Tools',emoji:'🎨',desc:'Generate beautiful fancy & decorative fonts.',slug:'fancy-fonts',tools:['Fancy Text Generator','Stylish Text Generator','Cool Font Generator'],slugs:['fancy-text','stylish-text','cool-font']},
  {title:'Calligraphy Tools',emoji:'🖋️',desc:'Digital calligraphy fonts for every occasion.',slug:'calligraphy',tools:['Calligraphy Font Generator','Wedding Calligraphy Generator','Signature Calligraphy Generator'],slugs:['calligraphy-font','wedding-calligraphy','signature-calligraphy']},
  {title:'Handwriting Tools',emoji:'📝',desc:'Simulate beautiful handwriting styles digitally.',slug:'handwriting',tools:['Handwriting Generator','AI Handwriting Generator','Student Handwriting Generator'],slugs:['handwriting-generator','ai-handwriting','student-handwriting']},
  {title:'Symbol Tools',emoji:'✦',desc:'Thousands of copy-paste symbols at your fingertips.',slug:'symbols',tools:['Symbols Copy Paste','Cute Symbols','Aesthetic Symbols'],slugs:['symbols','cute-symbols','aesthetic-symbols']},
  {title:'Heart Tools',emoji:'❤️',desc:'Heart symbols and fonts for romantic content.',slug:'hearts',tools:['Heart Copy Paste','Heart Font Generator','Heart Text Generator'],slugs:['heart-copy-paste','heart-font','heart-text']},
  {title:'Emoji Tools',emoji:'😊',desc:'Emoji-styled text and aesthetic emoji combinations.',slug:'emoji',tools:['Emoji Text Generator','Aesthetic Emoji Generator','Cute Emoji Generator'],slugs:['emoji-text','aesthetic-emoji','cute-emoji']},
  {title:'Aesthetic Text Tools',emoji:'🌸',desc:'Soft, aesthetic and dreamy text styles.',slug:'aesthetic',tools:['Aesthetic Font Generator','Aesthetic Text Generator','Soft Aesthetic Fonts'],slugs:['aesthetic-font','aesthetic-text','soft-aesthetic']},
  {title:'Bubble Text Tools',emoji:'⭕',desc:'Bubble letters, circle text and enclosed styles.',slug:'bubble',tools:['Bubble Letter Generator','Bubble Text Generator','Circle Font Generator'],slugs:['bubble-letters','bubble-text','circle-font']},
  {title:'Glitch & Gamer Text Tools',emoji:'⚡',desc:'Glitch, creepy, and hacker-style text effects.',slug:'glitch',tools:['Glitch Text Generator','Hacker Font Generator','Creepy Text Generator'],slugs:['glitch-text','hacker-font','creepy-text']},
  {title:'Unicode Tools',emoji:'🔣',desc:'Full Unicode text converter and font tools.',slug:'unicode',tools:['Unicode Text Converter','Unicode Font Generator','Unicode Cursive Generator'],slugs:['unicode-converter','unicode-font','unicode-cursive']},
  {title:'Small Text Tools',emoji:'🔡',desc:'Tiny text, small caps, superscript and more.',slug:'small-text',tools:['Tiny Text Generator','Small Caps Generator','Superscript Generator'],slugs:['tiny-text','small-caps','superscript']},
  {title:'Decorative Text Tools',emoji:'🌺',desc:'Floral, crown and ornamental text styles.',slug:'decorative',tools:['Decorative Text Generator','Floral Text Generator','Crown Text Generator'],slugs:['decorative-text','floral-text','crown-text']},
  {title:'Monospace & Tech Tools',emoji:'💻',desc:'Developer, typewriter and monospace fonts.',slug:'monospace',tools:['Monospace Generator','Typewriter Font Generator','Developer Font Generator'],slugs:['monospace','typewriter-font','developer-font']},
  {title:'Gothic & Medieval Tools',emoji:'🏰',desc:'Gothic, Fraktur and medieval blackletter styles.',slug:'gothic',tools:['Gothic Font Generator','Medieval Font Generator','Fraktur Generator'],slugs:['gothic-font','medieval-font','fraktur']},
  {title:'Logo & Branding Tools',emoji:'🏷️',desc:'Premium font styles for logos and brands.',slug:'logo-branding',tools:['Logo Font Generator','Boutique Logo Generator','Beauty Logo Fonts'],slugs:['logo-font','boutique-logo','beauty-fonts']},
  {title:'Wedding & Event Tools',emoji:'💍',desc:'Elegant fonts for weddings and special events.',slug:'wedding',tools:['Wedding Font Generator','Invitation Font Generator','Save The Date Generator'],slugs:['wedding-font','invitation-font','save-the-date']},
  {title:'School & Student Tools',emoji:'🎓',desc:'Academic and study-friendly handwriting styles.',slug:'school',tools:['Assignment Handwriting Generator','Homework Writing Generator','Notes Generator'],slugs:['assignment-handwriting','homework-writing','notes-generator']},
  {title:'Signature Tools',emoji:'🖊️',desc:'Create elegant digital signatures instantly.',slug:'signatures',tools:['Signature Generator','Digital Signature Generator','Signature Style Generator'],slugs:['signature-generator','digital-signature','signature-style']},
  {title:'Copy Paste Tools',emoji:'📋',desc:'The best copy-paste fonts and text collections.',slug:'copy-paste',tools:['Copy Paste Fonts','Copy Paste Cursive','Fancy Copy Paste Fonts'],slugs:['copy-paste-fonts','copy-paste-cursive','fancy-copy-paste']},
  {title:'AI Tools',emoji:'🤖',desc:'AI-powered font generation and text styling.',slug:'ai-tools',tools:['AI Cursive Generator','AI Handwriting Generator','AI Font Generator'],slugs:['ai-cursive','ai-handwriting','ai-font']},
  {title:'Text Effect Tools',emoji:'💥',desc:'Shadow, 3D glow and special text effects.',slug:'text-effects',tools:['Shadow Text Generator','3D Text Generator','Glow Text Generator'],slugs:['shadow-text','3d-text','glow-text']},
  {title:'Keyboard & Typing Tools',emoji:'⌨️',desc:'Cursive keyboard tools and fancy typing utilities.',slug:'keyboard',tools:['Cursive Keyboard','Stylish Keyboard','Fancy Typing Tool'],slugs:['cursive-keyboard','stylish-keyboard','fancy-typing']},
  {title:'Language & Script Tools',emoji:'🌏',desc:'Stylish text in Arabic, Japanese, Korean and more.',slug:'languages',tools:['Arabic Stylish Text','Japanese Font Generator','Korean Aesthetic Fonts'],slugs:['arabic-text','japanese-font','korean-fonts']},
  {title:'Trending Internet Tools',emoji:'🔥',desc:'Viral TikTok, Instagram and meme text styles.',slug:'trending',tools:['Viral TikTok Fonts','Viral Instagram Fonts','Meme Font Generator'],slugs:['viral-tiktok','viral-instagram','meme-font']},
];

const GRADIENTS=[
  'from-violet-500 to-purple-600','from-fuchsia-500 to-pink-600','from-indigo-500 to-blue-600',
  'from-blue-500 to-cyan-600','from-emerald-500 to-teal-600','from-orange-500 to-red-600',
  'from-rose-500 to-pink-600','from-sky-500 to-indigo-600','from-teal-500 to-emerald-600',
  'from-purple-500 to-fuchsia-600','from-amber-500 to-orange-600','from-lime-500 to-green-600',
];

function buildCategories(){
  const el=document.getElementById('categories-grid');
  el.innerHTML=TOOL_CATS.map((cat,i)=>{
    const g=GRADIENTS[i%GRADIENTS.length];
    const cards=cat.tools.map((tool,j)=>`
      <a href="https://cursivegenerator.info/${cat.slugs[j]}/" class="glass rounded-xl border border-violet-100 p-4 card-hover shadow-sm flex items-start gap-3 no-underline group">
        <div class="w-10 h-10 rounded-lg bg-gradient-to-br ${g} flex items-center justify-center text-white text-lg flex-shrink-0 shadow-sm">${cat.emoji}</div>
        <div>
          <div class="font-bold text-sm text-gray-800 group-hover:text-violet-700 transition-colors leading-tight mb-1">${tool}</div>
          <div class="text-xs text-gray-400">Free online tool →</div>
        </div>
      </a>`).join('');
    return `<div class="mb-12">
      <div class="flex items-center justify-between gap-4 mb-4">
        <div>
          <h2 class="text-xl sm:text-2xl font-black text-gray-800 flex items-center gap-2">
            <span class="text-2xl">${cat.emoji}</span> ${cat.title}
          </h2>
          <p class="text-sm text-gray-400 mt-0.5">${cat.desc}</p>
        </div>
        <a href="https://cursivegenerator.info/${cat.slug}/" class="flex-shrink-0 text-sm font-bold text-violet-600 border border-violet-200 px-4 py-2 rounded-xl hover:bg-violet-50 transition-colors no-underline whitespace-nowrap">View All →</a>
      </div>
      <div class="grid grid-cols-1 sm:grid-cols-3 gap-3">${cards}</div>
    </div>`;
  }).join('');
}

// ── FAQ ───────────────────────────────────────────────────
const FAQS=[
  {q:'What is a cursive generator?',a:'A cursive generator is a free online tool that converts regular text into Unicode cursive characters. Because these are real Unicode characters — not images or fonts — they can be copied and pasted anywhere: Instagram, TikTok, Twitter/X, Discord, WhatsApp, gaming profiles, WordPress, and more. The styled text retains its appearance on every modern device and platform that receives it.'},
  {q:'How do I use the cursive text generator?',a:'Simply type or paste your text into the large input box at the top of the page. All style cards update in real-time as you type — no generate button needed. Find a style you love, then click the Copy button on that card. The cursive text is now in your clipboard and ready to paste anywhere.'},
  {q:'Does cursive font copy and paste work on Instagram?',a:'Yes! Instagram fully supports Unicode cursive characters in bios, captions, stories comments, and DMs. The Bold Cursive (𝓪𝓫𝓬), Elegant Cursive (𝒶𝒷𝒸), and Bio Aesthetic (꧁text꧂) styles are the most popular for Instagram profiles.'},
  {q:'Can I use cursive text generator styles on TikTok?',a:'Absolutely. TikTok supports Unicode in display names, bios, and captions. Our Bold Cursive, Bold Sans, and Glitch styles are especially popular with TikTok creators.'},
  {q:'Will cursive font work on Discord?',a:"Yes! Discord fully supports Unicode text in usernames, server names, nicknames, bios, and messages. Unicode styles work great alongside Discord's built-in markdown formatting."},
  {q:'Is the cursive text generator free?',a:'100% free, always. No sign-up, no downloads, no watermarks, no usage limits. Our cursive generator is free for personal and commercial use. All styles use standard open Unicode characters.'},
  {q:'How do I use cursive text for gaming usernames?',a:'Type your desired username in the text box, browse the Gaming section, and click Copy on any style. Most mobile games (PUBG Mobile, Free Fire, Call of Duty Mobile, Mobile Legends) and many PC platforms accept Unicode display names.'},
  {q:'How many cursive styles does this generator have?',a:'Over 120 unique Unicode text styles across 11+ categories including Cursive & Calligraphy, Gothic & Fraktur, Double Struck, Aesthetic, Social Media, Gaming, and Symbols & Art.'},
  {q:'Can I use this cursive generator in WordPress?',a:'Yes! Since the styled text is made of standard Unicode characters, it works perfectly in WordPress posts, pages, widgets, custom HTML blocks, and any other text field — no plugin required.'},
  {q:'Why does cursive text sometimes look different on other devices?',a:"Font rendering varies slightly across operating systems and devices, but all modern platforms (Windows, macOS, iOS, Android) include fonts with coverage for the Unicode mathematical script range. If a character doesn't render, try a simpler style — Bold or Small Caps have the broadest compatibility."},
  {q:'What is the best cursive style for Instagram bio?',a:'The most popular Instagram bio styles are: Bold Cursive (𝓪𝓫𝓬), Elegant Cursive (𝒶𝒷𝒸), Bio Aesthetic (꧁text꧂), and Heart Cursive (♡text♡). These styles are readable, visually distinctive, and look great on both iOS and Android.'},
  {q:'Can I use cursive generator text in email?',a:'Yes! Modern email clients including Gmail, Outlook, Apple Mail, and Yahoo Mail all support Unicode characters in subject lines, signatures, and body text.'},
];

function buildFaq(){
  const el=document.getElementById('faq-list');
  el.innerHTML=FAQS.map((f,i)=>`
    <div class="glass rounded-xl border border-violet-100 shadow-sm overflow-hidden">
      <button onclick="toggleFaq(${i},this)" class="faq-q w-full flex justify-between items-center gap-4 p-5 text-left font-bold text-grey-800 hover:bg-violet-50/ transition-colors text-sm sm:text-base">
        <span>${f.q}</span>
        <span class="chevron text-violet-500 font-black flex-shrink-0 transition-transform text-base" id="chev-${i}">▼</span>
      </button>
      <div class="faq-answer" id="faq-a-${i}">
        <div class="px-5 pb-5 pt-1 text-gray-600 text-sm leading-relaxed border-t border-violet-100">${f.a}</div>
      </div>
    </div>`).join('');
}
function toggleFaq(i,btn){
  const el=document.getElementById('faq-a-'+i);
  const chev=document.getElementById('chev-'+i);
  const isOpen=el.classList.contains('open');
  document.querySelectorAll('.faq-answer').forEach(x=>x.classList.remove('open'));
  document.querySelectorAll('[id^=chev-]').forEach(x=>x.style.transform='');
  if(!isOpen){el.classList.add('open');chev.style.transform='rotate(180deg)';}
}
window.toggleFaq=toggleFaq;

// ── Init ──────────────────────────────────────────────────
buildCatPills();
renderGrid();
buildCategories();
buildFaq();
</script>
</body>
</html>