{"id":7086,"date":"2026-03-21T00:00:44","date_gmt":"2026-03-21T00:00:44","guid":{"rendered":"https:\/\/raistheme.com\/?page_id=7086"},"modified":"2026-04-06T11:40:59","modified_gmt":"2026-04-06T11:40:59","slug":"whisper","status":"publish","type":"page","link":"https:\/\/raistheme.com\/tools\/font-generator\/whisper\/","title":{"rendered":"Whisper Font Generator \u2013 Create Stylish Text for Free"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7086\" class=\"elementor elementor-7086\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a4fe95e e-con-full e-flex e-con e-parent\" data-id=\"2a4fe95e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-554bebc2 elementor-widget elementor-widget-shortcode\" data-id=\"554bebc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"whisper-font-generator\">\r\n  <!-- CSS Styles -->\r\n  <style>\r\n    \/* Import Google Fonts & Font Awesome *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@300;400;500;600;700&display=swap');\r\n    @import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css');\r\n\r\n    \/* Reset and base styles *\/\r\n    #whisper-font-generator * {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0 ;\r\n    }\r\n\r\n    #whisper-font-generator {\r\n      font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n      color: #4a4a4a;\r\n      width: 100%;\r\n      background-color: #f5f3f7;\r\n      background-image:\r\n        radial-gradient(circle at 10% 20%, rgba(155, 136, 177, 0.05) 0%, transparent 50%),\r\n        radial-gradient(circle at 80% 80%, rgba(232, 180, 184, 0.07) 0%, transparent 50%),\r\n        radial-gradient(circle at 40% 40%, rgba(155, 136, 177, 0.03) 0%, transparent 50%);\r\n      \r\n      position: relative;\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    \/* Container *\/\r\n    #whisper-font-generator .container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      width:100%;\r\n\t\t\tpadding-top:0 !important;\r\n    }\r\n\r\n    \/* TYPOGRAPHY RULES *\/\r\n    #whisper-font-generator h1 {\r\n      font-family: 'Playfair Display', Georgia, serif;\r\n      font-size: clamp(1.6rem, 4vw, 3.2rem);\r\n      line-height: 1.2;\r\n      font-weight: 700;\r\n      text-align: center;\r\n      background: linear-gradient(135deg, #9B88B1, #E8B4B8);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n      position: relative;\r\n    }\r\n\r\n    #whisper-font-generator h2 {\r\n        font-family: 'Playfair Display', Georgia, serif;\r\n        font-size: clamp(1.3rem, 3vw, 2.2rem);\r\n        line-height: 1.3;\r\n        color: #4a4a4a;\r\n    }\r\n\r\n    #whisper-font-generator p,\r\n    #whisper-font-generator li,\r\n    #whisper-font-generator td,\r\n    #whisper-font-generator .accordion-answer {\r\n       font-size: clamp(0.9rem, 1vw, 1.2rem);\r\n       line-height: 1.5;\r\n    }\r\n\r\n    #whisper-font-generator .subheading {\r\n      font-size: clamp(0.9rem, 1vw, 1.2rem);\r\n      line-height: 1.5;\r\n    }\r\n\r\n    #whisper-font-generator label,\r\n    #whisper-font-generator .copy-btn,\r\n    #whisper-font-generator .copy-all-btn,\r\n    #whisper-font-generator .feature-btn {\r\n      font-size: clamp(0.75rem, 1vw, 0.95rem);\r\n    }\r\n    \/* END TYPOGRAPHY RULES *\/\r\n\r\n    #whisper-font-generator h1::after {\r\n      content: '';\r\n      display: block;\r\n      width: 80px;\r\n      height: 3px;\r\n      background: linear-gradient(90deg, #9B88B1, #E8B4B8);\r\n      margin: 15px auto 0;\r\n      border-radius: 2px;\r\n    }\r\n\r\n    #whisper-font-generator .subheading {\r\n      font-weight: 400;\r\n      text-align: center;\r\n      margin-bottom: 50px;\r\n      color: #6c6c6c;\r\n      max-width: 700px;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n    \r\n    \/* SPACING SYSTEM *\/\r\n    #whisper-font-generator .generator-tool,\r\n    #whisper-font-generator .content-section {\r\n        padding: clamp(0.75rem, 3vw, 1.5rem);\r\n    }\r\n\r\n    #whisper-font-generator .generator-section,\r\n    #whisper-font-generator .features-toolbar,\r\n    #whisper-font-generator .results-grid {\r\n        gap: clamp(0.25rem, 1.5vw, 0.75rem);\r\n    }\r\n    \r\n    #whisper-font-generator .form-group,\r\n    #whisper-font-generator .output-header,\r\n    #whisper-font-generator .content-section h2,\r\n    #whisper-font-generator .content-section p,\r\n    #whisper-font-generator .accordion-item,\r\n    #whisper-font-generator .features-group {\r\n        margin-block: clamp(0.25rem, 1.5vw, 0.75rem);\r\n    }\r\n    \/* END SPACING SYSTEM *\/\r\n\r\n\r\n    \/* Generator Tool *\/\r\n    #whisper-font-generator .generator-tool {\r\n      background: rgba(255, 255, 255, 0.8);\r\n      backdrop-filter: blur(20px);\r\n      -webkit-backdrop-filter: blur(20px);\r\n      border-radius: 20px;\r\n      box-shadow: 0 8px 32px rgba(31, 38, 135, 0.15);\r\n      border: 1px solid rgba(255, 255, 255, 0.18);\r\n      margin-bottom: 40px;\r\n      transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n    }\r\n\r\n    #whisper-font-generator .generator-tool:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 12px 40px rgba(31, 38, 135, 0.2);\r\n    }\r\n\r\n    #whisper-font-generator .generator-section {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    #whisper-font-generator .form-group {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    #whisper-font-generator label {\r\n      font-weight: 600;\r\n      margin-bottom: 10px;\r\n      color: #9B88B1;\r\n      display: flex;\r\n      align-items: center;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n    }\r\n\r\n    #whisper-font-generator label i {\r\n      margin-right: 10px;\r\n    }\r\n\r\n    #whisper-font-generator input[type=\"text\"] {\r\n      width: 100%;\r\n      padding: 15px;\r\n      border: 1px solid rgba(155, 136, 177, 0.3);\r\n      border-radius: 12px;\r\n      font-size: 1rem;\r\n      font-family: 'Inter', sans-serif;\r\n      transition: all 0.3s ease;\r\n      background-color: rgba(255, 255, 255, 0.7);\r\n    }\r\n\r\n    #whisper-font-generator input[type=\"text\"]:focus {\r\n      outline: none;\r\n      border-color: #9B88B1;\r\n      box-shadow: 0 0 0 3px rgba(155, 136, 177, 0.2);\r\n      background-color: #fff;\r\n    }\r\n    \r\n    \/* FEATURES TOOLBAR *\/\r\n    #whisper-font-generator .features-toolbar {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        gap: clamp(0.75rem, 2vw, 1.5rem);\r\n        padding: 8px 0;\r\n        border-top: 1px solid rgba(155, 136, 177, 0.1);\r\n        border-bottom: 1px solid rgba(155, 136, 177, 0.1);\r\n    }\r\n    \r\n    #whisper-font-generator .features-group {\r\n        display: flex;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n    }\r\n    \r\n    #whisper-font-generator .features-group .group-label {\r\n        font-weight: 600;\r\n        color: #6c6c6c;\r\n        margin-right: 8px;\r\n        font-size: clamp(0.75rem, 1vw, 0.9rem);\r\n    }\r\n    \r\n    #whisper-font-generator .feature-btn {\r\n        background-color: rgba(155, 136, 177, 0.1);\r\n        color: #9B88B1;\r\n        border: 1px solid rgba(155, 136, 177, 0.2);\r\n        border-radius: 20px;\r\n        padding: 6px 14px;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        font-weight: 500;\r\n    }\r\n    \r\n    #whisper-font-generator .feature-btn:hover {\r\n        background-color: #9B88B1;\r\n        color: #fff;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 10px rgba(155, 136, 177, 0.3);\r\n    }\r\n\r\n    \r\n    \/* Output Section *\/\r\n    #whisper-font-generator .output-section {\r\n      margin-top: 20px;\r\n      animation: fadeIn 0.6s ease-out;\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n      from { opacity: 0; transform: translateY(20px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    #whisper-font-generator .output-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n    }\r\n    \r\n    #whisper-font-generator .output-header h2 i {\r\n      margin-right: 15px;\r\n      color: #9B88B1;\r\n    }\r\n\r\n    #whisper-font-generator .copy-all-btn {\r\n      background: #fff;\r\n      color: #9B88B1;\r\n      border: 2px solid #9B88B1;\r\n      border-radius: 50px;\r\n      padding: 10px 25px;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    #whisper-font-generator .copy-all-btn i {\r\n      margin-right: 8px;\r\n    }\r\n\r\n    #whisper-font-generator .copy-all-btn:hover {\r\n      background-color: #9B88B1;\r\n      color: #fff;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    #whisper-font-generator .results-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n    }\r\n    \r\n    @media (min-width: 600px) {\r\n      #whisper-font-generator .results-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n    }\r\n\r\n\r\n    #whisper-font-generator .result-card {\r\n      background: rgba(255, 255, 255, 0.9);\r\n      backdrop-filter: blur(10px);\r\n      border-radius: 15px;\r\n      padding: 20px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 4px 15px rgba(31, 38, 135, 0.1);\r\n      border: 1px solid rgba(255, 255, 255, 0.4);\r\n      position: relative;\r\n      overflow: hidden;\r\n      animation: slideInUp 0.5s ease-out;\r\n      animation-fill-mode: backwards;\r\n    }\r\n    \r\n    @keyframes slideInUp {\r\n        from { opacity: 0; transform: translateY(20px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n\r\n    #whisper-font-generator .result-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 5px;\r\n      height: 100%;\r\n      background: linear-gradient(180deg, #9B88B1, #E8B4B8);\r\n    }\r\n\r\n    #whisper-font-generator .result-card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 8px 25px rgba(31, 38, 135, 0.15);\r\n    }\r\n\r\n    #whisper-font-generator .result-text {\r\n      font-weight: 500;\r\n      color: #4a4a4a;\r\n      flex-grow: 1;\r\n      margin-right: 15px;\r\n      font-size: 1.1rem;\r\n      line-height: 1.4;\r\n      word-break: break-all;\r\n    }\r\n\r\n    #whisper-font-generator .copy-btn {\r\n      background: linear-gradient(135deg, #9B88B1 0%, #E8B4B8 100%);\r\n      color: white;\r\n      border: none;\r\n      border-radius: 50px;\r\n      padding: 8px 16px;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      display: flex;\r\n      align-items: center;\r\n      white-space: nowrap;\r\n      flex-shrink: 0;\r\n    }\r\n    \r\n    #whisper-font-generator .load-more-btn {\r\n        display: block;\r\n        margin: 20px auto 0;\r\n        background: transparent;\r\n        color: #9B88B1;\r\n        border: 2px solid #9B88B1;\r\n        border-radius: 50px;\r\n        padding: 12px 30px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        font-size: clamp(0.8rem, 1vw, 1rem);\r\n    }\r\n    \r\n    #whisper-font-generator .load-more-btn:hover {\r\n        background: #9B88B1;\r\n        color: #fff;\r\n    }\r\n    \r\n    .hidden {\r\n        display: none;\r\n    }\r\n\r\n\r\n    \/* Content Sections *\/\r\n    #whisper-font-generator .content-section {\r\n      background: rgba(255, 255, 255, 0.8);\r\n      backdrop-filter: blur(20px);\r\n      border-radius: 20px;\r\n      box-shadow: 0 8px 32px rgba(31, 38, 135, 0.15);\r\n      border: 1px solid rgba(255, 255, 255, 0.18);\r\n      margin-bottom: 40px;\r\n    }\r\n    \r\n    #whisper-font-generator .content-section h2 i {\r\n      margin-right: 15px;\r\n      color: #9B88B1;\r\n    }\r\n\r\n    #whisper-font-generator .content-section h3 {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 1.5rem;\r\n      color: #4a4a4a;\r\n    }\r\n\r\n    \/* FAQ Accordion *\/\r\n    #whisper-font-generator .accordion-item {\r\n      border-bottom: 1px solid rgba(155, 136, 177, 0.1);\r\n      padding: 12px 0;\r\n    }\r\n\r\n    #whisper-font-generator .accordion-question {\r\n      font-weight: 600;\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 1.2rem;\r\n      color: #4a4a4a;\r\n      cursor: pointer;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n    }\r\n    \r\n    #whisper-font-generator .accordion-question:after {\r\n      content: '\\f078';\r\n      font-family: 'Font Awesome 6 Free';\r\n      font-weight: 900;\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    #whisper-font-generator .accordion-question.active:after {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    #whisper-font-generator .accordion-answer {\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition: max-height 0.4s ease-out, padding 0.4s ease-out;\r\n    }\r\n    \r\n     #whisper-font-generator .accordion-answer.active {\r\n        max-height: 500px;\r\n        padding-top: 15px;\r\n    }\r\n\r\n  <\/style>\r\n\r\n  <div class=\"container\">\r\n    <h1>Whisper Font Generator \u2013 Create Stylish Text for Free<\/h1>\r\n    <p class=\"subheading\">Transform your standard text into a collection of soft, elegant, and unique Unicode font styles, perfect for social media, design projects, and more.<\/p>\r\n\r\n    <!-- Generator Section -->\r\n    <div class=\"generator-tool\">\r\n      <div class=\"generator-section\">\r\n        <div class=\"form-group\">\r\n          <label for=\"text-input\"><i class=\"fas fa-keyboard\"><\/i>Enter Your Text Here<\/label>\r\n          <input type=\"text\" id=\"text-input\" placeholder=\"Whisper something...\" aria-label=\"Enter text to be styled\">\r\n        <\/div>\r\n        \r\n        <!-- FEATURES TOOLBAR -->\r\n        <div class=\"features-toolbar\">\r\n            <div class=\"features-group\">\r\n                <span class=\"group-label\">Presets:<\/span>\r\n                <button class=\"feature-btn preset-btn\">Serenity<\/button>\r\n                <button class=\"feature-btn preset-btn\">Whisper<\/button>\r\n                <button class=\"feature-btn preset-btn\">Magic<\/button>\r\n            <\/div>\r\n            <div class=\"features-group\">\r\n                <span class=\"group-label\">Case:<\/span>\r\n                <button class=\"feature-btn case-btn\" data-case=\"upper\">UPPER<\/button>\r\n                <button class=\"feature-btn case-btn\" data-case=\"lower\">lower<\/button>\r\n                <button class=\"feature-btn case-btn\" data-case=\"title\">Title<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- END FEATURES TOOLBAR -->\r\n      <\/div>\r\n\r\n      <!-- Output Section is now directly after the input block -->\r\n      <div class=\"output-section\" id=\"output-section\">\r\n        <div class=\"output-header\">\r\n          <h2><i class=\"fas fa-sparkles\"><\/i>Generated Font Styles<\/h2>\r\n          <button class=\"copy-all-btn\" id=\"copy-all-btn\" aria-label=\"Copy all visible styles\"><i class=\"fas fa-clipboard\"><\/i>Copy All<\/button>\r\n        <\/div>\r\n        <div class=\"results-grid\" id=\"results-grid\">\r\n          <!-- Results will be dynamically added here -->\r\n        <\/div>\r\n        <button id=\"load-more-btn\" class=\"load-more-btn hidden\">Load More<\/button>\r\n      <\/div>\r\n    <\/div> <!-- End of generator-tool -->\r\n  <\/div>\r\n\r\n    <!-- All Content Sections appear below the entire generator tool (Input + Output) -->\r\n  <!-- <content section is strating -->\r\n\r\n  \r\n\r\n    \r\n    \r\n    \r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  \r\n  <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      const textInput = document.getElementById('text-input');\r\n      const resultsGrid = document.getElementById('results-grid');\r\n      const loadMoreBtn = document.getElementById('load-more-btn');\r\n      const copyAllBtn = document.getElementById('copy-all-btn');\r\n      const presetBtns = document.querySelectorAll('.preset-btn');\r\n      const caseBtns = document.querySelectorAll('.case-btn');\r\n\r\n      const fontStyles = [\r\n        { name: 'Soft Whisper', map: {} },\r\n        { name: 'Light Whisper', map: { 'A': '\uff21', 'B': '\uff22', 'C': '\uff23', 'D': '\uff24', 'E': '\uff25', 'F': '\uff26', 'G': '\uff27', 'H': '\uff28', 'I': '\uff29', 'J': '\uff2a', 'K': '\uff2b', 'L': '\uff2c', 'M': '\uff2d', 'N': '\uff2e', 'O': '\uff2f', 'P': '\uff30', 'Q': '\uff31', 'R': '\uff32', 'S': '\uff33', 'T': '\uff34', 'U': '\uff35', 'V': '\uff36', 'W': '\uff37', 'X': '\uff38', 'Y': '\uff39', 'Z': '\uff3a' } },\r\n        { name: 'Whisper Thin', map: { 'A': '\ud835\ude08', 'B': '\ud835\ude09', 'C': '\ud835\ude0a', 'D': '\ud835\ude0b', 'E': '\ud835\ude0c', 'F': '\ud835\ude0d', 'G': '\ud835\ude0e', 'H': '\ud835\ude0f', 'I': '\ud835\ude10', 'J': '\ud835\ude11', 'K': '\ud835\ude12', 'L': '\ud835\ude13', 'M': '\ud835\ude14', 'N': '\ud835\ude15', 'O': '\ud835\ude16', 'P': '\ud835\ude17', 'Q': '\ud835\ude18', 'R': '\ud835\ude19', 'S': '\ud835\ude1a', 'T': '\ud835\ude1b', 'U': '\ud835\ude1c', 'V': '\ud835\ude1d', 'W': '\ud835\ude1e', 'X': '\ud835\ude1f', 'Y': '\ud835\ude20', 'Z': '\ud835\ude21' } },\r\n        { name: 'Air Whisper', map: { 'A': '\ud835\ude70', 'B': '\ud835\ude71', 'C': '\ud835\ude72', 'D': '\ud835\ude73', 'E': '\ud835\ude74', 'F': '\ud835\ude75', 'G': '\ud835\ude76', 'H': '\ud835\ude77', 'I': '\ud835\ude78', 'J': '\ud835\ude79', 'K': '\ud835\ude7a', 'L': '\ud835\ude7b', 'M': '\ud835\ude7c', 'N': '\ud835\ude7d', 'O': '\ud835\ude7e', 'P': '\ud835\ude7f', 'Q': '\ud835\ude80', 'R': '\ud835\ude81', 'S': '\ud835\ude82', 'T': '\ud835\ude83', 'U': '\ud835\ude84', 'V': '\ud835\ude85', 'W': '\ud835\ude86', 'X': '\ud835\ude87', 'Y': '\ud835\ude88', 'Z': '\ud835\ude89' } },\r\n        { name: 'Whisper Script', map: { 'A': '\ud835\udc9c', 'B': '\u212c', 'C': '\ud835\udc9e', 'D': '\ud835\udc9f', 'E': '\u2130', 'F': '\u2131', 'G': '\ud835\udca2', 'H': '\u210b', 'I': '\u2110', 'J': '\ud835\udca5', 'K': '\ud835\udca6', 'L': '\u2112', 'M': '\u2133', 'N': '\ud835\udca9', 'O': '\ud835\udcaa', 'P': '\ud835\udcab', 'Q': '\ud835\udcac', 'R': '\u211b', 'S': '\ud835\udcae', 'T': '\ud835\udcaf', 'U': '\ud835\udcb0', 'V': '\ud835\udcb1', 'W': '\ud835\udcb2', 'X': '\ud835\udcb3', 'Y': '\ud835\udcb4', 'Z': '\ud835\udcb5' } },\r\n        { name: 'Faint Outline', map: { 'A': '\ud835\udd04', 'B': '\ud835\udd05', 'C': '\u212d', 'D': '\ud835\udd07', 'E': '\ud835\udd08', 'F': '\ud835\udd09', 'G': '\ud835\udd0a', 'H': '\u210c', 'I': '\u2111', 'J': '\ud835\udd0d', 'K': '\ud835\udd0e', 'L': '\ud835\udd0f', 'M': '\ud835\udd10', 'N': '\u2115', 'O': '\ud835\udd12', 'P': '\ud835\udd13', 'Q': '\ud835\udd14', 'R': '\u211c', 'S': '\ud835\udd16', 'T': '\ud835\udd17', 'U': '\ud835\udd18', 'V': '\ud835\udd19', 'W': '\ud835\udd1a', 'X': '\ud835\udd1b', 'Y': '\ud835\udd1c', 'Z': '\ud835\udd1d' } },\r\n        { name: 'Whisper Serif', map: { 'A': '\ud835\udc34', 'B': '\ud835\udc35', 'C': '\ud835\udc36', 'D': '\ud835\udc37', 'E': '\ud835\udc38', 'F': '\ud835\udc39', 'G': '\ud835\udc3a', 'H': '\ud835\udc3b', 'I': '\ud835\udc3c', 'J': '\ud835\udc3d', 'K': '\ud835\udc3e', 'L': '\ud835\udc3f', 'M': '\ud835\udc40', 'N': '\ud835\udc41', 'O': '\ud835\udc42', 'P': '\ud835\udc43', 'Q': '\ud835\udc44', 'R': '\ud835\udc45', 'S': '\ud835\udc46', 'T': '\ud835\udc47', 'U': '\ud835\udc48', 'V': '\ud835\udc49', 'W': '\ud835\udc4a', 'X': '\ud835\udc4b', 'Y': '\ud835\udc4c', 'Z': '\ud835\udc4d' } },\r\n        { name: 'Whisper Fade Line', map: { 'A': '\ud835\ude08\u0336', 'B': '\ud835\ude09\u0336', 'C': '\ud835\ude0a\u0336', 'D': '\ud835\ude0b\u0336', 'E': '\ud835\ude0c\u0336', 'F': '\ud835\ude0d\u0336', 'G': '\ud835\ude0e\u0336', 'H': '\ud835\ude0f\u0336', 'I': '\ud835\ude10\u0336', 'J': '\ud835\ude11\u0336', 'K': '\ud835\ude12\u0336', 'L': '\ud835\ude13\u0336', 'M': '\ud835\ude14\u0336', 'N': '\ud835\ude15\u0336', 'O': '\ud835\ude16\u0336', 'P': '\ud835\ude17\u0336', 'Q': '\ud835\ude18\u0336', 'R': '\ud835\ude19\u0336', 'S': '\ud835\ude1a\u0336', 'T': '\ud835\ude1b\u0336', 'U': '\ud835\ude1c\u0336', 'V': '\ud835\ude1d\u0336', 'W': '\ud835\ude1e\u0336', 'X': '\ud835\ude1f\u0336', 'Y': '\ud835\ude20\u0336', 'Z': '\ud835\ude21\u0336' } },\r\n        { name: 'Breath Script', map: { 'A': '\ud835\udcd0', 'B': '\ud835\udcd1', 'C': '\ud835\udcd2', 'D': '\ud835\udcd3', 'E': '\ud835\udcd4', 'F': '\ud835\udcd5', 'G': '\ud835\udcd6', 'H': '\ud835\udcd7', 'I': '\ud835\udcd8', 'J': '\ud835\udcd9', 'K': '\ud835\udcda', 'L': '\ud835\udcdb', 'M': '\ud835\udcdc', 'N': '\ud835\udcdd', 'O': '\ud835\udcde', 'P': '\ud835\udcdf', 'Q': '\ud835\udce0', 'R': '\ud835\udce1', 'S': '\ud835\udce2', 'T': '\ud835\udce3', 'U': '\ud835\udce4', 'V': '\ud835\udce5', 'W': '\ud835\udce6', 'X': '\ud835\udce7', 'Y': '\ud835\udce8', 'Z': '\ud835\udce9' } },\r\n        { name: 'Snow Whisper', map: { 'A': '\u15e9', 'B': '\u15f7', 'C': '\u1455', 'D': '\u15ea', 'E': '\u15f4', 'F': '\u15b4', 'G': '\u161c', 'H': '\u157c', 'I': '\u13a5', 'J': '\u148d', 'K': '\u16d5', 'L': '\u14aa', 'M': '\u15f0', 'N': '\u144e', 'O': '\u15dd', 'P': '\u146d', 'Q': '\u146b', 'R': '\u1587', 'S': '\u1515', 'T': '\u15b6', 'U': '\u144c', 'V': '\u142f', 'W': '\u15ef', 'X': '\u166d', 'Y': '\u166e', 'Z': '\u1614' } },\r\n        { name: 'Thin Hollow Whisper', map: { 'A': '\ud835\udd6c', 'B': '\ud835\udd6d', 'C': '\ud835\udd6e', 'D': '\ud835\udd6f', 'E': '\ud835\udd70', 'F': '\ud835\udd71', 'G': '\ud835\udd72', 'H': '\ud835\udd73', 'I': '\ud835\udd74', 'J': '\ud835\udd75', 'K': '\ud835\udd76', 'L': '\ud835\udd77', 'M': '\ud835\udd78', 'N': '\ud835\udd79', 'O': '\ud835\udd7a', 'P': '\ud835\udd7b', 'Q': '\ud835\udd7c', 'R': '\ud835\udd7d', 'S': '\ud835\udd7e', 'T': '\ud835\udd7f', 'U': '\ud835\udd80', 'V': '\ud835\udd81', 'W': '\ud835\udd82', 'X': '\ud835\udd83', 'Y': '\ud835\udd84', 'Z': '\ud835\udd85' } },\r\n        { name: 'Cloud Script', map: { 'a': '\ud835\udcb6', 'b': '\ud835\udcb7', 'c': '\ud835\udcb8', 'd': '\ud835\udcb9', 'e': '\ud835\udc52', 'f': '\ud835\udcbb', 'g': '\ud835\udc54', 'h': '\ud835\udcbd', 'i': '\ud835\udcbe', 'j': '\ud835\udcbf', 'k': '\ud835\udcc0', 'l': '\ud835\udcc1', 'm': '\ud835\udcc2', 'n': '\ud835\udcc3', 'o': '\ud835\udc5c', 'p': '\ud835\udcc5', 'q': '\ud835\udcc6', 'r': '\ud835\udcc7', 's': '\ud835\udcc8', 't': '\ud835\udcc9', 'u': '\ud835\udcca', 'v': '\ud835\udccb', 'w': '\ud835\udccc', 'x': '\ud835\udccd', 'y': '\ud835\udcce', 'z': '\ud835\udccf' } },\r\n        { name: 'Whisper Bubble', map: { 'A': '\u24b6', 'B': '\u24b7', 'C': '\u24b8', 'D': '\u24b9', 'E': '\u24ba', 'F': '\u24bb', 'G': '\u24bc', 'H': '\u24bd', 'I': '\u24be', 'J': '\u24bf', 'K': '\u24c0', 'L': '\u24c1', 'M': '\u24c2', 'N': '\u24c3', 'O': '\u24c4', 'P': '\u24c5', 'Q': '\u24c6', 'R': '\u24c7', 'S': '\u24c8', 'T': '\u24c9', 'U': '\u24ca', 'V': '\u24cb', 'W': '\u24cc', 'X': '\u24cd', 'Y': '\u24ce', 'Z': '\u24cf' } },\r\n        { name: 'Soft Edge', map: { 'A': '\u039b', 'B': 'B', 'C': '\u1103', 'D': 'D', 'E': '\u03a3', 'F': 'F', 'G': 'G', 'H': 'H', 'I': 'I', 'J': 'J', 'K': 'K', 'L': 'L', 'M': 'M', 'N': '\u03a0', 'O': 'O', 'P': 'P', 'Q': 'Q', 'R': 'R', 'S': 'S', 'T': 'T', 'U': '\u222a', 'V': 'V', 'W': 'W', 'X': 'X', 'Y': 'Y', 'Z': 'Z' } },\r\n        { name: 'Faint Typewriter', map: { 'A': '\ud835\ude70\u0337', 'B': '\ud835\ude71\u0337', 'C': '\ud835\ude72\u0337', 'D': '\ud835\ude73\u0337', 'E': '\ud835\ude74\u0337', 'F': '\ud835\ude75\u0337', 'G': '\ud835\ude76\u0337', 'H': '\ud835\ude77\u0337', 'I': '\ud835\ude78\u0337', 'J': '\ud835\ude79\u0337', 'K': '\ud835\ude7a\u0337', 'L': '\ud835\ude7b\u0337', 'M': '\ud835\ude7c\u0337', 'N': '\ud835\ude7d\u0337', 'O': '\ud835\ude7e\u0337', 'P': '\ud835\ude7f\u0337', 'Q': '\ud835\ude80\u0337', 'R': '\ud835\ude81\u0337', 'S': '\ud835\ude82\u0337', 'T': '\ud835\ude83\u0337', 'U': '\ud835\ude84\u0337', 'V': '\ud835\ude85\u0337', 'W': '\ud835\ude86\u0337', 'X': '\ud835\ude87\u0337', 'Y': '\ud835\ude88\u0337', 'Z': '\ud835\ude89\u0337' } },\r\n        { name: 'Mist Serif', map: { 'A': '\u13aa', 'B': '\u13f4', 'C': '\u13df', 'D': '\u13a0', 'E': '\u13ac', 'F': '\u13b0', 'G': '\u13e9', 'H': '\u13bb', 'I': '\u13c6', 'J': '\u13e0', 'K': '\u13e6', 'L': '\u13de', 'M': '\u13b7', 'N': '\u13c1', 'O': '\u13be', 'P': '\u13e2', 'Q': '\u13a4', 'R': '\u13d2', 'S': '\u13da', 'T': '\u13d6', 'U': '\u13ec', 'V': '\u13c9', 'W': '\u13c7', 'X': '\u1541', 'Y': '\u13bd', 'Z': '\u13c3' } },\r\n        { name: 'Chalk Whisper', map: { 'a': '\u0394', 'b': '\u03b2', 'c': '\u03c2', 'd': '\u0257', 'e': '\u0454', 'f': '\u0493', 'g': '\u0260', 'h': '\u03bb', 'i': '\u03b9', 'j': '\u05e0', 'k': '\u03ba', 'l': '\u2113', 'm': '\u043c', 'n': '\u03b7', 'o': '\u03c3', 'p': '\u03c1', 'q': '\u03c6', 'r': '\u044f', 's': '\u0e23', 't': '\u0442', 'u': '\u03c5', 'v': '\u03bd', 'w': '\u03c9', 'x': '\u03c7', 'y': '\u03c8', 'z': '\u017c' } },\r\n        { name: 'Soft Vapor Script', map: { 'A': '\ud835\udcd0\u0336', 'B': '\ud835\udcd1\u0336', 'C': '\ud835\udcd2\u0336', 'D': '\ud835\udcd3\u0336', 'E': '\ud835\udcd4\u0336', 'F': '\ud835\udcd5\u0336', 'G': '\ud835\udcd6\u0336', 'H': '\ud835\udcd7\u0336', 'I': '\ud835\udcd8\u0336', 'J': '\ud835\udcd9\u0336', 'K': '\ud835\udcda\u0336', 'L': '\ud835\udcdb\u0336', 'M': '\ud835\udcdc\u0336', 'N': '\ud835\udcdd\u0336', 'O': '\ud835\udcde\u0336', 'P': '\ud835\udcdf\u0336', 'Q': '\ud835\udce0\u0336', 'R': '\ud835\udce1\u0336', 'S': '\ud835\udce2\u0336', 'T': '\ud835\udce3\u0336', 'U': '\ud835\udce4\u0336', 'V': '\ud835\udce5\u0336', 'W': '\ud835\udce6\u0336', 'X': '\ud835\udce7\u0336', 'Y': '\ud835\udce8\u0336', 'Z': '\ud835\udce9\u0336' } },\r\n        { name: 'Echo Whisper', map: { 'A': '\u15c5', 'B': '\u15f7', 'C': '\u13df', 'D': '\u15de', 'E': '\u15f4', 'F': '\u15b4', 'G': '\u161c', 'H': '\u157c', 'I': '\u14f0', 'J': '\u148d', 'K': '\u14bf', 'L': '\u14aa', 'M': '\u1662', 'N': '\u1609', 'O': '\u14cd', 'P': '\u14d1', 'Q': '\u15ba', 'R': '\u1587', 'S': '\u1511', 'T': '\u15b6', 'U': '\u162e', 'V': '\u142f', 'W': '\u164e', 'X': '\u166d', 'Y': '\u15bb', 'Z': '\u166d' } },\r\n        { name: 'Breeze Thin', map: { 'a': '\uaa96', 'b': '\uaa9c', 'c': '\uaadd', 'd': '\uaa91', 'e': '\uaa97', 'f': '\uaaae', 'g': '\uaa80', 'h': '\uaa8a', 'i': '\uaa81', 'j': '\uaa80', 'k': '\uaaaf', 'l': '\uaab6', 'm': '\uaadd', 'n': '\uaab3', 'o': '\uaaae', 'p': '\uaab9', 'q': '\uaadd', 'r': '\uaab9', 's': '\uaabb', 't': '\uaa91', 'u': '\uaa8a', 'v': '\uaa8f', 'w': '\uaa9d', 'x': '\uaa89', 'y': '\uaa97', 'z': '\uaac0' } },\r\n        { name: 'Quiet Minimal', map: { 'A': '\ud835\ude70\u02d9', 'B': '\ud835\ude71\u02d9', 'C': '\ud835\ude72\u02d9', 'D': '\ud835\ude73\u02d9', 'E': '\ud835\ude74\u02d9', 'F': '\ud835\ude75\u02d9', 'G': '\ud835\ude76\u02d9', 'H': '\ud835\ude77\u02d9', 'I': '\ud835\ude78\u02d9', 'J': '\ud835\ude79\u02d9', 'K': '\ud835\ude7a\u02d9', 'L': '\ud835\ude7b\u02d9', 'M': '\ud835\ude7c\u02d9', 'N': '\ud835\ude7d\u02d9', 'O': '\ud835\ude7e\u02d9', 'P': '\ud835\ude7f\u02d9', 'Q': '\ud835\ude80\u02d9', 'R': '\ud835\ude81\u02d9', 'S': '\ud835\ude82\u02d9', 'T': '\ud835\ude83\u02d9', 'U': '\ud835\ude84\u02d9', 'V': '\ud835\ude85\u02d9', 'W': '\ud835\ude86\u02d9', 'X': '\ud835\ude87\u02d9', 'Y': '\ud835\ude88\u02d9', 'Z': '\ud835\ude89\u02d9' } },\r\n        { name: 'Fuzzy Whisper', map: { A: \"A\u0335\", B: \"B\u0335\", C: \"C\u0335\", D: \"D\u0335\", E: \"E\u0335\", F: \"F\u0335\", G: \"G\u0335\", H: \"H\u0335\", I: \"I\u0335\", J: \"J\u0335\", K: \"K\u0335\", L: \"L\u0335\", M: \"M\u0335\", N: \"N\u0335\", O: \"O\u0335\", P: \"P\u0335\", Q: \"Q\u0335\", R: \"R\u0335\", S: \"S\u0335\", T: \"T\u0335\", U: \"U\u0335\", V: \"V\u0335\", W: \"W\u0335\", X: \"X\u0335\", Y: \"Y\u0335\", Z: \"Z\u0335\" } },\r\n        { name: 'Thin Echo', map: { A: \"A\u035f\", B: \"B\u035f\", C: \"C\u035f\", D: \"D\u035f\", E: \"E\u035f\", F: \"F\u035f\", G: \"G\u035f\", H: \"H\u035f\", I: \"I\u035f\", J: \"J\u035f\", K: \"K\u035f\", L: \"L\u035f\", M: \"M\u035f\", N: \"N\u035f\", O: \"O\u035f\", P: \"P\u035f\", Q: \"Q\u035f\", R: \"R\u035f\", S: \"S\u035f\", T: \"T\u035f\", U: \"U\u035f\", V: \"V\u035f\", W: \"W\u035f\", X: \"X\u035f\", Y: \"Y\u035f\", Z: \"Z\u035f\" } },\r\n        { name: 'Quiet Dots', map: { A: \"A\u0307\", B: \"B\u0307\", C: \"C\u0307\", D: \"D\u0307\", E: \"E\u0307\", F: \"F\u0307\", G: \"G\u0307\", H: \"H\u0307\", I: \"I\u0307\", J: \"J\u0307\", K: \"K\u0307\", L: \"L\u0307\", M: \"M\u0307\", N: \"N\u0307\", O: \"O\u0307\", P: \"P\u0307\", Q: \"Q\u0307\", R: \"R\u0307\", S: \"S\u0307\", T: \"T\u0307\", U: \"U\u0307\", V: \"V\u0307\", W: \"W\u0307\", X: \"X\u0307\", Y: \"Y\u0307\", Z: \"Z\u0307\" } },\r\n        { name: 'Whisper Dust', map: { 'a': '\u1d00', 'b': '\u0299', 'c': '\u1d04', 'd': '\u1d05', 'e': '\u1d07', 'f': '\ua730', 'g': '\u0262', 'h': '\u029c', 'i': '\u026a', 'j': '\u1d0a', 'k': '\u1d0b', 'l': '\u029f', 'm': '\u1d0d', 'n': '\u0274', 'o': '\u1d0f', 'p': '\u1d18', 'q': '\u1d0f', 'r': '\u0280', 's': '\ua731', 't': '\u1d1b', 'u': '\u1d1c', 'v': '\u1d20', 'w': '\u1d21', 'x': '\u1d0f', 'y': '\u028f', 'z': '\u1d22' } },\r\n        { name: 'Vapor Line', map: { A: \"A\u0336\u0336\", B: \"B\u0336\u0336\", C: \"C\u0336\u0336\", D: \"D\u0336\u0336\", E: \"E\u0336\u0336\", F: \"F\u0336\u0336\", G: \"G\u0336\u0336\", H: \"H\u0336\u0336\", I: \"I\u0336\u0336\", J: \"J\u0336\u0336\", K: \"K\u0336\u0336\", L: \"L\u0336\u0336\", M: \"M\u0336\u0336\", N: \"N\u0336\u0336\", O: \"O\u0336\u0336\", P: \"P\u0336\u0336\", Q: \"Q\u0336\u0336\", R: \"R\u0336\u0336\", S: \"S\u0336\u0336\", T: \"T\u0336\u0336\", U: \"U\u0336\u0336\", V: \"V\u0336\u0336\", W: \"W\u0336\u0336\", X: \"X\u0336\u0336\", Y: \"Y\u0336\u0336\", Z: \"Z\u0336\u0336\" } },\r\n        { name: 'Soft Blur', map: { A: \"A\u0362\", B: \"B\u0362\", C: \"C\u0362\", D: \"D\u0362\", E: \"E\u0362\", F: \"F\u0362\", G: \"G\u0362\", H: \"H\u0362\", I: \"I\u0362\", J: \"J\u0362\", K: \"K\u0362\", L: \"L\u0362\", M: \"M\u0362\", N: \"N\u0362\", O: \"O\u0362\", P: \"P\u0362\", Q: \"Q\u0362\", R: \"R\u0362\", S: \"S\u0362\", T: \"T\u0362\", U: \"U\u0362\", V: \"V\u0362\", W: \"W\u0362\", X: \"X\u0362\", Y: \"Y\u0362\", Z: \"Z\u0362\" } },\r\n        { name: 'Fog Whisper', map: { A: \"A\u030a\", B: \"B\u030a\", C: \"C\u030a\", D: \"D\u030a\", E: \"E\u030a\", F: \"F\u030a\", G: \"G\u030a\", H: \"H\u030a\", I: \"I\u030a\", J: \"J\u030a\", K: \"K\u030a\", L: \"L\u030a\", M: \"M\u030a\", N: \"N\u030a\", O: \"O\u030a\", P: \"P\u030a\", Q: \"Q\u030a\", R: \"R\u030a\", S: \"S\u030a\", T: \"T\u030a\", U: \"U\u030a\", V: \"V\u030a\", W: \"W\u030a\", X: \"X\u030a\", Y: \"Y\u030a\", Z: \"Z\u030a\" } },\r\n        { name: 'Dream Light', map: { 'A': '\ud835\udc68\u0325', 'B': '\ud835\udc69\u0325', 'C': '\ud835\udc6a\u0325', 'D': '\ud835\udc6b\u0325', 'E': '\ud835\udc6c\u0325', 'F': '\ud835\udc6d\u0325', 'G': '\ud835\udc6e\u0325', 'H': '\ud835\udc6f\u0325', 'I': '\ud835\udc70\u0325', 'J': '\ud835\udc71\u0325', 'K': '\ud835\udc72\u0325', 'L': '\ud835\udc73\u0325', 'M': '\ud835\udc74\u0325', 'N': '\ud835\udc75\u0325', 'O': '\ud835\udc76\u0325', 'P': '\ud835\udc77\u0325', 'Q': '\ud835\udc78\u0325', 'R': '\ud835\udc79\u0325', 'S': '\ud835\udc7a\u0325', 'T': '\ud835\udc7b\u0325', 'U': '\ud835\udc7c\u0325', 'V': '\ud835\udc7d\u0325', 'W': '\ud835\udc7e\u0325', 'X': '\ud835\udc7f\u0325', 'Y': '\ud835\udc80\u0325', 'Z': '\ud835\udc81\u0325' } },\r\n        { name: 'Featherlight', map: { 'a': '\uaa96\u0324', 'b': '\uaa9c\u0324', 'c': '\uaadd\u0324', 'd': '\uaa91\u0324', 'e': '\uaa97\u0324', 'f': '\uaaae\u0324', 'g': '\uaa80\u0324', 'h': '\uaa8a\u0324', 'i': '\uaa81\u0324', 'j': '\uaa80\u0324', 'k': '\uaaaf\u0324', 'l': '\uaab6\u0324', 'm': '\uaadd\u0324', 'n': '\uaab3\u0324', 'o': '\uaaae\u0324', 'p': '\uaab9\u0324', 'q': '\uaadd\u0324', 'r': '\uaab9\u0324', 's': '\uaabb\u0324', 't': '\uaa91\u0324', 'u': '\uaa8a\u0324', 'v': '\uaa8f\u0324', 'w': '\uaa9d\u0324', 'x': '\uaa89\u0324', 'y': '\uaa97\u0324', 'z': '\uaac0\u0324' } },\r\n        { name: 'Light Wind', map: { A: \"A\u035c\", B: \"B\u035c\", C: \"C\u035c\", D: \"D\u035c\", E: \"E\u035c\", F: \"F\u035c\", G: \"G\u035c\", H: \"H\u035c\", I: \"I\u035c\", J: \"J\u035c\", K: \"K\u035c\", L: \"L\u035c\", M: \"M\u035c\", N: \"N\u035c\", O: \"O\u035c\", P: \"P\u035c\", Q: \"Q\u035c\", R: \"R\u035c\", S: \"S\u035c\", T: \"T\u035c\", U: \"U\u035c\", V: \"V\u035c\", W: \"W\u035c\", X: \"X\u035c\", Y: \"Y\u035c\", Z: \"Z\u035c\" } },\r\n        { name: 'Ghost Whisper', map: { 'A': '\u13d7', 'B': '\u13f0', 'C': '\u13e8', 'D': '\u13e7', 'E': '\u13cb', 'F': '\u13a6', 'G': '\u13b6', 'H': '\u13c2', 'I': '\u13a5', 'J': '\u13e0', 'K': '\u13e6', 'L': '\u13dd', 'M': '\u13b7', 'N': '\u13c1', 'O': '\u13a7', 'P': '\u13e2', 'Q': '\u13a4', 'R': '\u13d2', 'S': '\u13d5', 'T': '\u13d6', 'U': '\u13ec', 'V': '\u13c9', 'W': '\u13c7', 'X': '\u1300', 'Y': '\u13a9', 'Z': '\u13c3' } },\r\n        { name: 'Quiet Sketch', map: { A: \"A\u0338\", B: \"B\u0338\", C: \"C\u0338\", D: \"D\u0338\", E: \"E\u0338\", F: \"F\u0338\", G: \"G\u0338\", H: \"H\u0338\", I: \"I\u0338\", J: \"J\u0338\", K: \"K\u0338\", L: \"L\u0338\", M: \"M\u0338\", N: \"N\u0338\", O: \"O\u0338\", P: \"P\u0338\", Q: \"Q\u0338\", R: \"R\u0338\", S: \"S\u0338\", T: \"T\u0338\", U: \"U\u0338\", V: \"V\u0338\", W: \"W\u0338\", X: \"X\u0338\", Y: \"Y\u0338\", Z: \"Z\u0338\" } },\r\n        { name: 'Whisper Mist', map: { A: \"A\u033d\u0353\", B: \"B\u033d\u0353\", C: \"C\u033d\u0353\", D: \"D\u033d\u0353\", E: \"E\u033d\u0353\", F: \"F\u033d\u0353\", G: \"G\u033d\u0353\", H: \"H\u033d\u0353\", I: \"I\u033d\u0353\", J: \"J\u033d\u0353\", K: \"K\u033d\u0353\", L: \"L\u033d\u0353\", M: \"M\u033d\u0353\", N: \"N\u033d\u0353\", O: \"O\u033d\u0353\", P: \"P\u033d\u0353\", Q: \"Q\u033d\u0353\", R: \"R\u033d\u0353\", S: \"S\u033d\u0353\", T: \"T\u033d\u0353\", U: \"U\u033d\u0353\", V: \"V\u033d\u0353\", W: \"W\u033d\u0353\", X: \"X\u033d\u0353\", Y: \"Y\u033d\u0353\", Z: \"Z\u033d\u0353\" } },\r\n        { name: 'Sigh Script', map: { 'A': '\ud835\udcd0\u030a', 'B': '\ud835\udcd1\u030a', 'C': '\ud835\udcd2\u030a', 'D': '\ud835\udcd3\u030a', 'E': '\ud835\udcd4\u030a', 'F': '\ud835\udcd5\u030a', 'G': '\ud835\udcd6\u030a', 'H': '\ud835\udcd7\u030a', 'I': '\ud835\udcd8\u030a', 'J': '\ud835\udcd9\u030a', 'K': '\ud835\udcda\u030a', 'L': '\ud835\udcdb\u030a', 'M': '\ud835\udcdc\u030a', 'N': '\ud835\udcdd\u030a', 'O': '\ud835\udcde\u030a', 'P': '\ud835\udcdf\u030a', 'Q': '\ud835\udce0\u030a', 'R': '\ud835\udce1\u030a', 'S': '\ud835\udce2\u030a', 'T': '\ud835\udce3\u030a', 'U': '\ud835\udce4\u030a', 'V': '\ud835\udce5\u030a', 'W': '\ud835\udce6\u030a', 'X': '\ud835\udce7\u030a', 'Y': '\ud835\udce8\u030a', 'Z': '\ud835\udce9\u030a' } },\r\n        { name: 'Serene Line', map: { A: \"A\u0337\u0307\", B: \"B\u0337\u0307\", C: \"C\u0337\u0307\", D: \"D\u0337\u0307\", E: \"E\u0337\u0307\", F: \"F\u0337\u0307\", G: \"G\u0337\u0307\", H: \"H\u0337\u0307\", I: \"I\u0337\u0307\", J: \"J\u0337\u0307\", K: \"K\u0337\u0307\", L: \"L\u0337\u0307\", M: \"M\u0337\u0307\", N: \"N\u0337\u0307\", O: \"O\u0337\u0307\", P: \"P\u0337\u0307\", Q: \"Q\u0337\u0307\", R: \"R\u0337\u0307\", S: \"S\u0337\u0307\", T: \"T\u0337\u0307\", U: \"U\u0337\u0307\", V: \"V\u0337\u0307\", W: \"W\u0337\u0307\", X: \"X\u0337\u0307\", Y: \"Y\u0337\u0307\", Z: \"Z\u0337\u0307\" } },\r\n        { name: 'Breath Line', map: { A: \"A\u0331\", B: \"B\u0331\", C: \"C\u0331\", D: \"D\u0331\", E: \"E\u0331\", F: \"F\u0331\", G: \"G\u0331\", H: \"H\u0331\", I: \"I\u0331\", J: \"J\u0331\", K: \"K\u0331\", L: \"L\u0331\", M: \"M\u0331\", N: \"N\u0331\", O: \"O\u0331\", P: \"P\u0331\", Q: \"Q\u0331\", R: \"R\u0331\", S: \"S\u0331\", T: \"T\u0331\", U: \"U\u0331\", V: \"V\u0331\", W: \"W\u0331\", X: \"X\u0331\", Y: \"Y\u0331\", Z: \"Z\u0331\" } },\r\n        { name: 'Whisper Loop', map: { 'A': '\ud835\udd04\u030a', 'B': '\ud835\udd05\u030a', 'C': '\u212d\u030a', 'D': '\ud835\udd07\u030a', 'E': '\ud835\udd08\u030a', 'F': '\ud835\udd09\u030a', 'G': '\ud835\udd0a\u030a', 'H': '\u210c\u030a', 'I': '\u2111\u030a', 'J': '\ud835\udd0d\u030a', 'K': '\ud835\udd0e\u030a', 'L': '\ud835\udd0f\u030a', 'M': '\ud835\udd10\u030a', 'N': '\u2115\u030a', 'O': '\ud835\udd12\u030a', 'P': '\ud835\udd13\u030a', 'Q': '\ud835\udd14\u030a', 'R': '\u211c\u030a', 'S': '\ud835\udd16\u030a', 'T': '\ud835\udd17\u030a', 'U': '\ud835\udd18\u030a', 'V': '\ud835\udd19\u030a', 'W': '\ud835\udd1a\u030a', 'X': '\ud835\udd1b\u030a', 'Y': '\ud835\udd1c\u030a', 'Z': '\ud835\udd1d\u030a' } },\r\n        { name: 'Thin Airy', map: { A: \"A\u0303\", B: \"B\u0303\", C: \"C\u0303\", D: \"D\u0303\", E: \"E\u0303\", F: \"F\u0303\", G: \"G\u0303\", H: \"H\u0303\", I: \"I\u0303\", J: \"J\u0303\", K: \"K\u0303\", L: \"L\u0303\", M: \"M\u0303\", N: \"N\u0303\", O: \"O\u0303\", P: \"P\u0303\", Q: \"Q\u0303\", R: \"R\u0303\", S: \"S\u0303\", T: \"T\u0303\", U: \"U\u0303\", V: \"V\u0303\", W: \"W\u0303\", X: \"X\u0303\", Y: \"Y\u0303\", Z: \"Z\u0303\" } },\r\n        { name: 'Soft Static', map: { A: \"A\u0336\u031b\", B: \"B\u0336\u031b\", C: \"C\u0336\u031b\", D: \"D\u0336\u031b\", E: \"E\u0336\u031b\", F: \"F\u0336\u031b\", G: \"G\u0336\u031b\", H: \"H\u0336\u031b\", I: \"I\u0336\u031b\", J: \"J\u0336\u031b\", K: \"K\u0336\u031b\", L: \"L\u0336\u031b\", M: \"M\u0336\u031b\", N: \"N\u0336\u031b\", O: \"O\u0336\u031b\", P: \"P\u0336\u031b\", Q: \"Q\u0336\u031b\", R: \"R\u0336\u031b\", S: \"S\u0336\u031b\", T: \"T\u0336\u031b\", U: \"U\u0336\u031b\", V: \"V\u0336\u031b\", W: \"W\u0336\u031b\", X: \"X\u0336\u031b\", Y: \"Y\u0336\u031b\", Z: \"Z\u0336\u031b\" } },\r\n        { name: 'Exhale Thin', map: { A: \"A\u035f\u035f\", B: \"B\u035f\u035f\", C: \"C\u035f\u035f\", D: \"D\u035f\u035f\", E: \"E\u035f\u035f\", F: \"F\u035f\u035f\", G: \"G\u035f\u035f\", H: \"H\u035f\u035f\", I: \"I\u035f\u035f\", J: \"J\u035f\u035f\", K: \"K\u035f\u035f\", L: \"L\u035f\u035f\", M: \"M\u035f\u035f\", N: \"N\u035f\u035f\", O: \"O\u035f\u035f\", P: \"P\u035f\u035f\", Q: \"Q\u035f\u035f\", R: \"R\u035f\u035f\", S: \"S\u035f\u035f\", T: \"T\u035f\u035f\", U: \"U\u035f\u035f\", V: \"V\u035f\u035f\", W: \"W\u035f\u035f\", X: \"X\u035f\u035f\", Y: \"Y\u035f\u035f\", Z: \"Z\u035f\u035f\" } },\r\n        { name: 'Light Shimmer', map: { A: \"A\u033a\", B: \"B\u033a\", C: \"C\u033a\", D: \"D\u033a\", E: \"E\u033a\", F: \"F\u033a\", G: \"G\u033a\", H: \"H\u033a\", I: \"I\u033a\", J: \"J\u033a\", K: \"K\u033a\", L: \"L\u033a\", M: \"M\u033a\", N: \"N\u033a\", O: \"O\u033a\", P: \"P\u033a\", Q: \"Q\u033a\", R: \"R\u033a\", S: \"S\u033a\", T: \"T\u033a\", U: \"U\u033a\", V: \"V\u033a\", W: \"W\u033a\", X: \"X\u033a\", Y: \"Y\u033a\", Z: \"Z\u033a\" } },\r\n        { name: 'Whisper Float', map: { A: \"A\u0362\u031f\", B: \"B\u0362\u031f\", C: \"C\u0362\u031f\", D: \"D\u0362\u031f\", E: \"E\u0362\u031f\", F: \"F\u0362\u031f\", G: \"G\u0362\u031f\", H: \"H\u0362\u031f\", I: \"I\u0362\u031f\", J: \"J\u0362\u031f\", K: \"K\u0362\u031f\", L: \"L\u0362\u031f\", M: \"M\u0362\u031f\", N: \"N\u0362\u031f\", O: \"O\u0362\u031f\", P: \"P\u0362\u031f\", Q: \"Q\u0362\u031f\", R: \"R\u0362\u031f\", S: \"S\u0362\u031f\", T: \"T\u0362\u031f\", U: \"U\u0362\u031f\", V: \"V\u0362\u031f\", W: \"W\u0362\u031f\", X: \"X\u0362\u031f\", Y: \"Y\u0362\u031f\", Z: \"Z\u0362\u031f\" } },\r\n        { name: 'Dream Whisper', map: { 'a': '\uaa96\ud801\udce3', 'b': '\uaa9c\ud801\udce3', 'c': '\uaadd\ud801\udce3', 'd': '\uaa91\ud801\udce3', 'e': '\uaa97\ud801\udce3', 'f': '\uaaae\ud801\udce3', 'g': '\uaa80\ud801\udce3', 'h': '\uaa8a\ud801\udce3', 'i': '\uaa81\ud801\udce3', 'j': '\uaa80\ud801\udce3', 'k': '\uaaaf\ud801\udce3', 'l': '\uaab6\ud801\udce3', 'm': '\uaadd\ud801\udce3', 'n': '\uaab3\ud801\udce3', 'o': '\uaaae\ud801\udce3', 'p': '\uaab9\ud801\udce3', 'q': '\uaadd\ud801\udce3', 'r': '\uaab9\ud801\udce3', 's': '\uaabb\ud801\udce3', 't': '\uaa91\ud801\udce3', 'u': '\uaa8a\ud801\udce3', 'v': '\uaa8f\ud801\udce3', 'w': '\uaa9d\ud801\udce3', 'x': '\uaa89\ud801\udce3', 'y': '\uaa97\ud801\udce3', 'z': '\uaac0\ud801\udce3' } },\r\n        { name: 'Misty Serif', map: { 'A': '\ud835\ude70\u0362', 'B': '\ud835\ude71\u0362', 'C': '\ud835\ude72\u0362', 'D': '\ud835\ude73\u0362', 'E': '\ud835\ude74\u0362', 'F': '\ud835\ude75\u0362', 'G': '\ud835\ude76\u0362', 'H': '\ud835\ude77\u0362', 'I': '\ud835\ude78\u0362', 'J': '\ud835\ude79\u0362', 'K': '\ud835\ude7a\u0362', 'L': '\ud835\ude7b\u0362', 'M': '\ud835\ude7c\u0362', 'N': '\ud835\ude7d\u0362', 'O': '\ud835\ude7e\u0362', 'P': '\ud835\ude7f\u0362', 'Q': '\ud835\ude80\u0362', 'R': '\ud835\ude81\u0362', 'S': '\ud835\ude82\u0362', 'T': '\ud835\ude83\u0362', 'U': '\ud835\ude84\u0362', 'V': '\ud835\ude85\u0362', 'W': '\ud835\ude86\u0362', 'X': '\ud835\ude87\u0362', 'Y': '\ud835\ude88\u0362', 'Z': '\ud835\ude89\u0362' } },\r\n        { name: 'Soft Echo', map: { A: \"A\u2e1d\", B: \"B\u2e1d\", C: \"C\u2e1d\", D: \"D\u2e1d\", E: \"E\u2e1d\", F: \"F\u2e1d\", G: \"G\u2e1d\", H: \"H\u2e1d\", I: \"I\u2e1d\", J: \"J\u2e1d\", K: \"K\u2e1d\", L: \"L\u2e1d\", M: \"M\u2e1d\", N: \"N\u2e1d\", O: \"O\u2e1d\", P: \"P\u2e1d\", Q: \"Q\u2e1d\", R: \"R\u2e1d\", S: \"S\u2e1d\", T: \"T\u2e1d\", U: \"U\u2e1d\", V: \"V\u2e1d\", W: \"W\u2e1d\", X: \"X\u2e1d\", Y: \"Y\u2e1d\", Z: \"Z\u2e1d\" } },\r\n        { name: 'Whisper Grain', map: { A: \"A\u0333\", B: \"B\u0333\", C: \"C\u0333\", D: \"D\u0333\", E: \"E\u0333\", F: \"F\u0333\", G: \"G\u0333\", H: \"H\u0333\", I: \"I\u0333\", J: \"J\u0333\", K: \"K\u0333\", L: \"L\u0333\", M: \"M\u0333\", N: \"N\u0333\", O: \"O\u0333\", P: \"P\u0333\", Q: \"Q\u0333\", R: \"R\u0333\", S: \"S\u0333\", T: \"T\u0333\", U: \"U\u0333\", V: \"V\u0333\", W: \"W\u0333\", X: \"X\u0333\", Y: \"Y\u0333\", Z: \"Z\u0333\" } },\r\n        { name: 'Satin Whisper', map: { 'A': '\ud835\udcd0\u0311', 'B': '\ud835\udcd1\u0311', 'C': '\ud835\udcd2\u0311', 'D': '\ud835\udcd3\u0311', 'E': '\ud835\udcd4\u0311', 'F': '\ud835\udcd5\u0311', 'G': '\ud835\udcd6\u0311', 'H': '\ud835\udcd7\u0311', 'I': '\ud835\udcd8\u0311', 'J': '\ud835\udcd9\u0311', 'K': '\ud835\udcda\u0311', 'L': '\ud835\udcdb\u0311', 'M': '\ud835\udcdc\u0311', 'N': '\ud835\udcdd\u0311', 'O': '\ud835\udcde\u0311', 'P': '\ud835\udcdf\u0311', 'Q': '\ud835\udce0\u0311', 'R': '\ud835\udce1\u0311', 'S': '\ud835\udce2\u0311', 'T': '\ud835\udce3\u0311', 'U': '\ud835\udce4\u0311', 'V': '\ud835\udce5\u0311', 'W': '\ud835\udce6\u0311', 'X': '\ud835\udce7\u0311', 'Y': '\ud835\udce8\u0311', 'Z': '\ud835\udce9\u0311' } },\r\n        { name: 'Whisper Silk', map: { A: \"A\u030d\", B: \"B\u030d\", C: \"C\u030d\", D: \"D\u030d\", E: \"E\u030d\", F: \"F\u030d\", G: \"G\u030d\", H: \"H\u030d\", I: \"I\u030d\", J: \"J\u030d\", K: \"K\u030d\", L: \"L\u030d\", M: \"M\u030d\", N: \"N\u030d\", O: \"O\u030d\", P: \"P\u030d\", Q: \"Q\u030d\", R: \"R\u030d\", S: \"S\u030d\", T: \"T\u030d\", U: \"U\u030d\", V: \"V\u030d\", W: \"W\u030d\", X: \"X\u030d\", Y: \"Y\u030d\", Z: \"Z\u030d\" } },\r\n        { name: \"Light Murmur\", map: { A: \"A\u0348\", B: \"B\u0348\", C: \"C\u0348\", D: \"D\u0348\", E: \"E\u0348\", F: \"F\u0348\", G: \"G\u0348\", H: \"H\u0348\", I: \"I\u0348\", J: \"J\u0348\", K: \"K\u0348\", L: \"L\u0348\", M: \"M\u0348\", N: \"N\u0348\", O: \"O\u0348\", P: \"P\u0348\", Q: \"Q\u0348\", R: \"R\u0348\", S: \"S\u0348\", T: \"T\u0348\", U: \"U\u0348\", V: \"V\u0348\", W: \"W\u0348\", X: \"X\u0348\", Y: \"Y\u0348\", Z: \"Z\u0348\" } },\r\n        { name: \"Quiet Air\", map: { A: \"A\u0324\", B: \"B\u0324\", C: \"C\u0324\", D: \"D\u0324\", E: \"E\u0324\", F: \"F\u0324\", G: \"G\u0324\", H: \"H\u0324\", I: \"I\u0324\", J: \"J\u0324\", K: \"K\u0324\", L: \"L\u0324\", M: \"M\u0324\", N: \"N\u0324\", O: \"O\u0324\", P: \"P\u0324\", Q: \"Q\u0324\", R: \"R\u0324\", S: \"S\u0324\", T: \"T\u0324\", U: \"U\u0324\", V: \"V\u0324\", W: \"W\u0324\", X: \"X\u0324\", Y: \"Y\u0324\", Z: \"Z\u0324\" } },\r\n        { name: \"Breath Shadow\", map: { A: \"A\u035a\", B: \"B\u035a\", C: \"C\u035a\", D: \"D\u035a\", E: \"E\u035a\", F: \"F\u035a\", G: \"G\u035a\", H: \"H\u035a\", I: \"I\u035a\", J: \"J\u035a\", K: \"K\u035a\", L: \"L\u035a\", M: \"M\u035a\", N: \"N\u035a\", O: \"O\u035a\", P: \"P\u035a\", Q: \"Q\u035a\", R: \"R\u035a\", S: \"S\u035a\", T: \"T\u035a\", U: \"U\u035a\", V: \"V\u035a\", W: \"W\u035a\", X: \"X\u035a\", Y: \"Y\u035a\", Z: \"Z\u035a\" } }\r\n      ];\r\n      \r\n      const ITEMS_PER_LOAD = window.innerWidth < 600 ? 5 : 10;\r\n      let displayedCount = 0;\r\n      let allGeneratedOutputs = [];\r\n      \r\n      \/\/ RESTORED the previous, more robust on-the-fly transformation function\r\n      function transformText(text, map) {\r\n          if (!map || Object.keys(map).length === 0) return text;\r\n          let transformed = '';\r\n          for (const char of text) {\r\n              const upperChar = char.toUpperCase();\r\n              const lowerChar = char.toLowerCase();\r\n              if (map[char]) { \/\/ Exact match (e.g., for case-sensitive maps)\r\n                  transformed += map[char];\r\n              } else if (map[upperChar]) { \/\/ Fallback to uppercase\r\n                  transformed += map[upperChar];\r\n              } else if (map[lowerChar]) { \/\/ Fallback to lowercase\r\n                  transformed += map[lowerChar];\r\n              } else {\r\n                  transformed += char; \/\/ No match, keep original\r\n              }\r\n          }\r\n          return transformed;\r\n      }\r\n      \r\n      function createResultCard(text, style, index) {\r\n        const card = document.createElement('div');\r\n        card.className = 'result-card';\r\n        card.style.animationDelay = `${(index % ITEMS_PER_LOAD) * 0.05}s`;\r\n\r\n        const styleText = document.createElement('div');\r\n        styleText.className = 'result-text';\r\n        styleText.textContent = text;\r\n        \r\n        const copyBtn = document.createElement('button');\r\n        copyBtn.className = 'copy-btn';\r\n        copyBtn.innerHTML = '<i class=\"fas fa-copy\"><\/i>Copy';\r\n        copyBtn.setAttribute('aria-label', `Copy ${style.name}`);\r\n        \r\n        copyBtn.addEventListener('click', (e) => {\r\n            e.stopPropagation();\r\n            handleCopy(text, copyBtn);\r\n        });\r\n        \r\n        card.appendChild(styleText);\r\n        card.appendChild(copyBtn);\r\n        return card;\r\n      }\r\n\r\n      function handleCopy(text, button) {\r\n        navigator.clipboard.writeText(text).then(() => {\r\n          button.innerHTML = '<i class=\"fas fa-check\"><\/i>Copied!';\r\n          setTimeout(() => {\r\n            button.innerHTML = '<i class=\"fas fa-copy\"><\/i>Copy';\r\n          }, 2000);\r\n        }).catch(err => {\r\n          console.error('Failed to copy text: ', err);\r\n        });\r\n      }\r\n      \r\n      function copyAllVisibleStyles() {\r\n        const allText = Array.from(resultsGrid.querySelectorAll('.result-text'))\r\n                           .map(el => el.textContent)\r\n                           .join('\\n');\r\n        if (allText) {\r\n          navigator.clipboard.writeText(allText).then(() => {\r\n              copyAllBtn.innerHTML = '<i class=\"fas fa-check\"><\/i>Copied All!';\r\n              setTimeout(() => {\r\n                  copyAllBtn.innerHTML = '<i class=\"fas fa-clipboard\"><\/i>Copy All';\r\n              }, 2000);\r\n          });\r\n        }\r\n      }\r\n      \r\n      function loadMoreOutputs() {\r\n        const fragment = document.createDocumentFragment();\r\n        const itemsToLoad = allGeneratedOutputs.slice(displayedCount, displayedCount + ITEMS_PER_LOAD);\r\n        itemsToLoad.forEach((output, index) => {\r\n            fragment.appendChild(createResultCard(output.text, output.style, index));\r\n        });\r\n        resultsGrid.appendChild(fragment);\r\n        displayedCount += itemsToLoad.length;\r\n        \r\n        if (displayedCount >= allGeneratedOutputs.length) {\r\n            loadMoreBtn.classList.add('hidden');\r\n        } else {\r\n            loadMoreBtn.classList.remove('hidden');\r\n        }\r\n      }\r\n      \r\n      function generateOutputs(text) {\r\n        \/\/ Generate outputs using the original fontStyles array and the restored transformText function\r\n        allGeneratedOutputs = fontStyles.map(style => ({\r\n          text: transformText(text, style.map),\r\n          style: style\r\n        }));\r\n        resultsGrid.innerHTML = '';\r\n        displayedCount = 0;\r\n        \r\n        if (text) {\r\n          loadMoreOutputs();\r\n        } else {\r\n          loadMoreBtn.classList.add('hidden');\r\n        }\r\n      }\r\n      \r\n      \/\/ --- Event Listeners for Features ---\r\n      function triggerUpdate(newValue) {\r\n          textInput.value = newValue;\r\n          textInput.dispatchEvent(new Event('input', { bubbles: true }));\r\n      }\r\n\r\n      presetBtns.forEach(button => {\r\n          button.addEventListener('click', () => {\r\n              triggerUpdate(button.textContent);\r\n          });\r\n      });\r\n      \r\n      caseBtns.forEach(button => {\r\n          button.addEventListener('click', () => {\r\n              const currentText = textInput.value;\r\n              let newText = currentText;\r\n              switch (button.dataset.case) {\r\n                  case 'upper':\r\n                      newText = currentText.toUpperCase();\r\n                      break;\r\n                  case 'lower':\r\n                      newText = currentText.toLowerCase();\r\n                      break;\r\n                  case 'title':\r\n                      newText = currentText.toLowerCase().replace(\/\\b\\w\/g, s => s.toUpperCase());\r\n                      break;\r\n              }\r\n              triggerUpdate(newText);\r\n          });\r\n      });\r\n\r\n\r\n      \/\/ --- Core Event Listeners ---\r\n      textInput.addEventListener('input', (e) => generateOutputs(e.target.value));\r\n      loadMoreBtn.addEventListener('click', loadMoreOutputs);\r\n      copyAllBtn.addEventListener('click', copyAllVisibleStyles);\r\n\r\n      function setupAccordion() {\r\n        const questions = document.querySelectorAll('.accordion-question');\r\n        questions.forEach(question => {\r\n          question.addEventListener('click', function() {\r\n            const answer = this.nextElementSibling;\r\n            const isActive = this.classList.contains('active');\r\n            this.classList.toggle('active');\r\n            answer.classList.toggle('active');\r\n          });\r\n        });\r\n      }\r\n      \r\n      \/\/ Initial state\r\n      generateOutputs(\"Dummy Output\"); \/\/ Show dummy outputs on load\r\n      setupAccordion();\r\n    });\r\n  <\/script>\r\n<\/div>\r\n\r\n<!-- Content Section Start From Here  -->\r\n\r\n<!-- Load Font Awesome for Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<!-- Load Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div id=\"ws-content-box\">\r\n    <style>\r\n        \/* CSS Variables scoped to this container *\/\r\n        #ws-content-box {\r\n            --ws-purple: #9B88B1;\r\n            --ws-pink: #E8B4B8;\r\n            --ws-text: #4a4a4a;\r\n            --ws-muted: #6c6c6c;\r\n            --ws-bg-blue: #f0f7ff;\r\n            --ws-bg-white: #ffffff;\r\n            --ws-gradient: linear-gradient(135deg, #9B88B1 0%, #E8B4B8 100%);\r\n            --ws-radius: 10px;\r\n            \r\n            font-family: 'Inter', sans-serif;\r\n            color: var(--ws-text);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Generic Layout *\/\r\n        #ws-content-box .ws-section {\r\n            width: 100%;\r\n            padding: clamp(3rem, 8vw, 5rem) 15px;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        #ws-content-box .ws-container {\r\n            max-width: 1200px;\r\n            width: 100%;\r\n        }\r\n\r\n        #ws-content-box .ws-header {\r\n            text-align: center;\r\n            margin-bottom: clamp(2.5rem, 6vw, 4rem);\r\n        }\r\n\r\n        #ws-content-box .ws-header h2 {\r\n            font-family: 'Playfair Display', serif !important;\r\n            font-size: clamp(1.8rem, 4vw, 2.8rem) !important;\r\n            font-weight: 700 !important;\r\n            margin-bottom: 15px !important;\r\n            background: var(--ws-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            display: inline-block;\r\n            line-height: 1.2 !important;\r\n            border: none !important;\r\n        }\r\n\r\n        #ws-content-box .ws-header p {\r\n            font-size: clamp(0.95rem, 1.5vw, 1.1rem);\r\n            color: var(--ws-muted);\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Responsive Grid *\/\r\n        #ws-content-box .ws-grid {\r\n            display: grid;\r\n            gap: 20px;\r\n            grid-template-columns: repeat(4, 1fr);\r\n        }\r\n\r\n        @media (max-width: 1024px) { #ws-content-box .ws-grid { grid-template-columns: repeat(2, 1fr); } }\r\n        @media (max-width: 600px) { #ws-content-box .ws-grid { grid-template-columns: 1fr; } }\r\n\r\n        \/* Card Base Styles *\/\r\n        #ws-content-box .ws-card {\r\n            padding: 30px 20px;\r\n            border-radius: var(--ws-radius);\r\n            text-align: center;\r\n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n            position: relative;\r\n        }\r\n\r\n        #ws-content-box .ws-card i {\r\n            font-size: 2.2rem;\r\n            margin-bottom: 15px;\r\n            background: var(--ws-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            transition: 0.5s ease;\r\n            display: inline-block;\r\n        }\r\n\r\n        #ws-content-box .ws-card h3 {\r\n            font-size: 1.2rem !important;\r\n            font-weight: 700 !important;\r\n            margin-bottom: 10px !important;\r\n            color: var(--ws-text) !important;\r\n        }\r\n\r\n        #ws-content-box .ws-card p {\r\n            font-size: 0.9rem !important;\r\n            color: var(--ws-muted) !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n        \/* --- SECTION 1: Lift with Layered Shadow + Icon Rotate --- *\/\r\n        #ws-content-box .ws-sec-1 { background-color: var(--ws-bg-white); }\r\n        #ws-content-box .ws-sec-1 .ws-card { background-color: var(--ws-bg-blue); }\r\n        #ws-content-box .ws-sec-1 .ws-card:hover {\r\n            transform: translateY(-12px);\r\n            box-shadow: 0 10px 20px rgba(155, 136, 177, 0.1), 0 20px 40px rgba(155, 136, 177, 0.05);\r\n        }\r\n        #ws-content-box .ws-sec-1 .ws-card:hover i { transform: rotate(360deg); }\r\n\r\n        \/* --- SECTION 2: Magnetic Hover Tilt + Content Slide --- *\/\r\n        #ws-content-box .ws-sec-2 { background-color: var(--ws-bg-blue); }\r\n        #ws-content-box .ws-sec-2 .ws-card { background-color: var(--ws-bg-white); perspective: 1000px; }\r\n        #ws-content-box .ws-sec-2 .ws-card:hover {\r\n            transform: rotateX(7deg) rotateY(-7deg) translateZ(10px);\r\n            box-shadow: 10px 10px 30px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        \/* --- SECTION 3: Animated Border Trace + Elastic Bounce --- *\/\r\n        #ws-content-box .ws-sec-3 { background-color: var(--ws-bg-white); }\r\n        #ws-content-box .ws-sec-3 .ws-card { background-color: var(--ws-bg-blue); border: 2px solid transparent; }\r\n        #ws-content-box .ws-sec-3 .ws-card:hover { border-color: var(--ws-purple); }\r\n        #ws-content-box .ws-sec-3 .ws-card:hover i { animation: ws-elastic 0.6s infinite alternate; }\r\n\r\n        @keyframes ws-elastic {\r\n            from { transform: scale(1); }\r\n            to { transform: scale(1.25); }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- SECTION 1: WHAT -->\r\n <section class=\"ws-section ws-sec-1\">\r\n        <div class=\"ws-container\">\r\n        \r\n        <\/div>\r\n\t<\/section>\r\n    <section class=\"ws-section ws-sec-1\">\r\n        <div class=\"ws-container\">\r\n            <header class=\"ws-header\">\r\n                <h2>What is Whisper Text?<\/h2>\r\n                <p>Discover the science of aesthetic typography. Whisper fonts utilize unique Unicode character maps to create text that feels light, faint, and perfectly ethereal.<\/p>\r\n            <\/header>\r\n            <div class=\"ws-grid\">\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-magic\"><\/i>\r\n                    <h3>Instant Styling<\/h3>\r\n                    <p>Convert standard text into beautiful quiet variants in real-time as you type.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-ghost\"><\/i>\r\n                    <h3>Faint Appearance<\/h3>\r\n                    <p>Special symbols that mimic transparency, creating a ghostly and mysterious feel.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-universal-access\"><\/i>\r\n                    <h3>Unicode Based<\/h3>\r\n                    <p>Not an image or a file\u2014just text characters that work on almost any modern app.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-wind\"><\/i>\r\n                    <h3>Airy Spacing<\/h3>\r\n                    <p>Wider kerning and thin lines give your captions a breathable, modern aesthetic.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-mobile-screen\"><\/i>\r\n                    <h3>Responsive Output<\/h3>\r\n                    <p>Fonts that look crisp and clear on both iOS and Android mobile devices.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-infinity\"><\/i>\r\n                    <h3>Unlimited Use<\/h3>\r\n                    <p>Generate thousands of phrases for your bios and captions without any limits.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-shield-heart\"><\/i>\r\n                    <h3>Account Safe<\/h3>\r\n                    <p>Compatible with social media guidelines as they are standard Unicode characters.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-leaf\"><\/i>\r\n                    <h3>Minimalist Logic<\/h3>\r\n                    <p>Designed for users who value simplicity and quiet luxury in their digital space.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2: WHY -->\r\n    <section class=\"ws-section ws-sec-2\">\r\n        <div class=\"ws-container\">\r\n            <header class=\"ws-header\">\r\n                <h2>Why Choose Subtle Fonts?<\/h2>\r\n                <p>In a digital world full of bold noise, a whisper stands out by inviting the reader to look closer. Elevate your presence with professional subtle styling.<\/p>\r\n            <\/header>\r\n            <div class=\"ws-grid\">\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-eye-low-vision\"><\/i>\r\n                    <h3>Captivating Intrigue<\/h3>\r\n                    <p>Faint text breaks typical patterns, forcing the human eye to pause and focus.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-gem\"><\/i>\r\n                    <h3>Luxury Branding<\/h3>\r\n                    <p>Thin scripts are synonymous with high-end, premium, and boutique brand identities.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-cloud-moon\"><\/i>\r\n                    <h3>Moody Vibes<\/h3>\r\n                    <p>Perfectly matches \"Soft Girl,\" \"Coquette,\" or \"Dark Academia\" profile aesthetics.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-envelope-open-text\"><\/i>\r\n                    <h3>Visual Hierarchy<\/h3>\r\n                    <p>Fade out secondary details in your bio to keep the main links and info bold.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-heart-pulse\"><\/i>\r\n                    <h3>Intimate Connection<\/h3>\r\n                    <p>Quiet text feels like a shared secret between you and your followers.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-bolt\"><\/i>\r\n                    <h3>Fast & Efficient<\/h3>\r\n                    <p>Stylize text instantly without needing heavy design apps or graphic software.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-expand\"><\/i>\r\n                    <h3>Clean Profile<\/h3>\r\n                    <p>Reduces visual clutter, making your profile feel more spacious and organized.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-user-tie\"><\/i>\r\n                    <h3>Professional Polish<\/h3>\r\n                    <p>Adds a layer of sophistication to your digital portfolio or business bio.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3: HOW -->\r\n    <section class=\"ws-section ws-sec-3\">\r\n        <div class=\"ws-container\">\r\n            <header class=\"ws-header\">\r\n                <h2>How to Master Whisper Fonts?<\/h2>\r\n                <p>Getting the perfect aesthetic look is easy. Follow these simple best practices to ensure your text looks its best on every platform.<\/p>\r\n            <\/header>\r\n            <div class=\"ws-grid\">\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-keyboard\"><\/i>\r\n                    <h3>1. Enter Phrases<\/h3>\r\n                    <p>Type short phrases or quotes into the generator for the most striking visual.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-sliders\"><\/i>\r\n                    <h3>2. Select Style<\/h3>\r\n                    <p>Scroll through our 50+ variations to find the specific \"fade\" you want.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-copy\"><\/i>\r\n                    <h3>3. Copy Text<\/h3>\r\n                    <p>Click the copy button to save the character map directly to your clipboard.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-paste\"><\/i>\r\n                    <h3>4. Paste Bio<\/h3>\r\n                    <p>Go to your Instagram or TikTok profile settings and paste into the bio field.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-palette\"><\/i>\r\n                    <h3>5. Color Contrast<\/h3>\r\n                    <p>These fonts look best on plain white or deep black backgrounds for visibility.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-star\"><\/i>\r\n                    <h3>6. Add Emojis<\/h3>\r\n                    <p>Pair with minimalist symbols like \u2728 or \u2727 to complete the aesthetic vibe.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-magnifying-glass\"><\/i>\r\n                    <h3>7. Review Mode<\/h3>\r\n                    <p>Always check how the text looks in both Light and Dark mode on your phone.<\/p>\r\n                <\/div>\r\n                <div class=\"ws-card\">\r\n                    <i class=\"fas fa-arrows-rotate\"><\/i>\r\n                    <h3>8. Update Often<\/h3>\r\n                    <p>Cycle your whisper fonts weekly to keep your audience engaged and curious.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":7231,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7086","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7086","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/comments?post=7086"}],"version-history":[{"count":5,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7086\/revisions"}],"predecessor-version":[{"id":7224,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7086\/revisions\/7224"}],"up":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7231"}],"wp:attachment":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/media?parent=7086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}