.emoji-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.emoji-picker{background:rgb(42,42,42);border-radius:12px;padding:20px;box-shadow:0 10px 25px rgba(0,0,0,.2);max-width:320px;max-height:400px;overflow:hidden}.emoji-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #807d7d}.emoji-picker-header span{font-weight:600;font-size:1.5rem;color:#807d7d}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#666;padding:4px;border-radius:4px;transition:background-color .2s}.close-btn:hover{background-color:#f0f0f0}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:4px;gap:4px;max-height:300px;overflow-y:auto}.emoji-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.emoji-btn:hover{background-color:#f0f0f0;transform:scale(1.1)}.emoji-btn:active{background-color:#e0e0e0}@media (max-width:860px){.emoji-picker{max-width:100%;width:100%;height:100%;border-radius:0}.emoji-grid{grid-template-columns:repeat(10,1fr);overflow-x:hidden}}@media (max-width:600px){.emoji-picker{max-width:100%;width:100%;height:100%;border-radius:0}.emoji-grid{grid-template-columns:repeat(6,1fr);overflow-x:hidden}}