#liana-widget .lna-composer { position: relative; }
#liana-widget .lna-emoji-toggle, #liana-widget .lna-emoji-close {
    display: grid; place-items: center; flex: none; padding: 0; border: 0;
    border-radius: 50%; background: transparent; color: #766980; line-height: 1;
}
#liana-widget .lna-emoji-toggle { width: 36px; height: 36px; margin: 3px 0; }
#liana-widget .lna-emoji-toggle svg { width: 23px; height: 23px; }
#liana-widget .lna-emoji-close { width: 30px; height: 30px; }
#liana-widget .lna-emoji-close svg { width: 18px; height: 18px; }
#liana-widget .lna-emoji-toggle[aria-expanded="true"],
#liana-widget .lna-emoji-toggle:hover:enabled, #liana-widget .lna-emoji-close:hover {
    color: var(--lna-accent); background: var(--lna-soft);
}
#liana-widget .lna-emoji-toggle:disabled { opacity: .45; }
#liana-widget .lna-emoji-picker {
    position: absolute; z-index: 2; bottom: calc(100% + 8px); inset-inline-end: 0;
    width: min(100%, 286px); max-height: min(280px, 45vh); max-height: min(280px, 45dvh);
    overflow-y: auto; overscroll-behavior: contain; padding: 8px;
    background: #fff; border: 1px solid #dcd2e6; border-radius: 16px;
    box-shadow: 0 6px 24px #33244626, 0 2px 5px #3324460d;
}
#liana-widget .lna-emoji-head {
    display: flex; align-items: center; justify-content: space-between; margin: 0 3px 4px 7px;
    color: var(--lna-ink); font-size: 14px; line-height: 1.4;
}
#liana-widget .lna-emoji-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1px; }
#liana-widget .lna-emoji-choice {
    display: grid; place-items: center; min-width: 0; height: 42px; padding: 0;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
    font-size: 23px; line-height: 1; border: 0; border-radius: 9px; background: transparent;
}
#liana-widget .lna-emoji-choice:hover, #liana-widget .lna-emoji-choice:focus-visible {
    background: var(--lna-soft);
}
#liana-widget .lna-emoji-choice:focus-visible { outline-offset: -2px; }
#liana-widget .lna-emoji-feedback { display: block; color: var(--lna-muted); font-size: 12px; }
#liana-widget .lna-emoji-feedback:not(:empty) { margin: 5px 6px 3px; }
