body { font-family: sans-serif; padding: 20px; }

button { padding: 10px 15px; border: none; border-radius: 5px; cursor: pointer; }

.popup {
  display: none; 
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,0.5); 
  justify-content: center; align-items: center;
}
.popup-content {
  background: #fff; padding: 20px; border-radius: 8px; width: 400px; max-height: 80%;
  overflow-y: auto;
}
.close { float: right; cursor: pointer; font-size: 20px; }
.tabs { margin: 10px 0; }
.tab-btn { margin-right: 5px; padding: 5px 10px; cursor: pointer; }
.tab-content { display: none; }
.emoji-list { font-size: 24px; cursor: pointer; line-height: 2em; }
#sticker-list img { width: 80px; margin: 5px; cursor: pointer; border-radius: 6px; }