.rfd-emoji-picker,.vep-picker,.vfs-emoji-picker{position:absolute;bottom:calc(100% + 8px);left:0;z-index:var(--z-dropdown,300);width:min(360px,96vw);background:var(--surface-card,var(--background-secondary));border:1px solid var(--border-color);border-radius:var(--border-radius-lg,16px);box-shadow:0 8px 32px rgba(0,0,0,.22),0 2px 8px rgba(0,0,0,.12);overflow:hidden;display:flex;flex-direction:column;gap:0;transform-origin:bottom left;animation:vep-picker-in .22s cubic-bezier(.34,1.56,.64,1) both}@keyframes vep-picker-in{0%{opacity:0;transform:scale(.88) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.vep-header{gap:8px;padding:10px 10px 6px;border-bottom:1px solid var(--border-color)}.vep-header,.vep-search-wrap{display:flex;align-items:center}.vep-search-wrap{flex:1;gap:6px;background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md,8px);padding:5px 8px;color:var(--text-muted);transition:border-color .15s}.vep-search-wrap:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb,99,102,241),.15)}.vep-search{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:.8rem;outline:none;min-width:0}.vep-search::-moz-placeholder{color:var(--text-muted)}.vep-search::placeholder{color:var(--text-muted)}.vep-search-clear{display:flex;align-items:center;justify-content:center;padding:1px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:3px;transition:color .12s}.vep-search-clear:hover{color:var(--text-primary)}.vep-header-actions{gap:5px;flex-shrink:0}.vep-close,.vep-header-actions{display:flex;align-items:center}.vep-close{justify-content:center;width:26px;height:26px;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s}.vep-close:hover{background:var(--surface-subtle);color:var(--text-primary)}.vep-skin-wrap{position:relative}.vep-skin-trigger{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-color);cursor:pointer;transition:border-color .15s,transform .15s}.vep-skin-trigger:hover{border-color:var(--primary-color);transform:scale(1.12)}.vep-skin-panel{position:absolute;top:calc(100% + 6px);right:0;display:flex;gap:4px;padding:6px;background:var(--surface-card,var(--background-secondary));border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.18);z-index:1;animation:vep-picker-in .16s cubic-bezier(.34,1.56,.64,1) both}.vep-skin-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s}.vep-skin-swatch:hover{transform:scale(1.18)}.vep-skin-swatch--active{border-color:var(--primary-color);transform:scale(1.12)}.vep-quick{display:flex;gap:2px;padding:6px 8px;border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none}.vep-quick::-webkit-scrollbar{display:none}.vep-tabs{display:flex;gap:2px;padding:4px 8px;border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none}.vep-tabs::-webkit-scrollbar{display:none}.vep-tab{display:flex;align-items:center;justify-content:center;width:30px;height:26px;background:none;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;color:var(--text-muted);flex-shrink:0;transition:background .12s,color .12s,transform .15s}.vep-tab:hover{background:var(--surface-subtle);transform:translateY(-1px)}.vep-tab--active{background:var(--primary-color);color:var(--text-on-primary,#fff)}.vep-tab--active:hover{background:var(--primary-hover,var(--primary-color));transform:none}.vep-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.vep-grid .vep-emoji-btn{animation:vep-cascade .38s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--i, 0) * 18ms)}@keyframes vep-cascade{0%{opacity:0;transform:perspective(400px) rotateX(-50deg) translateZ(-20px) scale(.7)}to{opacity:1;transform:perspective(400px) rotateX(0deg) translateZ(0) scale(1)}}.vep-grid--recent .vep-emoji-btn{animation:vep-resurface .45s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--i, 0) * 22ms)}@keyframes vep-resurface{0%{opacity:0;transform:perspective(500px) translateZ(-60px) translateY(14px) scale(.65);filter:none}50%{filter:none}to{opacity:1;transform:perspective(500px) translateZ(0) translateY(0) scale(1);filter:none}}.vep-emoji-btn:first-child{--i:0}.vep-emoji-btn:nth-child(2){--i:1}.vep-emoji-btn:nth-child(3){--i:2}.vep-emoji-btn:nth-child(4){--i:3}.vep-emoji-btn:nth-child(5){--i:4}.vep-emoji-btn:nth-child(6){--i:5}.vep-emoji-btn:nth-child(7){--i:6}.vep-emoji-btn:nth-child(8){--i:7}.vep-emoji-btn:nth-child(9){--i:8}.vep-emoji-btn:nth-child(10){--i:9}.vep-emoji-btn:nth-child(11){--i:10}.vep-emoji-btn:nth-child(12){--i:11}.vep-emoji-btn:nth-child(13){--i:12}.vep-emoji-btn:nth-child(14){--i:13}.vep-emoji-btn:nth-child(15){--i:14}.vep-emoji-btn:nth-child(16){--i:15}.vep-emoji-btn:nth-child(17){--i:16}.vep-emoji-btn:nth-child(18){--i:17}.vep-emoji-btn:nth-child(19){--i:18}.vep-emoji-btn:nth-child(20){--i:19}.vep-emoji-btn:nth-child(21){--i:20}.vep-emoji-btn:nth-child(22){--i:21}.vep-emoji-btn:nth-child(23){--i:22}.vep-emoji-btn:nth-child(24){--i:23}.vep-emoji-btn:nth-child(25){--i:24}.vep-emoji-btn:nth-child(26){--i:25}.vep-emoji-btn:nth-child(27){--i:26}.vep-emoji-btn:nth-child(28){--i:27}.vep-emoji-btn:nth-child(29){--i:28}.vep-emoji-btn:nth-child(30){--i:29}.vep-emoji-btn:nth-child(31){--i:30}.vep-emoji-btn:nth-child(32){--i:31}.vep-emoji-btn:nth-child(33){--i:32}.vep-emoji-btn:nth-child(34){--i:33}.vep-emoji-btn:nth-child(35){--i:34}.vep-emoji-btn:nth-child(36){--i:35}.vep-emoji-btn:nth-child(37){--i:36}.vep-emoji-btn:nth-child(38){--i:37}.vep-emoji-btn:nth-child(39){--i:38}.vep-emoji-btn:nth-child(40){--i:39}.vep-emoji-btn:nth-child(41){--i:40}.vep-emoji-btn:nth-child(42){--i:41}.vep-emoji-btn:nth-child(43){--i:42}.vep-emoji-btn:nth-child(44){--i:43}.vep-emoji-btn:nth-child(45){--i:44}.vep-emoji-btn:nth-child(46){--i:45}.vep-emoji-btn:nth-child(47){--i:46}.vep-emoji-btn:nth-child(48){--i:47}.vep-emoji-btn:nth-child(n+49){--i:48}.vep-emoji-btn{display:flex;align-items:center;justify-content:center;font-size:1.35rem;width:100%;aspect-ratio:1;background:none;border:none;border-radius:8px;cursor:pointer;line-height:1;transition:background .1s,transform .1s;will-change:transform}.vep-emoji-btn:hover{background:var(--surface-subtle);transform:scale(1.22) translateY(-2px)}.vep-emoji-btn:active{transform:scale(.9)}.vep-emoji-btn--pop{animation:vep-jump-pop .42s cubic-bezier(.22,1,.36,1) both!important;pointer-events:none}@keyframes vep-jump-pop{0%{transform:scale(1) translateY(0) rotate3d(1,.3,0,0deg)}25%{transform:scale(1.45) translateY(-14px) rotate3d(1,.3,0,-25deg)}55%{transform:scale(1.2) translateY(-6px) rotate3d(1,.3,0,10deg)}75%{transform:scale(.95) translateY(2px) rotate3d(1,.3,0,-5deg)}to{transform:scale(1) translateY(0) rotate3d(1,.3,0,0deg)}}.vep-grid-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 0;color:var(--text-muted);font-size:.8rem}.vep-grid-empty span{font-size:2rem}.rfd-emoji-picker{animation:vep-picker-in .22s cubic-bezier(.34,1.56,.64,1) both}.rfd-emoji-grid .rfd-emoji-btn{animation:vep-cascade .38s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--i, 0) * 18ms)}.rfd-emoji-btn{will-change:transform}.rfd-emoji-btn:hover{transform:scale(1.22) translateY(-2px)}.rfd-emoji-btn--pop{animation:vep-jump-pop .42s cubic-bezier(.22,1,.36,1) both!important}.rfd-emoji-grid .rfd-emoji-btn:first-child{--i:0}.rfd-emoji-grid .rfd-emoji-btn:nth-child(2){--i:1}.rfd-emoji-grid .rfd-emoji-btn:nth-child(3){--i:2}.rfd-emoji-grid .rfd-emoji-btn:nth-child(4){--i:3}.rfd-emoji-grid .rfd-emoji-btn:nth-child(5){--i:4}.rfd-emoji-grid .rfd-emoji-btn:nth-child(6){--i:5}.rfd-emoji-grid .rfd-emoji-btn:nth-child(7){--i:6}.rfd-emoji-grid .rfd-emoji-btn:nth-child(8){--i:7}.rfd-emoji-grid .rfd-emoji-btn:nth-child(9){--i:8}.rfd-emoji-grid .rfd-emoji-btn:nth-child(10){--i:9}.rfd-emoji-grid .rfd-emoji-btn:nth-child(11){--i:10}.rfd-emoji-grid .rfd-emoji-btn:nth-child(12){--i:11}.rfd-emoji-grid .rfd-emoji-btn:nth-child(13){--i:12}.rfd-emoji-grid .rfd-emoji-btn:nth-child(14){--i:13}.rfd-emoji-grid .rfd-emoji-btn:nth-child(15){--i:14}.rfd-emoji-grid .rfd-emoji-btn:nth-child(16){--i:15}.rfd-emoji-grid .rfd-emoji-btn:nth-child(17){--i:16}.rfd-emoji-grid .rfd-emoji-btn:nth-child(18){--i:17}.rfd-emoji-grid .rfd-emoji-btn:nth-child(19){--i:18}.rfd-emoji-grid .rfd-emoji-btn:nth-child(20){--i:19}.rfd-emoji-grid .rfd-emoji-btn:nth-child(21){--i:20}.rfd-emoji-grid .rfd-emoji-btn:nth-child(22){--i:21}.rfd-emoji-grid .rfd-emoji-btn:nth-child(23){--i:22}.rfd-emoji-grid .rfd-emoji-btn:nth-child(24){--i:23}.rfd-emoji-grid .rfd-emoji-btn:nth-child(n+25){--i:24}.vfs-emoji-picker{animation:vep-picker-in .22s cubic-bezier(.34,1.56,.64,1) both}.vfs-emoji-grid .vfs-emoji-btn{animation:vep-cascade .38s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--i, 0) * 18ms)}.vfs-emoji-btn{will-change:transform}.vfs-emoji-btn:hover{transform:scale(1.22) translateY(-2px)}.vfs-emoji-btn--pop{animation:vep-jump-pop .42s cubic-bezier(.22,1,.36,1) both!important}.vfs-emoji-grid .vfs-emoji-btn:first-child{--i:0}.vfs-emoji-grid .vfs-emoji-btn:nth-child(2){--i:1}.vfs-emoji-grid .vfs-emoji-btn:nth-child(3){--i:2}.vfs-emoji-grid .vfs-emoji-btn:nth-child(4){--i:3}.vfs-emoji-grid .vfs-emoji-btn:nth-child(5){--i:4}.vfs-emoji-grid .vfs-emoji-btn:nth-child(6){--i:5}.vfs-emoji-grid .vfs-emoji-btn:nth-child(7){--i:6}.vfs-emoji-grid .vfs-emoji-btn:nth-child(8){--i:7}.vfs-emoji-grid .vfs-emoji-btn:nth-child(9){--i:8}.vfs-emoji-grid .vfs-emoji-btn:nth-child(10){--i:9}.vfs-emoji-grid .vfs-emoji-btn:nth-child(11){--i:10}.vfs-emoji-grid .vfs-emoji-btn:nth-child(12){--i:11}.vfs-emoji-grid .vfs-emoji-btn:nth-child(13){--i:12}.vfs-emoji-grid .vfs-emoji-btn:nth-child(14){--i:13}.vfs-emoji-grid .vfs-emoji-btn:nth-child(15){--i:14}.vfs-emoji-grid .vfs-emoji-btn:nth-child(16){--i:15}.vfs-emoji-grid .vfs-emoji-btn:nth-child(17){--i:16}.vfs-emoji-grid .vfs-emoji-btn:nth-child(18){--i:17}.vfs-emoji-grid .vfs-emoji-btn:nth-child(19){--i:18}.vfs-emoji-grid .vfs-emoji-btn:nth-child(20){--i:19}.vfs-emoji-grid .vfs-emoji-btn:nth-child(21){--i:20}.vfs-emoji-grid .vfs-emoji-btn:nth-child(22){--i:21}.vfs-emoji-grid .vfs-emoji-btn:nth-child(23){--i:22}.vfs-emoji-grid .vfs-emoji-btn:nth-child(24){--i:23}.vfs-emoji-grid .vfs-emoji-btn:nth-child(n+25){--i:24}@media (prefers-reduced-motion:reduce){.rfd-emoji-grid .rfd-emoji-btn,.vep-emoji-btn,.vep-emoji-btn--pop,.vep-grid .vep-emoji-btn,.vep-grid--recent .vep-emoji-btn,.vfs-emoji-grid .vfs-emoji-btn{animation:none!important;transition:background .1s!important}.rfd-emoji-picker,.vep-picker,.vfs-emoji-picker{animation:none!important}}