diff --git a/js/emojiLibrary.js b/js/emojiLibrary.js
index 15dd38c..00ba9b2 100644
--- a/js/emojiLibrary.js
+++ b/js/emojiLibrary.js
@@ -1,12 +1,14 @@
 // Emoji Library for P4RS3LT0NGV3
 
+// Create namespace for emoji library
 window.emojiLibrary = {};
 
-// Polyfill for Intl.Segmenter
+// Polyfill for Intl.Segmenter if not available
 if (!Intl.Segmenter) {
     console.warn('Intl.Segmenter not available, falling back to basic character splitting');
 }
 
+// Helper function to properly split text into grapheme clusters (emojis)
 window.emojiLibrary.splitEmojis = function(text) {
     if (Intl.Segmenter) {
         const segmenter = new Intl.Segmenter('en', { granularity: 'grapheme' });
@@ -15,240 +17,592 @@ window.emojiLibrary.splitEmojis = function(text) {
     return Array.from(text);
 };
 
+// Helper function to properly join emojis
 window.emojiLibrary.joinEmojis = function(emojis) {
     return emojis.join('');
 };
 
-// Complete Emoji Categories
-window.emojiLibrary.EMOJIS = {
-    smileys_emotions: [
-        "😀", "😁", "😂", "🤣", "😃", "😄", "😅", "😆", "😉", "😊", "😋", "😎", "😍", "😘", "🥰",
-        "😗", "😙", "😚", "🙂", "🤗", "🤩", "🤔", "🤨", "😐", "😑", "😶", "🙄", "😏", "😣", "😥",
-        "😮", "🤐", "😯", "😪", "😫", "😴", "😌", "😛", "😜", "😝", "🤤", "😒", "😓", "😔", "😕",
-        "🙃", "🤑", "😲", "🙁", "😖", "😞", "😟", "😤", "😢", "😭", "😧", "😨", "😩", "🤯", "😱",
-        "😳", "🥵", "🥶", "😡", "😠", "🤬", "😷", "🤒", "🤕", "🤢", "🤮", "🤧", "😇", "🥳", "🥴",
-        "🥺", "🧐", "🥱", "🤓", "🤠", "🤡", "🤥", "🤫", "🤭", "🫠", "🫡", "🫢", "🫣", "🫤", "🫥"
-    ],
+// Additional emojis for expanded library
+window.emojiLibrary.ADDITIONAL_EMOJIS = [
+    // Animals & Nature
+    "🦊", "🦁", "🐯", "🐮", "🐷", "🐸", "🐵", "🐔", "🐧", "🐦", "🐤", "🦆", "🦅", "🦉", "🦇", "🐺", "🐗", "🐴", "🦄", "🐝", "🐛", "🦋", "🐌", "🐞", "🐜", "🕷️", "🦂", "🦟", "🦠", "🦨", "🦩", "🦫", "🦬", "🐻‍❄️", "🐼", "🐨", "🐕", "🐶", "🐩", "🐈", "🐱", "🪱",
     
-    people_body: [
-        "👶", "🧒", "👦", "👧", "🧑", "👨", "👩", "🧓", "👴", "👵", "👨‍⚕️", "👩‍⚕️", "👨‍🎓", "👩‍🎓",
-        "👨‍🏫", "👩‍🏫", "👨‍⚖️", "👩‍⚖️", "👨‍🌾", "👩‍🌾", "👨‍🍳", "👩‍🍳", "👨‍🔧", "👩‍🔧", "👨‍🏭",
-        "👩‍🏭", "👨‍💼", "👩‍💼", "👨‍🔬", "👩‍🔬", "👨‍💻", "👩‍💻", "👨‍🎤", "👩‍🎤", "👨‍🎨", "👩‍🎨",
-        "👨‍✈️", "👩‍✈️", "👨‍🚀", "👩‍🚀", "👨‍🚒", "👩‍🚒", "🕵️‍♂️", "🕵️‍♀️", "💂‍♂️", "💂‍♀️", "👮‍♂️",
-        "👮‍♀️", "🤴", "👸", "👳‍♂️", "👳‍♀️", "👲", "🧕", "🧔", "👱‍♂️", "👱‍♀️", "🙍‍♂️", "🙍‍♀️",
-        "🙎‍♂️", "🙎‍♀️", "🙅‍♂️", "🙅‍♀️", "🙆‍♂️", "🙆‍♀️", "💁‍♂️", "💁‍♀️", "🙋‍♂️", "🙋‍♀️",
-        "🧏‍♂️", "🧏‍♀️", "🙇‍♂️", "🙇‍♀️", "🤦‍♂️", "🤦‍♀️", "🤷‍♂️", "🤷‍♀️", "💆‍♂️", "💆‍♀️",
-        "💇‍♂️", "💇‍♀️", "🚶‍♂️", "🚶‍♀️", "🏃‍♂️", "🏃‍♀️", "💃", "🕺", "👯‍♂️", "👯‍♀️", "🧑‍🤝‍🧑",
-        "👨‍🤝‍👨", "👩‍🤝‍👩", "👪", "👨‍👩‍👦", "👨‍👩‍👧", "👨‍👩‍👧‍👦", "👨‍👨‍👦", "👨‍👨‍👧", "👩‍👩‍👦",
-        "👩‍👩‍👧", "🗣️", "👤", "👥", "🫂", "👣"
-    ],
+    // Food & Drink
+    "🍏", "🍎", "🍐", "🍊", "🍋", "🍌", "🍉", "🍇", "🍓", "🍈", "🍒", "🍑", "🥭", "🍍", "🥥", "🥝", "🍅", "🍆", "🥑", "🥦", "🥬", "🥒", "🌶️", "🌽", "🥕", "🧄", "🧅", "🥔", "🍠", "🥐", "🍔", "🍕", "🍖", "🍗", "🍤", "🍣", "🍱", "🍜", "🍲", "🍥",
     
-    gestures: [
-        "👋", "🤚", "🖐️", "✋", "🖖", "👌", "🤌", "🤏", "✌️", "🤞", "🤟", "🤘", "🤙", "👈", "👉",
-        "👆", "🖕", "👇", "☝️", "👍", "👎", "✊", "👊", "🤛", "🤜", "👏", "🙌", "👐", "🤲", "🤝",
-        "🙏", "✍️", "💅", "🤳", "💪", "🦾", "🦿", "🦵", "🦶", "👂", "🦻", "👃", "🧠", "🫀",
-        "🫁", "🦷", "🦴", "👀", "👁️", "👅", "👄", "🫦"
-    ],
+    // Travel & Places
+    "🚗", "🚕", "🚙", "🚌", "🚎", "🚒", "🚑", "🚚", "🚛", "🚜", "🚲", "🚐", "🚟", "🚡", "🚀", "🛸", "🛥️", "🏎️", "🏍️", "🚤", "🚢", "🚁", "🚂", "🚆", "🚈", "🌎", "🌏", "🌍", "🏔️", "🏕️",
     
-    animals_nature: [
-        "🐵", "🐒", "🦍", "🦧", "🐶", "🐕", "🦮", "🐕‍🦺", "🐩", "🐺", "🦊", "🦝", "🐱", "🐈",
-        "🐈‍⬛", "🦁", "🐯", "🐅", "🐆", "🐴", "🐎", "🦄", "🦓", "🦌", "🦬", "🐮", "🐂", "🐃",
-        "🐄", "🐷", "🐖", "🐗", "🐽", "🐏", "🐑", "🐐", "🐪", "🐫", "🦙", "🦒", "🐘", "🦣",
-        "🦏", "🦛", "🐭", "🐁", "🐀", "🦫", "🦔", "🐰", "🐇", "🐿️", "🦨", "🦡", "🦦", "🦥",
-        "🐻", "🐻‍❄️", "🐨", "🐼", "🦘", "🦃", "🐔", "🐓", "🐣", "🐤", "🐥", "🐦", "🐧", "🕊️",
-        "🦅", "🦆", "🦢", "🦉", "🦤", "🪶", "🦩", "🦚", "🦜", "🐸", "🐊", "🐢", "🦎", "🐍",
-        "🐲", "🐉", "🦕", "🦖", "🐳", "🐋", "🐬", "🦭", "🐟", "🐠", "🐡", "🦈", "🐙", "🦑",
-        "🦪", "🦀", "🦞", "🦐", "🦗", "🪳", "🕷️", "🕸️", "🦂", "🐝", "🪰", "🦋", "🐞", "🦟",
-        "🐜", "🪲", "🐌", "🪴", "🌲", "🌳", "🌴", "🌵", "🌾", "🌿", "☘️", "🍀", "🍁", "🍂",
-        "🍃", "🪸", "🪹", "🪺"
-    ],
+    // Activities & Sports
+    "⚽", "🏀", "🏈", "🏐", "🏉", "🎾", "🎳", "🏑", "🏒", "🏓", "🏸", "🥊", "🥋", "🥅", "🤾", "🎿", "🏄", "🏂", "🏊", "🏋️", "🤼", "🤸", "🤺", "🤽", "🤹", "🎯", "🎱", "🎽", "🚴", "🚵",
     
-    food_drink: [
-        "🍇", "🍈", "🍉", "🍊", "🍋", "🍌", "🍍", "🥭", "🍎", "🍏", "🍐", "🍑", "🍒", "🍓",
-        "🫐", "🥝", "🍅", "🫒", "🥥", "🥑", "🍆", "🥔", "🥕", "🌽", "🌶️", "🫑", "🥒", "🥬",
-        "🥦", "🧄", "🧅", "🍄", "🥜", "🫘", "🌰", "🫚", "🫛", "🍞", "🥐", "🥖", "🫓", "🥨",
-        "🥯", "🥞", "🧇", "🧀", "🍖", "🍗", "🥩", "🥓", "🍔", "🍟", "🍕", "🌭", "🥪", "🌮",
-        "🌯", "🫔", "🥙", "🧆", "🥚", "🍳", "🥘", "🍲", "🫕", "🥣", "🥗", "🍿", "🧈", "🧂",
-        "🥫", "🍱", "🍘", "🍙", "🍚", "🍛", "🍜", "🍝", "🍠", "🍢", "🍣", "🍤", "🍥", "🥮",
-        "🍡", "🥟", "🥠", "🥡", "🦪", "🦀", "🦞", "🦐", "🦑", "🍦", "🍧", "🍨", "🍩", "🍪",
-        "🎂", "🍰", "🧁", "🥧", "🍫", "🍬", "🍭", "🍮", "🍯", "🍼", "🥛", "☕", "🫖", "🍵",
-        "🍶", "🍾", "🍷", "🍸", "🍹", "🍺", "🍻", "🥂", "🥃", "🧉", "🧊"
-    ],
+    // Tech & Objects
+    "💻", "⌨️", "🖥️", "🖱️", "🖨️", "📱", "☎️", "📞", "📟", "📠", "📺", "📻", "🎙️", "🎚️", "🎛️", "🧭", "⏱️", "⏲️", "⏰", "🕰️", "📡", "🔋", "🔌", "💡", "🏮", "🪔", "🧯", "🛢️", "💸", "💵", "💳", "💴", "💶", "💷", "💰", "💱", "💲", "💼", "💽", "💾", "💿",
     
-    travel_places: [
-        "🌍", "🌎", "🌏", "🌐", "🗺️", "🗾", "🧭", "🏔️", "⛰️", "🌋", "🗻", "🏕️", "🏖️", "🏜️",
-        "🏝️", "🏞️", "🏟️", "🏛️", "🏗️", "🪨", "🪵", "🛖", "🏘️", "🏚️", "🏠", "🏡", "🏢", "🏣",
-        "🏤", "🏥", "🏦", "🏨", "🏩", "🏪", "🏫", "🏬", "🏭", "🏯", "🏰", "💒", "🗼", "🗽", "⛪",
-        "🕌", "🛕", "🕍", "⛩️", "🕋", "⛲", "⛺", "🌁", "🌃", "🏙️", "🌄", "🌅", "🌆", "🌇",
-        "🌉", "♨️", "🎠", "🛝", "🎡", "🎢", "💈", "🎪", "🚂", "🚃", "🚄", "🚅", "🚆", "🚇",
-        "🚈", "🚉", "🚊", "🚝", "🚞", "🚋", "🚌", "🚍", "🚎", "🚐", "🚑", "🚒", "🚓", "🚔",
-        "🚕", "🚖", "🚗", "🚘", "🚙", "🛻", "🚚", "🚛", "🚜", "🏎️", "🏍️", "🛵", "🦽", "🦼",
-        "🛺", "🚲", "🛴", "🛹", "🛼", "🚏", "🛣️", "🛤️", "🛢️", "⛽", "🛞", "🚨", "🚥", "🚦",
-        "🛑", "🚧", "⚓", "🛟", "⛵", "🛶", "🚤", "🛳️", "⛴️", "🛥️", "🚢", "✈️", "🛩️", "🛫",
-        "🛬", "🪂", "💺", "🚁", "🚟", "🚠", "🚡", "🛰️", "🚀", "🛸", "🪐"
-    ],
+    // Symbols
+    "❤️", "💛", "💚", "💙", "💜", "💔", "💕", "💞", "💓", "💗", "💖", "💘", "💝", "💟", "💤", "💢", "💣", "💥", "💦", "💨", "💩", "💫", "💬", "🔥", "💠", "👾", "👻", "💀", "👽", "👿", "🩸",
     
-    activities: [
-        "⚽", "🏀", "🏈", "⚾", "🥎", "🎾", "🏐", "🏉", "🥏", "🎳", "🏏", "🏑", "🏒", "🥍", "🏓",
-        "🏸", "🥊", "🥋", "🥅", "⛳", "⛸️", "🎣", "🤿", "🎽", "🎿", "🛷", "🥌", "🎯", "🪀",
-        "🪁", "🎱", "🔮", "🪄", "🎲", "🧩", "🪅", "🪆", "🎰", "🎮", "🎳", "🎭", "🎨", "🎬",
-        "🎤", "🎧", "🎼", "🎹", "🥁", "🪘", "🎷", "🎺", "🪗", "🎸", "🪕", "🎻", "🪩", "🎪",
-        "🎟️", "🎫", "🏅", "🥇", "🥈", "🥉", "🏆", "🏒", "🏸"
-    ],
+    // Mystical & Fantasy
+    "🧙", "🧙‍♂️", "🧙‍♀️", "🧚", "🧚‍♂️", "🧚‍♀️", "🧛", "🧛‍♂️", "🧛‍♀️", "🧜", "🧜‍♂️", "🧜‍♀️", "👹", "👺", "👻", "👽", "👾", "🐲", "🔮", "🐍", "🐉", "🦄", "👸", "🥷", "👰", "🧔", "⚗️", "🔯", "🔱", "⚜️", "✨", "🌠", "🌋", "💎", "💐", "🍄", "🌺", "🌹", "🐭", "🐚", "🐊", "🐢", "🐇", "🐰", "🔥", "💥", "🌀", "🌈", "🌪️", "🩸", "🪱", "🌑", "🌒", "🌓", "🌔", "🌕", "🌖", "🌗", "🌘",
     
-    objects: [
-        "⌚", "📱", "📲", "💻", "🖥️", "🖨️", "⌨️", "🖱️", "🖲️", "💽", "💾", "💿", "📀", "🧮",
-        "📞", "☎️", "📟", "📠", "📡", "📺", "📻", "🎙️", "🎚️", "🎛️", "🎤", "🎧", "📣", "📢",
-        "🔔", "🔕", "🎵", "🎶", "🎼", "🎹", "🥁", "🎷", "🎺", "🎸", "🎻", "🪕", "🎬", "🎮",
-        "🕹️", "🎲", "🧩", "🃏", "🀄", "🎴", "🎨", "🧵", "🪡", "🧶", "🪢", "👓", "🕶️", "🥽",
-        "🥼", "🦺", "👔", "👕", "👖", "🧣", "🧤", "🧥", "🧦", "👗", "👘", "🥻", "🩱", "🩲",
-        "🩳", "👙", "👚", "👛", "👜", "👝", "🛍️", "🎒", "🩴", "👞", "👟", "🥾", "🥿", "👠",
-        "👡", "🩰", "👢", "👑", "👒", "🎩", "🎓", "🧢", "🪖", "⛑️", "📿", "💄", "💍", "💎",
-        "🔇", "🔈", "🔉", "🔊", "📤", "📥", "📦", "📫", "📪", "📬", "📭", "📮", "🗳️", "✏️",
-        "✒️", "🖋️", "🖌️", "🖍️", "📝", "💼", "📁", "📂", "🗂️", "📅", "📆", "🗒️", "🗓️",
-        "📇", "📈", "📉", "📊", "📋", "📌", "📍", "📎", "🖇️", "📏", "📐", "✂️", "🗃️", "🗄️",
-        "🗑️", "🔒", "🔓", "🔏", "🔐", "🔑", "🗝️", "🔨", "🪓", "⛏️", "⚒️", "🛠️", "🗡️", "⚔️",
-        "🔫", "🪃", "🏹", "🛡️", "🪚", "🔧", "🪛", "🔩", "⚙️", "🪤", "🧱", "⛓️", "🧲", "💣",
-        "🧨", "🪔", "🔥", "🧰", "🧪", "🧫", "🧬", "🔬", "🔭", "📡", "💉", "🩺", "💊", "🩹",
-        "🩼", "🚪", "🛗", "🪞", "🪟", "🛏️", "🛋️", "🪑", "🚽", "🪠", "🚿", "🛁", "🪤", "🪒",
-        "🧴", "🧷", "🧹", "🧺", "🧻", "🪣", "🧼", "🫧", "🪥", "🧽", "🧯", "🛒", "🚬", "⚰️",
-        "🪦", "⚱️", "🗿", "🪧", "🪪"
-    ],
-    
-    symbols: [
-        "❤️", "🩷", "🧡", "💛", "💚", "💙", "🩵", "💜", "🤎", "🖤", "🤍", "💔", "❣️", "💕",
-        "💞", "💓", "💗", "💖", "💘", "💝", "💟", "☮️", "✝️", "☯️", "🕉️", "☸️", "✡️", "🔯",
-        "🕎", "☪️", "♈", "♉", "♊", "♋", "♌", "♍", "♎", "♏", "♐", "♑", "♒", "♓", "⛎",
-        "🔀", "🔁", "🔂", "▶️", "⏸️", "⏹️", "⏺️", "⏭️", "⏮️", "⏫", "⏬", "⏯️", "🔅", "🔆",
-        "🔇", "🔈", "🔉", "🔊", "📶", "🔋", "🔌", "💡", "🔦", "🕯️", "🪫", "🪬", "💲", "©️",
-        "®️", "™️", "✅", "❌", "❎", "➕", "➖", "➗", "✖️", "💯", "💢", "💥", "💫", "💦",
-        "💨", "🕳️", "💬", "👁️‍🗨️", "🗨️", "🗯️", "💭", "🌀", "🌡️", "☀️", "🌤️", "⛅", "🌥️",
-        "☁️", "🌦️", "🌧️", "⛈️", "🌩️", "🌨️", "❄️", "☃️", "⛄", "🌬️", "💧", "🌊", "🌫️",
-        "🌪️", "🌈", "☂️", "☔", "⛱️", "⚡", "🔮", "✨", "🌟", "⭐", "💫", "🌠", "♠️", "♥️",
-        "♦️", "♣️", "🩶", "🪐", "🪨"
-    ],
-    
-    flags: [
-        "🏴‍☠️", "🏳️‍🌈", "🏳️‍⚧️", "🇦🇨", "🇦🇩", "🇦🇪", "🇦🇫", "🇦🇬", "🇦🇮", "🇦🇱", "🇦🇲", "🇦🇴",
-        "🇦🇶", "🇦🇷", "🇦🇸", "🇦🇹", "🇦🇺", "🇦🇼", "🇦🇽", "🇦🇿", "🇧🇦", "🇧🇧", "🇧🇩", "🇧🇪", "🇧🇫",
-        "🇧🇬", "🇧🇭", "🇧🇮", "🇧🇯", "🇧🇱", "🇧🇲", "🇧🇳", "🇧🇴", "🇧🇶", "🇧🇷", "🇧🇸", "🇧🇹", "🇧🇻",
-        "🇧🇼", "🇧🇾", "🇧🇿", "🇨🇦", "🇨🇨", "🇨🇩", "🇨🇫", "🇨🇬", "🇨🇭", "🇨🇮", "🇨🇰", "🇨🇱", "🇨🇲",
-        "🇨🇳", "🇨🇴", "🇨🇵", "🇨🇷", "🇨🇺", "🇨🇻", "🇨🇼", "🇨🇽", "🇨🇾", "🇨🇿", "🇩🇪", "🇩🇬", "🇩🇯",
-        "🇩🇰", "🇩🇲", "🇩🇴", "🇩🇿", "🇪🇦", "🇪🇨", "🇪🇪", "🇪🇬", "🇪🇭", "🇪🇷", "🇪🇸", "🇪🇹", "🇪🇺",
-        "🇫🇮", "🇫🇯", "🇫🇰", "🇫🇲", "🇫🇴", "🇫🇷", "🇬🇦", "🇬🇧", "🇬🇩", "🇬🇪", "🇬🇫", "🇬🇬", "🇬🇭",
-        "🇬🇮", "🇬🇱", "🇬🇲", "🇬🇳", "🇬🇵", "🇬🇶", "🇬🇷", "🇬🇸", "🇬🇹", "🇬🇺", "🇬🇼", "🇬🇾", "🇭🇰",
-        "🇭🇲", "🇭🇳", "🇭🇷", "🇭🇹", "🇭🇺", "🇮🇨", "🇮🇩", "🇮🇪", "🇮🇱", "🇮🇲", "🇮🇳", "🇮🇴", "🇮🇶",
-        "🇮🇷", "🇮🇸", "🇮🇹", "🇯🇪", "🇯🇲", "🇯🇴", "🇯🇵", "🇰🇪", "🇰🇬", "🇰🇭", "🇰🇮", "🇰🇲", "🇰🇳",
-        "🇰🇵", "🇰🇷", "🇰🇼", "🇰🇾", "🇰🇿", "🇱🇦", "🇱🇧", "🇱🇨", "🇱🇮", "🇱🇰", "🇱🇷", "🇱🇸", "🇱🇹",
-        "🇱🇺", "🇱🇻", "🇱🇾", "🇲🇦", "🇲🇨", "🇲🇩", "🇲🇪", "🇲🇫", "🇲🇬", "🇲🇭", "🇲🇰", "🇲🇱", "🇲🇲",
-        "🇲🇳", "🇲🇴", "🇲🇵", "🇲🇶", "🇲🇷", "🇲🇸", "🇲🇹", "🇲🇺", "🇲🇻", "🇲🇼", "🇲🇽", "🇲🇾", "🇲🇿",
-        "🇳🇦", "🇳🇨", "🇳🇪", "🇳🇫", "🇳🇬", "🇳🇮", "🇳🇱", "🇳🇴", "🇳🇵", "🇳🇷", "🇳🇺", "🇳🇿", "🇴🇲",
-        "🇵🇦", "🇵🇪", "🇵🇫", "🇵🇬", "🇵🇭", "🇵🇰", "🇵🇱", "🇵🇲", "🇵🇳", "🇵🇷", "🇵🇸", "🇵🇹", "🇵🇼",
-        "🇵🇾", "🇶🇦", "🇷🇪", "🇷🇴", "🇷🇸", "🇷🇺", "🇷🇼", "🇸🇦", "🇸🇧", "🇸🇨", "🇸🇩", "🇸🇪", "🇸🇬",
-        "🇸🇭", "🇸🇮", "🇸🇯", "🇸🇰", "🇸🇱", "🇸🇲", "🇸🇳", "🇸🇴", "🇸🇷", "🇸🇸", "🇸🇹", "🇸🇻", "🇸🇽",
-        "🇸🇾", "🇸🇿", "🇹🇦", "🇹🇨", "🇹🇩", "🇹🇫", "🇹🇬", "🇹🇭", "🇹🇯", "🇹🇰", "🇹🇱", "🇹🇲", "🇹🇳",
-        "🇹🇴", "🇹🇷", "🇹🇹", "🇹🇻", "🇹🇼", "🇹🇿", "🇺🇦", "🇺🇬", "🇺🇲", "🇺🇳", "🇺🇸", "🇺🇾", "🇺🇿",
-        "🇻🇦", "🇻🇨", "🇻🇪", "🇻🇬", "🇻🇮", "🇻🇳", "🇻🇺", "🇼🇫", "🇼🇸", "🇽🇰", "🇾🇪", "🇾🇹", "🇿🇦",
-        "🇿🇲", "🇿🇼"
-    ]
-};
-
-// Categories Definition
-window.emojiLibrary.CATEGORIES = [
-    { id: 'all', name: 'All Emojis', icon: '🔍' },
-    { id: 'smileys_emotions', name: 'Smileys & Emotions', icon: '😀' },
-    { id: 'people_body', name: 'People & Body', icon: '🧑' },
-    { id: 'gestures', name: 'Gestures', icon: '👍' },
-    { id: 'animals_nature', name: 'Animals & Nature', icon: '🐶' },
-    { id: 'food_drink', name: 'Food & Drink', icon: '🍎' },
-    { id: 'travel_places', name: 'Travel & Places', icon: '✈️' },
-    { id: 'activities', name: 'Activities', icon: '⚽' },
-    { id: 'objects', name: 'Objects', icon: '📱' },
-    { id: 'symbols', name: 'Symbols', icon: '❤️' },
-    { id: 'flags', name: 'Flags', icon: '🏳️' }
+    // Flags
+    "🏁", "🚩", "🎌", "🏴", "🏳️", "🏳️‍🌈", "🏳️‍⚧️", "🏴‍☠️", "🇺🇸", "🇨🇦", "🇬🇧", "🇩🇪", "🇫🇷", "🇮🇹", "🇯🇵", "🇰🇷", "🇷🇺", "🇨🇳", "🇮🇳", "🇦🇺", "🇧🇷", "🇪🇸", "🇳🇱", "🇵🇹", "🇸🇪", "🇦🇷", "🇦🇺", "🇦🇹", "🇧🇪", "🇧🇴"
 ];
 
-// Render Emoji Grid Function
+// Make emoji list globally available
+window.emojiLibrary.EMOJI_LIST = [
+    // Faces and People
+    "😀", // Grinning Face
+    "😁", // Beaming Face with Smiling Eyes
+    "😂", // Face with Tears of Joy
+    "🤣", // Rolling on the Floor Laughing
+    "😃", // Grinning Face with Big Eyes
+    "😄", // Grinning Face with Smiling Eyes
+    "😅", // Grinning Face with Sweat
+    "😆", // Grinning Squinting Face
+    "😉", // Winking Face
+    "😊", // Smiling Face with Smiling Eyes
+    "😋", // Face Savoring Food
+    "😎", // Smiling Face with Sunglasses
+    "😍", // Smiling Face with Heart-Eyes
+    "😘", // Face Blowing a Kiss
+    "🥰", // Smiling Face with Hearts
+    "😗", // Kissing Face
+    "😙", // Kissing Face with Smiling Eyes
+    "😚", // Kissing Face with Closed Eyes
+    "🙂", // Slightly Smiling Face
+    "🤗", // Hugging Face
+    "🤩", // Star-Struck
+    "🤔", // Thinking Face
+    "🤨", // Face with Raised Eyebrow
+    "😐", // Neutral Face
+    "😑", // Expressionless Face
+    "😶", // Face Without Mouth
+    "🙄", // Face with Rolling Eyes
+    "😏", // Smirking Face
+    "😣", // Persevering Face
+    "😥", // Sad but Relieved Face
+    "😮", // Face with Open Mouth
+    "🤐", // Zipper-Mouth Face
+    "😯", // Hushed Face
+    "😪", // Sleepy Face
+    "😫", // Tired Face
+    "😴", // Sleeping Face
+    "😌", // Relieved Face
+    "😛", // Face with Tongue
+    "😜", // Winking Face with Tongue
+    "😝", // Squinting Face with Tongue
+    "🤤", // Drooling Face
+    "😒", // Unamused Face
+    "😓", // Downcast Face with Sweat
+    "😔", // Pensive Face
+    "😕", // Confused Face
+    "🙃", // Upside-Down Face
+    "🤑", // Money-Mouth Face
+    "😲", // Astonished Face
+    "🙁", // Slightly Frowning Face
+    "😖", // Confounded Face
+    "😞", // Disappointed Face
+    "😟", // Worried Face
+    "😤", // Face with Steam From Nose
+    "😢", // Crying Face
+    "😭", // Loudly Crying Face
+    "😧", // Anguished Face
+    "😨", // Fearful Face
+    "😩", // Weary Face
+    "🤯", // Exploding Head
+    "😱", // Face Screaming in Fear
+    "😳", // Flushed Face
+    "🥵", // Hot Face
+    "🥶", // Cold Face
+    "😡", // Pouting Face
+    "😠", // Angry Face
+    "🤬", // Face with Symbols on Mouth
+    "😷", // Face with Medical Mask
+    "🤒", // Face with Thermometer
+    "🤕", // Face with Head-Bandage
+    "🤢", // Nauseated Face
+    "🤮", // Face Vomiting
+    "🤧", // Sneezing Face
+    "😇", // Smiling Face with Halo
+    "🥳", // Partying Face
+    "🥴", // Woozy Face
+    "🥺", // Pleading Face
+    "🧐", // Face with Monocle
+    "🥱", // Yawning Face
+    "🧠", // Brain
+    
+    // Gestures and Body Parts
+    "👍", // Thumbs Up
+    "👎", // Thumbs Down
+    "👏", // Clapping Hands
+    "🙌", // Raising Hands
+    "🤝", // Handshake
+    "👋", // Waving Hand
+    "✌️", // Victory Hand
+    "🤟", // Love-You Gesture
+    "🤘", // Sign of the Horns
+    "👊", // Oncoming Fist
+    "✊", // Raised Fist
+    "👆", // Backhand Index Pointing Up
+    "👇", // Backhand Index Pointing Down
+    "👈", // Backhand Index Pointing Left
+    "👉", // Backhand Index Pointing Right
+    "👌", // OK Hand
+    "🤌", // Pinched Fingers
+    "🤏", // Pinching Hand
+    "✋", // Raised Hand
+    "🤚", // Raised Back of Hand
+    "🖐️", // Hand with Fingers Splayed
+    "🖖", // Vulcan Salute
+    "👀", // Eyes
+    "👁️", // Eye
+    "👄", // Mouth
+    "🧿", // Nazar Amulet
+    
+    // Celebration & Objects
+    "🎉", // Party Popper
+    "🎊", // Confetti Ball
+    "🎂", // Birthday Cake
+    "🎁", // Wrapped Gift
+    "🎈", // Balloon
+    "🎄", // Christmas Tree
+    "🎃", // Jack-O-Lantern
+    "🏆", // Trophy
+    "🏅", // Sports Medal
+    "🥇", // 1st Place Medal
+    "🥈", // 2nd Place Medal
+    "🥉", // 3rd Place Medal
+    "💰", // Money Bag
+    "💸", // Money with Wings
+    "💵", // Dollar Banknote
+    "💴", // Yen Banknote
+    "💶", // Euro Banknote
+    "💷", // Pound Banknote
+    "💯", // Hundred Points
+    "📱", // Mobile Phone
+    "💻", // Laptop
+    "⌨️", // Keyboard
+    "🖥️", // Desktop Computer
+    "🔒", // Locked
+    "🔓", // Unlocked
+    
+    // Food & Drink
+    "🍕", // Pizza
+    "🍔", // Hamburger
+    "🍦", // Ice Cream
+    "🍩", // Doughnut
+    "🍺", // Beer Mug
+    "🍷", // Wine Glass
+    "☕", // Hot Beverage
+    
+    // Nature & Weather
+    "🌈", // Rainbow
+    "🌞", // Sun with Face
+    "🌑", // New Moon
+    "🌒", // Waxing Crescent Moon
+    "🌓", // First Quarter Moon
+    "🌔", // Waxing Gibbous Moon
+    "🌕", // Full Moon
+    "🌖", // Waning Gibbous Moon
+    "🌗", // Last Quarter Moon
+    "🌘", // Waning Crescent Moon
+    "🌙", // Crescent Moon
+    "⭐", // Star
+    "🌟", // Glowing Star
+    "⚡", // High Voltage
+    "❄️", // Snowflake
+    "🔥", // Fire
+    "💧", // Droplet
+    "🌊", // Water Wave
+    
+    // Animals
+    "🐱", // Cat Face
+    "🐶", // Dog Face
+    "🦊", // Fox
+    "🐼", // Panda
+    "🦁", // Lion
+    "🐬", // Dolphin
+    "🦄", // Unicorn
+    
+    // Symbols & Special
+    "❤️", // Red Heart
+    "🧡", // Orange Heart
+    "💚", // Green Heart
+    "💙", // Blue Heart
+    "💜", // Purple Heart
+    "🚀", // Rocket
+    "👀", // Eyes
+    "💀", // Skull
+    "🥹", // Face Holding Back Tears
+    "🐍", // Snake
+    "🐉", // Dragon
+    "🐲", // Dragon Face
+    "🧙‍♂️", // Wizard 
+    "🪄", // Magic Wand 
+    "🏴‍☠️", // Pirate Flag
+    "🦅", // Eagle (often associated with pirates)
+    "🦜", // Parrot (pirate symbol)
+    "💻", // Laptop (hacker symbol)
+    "🕶️", // Sunglasses (cool guy symbol)
+    "🧑‍💻", // Technologist
+    "👨‍💻", // Man Technologist
+    "👩‍💻", // Woman Technologist
+    "🕵️", // Detective
+    "🕵️‍♂️", // Man Detective
+    "🕵️‍♀️", // Woman Detective
+    "🖥️", // Desktop Computer
+    "⌨️", // Keyboard
+    "🖱️", // Computer Mouse
+    "🕹️", // Joystick
+    "📱", // Mobile Phone
+    "📲", // Mobile Phone with Arrow
+    "🔓", // Unlocked (hacker symbol)
+    "🔑", // Key (hacker symbol)
+    "🗝️", // Old Key (hacker symbol)
+    "🛡️", // Shield (hacker symbol)
+    "⚔️", // Crossed Swords (hacker symbol)
+    "🧬", // DNA (hacker symbol)
+    "🧫", // Petri Dish (hacker symbol)
+    "🧪", // Test Tube (hacker symbol)
+    "🛠️", // Hammer and Wrench (hacker symbol)
+    "⚙️", // Gear (hacker symbol)
+    "🧰", // Toolbox (hacker symbol)
+    "🧲", // Magnet (hacker symbol)
+    "💣", // Bomb (hacker symbol)
+    "🕳️", // Hole (hacker symbol)
+    "📡", // Satellite Antenna (hacker symbol)
+    "🛰️", // Satellite (hacker symbol)
+    "📞", // Telephone Receiver (hacker symbol)
+    "☎️", // Telephone (hacker symbol)
+    "📟", // Pager (hacker symbol)
+    "📠", // Fax Machine (hacker symbol)
+    "🔌", // Electric Plug (hacker symbol)
+    "💡", // Light Bulb (hacker symbol)
+    "🔦", // Flashlight (hacker symbol)
+    "🕯️", // Candle (hacker symbol)
+    "🗞️", // Rolled-Up Newspaper (hacker symbol)
+    "📜", // Scroll (hacker symbol)
+    "📃", // Page with Curl (hacker symbol)
+    "📄", // Page Facing Up (hacker symbol)
+    "📑", // Bookmark Tabs (hacker symbol)
+    "📊", // Bar Chart (hacker symbol)
+    "📈", // Chart Increasing (hacker symbol)
+    "📉", // Chart Decreasing (hacker symbol)
+    "🗂️", // Card Index Dividers (hacker symbol)
+    "🗃️", // Card File Box (hacker symbol)
+    "🗄️", // File Cabinet (hacker symbol)
+    "🗑️", // Wastebasket (hacker symbol)
+    "🛢️", // Oil Drum (hacker symbol)
+    "🛎️", // Bellhop Bell (hacker symbol)
+    "🧳", // Luggage (hacker symbol)
+    "🛌", // Person in Bed (hacker symbol)
+    "🛏️", // Bed (hacker symbol)
+    "🛋️", // Couch and Lamp (hacker symbol)
+    "🪑", // Chair (hacker symbol)
+    "🚪", // Door (hacker symbol)
+    "🧴", // Lotion Bottle (hacker symbol)
+    "🧷", // Safety Pin (hacker symbol)
+    "🧹", // Broom (hacker symbol)
+    "🧺", // Basket (hacker symbol)
+    "🧻", // Roll of Paper (hacker symbol)
+    "🧼", // Soap (hacker symbol)
+    "🧽", // Sponge (hacker symbol)
+    "🧯", // Fire Extinguisher (hacker symbol)
+    "🛒", // Shopping Cart (hacker symbol)
+    "🚬", // Cigarette (hacker symbol)
+    "⚰️", // Coffin (hacker symbol)
+    "⚱️", // Funeral Urn (hacker symbol)
+    "🗿", // Moai (hacker symbol)
+    "🛂", // Passport Control (hacker symbol)
+    "🛃", // Customs (hacker symbol)
+    "🛄", // Baggage Claim (hacker symbol)
+    "🛅", // Left Luggage (hacker symbol)
+    "🚹", // Men's Room (hacker symbol)
+    "🚺", // Women's Room (hacker symbol)
+    "🚼", // Baby Symbol (hacker symbol)
+    "🚻", // Restroom (hacker symbol)
+    "🚮", // Litter in Bin Sign (hacker symbol)
+    "🚰", // Potable Water (hacker symbol)
+    "🚾", // Water Closet (hacker symbol)
+    "🚭", // No Smoking (hacker symbol)
+    "🚯", // No Littering (hacker symbol)
+    "🚱", // Non-Potable Water (hacker symbol)
+    
+    // Additional Smileys & Emotion
+    "😊", // Smiling Face with Smiling Eyes
+    "😇", // Smiling Face with Halo
+    "🙂", // Slightly Smiling Face
+    "🙃", // Upside-Down Face
+    "😉", // Winking Face
+    "😌", // Relieved Face
+    "😍", // Smiling Face with Heart-Eyes
+    "🥰", // Smiling Face with Hearts
+    "😘", // Face Blowing a Kiss
+    "😗", // Kissing Face
+    "😙", // Kissing Face with Smiling Eyes
+    "😚", // Kissing Face with Closed Eyes
+    "😋", // Face Savoring Food
+    "😛", // Face with Tongue
+    "😝", // Squinting Face with Tongue
+    "😜", // Winking Face with Tongue
+    "🤪", // Zany Face
+    
+    // Additional People & Body
+    "🧑‍🚀", // Astronaut
+    "👨‍🚀", // Man Astronaut
+    "👩‍🚀", // Woman Astronaut
+    "🧑‍🔬", // Scientist
+    "👨‍🔬", // Man Scientist
+    "👩‍🔬", // Woman Scientist
+    "🧑‍⚕️", // Health Worker
+    "👨‍⚕️", // Man Health Worker
+    "👩‍⚕️", // Woman Health Worker
+    "🧑‍🔧", // Mechanic
+    "👨‍🔧", // Man Mechanic
+    "👩‍🔧", // Woman Mechanic
+    "🧑‍🚒", // Firefighter
+    "👨‍🚒", // Man Firefighter
+    "👩‍🚒", // Woman Firefighter
+    
+    // Additional Animals & Nature
+    "🦒", // Giraffe
+    "🦓", // Zebra
+    "🦬", // Bison
+    "🦙", // Llama
+    "🦘", // Kangaroo
+    "🦥", // Sloth
+    "🦦", // Otter
+    "🦡", // Badger
+    "🦔", // Hedgehog
+    "🦝", // Raccoon
+    "🐿️", // Chipmunk
+    "🦫", // Beaver
+    "🦎", // Lizard
+    "🐊", // Crocodile
+    "🐢", // Turtle
+    "🦕", // Sauropod
+    "🦖", // T-Rex
+    "🐋", // Whale
+    "🐬", // Dolphin
+    "🦭", // Seal
+    
+    // Additional Food & Drink
+    "🥞", // Pancakes
+    "🧇", // Waffle
+    "🧀", // Cheese Wedge
+    "🍖", // Meat on Bone
+    "🍗", // Poultry Leg
+    "🥩", // Cut of Meat
+    "🥓", // Bacon
+    "🍔", // Hamburger
+    "🍟", // French Fries
+    "🍕", // Pizza
+    "🌭", // Hot Dog
+    "🥪", // Sandwich
+    "🌮", // Taco
+    "🌯", // Burrito
+    "🥙", // Stuffed Flatbread
+    "🧆", // Falafel
+    "🥚", // Egg
+    "🍳", // Cooking
+    "🥘", // Shallow Pan of Food
+    "🍲", // Pot of Food
+    
+    // Additional Travel & Places
+    "🏙️", // Cityscape
+    "🌆", // Cityscape at Dusk
+    "🌇", // Sunset
+    "🌃", // Night with Stars
+    "🌉", // Bridge at Night
+    "🏞️", // National Park
+    "🏜️", // Desert
+    "🏝️", // Desert Island
+    "🏖️", // Beach with Umbrella
+    "⛰️", // Mountain
+    "🏔️", // Snow-Capped Mountain
+    "🌋", // Volcano
+    "🗻", // Mount Fuji
+    "🏠", // House
+    "🏡", // House with Garden
+    "🏢", // Office Building
+    "🏣", // Japanese Post Office
+    "🏤", // Post Office
+    "🏥", // Hospital
+    "🏦", // Bank
+    
+    // Additional Flags
+    "🇺🇸", // United States
+    "🇬🇧", // United Kingdom
+    "🇨🇦", // Canada
+    "🇯🇵", // Japan
+    "🇩🇪", // Germany
+    "🇫🇷", // France
+    "🇮🇹", // Italy
+    "🇪🇸", // Spain
+    "🇷🇺", // Russia
+    "🇨🇳", // China
+    "🇮🇳", // India
+    "🇧🇷", // Brazil
+    "🇦🇺", // Australia
+    "🇲🇽", // Mexico
+    "🇰🇷", // South Korea
+    "🇿🇦", // South Africa
+    "🇸🇪", // Sweden
+    "🇳🇴", // Norway
+    "🇳🇿", // New Zealand
+    "🇮🇪", // Ireland
+];
+
+// Define emoji categories with specific emojis for each category
+window.emojiLibrary.EMOJIS = {
+    nature: ["🌈", "🌞", "🌑", "🌒", "🌓", "🌔", "🌕", "🌖", "🌗", "🌘", "🦊", "🦁", "🐯", "🐮", "🐷", "🐸", "🐵", "🐔", "🐧", "🐦", "🐤", "🦆", "🦅", "🦉", "🦇", "🐺", "🐗", "🐴", "🦄", "🐝", "🐛", "🦋", "🐌", "🐞", "🐜", "🕷️", "🦂", "🦟", "🦠", "🪱"],
+    mystical: ["🧙", "🧙‍♂️", "🧙‍♀️", "🧚", "🧚‍♂️", "🧚‍♀️", "🧛", "🧛‍♂️", "🧛‍♀️", "🧜", "🧜‍♂️", "🧜‍♀️", "👹", "👺", "👻", "👽", "👾", "🐲", "🔮", "🐍", "🐉", "🦄", "⚗️", "🔯", "🔱", "⚜️", "✨", "🌠", "🌋", "💎", "🩸"],
+    faces_people: ["😀", "😁", "😂", "🤣", "😃", "😄", "😅", "😆", "😉", "😊", "😋", "😎", "😍", "😘", "🥰", "😗", "😙", "😚", "🙂", "🤗", "🤩", "🤔", "🤨", "😐", "😑", "😶", "🙄", "😏", "😣", "😥", "😮", "🤐", "😯", "😪", "😫", "😴", "😌", "😛", "😜", "😝", "🤤", "😒", "😓", "😔", "😕", "🙃", "🤑", "😲", "🙁", "😖", "😞", "😟", "😤", "😢", "😭", "😧", "😨", "😩", "🤯", "😱", "😳", "🥵", "🥶", "😡", "😠", "🤬", "😷", "🤒", "🤕", "🤢", "🤮", "🤧", "😇", "🥳", "🥴", "🥺", "🧐", "🥱", "🧠"],
+
+    gestures: ["👍", "👎", "👌", "✌️", "🤞", "🤟", "🤘", "🤙", "👈", "👉", "👆", "👇", "🖕", "☝️", "✋", "🤚", "🖐️", "🖖", "👋", "🤏", "👐", "🙌", "👏", "🤝", "🙏"],
+
+    animals_nature: ["🦊", "🦁", "🐯", "🐮", "🐷", "🐸", "🐵", "🐔", "🐧", "🐦", "🐤", "🦆", "🦅", "🦉", "🦇", "🐺", "🐗", "🐴", "🐝", "🐛", "🦋", "🐌", "🐞", "🐜", "🕷️", "🦂", "🐍", "🦨", "🦩", "🦫", "🦬", "🐻‍❄️", "🐼", "🐨", "🐕", "🐶", "🐩", "🐈", "🐱"],
+
+    activities_sports: ["⚽", "🏀", "🏈", "🏐", "🏉", "🎾", "🎳", "🏑", "🏒", "🏓", "🏸", "🥊", "🥋", "🥅", "🤾", "🎿", "🏄", "🏂", "🏊", "🏋️", "🤼", "🤸", "🤺", "🤽", "🤹", "🎯", "🎱", "🎽", "🚴", "🚵"],
+
+    technology_objects: ["💻", "⌨️", "🖥️", "🖱️", "🖨️", "📱", "☎️", "📞", "📟", "📠", "📺", "📻", "🎙️", "🎚️", "🎛️", "🧭", "📡", "🔋", "🔌", "💡", "🛢️", "💸", "💵", "💳", "🔑", "🔓", "🔒"],
+
+    mystical_fantasy: ["🧙", "🧚", "🧛", "🧜", "👹", "👺", "👻", "👽", "👾", "🔮", "🪄", "🐉", "🐲", "🦄"],
+
+    nature_weather: ["🌈", "🌞", "🌙", "⭐", "🌟", "⚡", "❄️", "🔥", "💧", "🌊", "🌪️", "🌋"],
+
+    symbols: ["❤️", "💛", "💚", "💙", "💜", "💔", "💕", "💞", "💓", "💗", "💖", "💘", "💝", "💟", "💢", "💣", "💥", "💦", "💨", "💩", "💫", "💬", "💠", "💮"],
+
+    flags: ["🏁", "🚩", "🎌", "🏴", "🏳️", "🏳️‍🌈", "🏳️‍⚧️", "🏴‍☠️", "🇺🇸", "🇨🇦", "🇬🇧", "🇩🇪", "🇫🇷", "🇮🇹", "🇯🇵", "🇰🇷", "🇷🇺", "🇨🇳", "🇮🇳", "🇧🇷", "🇦🇺", "🇪🇸", "🇳🇱", "🇸🇪"]
+};
+
+// Define standard emoji categories
+window.emojiLibrary.CATEGORIES = [
+    { id: 'all', name: 'All Emojis', icon: '🔍' },
+    { id: 'faces_people', name: 'Faces & People', icon: '😀' },
+    { id: 'gestures', name: 'Gestures', icon: '👍' },
+    { id: 'animals_nature', name: 'Animals & Nature', icon: '🦊' },
+    { id: 'activities_sports', name: 'Activities & Sports', icon: '⚽' },
+    { id: 'technology_objects', name: 'Tech & Objects', icon: '💻' },
+    { id: 'mystical_fantasy', name: 'Mystical & Fantasy', icon: '🧙' },
+    { id: 'nature_weather', name: 'Nature & Weather', icon: '🌈' },
+    { id: 'symbols', name: 'Symbols', icon: '❤️' },
+    { id: 'flags', name: 'Flags', icon: '🏁' }
+];
+
+// Function to render emoji grid with categories
 window.emojiLibrary.renderEmojiGrid = function(containerId, onEmojiSelect, filteredList) {
+    console.log('Rendering emoji grid to:', containerId);
+    
+    // Get container by ID
     const container = document.getElementById(containerId);
     if (!container) {
         console.error('Container not found:', containerId);
         return;
     }
-
+    
+    // Clear container
     container.innerHTML = '';
-
-    // Header
+    
+    // Add header with instruction message
     const emojiHeader = document.createElement('div');
     emojiHeader.className = 'emoji-header';
     emojiHeader.innerHTML = '<h3><i class="fas fa-icons"></i> Choose an Emoji</h3><p class="emoji-subtitle"><i class="fas fa-magic"></i> Click any emoji to copy your hidden message</p>';
     container.appendChild(emojiHeader);
-
-    // Category Tabs
+    
+    // Create category tabs
     const categoryTabs = document.createElement('div');
     categoryTabs.className = 'emoji-category-tabs';
+    
+    // Add category tabs
     window.emojiLibrary.CATEGORIES.forEach(category => {
         const tab = document.createElement('button');
         tab.className = 'emoji-category-tab';
-        tab.classList.toggle('active', category.id === 'all');
+        if (category.id === 'all') {
+            tab.classList.add('active');
+        }
         tab.setAttribute('data-category', category.id);
         tab.innerHTML = `${category.icon} ${category.name}`;
         categoryTabs.appendChild(tab);
     });
+    
     container.appendChild(categoryTabs);
-
-    // Emoji Grid
+    
+    // Create emoji grid with enforced styling
     const gridContainer = document.createElement('div');
     gridContainer.className = 'emoji-grid';
     
-    const getActiveCategory = () => {
-        const activeTab = container.querySelector('.emoji-category-tab.active');
-        return activeTab ? activeTab.getAttribute('data-category') : 'all';
-    };
-
-    const renderGrid = () => {
-        gridContainer.innerHTML = '';
-        const activeCategory = getActiveCategory();
-        let emojisToShow = [];
-
-        if (filteredList?.length > 0) {
-            emojisToShow = filteredList;
-        } else if (activeCategory === 'all') {
-            emojisToShow = Object.values(window.emojiLibrary.EMOJIS).flat();
-        } else {
-            emojisToShow = window.emojiLibrary.EMOJIS[activeCategory] || [];
-        }
-
-        emojisToShow.forEach(emoji => {
-            const emojiButton = document.createElement('button');
-            emojiButton.className = 'emoji-button';
-            emojiButton.textContent = emoji;
-            emojiButton.title = 'Click to encode with this emoji';
-            emojiButton.addEventListener('click', () => {
-                if (typeof onEmojiSelect === 'function') {
-                    onEmojiSelect(emoji);
-                    emojiButton.style.backgroundColor = '#e6f7ff';
-                    setTimeout(() => emojiButton.style.backgroundColor = '', 300);
-                }
-            });
-            gridContainer.appendChild(emojiButton);
+    // Get the active category
+    let activeCategory = 'all';
+    const activeCategoryTab = container.querySelector('.emoji-category-tab.active');
+    if (activeCategoryTab) {
+        activeCategory = activeCategoryTab.getAttribute('data-category');
+    }
+    
+    // Determine which emojis to show based on category and filter
+    let emojisToShow = [];
+    
+    if (filteredList && filteredList.length > 0) {
+        // If we have a filtered list (from search), use that
+        emojisToShow = filteredList;
+    } else if (activeCategory === 'all') {
+        // For 'all' category, combine all emojis from the categories
+        Object.values(window.emojiLibrary.EMOJIS).forEach(categoryEmojis => {
+            emojisToShow = [...emojisToShow, ...categoryEmojis];
         });
-
-        const countDisplay = container.querySelector('.emoji-count') || document.createElement('div');
-        countDisplay.className = 'emoji-count';
-        countDisplay.textContent = `${emojisToShow.length} emojis available`;
-        container.appendChild(countDisplay);
-    };
-
+    } else if (window.emojiLibrary.EMOJIS[activeCategory]) {
+        // For specific category, use emojis from that category
+        emojisToShow = window.emojiLibrary.EMOJIS[activeCategory];
+    }
+    
+    console.log(`Adding ${emojisToShow.length} emojis to grid for category: ${activeCategory}`);
+    
+    // Add emojis to grid with enforced styling
+    emojisToShow.forEach(emoji => {
+        const emojiButton = document.createElement('button');
+        emojiButton.className = 'emoji-button';
+        emojiButton.textContent = emoji; // Use textContent for better emoji handling
+        emojiButton.title = 'Click to encode with this emoji';
+        
+        emojiButton.addEventListener('click', () => {
+            if (typeof onEmojiSelect === 'function') {
+                onEmojiSelect(emoji);
+                // Add visual feedback when clicked
+                emojiButton.style.backgroundColor = '#e6f7ff';
+                setTimeout(() => {
+                    emojiButton.style.backgroundColor = '';
+                }, 300);
+            }
+        });
+        
+        gridContainer.appendChild(emojiButton);
+    });
+    
     container.appendChild(gridContainer);
-    renderGrid();
-
-    // Category Tab Event Listeners
-    container.querySelectorAll('.emoji-category-tab').forEach(tab => {
+    console.log('Emoji grid rendering complete');
+    
+    // Add event listeners to category tabs
+    const categoryTabButtons = container.querySelectorAll('.emoji-category-tab');
+    categoryTabButtons.forEach(tab => {
         tab.addEventListener('click', () => {
-            container.querySelectorAll('.emoji-category-tab').forEach(t => t.classList.remove('active'));
+            // Update active tab
+            categoryTabButtons.forEach(t => t.classList.remove('active'));
             tab.classList.add('active');
-            renderGrid();
+            
+            // Re-render the emoji grid with the selected category
+            const selectedCategory = tab.getAttribute('data-category');
+            console.log('Category selected:', selectedCategory);
+            
+            // Clear and recreate the grid
+            container.removeChild(gridContainer);
+            window.emojiLibrary.renderEmojiGrid(containerId, onEmojiSelect);
         });
     });
+    
+    // Debug info - add count display
+    const countDisplay = document.createElement('div');
+    countDisplay.className = 'emoji-count';
+    countDisplay.textContent = `${emojisToShow.length} emojis available`;
+    container.appendChild(countDisplay);
 };