.new-emoji-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-transform:capitalize}.skin-tone-selector{align-items:flex-start;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md)}.skin-tone-selector .skin-tone-row{align-items:center;display:flex;gap:var(--space-md);.emoji-modal .emoji-search-container{padding-bottom:var(--space-sm);padding-top:var(--space-sm)}}.emoji-search-input{border:2px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:var(--space-sm);padding-right:3rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;width:100%}.emoji-search-input:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 3px rgba(74,144,184,.1);outline:none}.emoji-search-input::placeholder{color:var(--text-tertiary)}.search-clear-btn{align-items:center;background:var(--state-error-border);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;width:24px}.search-clear-btn:hover{background:var(--state-error-text);transform:translateY(-50%) scale(1.1)}.emoji-category-icon{font-size:1.1rem;line-height:1}.emoji-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));padding:var(--space-md)}.emoji-item{align-items:center;background:transparent;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:3rem;height:56px;justify-content:center;line-height:1;position:relative;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;width:56px}.emoji-item:hover{background:var(--bg-accent);border-color:var(--interactive-primary);transform:scale(1.1);z-index:2}.emoji-item:active{transform:scale(.95)}.emoji-item.current-emoji-highlight{animation:emoji-super-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,rgba(229,62,62,.2),rgba(229,62,62,.1));border:4px solid #e53e3e;box-shadow:0 0 0 3px rgba(229,62,62,.4),0 0 20px rgba(229,62,62,.6),0 8px 16px rgba(0,0,0,.2);position:relative;transform:scale(1.1);z-index:999}.emoji-item.current-emoji-highlight:hover{background:linear-gradient(135deg,rgba(197,48,48,.25),rgba(197,48,48,.15));border-color:#c53030;transform:scale(1.15)}@keyframes emoji-super-pulse{0%, 100%{transform:scale(1)}50%{transform:scale(1.1)}}.emoji-item.selected{background:var(--interactive-primary);border-color:var(--interactive-primary);box-shadow:0 2px 8px rgba(74,144,184,.3)}.emoji-item::after{background:var(--text-primary);border-radius:var(--radius-sm);bottom:120%;color:var(--bg-primary);content:attr(data-name);font-size:.75rem;left:50%;opacity:0;padding:var(--space-xs) var(--space-sm);pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1000}.emoji-item:hover::after{opacity:1}.recently-used-section{border-top:1px solid var(--border-subtle);margin-top:var(--space-lg);padding-top:var(--space-lg)}.recently-used-title{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:var(--space-md)}.recently-used-grid{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(52px,1fr));max-height:120px;overflow-y:auto}.recently-used-grid .emoji-item{font-size:2.5rem;height:48px;width:48px}.loading-message{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-2xl);text-align:center}.loading-spinner{animation:spin 2s linear infinite;font-size:2rem;margin-bottom:var(--space-md)}@media (width < 768px){.skin-tone-selector{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.emoji-large{font-size:2.5rem;height:3rem;width:3rem}.emoji-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.emoji-item{font-size:2.25rem;height:48px;width:48px}}@media (width <= 480px){.emoji-grid{gap:4px;grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.emoji-item{font-size:2rem;height:40px;width:40px}.skin-tone-btn{font-size:1rem;height:36px;width:36px}}.load-more-emojis{background:var(--interactive-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;grid-column:1/-1;margin:var(--space-md);padding:var(--space-lg);text-align:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.load-more-emojis:hover{background:var(--interactive-primary-dark);transform:translateY(-2px)}.emoji-search-title{background:var(--bg-accent);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:600;grid-column:1/-1;margin-bottom:var(--space-sm);padding:var(--space-md);text-align:center}.emoji-grid .emoji-item{animation:fade-in-scale .2s ease-out}@keyframes slide-down{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.emoji-item:focus,.skin-tone-btn:focus{outline:2px solid var(--interactive-primary);outline-offset:2px}@media (prefers-contrast:high){.emoji-item,.emoji-item:hover{border-width:3px}.emoji-item:hover{background:var(--bg-secondary)}.skin-tone-btn{border-width:3px}}@media (prefers-reduced-motion:reduce){.emoji-item,
    .skin-tone-btn{transition:none}.loading-spinner{animation:none}.emoji-item:hover{transform:none}}.emoji-category-filter{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md)}.emoji-category-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:var(--space-xs);justify-content:center;padding:var(--space-sm) var(--space-md);text-align:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.emoji-category-btn .emoji-category-icon{display:none}.emoji-category-btn:hover{background:var(--bg-accent);border-color:var(--interactive-primary);transform:translateY(-1px)}.emoji-category-btn.active{background:var(--interactive-primary);border-color:var(--interactive-primary);box-shadow:0 2px 8px rgba(74,144,184,.3);color:#fff}.emoji-content-area{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);contain:layout paint;max-height:600px;overflow-y:auto;position:relative}.emoji-content-area *{box-sizing:border-box}.emoji-modal .category-content{border-radius:var(--radius-md);padding:0}@media (width >= 768px) and (width <= 999px){.emoji-modal .category-content{padding:0 var(--space-md)}.emoji-category-btn{border-radius:var(--radius-md);flex:0 0 auto;font-size:var(--font-size-sm);min-width:fit-content;padding:var(--space-sm) var(--space-md);white-space:nowrap}.emoji-search-container .search-clear-btn{right:calc(var(--space-md) + var(--space-md))}.emoji-content-area{border:none;box-shadow:none;max-height:none;min-height:auto;overflow:visible}
    .emoji-category-navigation,.emoji-content-area,.emoji-search-container,.skin-tone-selector{background:transparent}.emoji-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));padding:var(--space-lg)}.emoji-item{font-size:3.5rem;height:64px;width:64px}.recently-used-section{border-top:2px solid var(--border-subtle);margin-top:var(--space-lg);padding-top:var(--space-lg)}.recently-used-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.recently-used-grid .emoji-item{font-size:3rem;height:56px;width:56px}}@media (width >= 1000px){.emoji-category-filter{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:0}.emoji-category-btn{border-radius:var(--radius-md);font-size:var(--font-size-base);justify-content:flex-start;padding:var(--space-md) var(--space-lg);text-align:left;width:100%}.emoji-category-btn:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:none}.emoji-category-btn.active{box-shadow:0 2px 8px rgba(74,144,184,.4)}.emoji-content-area{height:100%;max-height:none;min-height:auto;overflow:visible}.emoji-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:var(--space-lg)}.emoji-item{border-radius:var(--radius-lg);font-size:4rem;height:72px;width:72px}.emoji-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:scale(1.05)}.skin-tone-selector{background:transparent}.skin-tone-row{flex-wrap:wrap;gap:var(--space-md)}.skin-tone-btn{font-size:1.5rem;height:48px;width:48px}.emoji-search-container{background:transparent;position:relative;top:auto;z-index:auto}.emoji-search-input{border-radius:var(--radius-md);font-size:var(--font-size-base);padding:var(--space-md) var(--space-lg)}.emoji-search-container .search-clear-btn{right:var(--space-md);top:50%;transform:translateY(-50%)}}.emoji-modal .subcategory-section{border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:var(--space-md) 0 0;padding:var(--space-md)}.emoji-modal .subcategory-section:first-child{margin-top:0}@media (width < 768px){.emoji-content-area{background:transparent;border:none;box-shadow:none;margin:0 var(--space-md);max-height:none;min-height:auto;overflow:visible;padding:0}
    .emoji-category-navigation,.skin-tone-selector{background:transparent;position:relative}.emoji-search-container{background:transparent}.emoji-category-btn{background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 1px 3px rgba(0,0,0,.1);color:var(--text-primary);flex:0 0 auto;font-size:var(--font-size-sm);font-weight:700;min-width:fit-content;padding:var(--space-sm) var(--space-md);transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;white-space:nowrap}.emoji-category-btn:hover{background:var(--bg-accent);border-color:var(--interactive-primary);box-shadow:0 2px 6px rgba(0,0,0,.15);transform:translateY(-1px)}.emoji-category-btn.active{background:var(--interactive-primary);border:2px solid var(--interactive-primary);box-shadow:0 3px 12px rgba(74,144,184,.5);color:#fff;font-size:var(--font-size-base);font-weight:700;transform:scale(1.05)}.emoji-modal .subcategory-section{margin:var(--space-sm) 0 0;padding:var(--space-sm)}}.emoji-modal .subcategory-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.emoji-modal .subcategory-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.emoji-count{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem;padding:var(--space-xs) var(--space-sm)}