[data-emoji-mart-target="picker"] {
    position: absolute;
    bottom: 40px;
    right: 0;
    left: 0;
    z-index: 9999;
}

.tiptap-fixed-menu [data-emoji-mart-target="picker"] {
    bottom: auto;
    top: calc(100% + 4px);
}

.tiptap-fixed-menu [data-emoji-mart-target="picker"] em-emoji-picker {
    transform: translateY(-4px) scale(0.98);
}

[data-emoji-mart-target="picker"] em-emoji-picker {
    border-radius: 14px !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: rgba(255, 255, 255, 0.85) !important;
    opacity: 0;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.08),
        0 2px 8px rgba(0, 0, 0, 0.06) !important;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    transform: translateY(4px) scale(0.98);
    animation: emojiFadeIn 0.18s ease forwards;
}

/* DARK MODE */
body[data-style-mode="dark"] [data-emoji-mart-target="picker"] em-emoji-picker {
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(30, 30, 30, 0.85) !important;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.5),
        0 2px 10px rgba(0, 0, 0, 0.4) !important;
}

@keyframes emojiFadeIn {
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}