/* Fans254 v13.6.20 — one authoritative emoji picker for Home, Story and every Group composer. */
.f254-emoji-picker{
  --f254-emoji-size:38px;
  display:block!important;
  width:100%!important;
  max-height:min(300px,38dvh)!important;
  margin:4px 0 8px!important;
  padding:0 0 10px!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  border:1px solid color-mix(in srgb,var(--f-line,#d8dde5) 82%,transparent)!important;
  border-radius:16px!important;
  background:var(--f-surface,#fff)!important;
  color:var(--f-text,#111)!important;
  box-shadow:0 12px 34px rgb(15 18 22 / 12%)!important;
  scrollbar-width:thin;
}
.f254-emoji-picker[hidden]{display:none!important}
.f254-emoji-tabs{
  position:sticky!important;top:0!important;z-index:4!important;
  display:grid!important;grid-template-columns:repeat(9,minmax(32px,1fr))!important;
  align-items:center!important;gap:2px!important;
  min-height:43px!important;padding:4px 6px 0!important;
  border:0!important;border-bottom:1px solid var(--f-line,#e5e7eb)!important;
  background:color-mix(in srgb,var(--f-surface,#fff) 94%,transparent)!important;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.f254-emoji-tab{
  appearance:none!important;display:grid!important;place-items:center!important;
  width:100%!important;height:37px!important;min-width:0!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:10px 10px 0 0!important;background:transparent!important;
  color:var(--f-muted,#6b7280)!important;cursor:pointer!important;touch-action:manipulation;
  font:inherit!important;font-size:18px!important;line-height:1!important;opacity:.78!important;
}
.f254-emoji-tab:hover{background:var(--f-surface-2,#f5f7fa)!important;opacity:1!important}
.f254-emoji-tab.is-active{color:var(--f-primary,#1d9bf0)!important;opacity:1!important;box-shadow:inset 0 -3px 0 var(--f-primary,#1d9bf0)!important}
.f254-emoji-close{font-size:22px!important;color:var(--f-text,#111)!important}
.f254-emoji-heading{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:10px!important;padding:10px 12px 6px!important}
.f254-emoji-heading strong{font-size:12px!important;font-weight:750!important;letter-spacing:-.01em!important}
.f254-emoji-heading small{font-size:10px!important;color:var(--f-muted,#6b7280)!important;white-space:nowrap!important}
.f254-emoji-grid{display:grid!important;grid-template-columns:repeat(8,minmax(34px,1fr))!important;gap:4px!important;padding:0 8px 4px!important}
.f254-emoji-choice{
  appearance:none!important;display:grid!important;place-items:center!important;
  min-width:0!important;width:100%!important;height:var(--f254-emoji-size)!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:10px!important;background:transparent!important;cursor:pointer!important;
  font:inherit!important;font-size:23px!important;line-height:1!important;touch-action:manipulation;
  transition:transform .12s ease,background .12s ease;
}
.f254-emoji-choice:hover,.f254-emoji-choice:focus-visible{background:var(--f-surface-2,#f3f4f6)!important;outline:none!important}
.f254-emoji-choice:active{transform:scale(.9)}
/* Legacy group/create selectors are intentionally made layout-neutral; the shared root above owns the geometry. */
.f254-group-emoji-picker.f254-emoji-picker,.f254-create-emoji-picker.f254-emoji-picker{grid-template-columns:none!important;gap:initial!important}
.f254-group-emoji-tabs,.f254-create-emoji-tabs,.f254-group-emoji-grid,.f254-create-emoji-grid{display:contents}
@media(max-width:760px){
  .f254-emoji-picker{--f254-emoji-size:36px;max-height:min(282px,36dvh)!important;border-radius:14px!important}
  .f254-emoji-grid{grid-template-columns:repeat(8,minmax(31px,1fr))!important;gap:2px!important;padding-inline:6px!important}
  .f254-emoji-tabs{grid-template-columns:repeat(9,minmax(28px,1fr))!important;padding-inline:4px!important}
  .f254-emoji-heading{padding:8px 9px 5px!important}
  .f254-emoji-heading small{display:none!important}
}
html[data-theme="dark"] .f254-emoji-picker{box-shadow:0 14px 34px rgb(0 0 0 / 34%)!important}
@media(prefers-reduced-motion:reduce){.f254-emoji-choice{transition:none!important}}